@breadstone/mosaik-themes 0.0.29 → 0.0.31

package/Themes/cosmopolitan.scss

@@ -1366,7 +1366,9 @@ $box-props: (
   'border-radius': unset,
   'border-style': unset,
   'border-width': unset,
-  'foreground-color': unset
+  'foreground-color': unset,
+  'height': auto,
+  'width': auto
 );
 
 $breadcrumb-props: (
@@ -1429,6 +1431,7 @@ $button-props: (
   'border-radius': var(--cosmopolitan-layout-radius),
   'border-style': solid,
   'border-width': var(--cosmopolitan-layout-thickness),
+  'focus-ring-color': var(--cosmopolitan-scheme-highlight),
   'foreground-color': var(--cosmopolitan-scheme-foreground),
   'height': auto,
   'progress-thickness': var(--cosmopolitan-layout-thickness),
@@ -3159,11 +3162,11 @@ $empty-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': unset,
+  'padding-right': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'gap': unset,
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
@@ -3175,8 +3178,7 @@ $empty-state-props: (
   'header-font-size': unset,
   'header-font-text-decoration': unset,
   'header-font-text-transform': unset,
-  'header-font-weight': unset,
-  'icon-foreground-color': unset
+  'header-font-weight': unset
 );
 
 $error-props: (
@@ -3213,15 +3215,16 @@ $error-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': unset,
+  'padding-right': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'gap': unset,
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
   'translate': "unset",
+  'foreground-color': unset,
   'header-font-family': unset,
   'header-font-letter-spacing': unset,
   'header-font-line-height': unset,
@@ -5499,15 +5502,16 @@ $success-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': unset,
+  'padding-right': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'gap': unset,
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
   'translate': "unset",
+  'foreground-color': unset,
   'header-font-family': unset,
   'header-font-letter-spacing': unset,
   'header-font-line-height': unset,
@@ -5761,6 +5765,32 @@ $table-cell-props: (
   'shadow': unset
 );
 
+$table-footer-props: (
+  'font-family': unset,
+  'font-size': unset,
+  'font-line-height': "unset",
+  'font-weight': unset,
+  'font-letter-spacing': "unset",
+  'font-text-decoration': "unset",
+  'font-text-transform': "unset",
+  'padding-top': unset,
+  'padding-right': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'gap': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': unset,
+  'translate': "unset",
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': unset,
+  'border-width': unset,
+  'foreground-color': unset,
+  'shadow': unset
+);
+
 $table-header-props: (
   'font-family': unset,
   'font-size': unset,

package/Themes/joy.scss

@@ -1985,7 +1985,9 @@ $box-props: (
   'border-radius': 0,
   'border-style': solid,
   'border-width': 0,
-  'foreground-color': unset
+  'foreground-color': unset,
+  'height': auto,
+  'width': auto
 );
 
 $breadcrumb-props: (
@@ -2048,6 +2050,7 @@ $button-props: (
   'border-radius': var(--joy-layout-radius),
   'border-style': solid,
   'border-width': var(--joy-layout-thickness),
+  'focus-ring-color': var(--joy-scheme-highlight),
   'foreground-color': var(--joy-scheme-foreground),
   'height': calc(calc(var(--joy-layout-space) * 5) - calc(var(--joy-layout-space) / 2)),
   'progress-thickness': var(--joy-layout-thickness),
@@ -3769,11 +3772,11 @@ $empty-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': calc(var(--joy-layout-space) * 2),
+  'padding-right': calc(var(--joy-layout-space) * 2),
+  'padding-bottom': calc(var(--joy-layout-space) * 2),
+  'padding-left': calc(var(--joy-layout-space) * 2),
+  'gap': var(--joy-layout-space),
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
@@ -3970,15 +3973,16 @@ $error-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': calc(var(--joy-layout-space) * 2),
+  'padding-right': calc(var(--joy-layout-space) * 2),
+  'padding-bottom': calc(var(--joy-layout-space) * 2),
+  'padding-left': calc(var(--joy-layout-space) * 2),
+  'gap': var(--joy-layout-space),
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
   'translate': "unset",
+  'foreground-color': unset,
   'header-font-family': var(--joy-font-family),
   'header-font-letter-spacing': var(--joy-typography-body1-letter-spacing),
   'header-font-line-height': var(--joy-typography-body1-line-height),
@@ -6235,15 +6239,16 @@ $success-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': calc(var(--joy-layout-space) * 2),
+  'padding-right': calc(var(--joy-layout-space) * 2),
+  'padding-bottom': calc(var(--joy-layout-space) * 2),
+  'padding-left': calc(var(--joy-layout-space) * 2),
+  'gap': var(--joy-layout-space),
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
   'translate': "unset",
+  'foreground-color': unset,
   'header-font-family': var(--joy-font-family),
   'header-font-letter-spacing': var(--joy-typography-body1-letter-spacing),
   'header-font-line-height': var(--joy-typography-body1-line-height),
@@ -6400,9 +6405,9 @@ $tab-strip-item-props: (
   'font-text-decoration': var(--joy-typography-button-text-decoration),
   'font-text-transform': var(--joy-typography-button-text-transform),
   'padding-top': calc(var(--joy-layout-space) * 2),
-  'padding-right': var(--joy-layout-space),
+  'padding-right': calc(var(--joy-layout-space) * 3),
   'padding-bottom': calc(var(--joy-layout-space) * 2),
-  'padding-left': var(--joy-layout-space),
+  'padding-left': calc(var(--joy-layout-space) * 3),
   'gap': var(--joy-layout-space),
   'transition-duration': .2s,
   'transition-mode': ease,
@@ -6496,6 +6501,32 @@ $table-cell-props: (
   'shadow': var(--joy-elevation-none)
 );
 
+$table-footer-props: (
+  'font-family': var(--joy-font-family),
+  'font-size': var(--joy-typography-body2-font-size),
+  'font-line-height': "unset",
+  'font-weight': bold,
+  'font-letter-spacing': "unset",
+  'font-text-decoration': "unset",
+  'font-text-transform': "unset",
+  'padding-top': calc(var(--joy-layout-space) / 2),
+  'padding-right': var(--joy-layout-space),
+  'padding-bottom': calc(var(--joy-layout-space) / 2),
+  'padding-left': var(--joy-layout-space),
+  'gap': var(--joy-layout-space),
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': all,
+  'translate': "unset",
+  'background-color': var(--joy-scheme-background),
+  'border-color': var(--joy-scheme-highlight),
+  'border-radius': var(--joy-layout-radius),
+  'border-style': solid,
+  'border-width': 0px,
+  'foreground-color': var(--joy-scheme-foreground),
+  'shadow': var(--joy-elevation-none)
+);
+
 $table-header-props: (
   'font-family': var(--joy-font-family),
   'font-size': var(--joy-typography-body2-font-size),

package/Themes/retro.scss

@@ -1765,7 +1765,9 @@ $box-props: (
   'border-radius': 0,
   'border-style': solid,
   'border-width': 0,
-  'foreground-color': unset
+  'foreground-color': unset,
+  'height': auto,
+  'width': auto
 );
 
 $breadcrumb-props: (
@@ -1828,6 +1830,7 @@ $button-props: (
   'border-radius': var(--retro-layout-radius),
   'border-style': solid,
   'border-width': var(--retro-layout-thickness),
+  'focus-ring-color': var(--retro-scheme-highlight),
   'foreground-color': var(--retro-scheme-foreground),
   'height': calc(calc(var(--retro-layout-space) * 5) - calc(var(--retro-layout-space) / 2)),
   'progress-thickness': var(--retro-layout-thickness),
@@ -3593,11 +3596,11 @@ $empty-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': calc(var(--retro-layout-space) * 2),
+  'padding-right': calc(var(--retro-layout-space) * 2),
+  'padding-bottom': calc(var(--retro-layout-space) * 2),
+  'padding-left': calc(var(--retro-layout-space) * 2),
+  'gap': var(--retro-layout-space),
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
@@ -3646,15 +3649,16 @@ $error-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': calc(var(--retro-layout-space) * 2),
+  'padding-right': calc(var(--retro-layout-space) * 2),
+  'padding-bottom': calc(var(--retro-layout-space) * 2),
+  'padding-left': calc(var(--retro-layout-space) * 2),
+  'gap': var(--retro-layout-space),
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
   'translate': "unset",
+  'foreground-color': unset,
   'header-font-family': var(--retro-font-family),
   'header-font-letter-spacing': var(--retro-typography-body1-letter-spacing),
   'header-font-line-height': var(--retro-typography-body1-line-height),
@@ -5986,15 +5990,16 @@ $success-state-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
+  'padding-top': calc(var(--retro-layout-space) * 2),
+  'padding-right': calc(var(--retro-layout-space) * 2),
+  'padding-bottom': calc(var(--retro-layout-space) * 2),
+  'padding-left': calc(var(--retro-layout-space) * 2),
+  'gap': var(--retro-layout-space),
   'transition-duration': "unset",
   'transition-mode': "unset",
   'transition-property': unset,
   'translate': "unset",
+  'foreground-color': unset,
   'header-font-family': var(--retro-font-family),
   'header-font-letter-spacing': var(--retro-typography-body1-letter-spacing),
   'header-font-line-height': var(--retro-typography-body1-line-height),
@@ -6252,6 +6257,32 @@ $table-cell-props: (
   'shadow': var(--retro-elevation-none)
 );
 
+$table-footer-props: (
+  'font-family': var(--retro-font-family),
+  'font-size': var(--retro-typography-body2-font-size),
+  'font-line-height': "unset",
+  'font-weight': bold,
+  'font-letter-spacing': "unset",
+  'font-text-decoration': "unset",
+  'font-text-transform': "unset",
+  'padding-top': calc(var(--retro-layout-space) / 2),
+  'padding-right': var(--retro-layout-space),
+  'padding-bottom': calc(var(--retro-layout-space) / 2),
+  'padding-left': var(--retro-layout-space),
+  'gap': var(--retro-layout-space),
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': all,
+  'translate': "unset",
+  'background-color': var(--retro-scheme-background),
+  'border-color': var(--retro-scheme-contrast),
+  'border-radius': var(--retro-layout-radius),
+  'border-style': solid,
+  'border-width': 0px,
+  'foreground-color': var(--retro-scheme-foreground),
+  'shadow': var(--retro-elevation-none)
+);
+
 $table-header-props: (
   'font-family': var(--retro-font-family),
   'font-size': var(--retro-typography-body2-font-size),
@@ -6481,7 +6512,6 @@ $time-box-props: (
   'border-radius': unset,
   'border-style': unset,
   'border-width': unset,
-  'calnedar-item-background-color': unset,
   'color': unset,
   'foreground-color': unset,
   'height': unset,

package/package.json

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

package/Theming/Tokens/DefaultTokens.d.ts

@@ -1,10 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const NAME = "default";
-export declare const FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
-export declare const LAYOUT_RADIUS = "12px";
-export declare const LAYOUT_SPACE = "8px";
-export declare const LAYOUT_THICKNESS = "2px";
-export declare const ELEVATION_NONE = "none";
-//# sourceMappingURL=DefaultTokens.d.ts.map

package/Theming/Tokens/DefaultTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultTokens.d.ts","sourceRoot":"","sources":["../../../src/Theming/Tokens/DefaultTokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,WAAW,2CAA2C,CAAC;AACpE,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAClC,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AACtC,eAAO,MAAM,cAAc,SAAS,CAAC"}

package/Theming/Tokens/DefaultTokens.js

@@ -1,10 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export const NAME = "default";
-export const FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
-export const LAYOUT_RADIUS = "12px";
-export const LAYOUT_SPACE = "8px";
-export const LAYOUT_THICKNESS = "2px";
-export const ELEVATION_NONE = "none";
-//# sourceMappingURL=DefaultTokens.js.map

package/Theming/Tokens/DefaultTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultTokens.js","sourceRoot":"","sources":["../../../src/Theming/Tokens/DefaultTokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC;AAC9B,MAAM,CAAC,MAAM,WAAW,GAAG,wCAAwC,CAAC;AACpE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC;AACpC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC;AAClC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC"}