@breadstone/mosaik-themes 0.0.120 → 0.0.122

package/Themes/cosmopolitan.scss

@@ -2849,6 +2849,24 @@ $divider-props: (
   'transition-property': unset,
   'translate': unset
 );
+$dock-panel-props: (
+  'font-family': unset,
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': unset,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': unset,
+  'gap': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': unset,
+  'translate': unset
+);
 $dot-props: (
   'background-color': unset,
   'border-color': unset,
@@ -6216,6 +6234,30 @@ $toggle-button-props: (
   'translate': none,
   'width': auto
 );
+$toggle-button-group-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': unset,
+  'border-width': unset,
+  'font-family': unset,
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': unset,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': unset,
+  'foreground-color': unset,
+  'gap': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': (unset),
+  'translate': unset
+);
 $toggle-switch-props: (
   'background-color': unset,
   'border-color': unset,

package/Themes/joy.scss

@@ -3466,6 +3466,24 @@ $divider-props: (
   'transition-property': (background-color, color),
   'translate': unset
 );
+$dock-panel-props: (
+  'font-family': unset,
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': unset,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': unset,
+  'gap': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': unset,
+  'translate': unset
+);
 $dot-props: (
   'background-color': var(--joy-color-neutral-500),
   'border-color': var(--joy-scheme-highlight),
@@ -5372,9 +5390,9 @@ $qr-code-props: (
   'translate': unset
 );
 $radio-props: (
-  'background-color': var(--joy-color-neutral-50),
+  'background-color': var(--joy-scheme-background),
   'border-color': var(--joy-scheme-highlight),
-  'border-radius': var(--joy-layout-radius),
+  'border-radius': calc(var(--joy-layout-radius) / 2),
   'border-style': solid,
   'border-width': var(--joy-layout-thickness),
   'font-family': var(--joy-font-family),
@@ -5390,10 +5408,10 @@ $radio-props: (
   'padding-left': 12px,
   'padding-right': 12px,
   'padding-top': 8px,
-  'shadow': unset,
+  'shadow': var(--joy-elevation-none),
   'transition-duration': var(--joy-duration-short),
   'transition-mode': ease,
-  'transition-property': all,
+  'transition-property': (background-color, color, border-color, opacity, box-shadow),
   'translate': unset
 );
 $radio-group-props: (
@@ -6653,11 +6671,11 @@ $tile-list-props: (
   'translate': unset
 );
 $tile-list-item-props: (
-  'bg-color': #f0f0f0,
-  'border': 1px solid #ccc,
-  'content-padding': 10px,
-  'dragging-opacity': .5,
-  'dragover-border-color': #2196f3,
+  'bg-color': var(--joy-scheme-background),
+  'border': 1px solid var(--joy-scheme-highlight),
+  'content-padding': 8px,
+  'dragging-opacity': .6,
+  'dragover-border-color': red,
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -6666,8 +6684,8 @@ $tile-list-item-props: (
   'font-text-transform': unset,
   'font-weight': unset,
   'gap': unset,
-  'header-bg-color': #ddd,
-  'header-padding': 10px,
+  'header-bg-color': var(--joy-scheme-background),
+  'header-padding': 8px,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -6804,6 +6822,30 @@ $toggle-button-props: (
   'translate': none,
   'width': auto
 );
+$toggle-button-group-props: (
+  'background-color': var(--joy-scheme-background),
+  'border-color': var(--joy-scheme-highlight),
+  'border-radius': var(--joy-layout-radius),
+  'border-style': solid,
+  'border-width': var(--joy-layout-thickness),
+  'font-family': var(--joy-font-family),
+  'font-letter-spacing': var(--joy-typography-button-letter-spacing),
+  'font-line-height': var(--joy-typography-button-line-height),
+  'font-size': var(--joy-typography-button-font-size),
+  'font-text-decoration': var(--joy-typography-button-text-decoration),
+  'font-text-transform': var(--joy-typography-button-text-transform),
+  'font-weight': var(--joy-typography-button-font-weight),
+  'foreground-color': var(--joy-scheme-foreground),
+  'gap': 0,
+  'padding-bottom': 0,
+  'padding-left': 0,
+  'padding-right': 0,
+  'padding-top': 0,
+  'transition-duration': var(--joy-duration-short),
+  'transition-mode': ease,
+  'transition-property': (background-color, color, border-color, opacity),
+  'translate': unset
+);
 $toggle-switch-props: (
   'border-color': unset,
   'border-radius': var(--joy-layout-radius),

package/Themes/retro.scss

@@ -3287,6 +3287,24 @@ $divider-props: (
   'transition-property': (background-color, color),
   'translate': unset
 );
+$dock-panel-props: (
+  'font-family': unset,
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': unset,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': unset,
+  'gap': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': unset,
+  'translate': unset
+);
 $dot-props: (
   'background-color': var(--retro-color-neutral-500),
   'border-color': var(--retro-scheme-highlight),
@@ -6723,6 +6741,35 @@ $toggle-button-props: (
   'translate': none,
   'width': auto
 );
+$toggle-button-group-props: (
+  'background-color': var(--retro-scheme-background),
+  'border-color': var(--retro-scheme-contrast),
+  'border-radius': var(--retro-layout-radius),
+  'border-style': solid,
+  'border-width': var(--retro-layout-thickness),
+  'font-family': var(--retro-font-family),
+  'font-letter-spacing': var(--retro-typography-button-letter-spacing),
+  'font-line-height': var(--retro-typography-button-line-height),
+  'font-size': var(--retro-typography-button-font-size),
+  'font-text-decoration': var(--retro-typography-button-text-decoration),
+  'font-text-transform': var(--retro-typography-button-text-transform),
+  'font-weight': var(--retro-typography-button-font-weight),
+  'foreground-color': var(--retro-scheme-foreground),
+  'gap': 0,
+  'padding-bottom': 0,
+  'padding-left': 0,
+  'padding-right': 0,
+  'padding-top': 0,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': (background-color, color, border-color, opacity, box-shadow),
+  'translate': unset
+);
 $toggle-switch-props: (
   'border-color': unset,
   'border-radius': var(--retro-layout-radius),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-themes",
-    "version": "0.0.120",
+    "version": "0.0.122",
     "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.120",
+        "@breadstone/mosaik-elements": "^0.0.122",
         "@ctrl/tinycolor": "^4.1.0",
         "tslib": "^2.8.1"
     },