@breadstone/mosaik-themes 0.0.221 → 0.0.223

package/CHANGELOG.md

@@ -1,3 +1,49 @@
+## 0.0.222 (2026-01-21)
+
+### 🚀 Features
+
+- **Cdk/Utils:** add deepMerge function for merging nested objects ([958d8b1db2](https://github.com/RueDeRennes/mosaik/commit/958d8b1db2))
+- **theme:** add theme mode support to theme preset saving and updating methods ([faf111347c](https://github.com/RueDeRennes/mosaik/commit/faf111347c))
+- **theming): update Theme2Component to include 'name' and 'global' props refactor(theming): reorganize ITheme utility functions for better clarity feat(theming): add THEME_MODES and THEME_MODES_WITH_SYSTEM constants fix(theming:** export ThemeMode and THEME_MODES from index ([5b0d68ef4a](https://github.com/RueDeRennes/mosaik/commit/5b0d68ef4a))
+
+### 🩹 Fixes
+
+- **theme:** update paths for Tailwind presets and add Snyk organization setting ([a2defd1849](https://github.com/RueDeRennes/mosaik/commit/a2defd1849))
+- **package.json:** add missing newline at end of file ([8b6d8f8c2b](https://github.com/RueDeRennes/mosaik/commit/8b6d8f8c2b))
+
+## 0.0.221 (2026-01-16)
+
+### 🩹 Fixes
+
+- **package.json:** update release version to 0.0.221 ([03ebc3de62](https://github.com/RueDeRennes/mosaik/commit/03ebc3de62))
+- **package.json:** update release version to 0.0.220 ([320c50e503](https://github.com/RueDeRennes/mosaik/commit/320c50e503))
+
+## 0.0.220 (2026-01-15)
+
+### 🩹 Fixes
+
+- **Sandbox.json): update theme import paths for consistency in SCSS usage fix(package.json:** increment release version to 0.0.219 ([57dce3aace](https://github.com/RueDeRennes/mosaik/commit/57dce3aace))
+- **_index.scss:** correct theme import paths to lowercase for consistency ([2a083a7608](https://github.com/RueDeRennes/mosaik/commit/2a083a7608))
+
+## 0.0.218 (2026-01-15)
+
+### 🚀 Features
+
+- **meter:** enhance MeterRing and MeterBar components with new styles and properties ([026b313a58](https://github.com/RueDeRennes/mosaik/commit/026b313a58))
+- **badge:** enhance styling and theming for Memphis and Joy badges ([98af94984e](https://github.com/RueDeRennes/mosaik/commit/98af94984e))
+
+## 0.0.217 (2026-01-09)
+
+### 🚀 Features
+
+- **theme:** update transition properties and add new component tokens for Joy and Memphis themes ([904888d0f5](https://github.com/RueDeRennes/mosaik/commit/904888d0f5))
+- **llms:** add new components and llms plugin for documentation generation ([3c4d1ad7a1](https://github.com/RueDeRennes/mosaik/commit/3c4d1ad7a1))
+
+### 🩹 Fixes
+
+- **tailwind:** update copy command for CSS presets to use cp instead of rsync ([7e75cb5b81](https://github.com/RueDeRennes/mosaik/commit/7e75cb5b81))
+- **tailwind:** replace cp with rsync for copying CSS presets ([1c7ceea1d4](https://github.com/RueDeRennes/mosaik/commit/1c7ceea1d4))
+
 ## 0.0.216 (2026-01-04)
 
 This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.

package/_index.scss

@@ -1,4 +1,4 @@
-@use './themes/cosmopolitan.scss' as cosmopolitan;
+@use './themes/cosmopolitan' as cosmopolitan;
 @use './themes/joy' as joy;
 @use './themes/memphis' as memphis;
 @mixin cosmopolitan-style($radius: cosmopolitan.$layout-radius, $thickness: cosmopolitan.$layout-thickness, $space: cosmopolitan.$layout-space) {

package/index.cjs

@@ -2795,6 +2795,15 @@ exports.ThemePalette = void 0;
   }
   __name(getScheme, "getScheme");
   ITheme2.getScheme = getScheme;
+  function getPalette(theme, mode, semanticColor) {
+    const paletteEntry = theme.palette[mode][semanticColor];
+    if (!exports.ThemePalette.isThemePalette(paletteEntry)) {
+      throw new Error(`Palette '${semanticColor}' is not a valid theme palette for mode '${mode}'.`);
+    }
+    return paletteEntry;
+  }
+  __name(getPalette, "getPalette");
+  ITheme2.getPalette = getPalette;
   function getSchemeColor(theme, mode, role) {
     const scheme = theme.scheme[mode];
     const color = scheme[role];
@@ -2805,15 +2814,6 @@ exports.ThemePalette = void 0;
   }
   __name(getSchemeColor, "getSchemeColor");
   ITheme2.getSchemeColor = getSchemeColor;
-  function getPalette(theme, mode, semanticColor) {
-    const paletteEntry = theme.palette[mode][semanticColor];
-    if (!exports.ThemePalette.isThemePalette(paletteEntry)) {
-      throw new Error(`Palette '${semanticColor}' is not a valid theme palette for mode '${mode}'.`);
-    }
-    return paletteEntry;
-  }
-  __name(getPalette, "getPalette");
-  ITheme2.getPalette = getPalette;
   function getPaletteColor(theme, mode, semanticColor, shade) {
     const palette = getPalette(theme, mode, semanticColor);
     const color = palette[shade];
@@ -2824,6 +2824,11 @@ exports.ThemePalette = void 0;
   }
   __name(getPaletteColor, "getPaletteColor");
   ITheme2.getPaletteColor = getPaletteColor;
+  function getElevationShadow(theme, mode, key) {
+    return theme.elevation[mode][key];
+  }
+  __name(getElevationShadow, "getElevationShadow");
+  ITheme2.getElevationShadow = getElevationShadow;
 })(exports.ITheme || (exports.ITheme = {}));
 exports.ITheme = void 0;
 
@@ -2857,6 +2862,12 @@ exports.ITheme = void 0;
 })(exports.ThemeScheme || (exports.ThemeScheme = {}));
 exports.ThemeScheme = void 0;
 
+// src/Theming/Utils/ThemeMode.ts
+var THEME_MODES = [
+  "dark",
+  "light"
+];
+
 // src/Theming/Adapters/BrowserPlatformAdapter.ts
 var BrowserPlatformAdapter = class {
   static {
@@ -3162,35 +3173,55 @@ var MaterialThemeGeneratorStrategy = class {
    */
   generateScheme(baseColor, mode) {
     const baseChroma = chroma__default.default(baseColor);
-    const luminance = baseChroma.luminance();
-    const isDarkBase = luminance < 0.3;
-    const adjustColor = /* @__PURE__ */ __name((color, targetAmount) => {
+    const baseLuminance = baseChroma.luminance();
+    const adjustColor = /* @__PURE__ */ __name((color, amount, minLuminance = 0.02, maxLuminance = 0.98) => {
       const c = chroma__default.default(color);
-      const currentLuminance = c.luminance();
-      if (currentLuminance < 0.15 && targetAmount < 0) {
-        return c.brighten(Math.abs(targetAmount / 25.5)).hex();
+      const factor = Math.abs(amount) / 25.5;
+      let result = amount > 0 ? c.brighten(factor) : c.darken(factor);
+      const resultLuminance = result.luminance();
+      if (resultLuminance < minLuminance) {
+        result = chroma__default.default(result).luminance(minLuminance);
+      } else if (resultLuminance > maxLuminance) {
+        result = chroma__default.default(result).luminance(maxLuminance);
       }
-      if (targetAmount > 0) {
-        return c.brighten(targetAmount / 25.5).hex();
+      return result.hex();
+    }, "adjustColor");
+    const generateForeground = /* @__PURE__ */ __name(() => {
+      if (mode === "light") {
+        const darkened = baseChroma.darken(4).saturate(-0.3);
+        const targetLuminance2 = Math.min(darkened.luminance(), 0.08);
+        return chroma__default.default(darkened).luminance(targetLuminance2).hex();
       }
-      const darkened = c.darken(Math.abs(targetAmount / 25.5));
-      if (darkened.luminance() < 0.02) {
-        return c.brighten(Math.abs(targetAmount / 50)).hex();
+      const lightened = baseChroma.brighten(4).saturate(-0.3);
+      const targetLuminance = Math.max(lightened.luminance(), 0.85);
+      return chroma__default.default(lightened).luminance(targetLuminance).hex();
+    }, "generateForeground");
+    const generateSurface = /* @__PURE__ */ __name(() => {
+      if (mode === "light") {
+        return baseLuminance > 0.9 ? adjustColor(baseColor, -8) : adjustColor(baseColor, 8);
       }
-      return darkened.hex();
-    }, "adjustColor");
+      return adjustColor(baseColor, 15);
+    }, "generateSurface");
+    const generateHighlight = /* @__PURE__ */ __name(() => mode === "light" ? adjustColor(baseColor, -15, 0.05, 0.95) : adjustColor(baseColor, 20, 0.05, 0.95), "generateHighlight");
+    const generateMiddlelight = /* @__PURE__ */ __name(() => mode === "light" ? adjustColor(baseColor, -30, 0.1, 0.9) : adjustColor(baseColor, 35, 0.1, 0.9), "generateMiddlelight");
+    const generateLowlight = /* @__PURE__ */ __name(() => mode === "light" ? adjustColor(baseColor, -50, 0.15, 0.85) : adjustColor(baseColor, 55, 0.15, 0.85), "generateLowlight");
+    const generateDisabled = /* @__PURE__ */ __name(() => {
+      const desaturated = baseChroma.desaturate(2);
+      return mode === "light" ? chroma__default.default(desaturated).darken(0.5).hex() : chroma__default.default(desaturated).brighten(0.5).hex();
+    }, "generateDisabled");
+    const foreground = generateForeground();
     return {
-      surface: adjustColor(baseColor, mode === "dark" ? -10 : 10),
+      surface: generateSurface(),
       background: baseColor,
-      foreground: adjustColor(baseColor, mode === "dark" ? 190 : -190),
-      highlight: adjustColor(baseColor, mode === "dark" ? 30 : -30),
-      middlelight: adjustColor(baseColor, isDarkBase ? 50 : -50),
-      lowlight: adjustColor(baseColor, isDarkBase ? 80 : -80),
+      foreground,
+      highlight: generateHighlight(),
+      middlelight: generateMiddlelight(),
+      lowlight: generateLowlight(),
       transparent: `${baseColor}00`,
-      semiTransparent: `${baseColor}aa`,
-      disabled: adjustColor(baseColor, isDarkBase ? 40 : -40),
-      contrast: adjustColor(baseColor, mode === "dark" ? 190 : -190),
-      selection: adjustColor(baseColor, mode === "dark" ? 30 : -30)
+      semiTransparent: chroma__default.default(baseColor).alpha(0.67).hex(),
+      disabled: generateDisabled(),
+      contrast: foreground,
+      selection: generateHighlight()
     };
   }
 };
@@ -3763,6 +3794,7 @@ exports.MaterialThemeGeneratorStrategy = MaterialThemeGeneratorStrategy;
 exports.MemphisThemeGeneratorStrategy = MemphisThemeGeneratorStrategy;
 exports.NodePlatformAdapter = NodePlatformAdapter;
 exports.PlatformAdapterFactory = PlatformAdapterFactory;
+exports.THEME_MODES = THEME_MODES;
 exports.TailwindThemeGeneratorStrategy = TailwindThemeGeneratorStrategy;
 exports.ThemeGenerator = ThemeGenerator;
 exports.ThemeGeneratorServiceLocator = ThemeGeneratorServiceLocator;