@breadstone/mosaik-themes 0.0.46 → 0.0.48

package/Themes/cosmopolitan.scss

@@ -1785,7 +1785,7 @@ $cell-group-props: (
   'font-weight': var(--cosmopolitan-typography-content-font-weight),
   'gap': unset,
   'inline-end': 0,
-  'inline-start': calc(var(--joy-layout-space)*2),
+  'inline-start': calc(var(--cosmopolitan-layout-space)*2),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -1979,7 +1979,7 @@ $check-box-group-props: (
   'font-text-transform': unset,
   'font-weight': unset,
   'foreground-color': unset,
-  'gap': var(--retro-layout-space),
+  'gap': var(--cosmopolitan-layout-space),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -3641,6 +3641,31 @@ $image-props: (
   'transition-property': unset,
   'translate': unset
 );
+$indicator-props: (
+  'background-color': transparent,
+  'border-color': transparent,
+  'border-radius': 0px,
+  'border-style': solid,
+  'border-width': 0px,
+  'font-family': var(--cosmopolitan-font-family),
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': 12px,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': normal,
+  'foreground-color': var(--cosmopolitan-scheme-middlelight),
+  'gap': var(--cosmopolitan-layout-space),
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'shadow': var(--cosmopolitan-elevation-none),
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': all,
+  'translate': unset
+);
 $ink-bar-props: (
   'background-color': unset,
   'border-color': unset,

package/Themes/joy.scss

@@ -2619,7 +2619,7 @@ $check-box-group-props: (
   'font-text-transform': unset,
   'font-weight': unset,
   'foreground-color': unset,
-  'gap': var(--retro-layout-space),
+  'gap': var(--joy-layout-space),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -4161,7 +4161,7 @@ $footer-props: (
   'border-color': var(--joy-scheme-background),
   'border-radius': 0,
   'border-style': none,
-  'border-width': var(--retro-layout-thickness),
+  'border-width': var(--joy-layout-thickness),
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -4393,6 +4393,31 @@ $image-props: (
   'transition-property': (color, background-color, border-color, opacity, box-shadow),
   'translate': unset
 );
+$indicator-props: (
+  'background-color': transparent,
+  'border-color': transparent,
+  'border-radius': 0px,
+  'border-style': solid,
+  'border-width': 0px,
+  'font-family': var(--joy-font-family),
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': 12px,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': normal,
+  'foreground-color': var(--joy-scheme-middlelight),
+  'gap': var(--joy-layout-space),
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'shadow': var(--joy-elevation-none),
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': all,
+  'translate': unset
+);
 $ink-bar-props: (
   'background-color': var(--joy-scheme-background),
   'border-color': unset,
@@ -4948,7 +4973,7 @@ $page-menu-props: (
   'font-text-transform': unset,
   'font-weight': normal,
   'foreground-color': var(--joy-scheme-foreground),
-  'gap': calc(var(--retro-layout-space) * 2),
+  'gap': calc(var(--joy-layout-space) * 2),
   'height': 64px,
   'line-height': 28px,
   'padding-bottom': 8px,
@@ -6679,10 +6704,10 @@ $toolbar-props: (
   'gap': 16px,
   'height': 64px,
   'line-height': 28px,
-  'padding-bottom': var(--retro-layout-space),
-  'padding-left': calc(var(--retro-layout-space) * 2),
-  'padding-right': calc(var(--retro-layout-space) * 2),
-  'padding-top': var(--retro-layout-space),
+  'padding-bottom': var(--joy-layout-space),
+  'padding-left': calc(var(--joy-layout-space) * 2),
+  'padding-right': calc(var(--joy-layout-space) * 2),
+  'padding-top': var(--joy-layout-space),
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,

package/Themes/retro.scss

@@ -2199,7 +2199,7 @@ $cell-group-props: (
   'font-weight': var(--retro-typography-overline-font-weight),
   'gap': unset,
   'inline-end': 0,
-  'inline-start': calc(var(--joy-layout-space)*2),
+  'inline-start': calc(var(--retro-layout-space)*2),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -4089,6 +4089,31 @@ $image-props: (
   'transition-property': unset,
   'translate': unset
 );
+$indicator-props: (
+  'background-color': transparent,
+  'border-color': transparent,
+  'border-radius': 0px,
+  'border-style': solid,
+  'border-width': 0px,
+  'font-family': var(--retro-font-family),
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': 12px,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': normal,
+  'foreground-color': var(--retro-scheme-middlelight),
+  'gap': var(--retro-layout-space),
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'shadow': var(--retro-elevation-none),
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': all,
+  'translate': unset
+);
 $ink-bar-props: (
   'background-color': var(--retro-scheme-highlight),
   'border-color': var(--retro-scheme-contrast),
@@ -6409,7 +6434,7 @@ $toggle-switch-props: (
   'font-text-decoration': unset,
   'font-text-transform': unset,
   'font-weight': unset,
-  'gap': var(--joy-layout-space),
+  'gap': var(--retro-layout-space),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-themes",
-    "version": "0.0.46",
+    "version": "0.0.48",
     "description": "Mosaik elements various themes.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,7 +15,7 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.46",
+        "@breadstone/mosaik-elements": "^0.0.48",
         "@ctrl/tinycolor": "^4.1.0",
         "tslib": "^2.8.1"
     },