@symbo.ls/scratch 3.7.5 → 3.8.0

package/dist/cjs/set.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var set_exports = {};
 __export(set_exports, {
   VALUE_TRANSFORMERS: () => VALUE_TRANSFORMERS,
+  changeGlobalTheme: () => changeGlobalTheme,
   set: () => set,
   setEach: () => setEach,
   setValue: () => setValue
@@ -84,6 +85,20 @@ const setEach = (factoryName, props) => {
   });
   return CONFIG[lowerName] || CONFIG[factoryName];
 };
+const changeGlobalTheme = (newTheme) => {
+  const CONFIG = (0, import_factory.getActiveConfig)();
+  CONFIG.globalTheme = newTheme;
+  for (const key in CONFIG.CSS_VARS) {
+    if (key.startsWith("--theme-")) delete CONFIG.CSS_VARS[key];
+  }
+  for (const key in CONFIG.CSS_MEDIA_VARS) {
+    delete CONFIG.CSS_MEDIA_VARS[key];
+  }
+  if (CONFIG.theme) {
+    setEach("theme", CONFIG.theme);
+  }
+  return CONFIG;
+};
 const SET_OPTIONS = {};
 const set = (recivedConfig, options = SET_OPTIONS) => {
   let CONFIG = (0, import_factory.getActiveConfig)();

package/dist/esm/set.js

@@ -72,6 +72,20 @@ const setEach = (factoryName, props) => {
   });
   return CONFIG[lowerName] || CONFIG[factoryName];
 };
+const changeGlobalTheme = (newTheme) => {
+  const CONFIG = getActiveConfig();
+  CONFIG.globalTheme = newTheme;
+  for (const key in CONFIG.CSS_VARS) {
+    if (key.startsWith("--theme-")) delete CONFIG.CSS_VARS[key];
+  }
+  for (const key in CONFIG.CSS_MEDIA_VARS) {
+    delete CONFIG.CSS_MEDIA_VARS[key];
+  }
+  if (CONFIG.theme) {
+    setEach("theme", CONFIG.theme);
+  }
+  return CONFIG;
+};
 const SET_OPTIONS = {};
 const set = (recivedConfig, options = SET_OPTIONS) => {
   let CONFIG = getActiveConfig();
@@ -154,6 +168,7 @@ const set = (recivedConfig, options = SET_OPTIONS) => {
 };
 export {
   VALUE_TRANSFORMERS,
+  changeGlobalTheme,
   set,
   setEach,
   setValue

package/dist/iife/index.js

@@ -468,6 +468,7 @@ var SmblsScratch = (() => {
     applyTypographySequence: () => applyTypographySequence,
     breakpoints: () => breakpoints,
     cases: () => cases,
+    changeGlobalTheme: () => changeGlobalTheme,
     changeLightness: () => changeLightness,
     checkIfBoxSize: () => checkIfBoxSize,
     color: () => color,
@@ -2839,6 +2840,20 @@ var SmblsScratch = (() => {
     });
     return CONFIG2[lowerName] || CONFIG2[factoryName];
   };
+  var changeGlobalTheme = (newTheme) => {
+    const CONFIG2 = getActiveConfig();
+    CONFIG2.globalTheme = newTheme;
+    for (const key in CONFIG2.CSS_VARS) {
+      if (key.startsWith("--theme-")) delete CONFIG2.CSS_VARS[key];
+    }
+    for (const key in CONFIG2.CSS_MEDIA_VARS) {
+      delete CONFIG2.CSS_MEDIA_VARS[key];
+    }
+    if (CONFIG2.theme) {
+      setEach("theme", CONFIG2.theme);
+    }
+    return CONFIG2;
+  };
   var SET_OPTIONS = {};
   var set = (recivedConfig, options = SET_OPTIONS) => {
     let CONFIG2 = getActiveConfig();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "3.7.5",
+  "version": "3.8.0",
   "files": [
     "dist",
     "*.js",
@@ -33,8 +33,8 @@
     "prepublish": "npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/utils": "^3.7.5",
-    "@symbo.ls/smbls-utils": "^3.7.5",
+    "@domql/utils": "^3.8.0",
+    "@symbo.ls/smbls-utils": "^3.8.0",
     "color-contrast-checker": "^1.5.0"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",

package/src/set.js

@@ -92,6 +92,28 @@ export const setEach = (factoryName, props) => {
   return CONFIG[lowerName] || CONFIG[factoryName]
 }
 
+export const changeGlobalTheme = (newTheme) => {
+  const CONFIG = getActiveConfig()
+  CONFIG.globalTheme = newTheme
+
+  // Clear theme-related CSS vars
+  for (const key in CONFIG.CSS_VARS) {
+    if (key.startsWith('--theme-')) delete CONFIG.CSS_VARS[key]
+  }
+
+  // Clear all CSS_MEDIA_VARS (media queries + data-theme selectors)
+  for (const key in CONFIG.CSS_MEDIA_VARS) {
+    delete CONFIG.CSS_MEDIA_VARS[key]
+  }
+
+  // Re-process all themes with the new globalTheme
+  if (CONFIG.theme) {
+    setEach('theme', CONFIG.theme)
+  }
+
+  return CONFIG
+}
+
 const SET_OPTIONS = {}
 
 export const set = (recivedConfig, options = SET_OPTIONS) => {