docs(changeset): Fix color-switch styles in containerized styles.

react18-tools · Jun 27, 2024 · 6e02178 · 6e02178
1 parent eedf0eb
commit 6e02178
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 12 deletions.
diff --git a/.changeset/wise-beers-compete.md b/.changeset/wise-beers-compete.md
@@ -0,0 +1,5 @@
+---
+"nextjs-themes": patch
+---
+
+Fix color-switch styles in containerized styles.
diff --git a/lib/src/client/color-switch/color-switch.module.scss b/lib/src/client/color-switch/color-switch.module.scss
@@ -12,9 +12,7 @@
   transition: all 0.3s ease-in-out 0s !important;
 }
 
-[data-csp="system"] .s::after,
-[data-csp="system"] ~ .s::after,
-[data-csp="system"] ~ * .s::after {
+.system.s::after {
   position: absolute;
   height: 100%;
   width: 100%;
@@ -28,18 +26,14 @@
   content: "A";
 }
 
-[data-csp="dark"] .s,
-[data-csp="dark"] ~ .s,
-[data-csp="dark"] ~ * .s {
+.dark.s {
   box-shadow: calc(var(--s) / 4) calc(var(--s) / -4) calc(var(--s) / 8) inset #fff;
   border: none;
   background: transparent;
   animation: a linear 0.5s;
 }
 
-[data-csp="light"] .s,
-[data-csp="light"] ~ .s,
-[data-csp="light"] ~ * .s {
+.light.s {
   box-shadow: 0 0 50px 10px yellow;
   background-color: yellow;
   border: 1px solid orangered;

diff --git a/lib/src/client/color-switch/color-switch.tsx b/lib/src/client/color-switch/color-switch.tsx
@@ -31,9 +31,9 @@ export const ColorSwitch = ({
   className,
   ...props
 }: ColorSwitchProps) => {
-  const { toggleColorScheme } = useTheme(targetSelector);
+  const { toggleColorScheme, colorSchemePref } = useTheme(targetSelector);
 
-  const cls = [styles.s, className].join(" ");
+  const cls = [styles.s, styles[colorSchemePref], className].join(" ");
   return (
     <button
       className={cls}

diff --git a/scripts/manual-publish.js b/scripts/manual-publish.js
@@ -23,7 +23,7 @@ const OLD_VERSION = pkg.version;
 
 if (!isLatestRelease) {
   /** pre-release branch name should be the tag name (e.g., beta, canery, etc.) or tag name followed by a '-' and version or other specifiers. e.g. beta-2.0 */
-  tag = BRANCH.split("-")[0];
+  tag = BRANCH.split("-")[0].replace("/", "_");
   try {
     execSync(`pnpm changeset pre enter ${tag}`);
   } catch (e) {