@breadstone/mosaik-themes 0.1.47 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-themes",
-    "version": "0.1.47",
+    "version": "0.1.48",
     "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.1.47",
+        "@breadstone/mosaik-elements": "0.1.48",
         "tslib": "2.8.1"
     },
     "peerDependencies": {

package/themes/cosmopolitan.scss

@@ -1514,10 +1514,11 @@ $anchor-props: (
  */
 $app-props: (
   'background-color': var(--cosmopolitan-scheme-background),
+  'body-offset-top': unset,
+  'border-color': unset,
   'border-radius': unset,
-  'content-offset-top': unset,
-  'drawer-height': 100%,
-  'drawer-width': 320px,
+  'border-style': solid,
+  'border-width': unset,
   'font-family': var(--cosmopolitan-typography-body1-font-family),
   'font-letter-spacing': var(--cosmopolitan-typography-body1-letter-spacing),
   'font-line-height': var(--cosmopolitan-typography-body1-line-height),
@@ -1528,6 +1529,8 @@ $app-props: (
   'foreground-color': var(--cosmopolitan-scheme-foreground),
   'gap': var(--cosmopolitan-layout-space),
   'line-thickness': var(--cosmopolitan-layout-thickness),
+  'nav-height': 100%,
+  'nav-width': 320px,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -1541,7 +1544,11 @@ $app-props: (
   'transition-duration': var(--cosmopolitan-layout-transition),
   'transition-mode': ease,
   'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
-  'translate': none
+  'translate': none,
+  'view-border-color': unset,
+  'view-border-radius': unset,
+  'view-border-style': solid,
+  'view-border-width': unset
 );
 /**
  * ------------------------------------------------------------------------------
@@ -5610,6 +5617,7 @@ $drawer-actions-props: (
  * ------------------------------------------------------------------------------
  */
 $drawer-container-props: (
+  'background-color': unset,
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -5651,6 +5659,10 @@ $drawer-content-props: (
   'font-text-transform': unset,
   'font-weight': unset,
   'gap': unset,
+  'inset-bottom': unset,
+  'inset-left': unset,
+  'inset-right': unset,
+  'inset-top': unset,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,

package/themes/joy.scss

@@ -1710,10 +1710,11 @@ $anchor-props: (
  */
 $app-props: (
   'background-color': var(--joy-scheme-background),
-  'border-radius': none,
-  'content-offset-top': none,
-  'drawer-height': 100%,
-  'drawer-width': 320px,
+  'body-offset-top': none,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': solid,
+  'border-width': unset,
   'font-family': var(--joy-typography-body1-font-family),
   'font-letter-spacing': var(--joy-typography-body1-letter-spacing),
   'font-line-height': var(--joy-typography-body1-line-height),
@@ -1724,6 +1725,8 @@ $app-props: (
   'foreground-color': var(--joy-scheme-foreground),
   'gap': var(--joy-layout-space),
   'line-thickness': var(--joy-layout-thickness),
+  'nav-height': 100%,
+  'nav-width': 320px,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -1737,7 +1740,11 @@ $app-props: (
   'transition-duration': var(--mosaik-duration-short),
   'transition-mode': ease,
   'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
-  'translate': none
+  'translate': none,
+  'view-border-color': unset,
+  'view-border-radius': unset,
+  'view-border-style': solid,
+  'view-border-width': unset
 );
 /**
  * ------------------------------------------------------------------------------
@@ -5822,6 +5829,7 @@ $drawer-actions-props: (
  * ------------------------------------------------------------------------------
  */
 $drawer-container-props: (
+  'background-color': var(--joy-scheme-surface),
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -5863,6 +5871,10 @@ $drawer-content-props: (
   'font-text-transform': unset,
   'font-weight': unset,
   'gap': var(--joy-layout-space),
+  'inset-bottom': var(--joy-layout-space),
+  'inset-left': unset,
+  'inset-right': var(--joy-layout-space),
+  'inset-top': var(--joy-layout-space),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,

package/themes/memphis.scss

@@ -1640,10 +1640,11 @@ $anchor-props: (
  */
 $app-props: (
   'background-color': var(--memphis-scheme-background),
+  'body-offset-top': unset,
+  'border-color': unset,
   'border-radius': unset,
-  'content-offset-top': unset,
-  'drawer-height': 100%,
-  'drawer-width': 320px,
+  'border-style': solid,
+  'border-width': unset,
   'font-family': var(--memphis-typography-body1-font-family),
   'font-letter-spacing': var(--memphis-typography-body1-letter-spacing),
   'font-line-height': var(--memphis-typography-body1-line-height),
@@ -1654,6 +1655,8 @@ $app-props: (
   'foreground-color': var(--memphis-scheme-foreground),
   'gap': var(--memphis-layout-space),
   'line-thickness': var(--memphis-layout-thickness),
+  'nav-height': 100%,
+  'nav-width': 320px,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -1667,7 +1670,11 @@ $app-props: (
   'transition-duration': var(--memphis-layout-transition),
   'transition-mode': ease,
   'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
-  'translate': none
+  'translate': none,
+  'view-border-color': unset,
+  'view-border-radius': unset,
+  'view-border-style': solid,
+  'view-border-width': unset
 );
 /**
  * ------------------------------------------------------------------------------
@@ -5736,6 +5743,7 @@ $drawer-actions-props: (
  * ------------------------------------------------------------------------------
  */
 $drawer-container-props: (
+  'background-color': unset,
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -5777,6 +5785,10 @@ $drawer-content-props: (
   'font-text-transform': unset,
   'font-weight': unset,
   'gap': var(--memphis-layout-space),
+  'inset-bottom': unset,
+  'inset-left': unset,
+  'inset-right': unset,
+  'inset-top': unset,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,