@breadstone/mosaik-themes 0.0.107 → 0.0.108

package/Themes/cosmopolitan.scss

@@ -1845,6 +1845,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 +1876,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 +1889,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

@@ -2468,6 +2468,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 +2499,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 +2512,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

@@ -2264,6 +2264,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 +2295,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 +2308,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.108",
     "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.108",
         "@ctrl/tinycolor": "^4.1.0",
         "tslib": "^2.8.1"
     },