@codeleap/styles 5.7.0 → 5.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/styles",
-  "version": "5.7.0",
+  "version": "5.7.1",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,7 +9,7 @@
     "directory": "packages/styles"
   },
   "devDependencies": {
-    "@codeleap/config": "5.7.0",
+    "@codeleap/config": "5.7.1",
     "ts-node-dev": "^1.1.8"
   },
   "scripts": {

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/styles",
-  "version": "5.7.0",
+  "version": "5.7.1",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/lib/createTheme.ts

@@ -95,6 +95,17 @@ export const createTheme = <T extends Theme>(theme: T, themePersistor: ThemePers
 
       themePersistor.set(alternateColorsKey, unpersistedAlternateColors)
     },
+    ejectColorScheme(name) {
+      themeStore.ejectColorScheme(name)
+
+      const persistedAlternateColors = themePersistor.get(alternateColorsKey)
+
+      if (name in persistedAlternateColors) {
+        delete persistedAlternateColors[name]
+      }
+
+      themePersistor.set(alternateColorsKey, persistedAlternateColors)
+    },
 
     baseSpacing: theme.baseSpacing,
 

package/src/lib/themeStore.ts

@@ -56,11 +56,11 @@ class ThemeStore {
   private getBaseColorScheme(): ColorMap {
     const alternateColors = this.alternateColorsScheme ?? {}
     const colorSchemeKeys = Object.keys(alternateColors)
-    
+
     if (colorSchemeKeys.length === 0) {
       return {}
     }
-    
+
     return alternateColors[colorSchemeKeys[0]] ?? {}
   }
 
@@ -74,20 +74,32 @@ class ThemeStore {
       [name]: {
         ...baseColors,
         ...colors,
-      }
+      },
     }
-    
+
     this.setAlternateColorsScheme(alternateColors)
 
     return alternateColors
   }
+
+  ejectColorScheme(name:string) {
+    const currentAlternateColors = this.alternateColorsScheme ?? {}
+
+    if (name in currentAlternateColors) {
+      delete currentAlternateColors[name]
+    }
+
+    this.setAlternateColorsScheme(currentAlternateColors)
+
+    return currentAlternateColors
+  }
 }
 
 export const themeStore = new ThemeStore()
 
 export const themeStoreComputed = computed([
-  themeStore['themeStore'], 
-  themeStore['colorSchemeStore'], 
+  themeStore.themeStore,
+  themeStore.colorSchemeStore,
 ], (theme, colorScheme) => ({
   theme: theme as unknown as AppTheme<Theme>,
   colorScheme,

package/src/types/theme.ts

@@ -78,6 +78,7 @@ type PredefinedAppTheme<T extends Theme> = PredefinedThemeDerivedValues<T> & {
   setColorScheme: (colorScheme: string) => void
   currentColorScheme: () => ColorScheme<T>
   injectColorScheme: (name: string, colorMap: ColorMap) => void
+  ejectColorScheme: (name: string) => void
   spacing: SpacingMap
   media: MediaQueries
   border: BorderCreator