@breadstone/mosaik-themes 0.0.107 → 0.0.109

package/Themes/cosmopolitan.scss

@@ -950,6 +950,7 @@ $anchor-props: (
 $app-props: (
   'background-color': var(--cosmopolitan-scheme-background),
   'border-radius': unset,
+  'content-offset-top': unset,
   'drawer-height': 100%,
   'drawer-width': 320px,
   'font-family': var(--cosmopolitan-typography-body1-font-family),
@@ -1845,6 +1846,7 @@ $chat-props: (
   'font-weight': unset,
   'foreground-color': unset,
   'gap': unset,
+  'line-thickness': var(--cosmopolitan-layout-thickness),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -1875,6 +1877,11 @@ $chat-header-props: (
   'translate': unset
 );
 $chat-input-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': unset,
+  'border-width': unset,
   'emoji-background-color': unset,
   'font-family': unset,
   'font-letter-spacing': unset,
@@ -1883,14 +1890,16 @@ $chat-input-props: (
   '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,
+  'shadow': unset,
+  'transition-duration': var(--cosmopolitan-duration-short),
+  'transition-mode': ease,
+  'transition-property': (background-color, color, border-color, opacity, box-shadow),
   'translate': unset
 );
 $chat-marker-props: (

package/Themes/joy.scss

@@ -1574,6 +1574,7 @@ $anchor-props: (
 $app-props: (
   'background-color': var(--joy-scheme-background),
   'border-radius': unset,
+  'content-offset-top': unset,
   'drawer-height': 100%,
   'drawer-width': 320px,
   'font-family': var(--joy-typography-body1-font-family),
@@ -2468,6 +2469,7 @@ $chat-props: (
   'font-weight': var(--joy-typography-body1-font-weight),
   'foreground-color': var(--joy-scheme-foreground),
   'gap': var(--joy-layout-space),
+  'line-thickness': var(--joy-layout-thickness),
   'padding-bottom': var(--joy-layout-space),
   'padding-left': calc(var(--joy-layout-space) * 2),
   'padding-right': calc(var(--joy-layout-space) * 2),
@@ -2498,6 +2500,11 @@ $chat-header-props: (
   'translate': unset
 );
 $chat-input-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),
   'emoji-background-color': unset,
   'font-family': unset,
   'font-letter-spacing': unset,
@@ -2506,14 +2513,16 @@ $chat-input-props: (
   'font-text-decoration': unset,
   'font-text-transform': unset,
   'font-weight': unset,
+  'foreground-color': var(--joy-scheme-foreground),
   'gap': unset,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
-  'transition-duration': unset,
-  'transition-mode': unset,
-  'transition-property': unset,
+  'shadow': var(--joy-elevation-none),
+  'transition-duration': var(--joy-duration-short),
+  'transition-mode': ease,
+  'transition-property': (background-color, color, border-color, opacity, box-shadow),
   'translate': unset
 );
 $chat-marker-props: (

package/Themes/retro.scss

@@ -1335,6 +1335,7 @@ $anchor-props: (
 $app-props: (
   'background-color': var(--retro-scheme-background),
   'border-radius': unset,
+  'content-offset-top': unset,
   'drawer-height': 100%,
   'drawer-width': 320px,
   'font-family': var(--retro-typography-body1-font-family),
@@ -2264,6 +2265,7 @@ $chat-props: (
   'font-weight': unset,
   'foreground-color': unset,
   'gap': unset,
+  'line-thickness': var(--retro-layout-thickness),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -2294,6 +2296,11 @@ $chat-header-props: (
   'translate': unset
 );
 $chat-input-props: (
+  'background-color': var(--retro-scheme-background),
+  'border-color': var(--retro-scheme-highlight),
+  'border-radius': var(--retro-layout-radius),
+  'border-style': solid,
+  'border-width': var(--retro-layout-thickness),
   'emoji-background-color': unset,
   'font-family': unset,
   'font-letter-spacing': unset,
@@ -2302,14 +2309,20 @@ $chat-input-props: (
   'font-text-decoration': unset,
   'font-text-transform': unset,
   'font-weight': unset,
+  'foreground-color': var(--retro-scheme-foreground),
   'gap': unset,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
-  'transition-duration': unset,
-  'transition-mode': unset,
-  'transition-property': unset,
+  'shadow-blur': var(--retro-elevation-semilight-blur-0),
+  'shadow-color': var(--retro-elevation-semilight-color-0),
+  'shadow-offset-x': var(--retro-elevation-semilight-offset-x-0),
+  'shadow-offset-y': var(--retro-elevation-semilight-offset-y-0),
+  'shadow-spread': var(--retro-elevation-semilight-spread-0),
+  'transition-duration': var(--retro-duration-short),
+  'transition-mode': ease,
+  'transition-property': (background-color, color, border-color, opacity, box-shadow),
   'translate': unset
 );
 $chat-marker-props: (

package/package.json

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