@breadstone/mosaik-themes 0.0.228 → 0.0.230

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-themes",
-    "version": "0.0.228",
+    "version": "0.0.230",
     "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.228",
+        "@breadstone/mosaik-elements": "^0.0.230",
         "chroma-js": "^3.2.0",
         "tslib": "^2.8.1"
     },

package/themes/cosmopolitan.scss

@@ -1495,6 +1495,7 @@ $avatar-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -1533,6 +1534,7 @@ $avatar-group-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -1628,6 +1630,12 @@ $badge-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'transition-duration': unset,
   'transition-mode': unset,
   'transition-property': unset,
@@ -2238,6 +2246,7 @@ $card-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -2426,6 +2435,8 @@ $card-title-props: (
  * ------------------------------------------------------------------------------
  */
 $carousel-props: (
+  'deck-animation-duration': "0.4s",
+  'deck-rotation': "3deg",
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -2438,7 +2449,7 @@ $carousel-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
-  'transition-duration': unset,
+  'transition-duration': "0.5s",
   'transition-mode': unset,
   'transition-property': unset,
   'translate': unset
@@ -2818,6 +2829,11 @@ $chat-message-props: (
   'padding-right': unset,
   'padding-top': unset,
   'shadow': unset,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'transition-duration': unset,
   'transition-mode': unset,
   'transition-property': unset,
@@ -2848,6 +2864,7 @@ $chat-message-avatar-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -3013,6 +3030,11 @@ $checkmark-props: (
   'padding-right': unset,
   'padding-top': unset,
   'shadow': unset,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'thickness': unset,
   'transition-duration': unset,
   'transition-mode': unset,
@@ -3402,6 +3424,11 @@ $color-editor-alpha-slider-props: (
   'padding-right': unset,
   'padding-top': unset,
   'shadow': none,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'thumb-background-color': var(--cosmopolitan-scheme-neutral-container),
   'thumb-border-color': transparent,
   'thumb-border-radius': 50%,
@@ -3448,6 +3475,11 @@ $color-editor-area-props: (
   'padding-right': unset,
   'padding-top': unset,
   'shadow': none,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'thumb-border-color': var(--cosmopolitan-scheme-surface),
   'thumb-border-radius': 50%,
   'thumb-border-width': calc(var(--cosmopolitan-layout-thickness) * 2),
@@ -3493,6 +3525,11 @@ $color-editor-hue-slider-props: (
   'padding-right': unset,
   'padding-top': unset,
   'shadow': none,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'thumb-background-color': var(--cosmopolitan-scheme-neutral-container),
   'thumb-border-color': transparent,
   'thumb-border-radius': 50%,
@@ -3624,6 +3661,11 @@ $color-editor-shade-slider-props: (
   'padding-right': unset,
   'padding-top': unset,
   'shadow': none,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'thumb-background-color': var(--cosmopolitan-scheme-background),
   'thumb-border-color': transparent,
   'thumb-border-radius': 50%,
@@ -4198,6 +4240,7 @@ $dialog-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -6319,6 +6362,7 @@ $image-props: (
   'padding-right': unset,
   'padding-top': unset,
   'shadow': unset,
+  'thumbnail-blur': 20px,
   'transition-duration': unset,
   'transition-mode': unset,
   'transition-property': unset,
@@ -6512,7 +6556,12 @@ $kbd-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
-  'shadow': unset,
+  'shadow': unset unset unset unset unset,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'transition-duration': unset,
   'transition-mode': unset,
   'transition-property': unset,
@@ -6680,6 +6729,98 @@ $list-item-group-props: (
   'transition-property': unset,
   'translate': unset
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <auto-generated>
+ *     This code was generated by a tool.
+ *     Changes to this file may cause incorrect behavior and will be lost if
+ *     the code is regenerated.
+ * </auto-generated>
+ * ------------------------------------------------------------------------------
+ */
+$listing-props: (
+  'background-color': 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
+);
+/**
+ * ------------------------------------------------------------------------------
+ * <auto-generated>
+ *     This code was generated by a tool.
+ *     Changes to this file may cause incorrect behavior and will be lost if
+ *     the code is regenerated.
+ * </auto-generated>
+ * ------------------------------------------------------------------------------
+ */
+$listing-item-props: (
+  'background-color': 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
+);
+/**
+ * ------------------------------------------------------------------------------
+ * <auto-generated>
+ *     This code was generated by a tool.
+ *     Changes to this file may cause incorrect behavior and will be lost if
+ *     the code is regenerated.
+ * </auto-generated>
+ * ------------------------------------------------------------------------------
+ */
+$listing-item-marker-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': 50%,
+  '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,
+  'height': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': unset,
+  'translate': unset
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -6707,6 +6848,40 @@ $map-props: (
   'transition-property': unset,
   'translate': unset
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <auto-generated>
+ *     This code was generated by a tool.
+ *     Changes to this file may cause incorrect behavior and will be lost if
+ *     the code is regenerated.
+ * </auto-generated>
+ * ------------------------------------------------------------------------------
+ */
+$marker-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': 50%,
+  '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,
+  'height': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': unset,
+  'translate': unset
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -7481,6 +7656,40 @@ $pin-box-props: (
   'transition-property': unset,
   'translate': unset
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <auto-generated>
+ *     This code was generated by a tool.
+ *     Changes to this file may cause incorrect behavior and will be lost if
+ *     the code is regenerated.
+ * </auto-generated>
+ * ------------------------------------------------------------------------------
+ */
+$pip-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': 50%,
+  '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,
+  'height': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': unset,
+  'translate': unset
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -7541,6 +7750,7 @@ $popup-props: (
   'padding-left': calc(var(--cosmopolitan-layout-space) * 1.25),
   'padding-right': calc(var(--cosmopolitan-layout-space) * 1.25),
   'padding-top': calc(var(--cosmopolitan-layout-space) * 1),
+  'shadow': var(--cosmopolitan-elevation-regular-offset-x-0) var(--cosmopolitan-elevation-regular-offset-y-0) var(--cosmopolitan-elevation-regular-blur-0) var(--cosmopolitan-elevation-regular-spread-0) var(--cosmopolitan-elevation-regular-color-0),
   'shadow-blur': var(--cosmopolitan-elevation-regular-blur-0),
   'shadow-color': var(--cosmopolitan-elevation-regular-color-0),
   'shadow-offset-x': var(--cosmopolitan-elevation-regular-offset-x-0),
@@ -7735,28 +7945,28 @@ $qr-code-props: (
  * ------------------------------------------------------------------------------
  */
 $radio-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,
-  'shadow': unset,
-  'transition-duration': unset,
-  'transition-mode': unset,
-  'transition-property': unset,
+  'background-color': var(--cosmopolitan-scheme-transparent),
+  'border-color': var(--cosmopolitan-scheme-highlight),
+  'border-radius': calc(var(--cosmopolitan-layout-radius) / 2),
+  'border-style': solid,
+  'border-width': var(--cosmopolitan-layout-thickness),
+  'font-family': var(--cosmopolitan-font-family),
+  'font-letter-spacing': var(--cosmopolitan-typography-content-letter-spacing),
+  'font-line-height': var(--cosmopolitan-typography-content-line-height),
+  'font-size': var(--cosmopolitan-typography-content-font-size),
+  'font-text-decoration': var(--cosmopolitan-typography-content-text-decoration),
+  'font-text-transform': var(--cosmopolitan-typography-content-text-transform),
+  'font-weight': var(--cosmopolitan-typography-content-font-weight),
+  'foreground-color': var(--cosmopolitan-scheme-foreground),
+  'gap': 12px,
+  'padding-bottom': 8px,
+  'padding-left': 12px,
+  'padding-right': 12px,
+  'padding-top': 8px,
+  'shadow': var(--cosmopolitan-elevation-none),
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': (background-color, color, border-color, opacity, box-shadow),
   'translate': unset
 );
 /**
@@ -8504,6 +8714,7 @@ $scheduler-event-props: (
   'padding-top': unset,
   'ripple-color': unset,
   'ripple-duration': 200ms,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -10242,6 +10453,12 @@ $thumb-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
+  'shadow-blur': unset,
+  'shadow-color': unset,
+  'shadow-offset-x': unset,
+  'shadow-offset-y': unset,
+  'shadow-spread': unset,
   'transition-duration': var(--cosmopolitan-duration-short),
   'transition-mode': ease,
   'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -10618,6 +10835,7 @@ $timeline-marker-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'transition-duration': unset,
   'transition-mode': unset,
   'transition-property': unset,
@@ -10914,6 +11132,7 @@ $toolbar-props: (
   'padding-left': 12px,
   'padding-right': 12px,
   'padding-top': 8px,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -11048,6 +11267,7 @@ $tour-step-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,