@breadstone/mosaik-themes 0.0.12-beta.13 → 0.0.12-beta.3

package/Themes/___default-tokens.css

@@ -0,0 +1,8 @@
+:root {
+  --name: "default";
+  --font-family: 'Inter', Roboto, Helvetica, sans-serif;
+  --layout-radius: 12px;
+  --layout-space: 8px;
+  --layout-thickness: 2px;
+  --elevation-none: none;
+}

package/Themes/cosmopolitan.scss

@@ -1917,7 +1917,7 @@ $cell-group-props: (
   'border-style': solid,
   'border-width': var(--cosmopolitan-layout-thickness),
   'inline-end': 0,
-  'inline-start': calc(var(--joy-layout-space)*2)
+  'inline-start': 16px
 );
 
 $chart-props: (
@@ -1976,10 +1976,10 @@ $chat-header-props: (
   'font-letter-spacing': "unset",
   'font-text-decoration': "unset",
   'font-text-transform': "unset",
-  'padding-top': 0,
-  'padding-right': calc(var(--cosmopolitan-layout-space) * 2),
-  'padding-bottom': 0,
-  'padding-left': calc(var(--cosmopolitan-layout-space) * 2),
+  'padding-top': "unset",
+  'padding-right': "unset",
+  'padding-bottom': "unset",
+  'padding-left': "unset",
   'gap': "unset",
   'transition-duration': "unset",
   'transition-mode': "unset",
@@ -2098,32 +2098,6 @@ $chat-message-divider-props: (
   'translate': "unset"
 );
 
-$check-box-group-props: (
-  'font-family': "unset",
-  'font-size': "unset",
-  'font-line-height': "unset",
-  'font-weight': "unset",
-  'font-letter-spacing': "unset",
-  'font-text-decoration': "unset",
-  'font-text-transform': "unset",
-  'padding-top': "unset",
-  'padding-right': "unset",
-  'padding-bottom': "unset",
-  'padding-left': "unset",
-  'gap': "unset",
-  'transition-duration': "unset",
-  'transition-mode': "unset",
-  'transition-property': unset,
-  'translate': "unset",
-  'background-color': unset,
-  'border-color': unset,
-  'border-radius': unset,
-  'border-style': unset,
-  'border-width': unset,
-  'foreground-color': unset,
-  'shadow': unset
-);
-
 $check-box-props: (
   'font-family': var(--cosmopolitan-font-family),
   'font-size': var(--cosmopolitan-typography-content-font-size),
@@ -2150,6 +2124,32 @@ $check-box-props: (
   'shadow': var(--cosmopolitan-elevation-none)
 );
 
+$check-box-group-props: (
+  'font-family': "unset",
+  'font-size': "unset",
+  'font-line-height': "unset",
+  'font-weight': "unset",
+  'font-letter-spacing': "unset",
+  'font-text-decoration': "unset",
+  'font-text-transform': "unset",
+  'padding-top': "unset",
+  'padding-right': "unset",
+  'padding-bottom': "unset",
+  'padding-left': "unset",
+  'gap': "unset",
+  'transition-duration': "unset",
+  'transition-mode': "unset",
+  'transition-property': unset,
+  'translate': "unset",
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': unset,
+  'border-width': unset,
+  'foreground-color': unset,
+  'shadow': unset
+);
+
 $checkmark-props: (
   'font-family': "unset",
   'font-size': "unset",
@@ -2760,11 +2760,7 @@ $dialog-props: (
   'border-width': unset,
   'divider-height': unset,
   'foreground-color': unset,
-  'shadow-blur': unset,
-  'shadow-color': unset,
-  'shadow-offset-x': unset,
-  'shadow-offset-y': unset,
-  'shadow-spread': unset
+  'shadow': unset
 );
 
 $dialog-actions-props: (
@@ -2949,7 +2945,7 @@ $divider-props: (
   'border-width': unset,
   'foreground-color': unset,
   'shadow': unset,
-  'thickness': var(--cosmopolitan-layout-thickness)
+  'thickness': unset
 );
 
 $dot-props: (

package/Themes/default-tokens.scss

@@ -0,0 +1,6 @@
+$name: "default";
+$font-family: 'Inter', Roboto, Helvetica, sans-serif;
+$layout-radius: 12px;
+$layout-space: 8px;
+$layout-thickness: 2px;
+$elevation-none: none;