npm - @breadstone/mosaik-themes - Versions diffs - 0.0.231 → 0.0.233 - Mend

@breadstone/mosaik-themes 0.0.231 → 0.0.233

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/index.cjs +2155 -2041
package/index.cjs.map +1 -1
package/index.d.mts +525 -372
package/index.d.ts +525 -372
package/index.js +2153 -2037
package/index.js.map +1 -1
package/package.json +3 -4
package/tailwind/v3/plugins/joyTailwindPlugin.js +4 -0
package/tailwind/v3/plugins/joyTailwindPlugin.js.map +1 -1
package/tailwind/v3/presets/joyTailwindPresets.js +4 -0
package/tailwind/v3/presets/joyTailwindPresets.js.map +1 -1
package/themes/___joy-tokens.css +8 -0
package/themes/cosmopolitan.scss +670 -36
package/themes/joy-tokens.scss +8 -0
package/themes/joy.scss +1111 -474
package/themes/memphis.scss +717 -83

package/themes/cosmopolitan.scss CHANGED Viewed

@@ -1274,6 +1274,130 @@ $accordion-props: (
   'transition-property': unset,
   'translate': none
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$actionbar-group-props: (
+  '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,
+  'gap': 4px,
+  'label-color': unset,
+  'label-font-size': 11px,
+  'label-font-weight': 600,
+  'padding-bottom': 0,
+  'padding-left': 0,
+  'padding-right': 0,
+  'padding-top': 0,
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': (all),
+  '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>
+ * ------------------------------------------------------------------------------
+ */
+$actionbar-item-props: (
+  'background-color': transparent,
+  'background-color-active': rgba(0, 0, 0, 0.08),
+  'background-color-hover': rgba(0, 0, 0, 0.04),
+  'border-radius': 4px,
+  '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,
+  'gap': unset,
+  'padding-bottom': 4px,
+  'padding-left': 4px,
+  'padding-right': 4px,
+  'padding-top': 4px,
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': (background-color),
+  '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>
+ * ------------------------------------------------------------------------------
+ */
+$actionbar-separator-props: (
+  'background-color': rgba(0, 0, 0, 0.12),
+  '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,
+  'gap': unset,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'thickness': 1px,
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': (all),
+  '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>
+ * ------------------------------------------------------------------------------
+ */
+$actionbar-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': solid,
+  'border-width': 1px,
+  'font-family': unset,
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': 14px,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': normal,
+  'foreground-color': unset,
+  'gap': 8px,
+  'min-height': 48px,
+  'padding-bottom': 8px,
+  'padding-left': 8px,
+  'padding-right': 8px,
+  'padding-top': 8px,
+  'transition-duration': .2s,
+  'transition-mode': ease,
+  'transition-property': (all),
+  'translate': unset
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -1341,7 +1465,7 @@ $anchor-props: (
   'transition-duration': .2s,
   'transition-mode': ease,
   'transition-property': (background-color, color, border-color, opacity, box-shadow),
-  'translate': unset
+  'translate': none
 );
 /**
  * ------------------------------------------------------------------------------
@@ -2036,7 +2160,7 @@ $button-props: (
   'padding-top': var(--cosmopolitan-layout-space),
   'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0),
   'shadow-blur': var(--cosmopolitan-elevation-semilight-blur-0),
   'shadow-color': var(--cosmopolitan-elevation-semilight-color-0),
@@ -2233,7 +2357,7 @@ $calendar-item-props: (
   'padding-right': 12px,
   'padding-top': var(--cosmopolitan-layout-space),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': var(--cosmopolitan-elevation-light-offset-x-0) var(--cosmopolitan-elevation-light-offset-y-0) var(--cosmopolitan-elevation-light-blur-0) var(--cosmopolitan-elevation-light-spread-0) var(--cosmopolitan-elevation-light-color-0),
   'shadow-blur': var(--cosmopolitan-elevation-light-blur-0),
   'shadow-color': var(--cosmopolitan-elevation-light-color-0),
@@ -3416,7 +3540,7 @@ $chip-props: (
   'padding-right': unset,
   'padding-top': unset,
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': var(--cosmopolitan-elevation-light-offset-x-0) var(--cosmopolitan-elevation-light-offset-y-0) var(--cosmopolitan-elevation-light-blur-0) var(--cosmopolitan-elevation-light-spread-0) var(--cosmopolitan-elevation-light-color-0),
   'shadow-blur': var(--cosmopolitan-elevation-light-blur-0),
   'shadow-color': var(--cosmopolitan-elevation-light-color-0),
@@ -4396,7 +4520,7 @@ $combo-item-props: (
   'padding-right': unset,
   'padding-top': unset,
   'ripple-color': var(--cosmopolitan-color-light-secondary-200),
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -4483,7 +4607,7 @@ $compound-button-props: (
   'padding-top': var(--cosmopolitan-layout-space),
   'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0),
   'shadow-blur': var(--cosmopolitan-elevation-semilight-blur-0),
   'shadow-color': var(--cosmopolitan-elevation-semilight-color-0),
@@ -4605,6 +4729,7 @@ $data-list-props: (
  * ------------------------------------------------------------------------------
  */
 $data-table-props: (
+  'border-radius': var(--cosmopolitan-layout-radius),
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -4712,6 +4837,129 @@ $date-time-box-props: (
   'transition-property': (background-color, color, border-color, opacity, box-shadow),
   'translate': none
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$designer-props: (
+  '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,
+  '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>
+ * ------------------------------------------------------------------------------
+ */
+$designer-canvas-props: (
+  'background-color': var(--cosmopolitan-scheme-surface),
+  'dot-color': var(--cosmopolitan-color-neutral-400),
+  'dot-size': 1px,
+  'dot-spacing': 20px,
+  '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,
+  '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>
+ * ------------------------------------------------------------------------------
+ */
+$designer-content-props: (
+  '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,
+  '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>
+ * ------------------------------------------------------------------------------
+ */
+$designer-frame-props: (
+  'background-color': var(--cosmopolitan-scheme-background),
+  'border-color': var(--cosmopolitan-color-neutral-300),
+  'border-width': 1px,
+  'bounds-color': var(--cosmopolitan-color-neutral-500),
+  'bounds-font-size': 11px,
+  '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,
+  'gap': unset,
+  'padding-bottom': unset,
+  '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,
+  'translate': unset
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -5495,7 +5743,7 @@ $drop-down-button-props: (
   'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'progress-thickness': var(--cosmopolitan-layout-thickness),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -5580,6 +5828,46 @@ $dropdown-props: (
   'transition-property': unset,
   'translate': none
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$duration-box-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': unset,
+  'border-width': unset,
+  'font-family': var(--cosmopolitan-font-family),
+  'font-letter-spacing': unset,
+  'font-line-height': unset,
+  'font-size': 16px,
+  'font-text-decoration': unset,
+  'font-text-transform': unset,
+  'font-weight': normal,
+  'foreground-color': unset,
+  'gap': var(--cosmopolitan-layout-space),
+  'height': unset,
+  'padding-bottom': var(--cosmopolitan-layout-space),
+  'padding-left': calc(var(--cosmopolitan-layout-space) * 1.5),
+  'padding-right': calc(var(--cosmopolitan-layout-space) * 1.5),
+  'padding-top': var(--cosmopolitan-layout-space),
+  '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': none
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -6063,7 +6351,7 @@ $expander-props: (
   'padding-right': unset,
   'padding-top': unset,
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': var(--cosmopolitan-elevation-light-offset-x-1) var(--cosmopolitan-elevation-light-offset-y-1) var(--cosmopolitan-elevation-light-blur-1) var(--cosmopolitan-elevation-light-spread-1) var(--cosmopolitan-elevation-light-color-1),
   'shadow-blur': var(--cosmopolitan-elevation-light-blur-1),
   'shadow-color': var(--cosmopolitan-elevation-light-color-1),
@@ -6416,7 +6704,7 @@ $floating-action-button-props: (
   'padding-top': var(--cosmopolitan-layout-space),
   'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0),
   'shadow-blur': var(--cosmopolitan-elevation-semilight-blur-0),
   'shadow-color': var(--cosmopolitan-elevation-semilight-color-0),
@@ -6730,7 +7018,7 @@ $focus-ring-props: (
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
-  'shadow': unset unset unset unset unset,
+  'shadow': none,
   'shadow-blur': unset,
   'shadow-color': unset,
   'shadow-offset-x': unset,
@@ -7616,7 +7904,7 @@ $list-item-props: (
   'padding-right': unset,
   'padding-top': unset,
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -7989,7 +8277,7 @@ $menu-item-props: (
   'padding-right': unset,
   'padding-top': unset,
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -8032,6 +8320,10 @@ $menu-item-group-props: (
   'header-font-text-decoration': unset,
   'header-font-text-transform': unset,
   'header-font-weight': unset,
+  'header-padding-bottom': var(--cosmopolitan-layout-space),
+  'header-padding-left': var(--cosmopolitan-layout-space),
+  'header-padding-right': var(--cosmopolitan-layout-space),
+  'header-padding-top': calc(var(--cosmopolitan-layout-space) * 2),
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -8096,6 +8388,12 @@ $message-props: (
  * ------------------------------------------------------------------------------
  */
 $message-box-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': unset,
+  'border-width': unset,
+  'divider-height': unset,
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -8103,7 +8401,16 @@ $message-box-props: (
   'font-text-decoration': unset,
   'font-text-transform': unset,
   'font-weight': unset,
+  'foreground-color': unset,
   'gap': unset,
+  'header-font-family': unset,
+  'header-font-letter-spacing': unset,
+  'header-font-line-height': unset,
+  'header-font-size': unset,
+  'header-font-text-decoration': unset,
+  'header-font-text-transform': unset,
+  'header-font-weight': unset,
+  'header-foreground-color': unset,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
@@ -8114,9 +8421,17 @@ $message-box-props: (
   'shadow-offset-x': unset,
   'shadow-offset-y': unset,
   'shadow-spread': unset,
+  'sub-header-font-family': unset,
+  'sub-header-font-letter-spacing': unset,
+  'sub-header-font-line-height': unset,
+  'sub-header-font-size': unset,
+  'sub-header-font-text-decoration': unset,
+  'sub-header-font-text-transform': unset,
+  'sub-header-font-weight': unset,
+  'sub-header-foreground-color': unset,
   'transition-duration': unset,
   'transition-mode': unset,
-  'transition-property': unset,
+  'transition-property': (unset),
   'translate': none
 );
 /**
@@ -8971,6 +9286,61 @@ $portal-projection-props: (
   'transition-property': unset,
   'translate': none
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$press-button-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': unset,
+  'border-width': unset,
+  'focus-ring-active-width': 8px,
+  'focus-ring-color': unset,
+  'focus-ring-inward-offset': 2px,
+  'focus-ring-outward-offset': 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': auto,
+  'icon-min-width': 36px,
+  'icon-min-height': 36px,
+  'line-height': unset,
+  'min-height': calc(calc(var(--joy-layout-space) * 5) - calc(var(--joy-layout-space) / 2)),
+  'min-width': 64px,
+  'padding-bottom': unset,
+  'padding-left': unset,
+  'padding-right': unset,
+  'padding-top': unset,
+  'progress-fill-color': currentColor,
+  'progress-ring-width': var(--cosmopolitan-layout-thickness),
+  'progress-thickness': var(--cosmopolitan-layout-thickness),
+  'ripple-color': unset,
+  'ripple-duration': 0.20s,
+  '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),
+  'translate': none,
+  'width': auto
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -9311,7 +9681,7 @@ $repeat-button-props: (
   'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'progress-thickness': var(--cosmopolitan-layout-thickness),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -9993,7 +10363,7 @@ $scheduler-event-props: (
   'padding-right': unset,
   'padding-top': unset,
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': var(--cosmopolitan-elevation-light-offset-x-1) var(--cosmopolitan-elevation-light-offset-y-1) var(--cosmopolitan-elevation-light-blur-1) var(--cosmopolitan-elevation-light-spread-1) var(--cosmopolitan-elevation-light-color-1),
   'shadow-blur': var(--cosmopolitan-elevation-light-blur-1),
   'shadow-color': var(--cosmopolitan-elevation-light-color-1),
@@ -10552,7 +10922,7 @@ $select-item-props: (
   'padding-right': 16px,
   'padding-top': 8px,
   'ripple-color': var(--cosmopolitan-color-light-secondary-200),
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -10579,28 +10949,39 @@ $select-item-group-props: (
   'border-radius': unset,
   'border-style': unset,
   'border-width': unset,
-  'font-family': var(--cosmopolitan-font-family),
-  'font-letter-spacing': var(--cosmopolitan-typography-caption-letter-spacing),
-  'font-line-height': var(--cosmopolitan-typography-caption-line-height),
-  'font-size': 16px,
-  'font-text-decoration': var(--cosmopolitan-typography-caption-text-decoration),
-  'font-text-transform': var(--cosmopolitan-typography-caption-text-transform),
-  'font-weight': normal,
+  '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': 8px,
-  'padding-bottom': 8px,
-  'padding-left': 16px,
-  'padding-right': 16px,
-  'padding-top': 8px,
+  'gap': unset,
+  'header-font-family': unset,
+  'header-font-letter-spacing': unset,
+  'header-font-line-height': unset,
+  'header-font-size': unset,
+  'header-font-text-decoration': unset,
+  'header-font-text-transform': unset,
+  'header-font-weight': unset,
+  'header-padding-bottom': var(--cosmopolitan-layout-space),
+  'header-padding-left': var(--cosmopolitan-layout-space),
+  'header-padding-right': var(--cosmopolitan-layout-space),
+  'header-padding-top': calc(var(--cosmopolitan-layout-space) * 2),
+  'padding-bottom': unset,
+  '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': (all),
+  'transition-duration': unset,
+  'transition-mode': unset,
+  'transition-property': (unset),
   'translate': none
 );
 /**
@@ -11147,7 +11528,7 @@ $split-button-props: (
   'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'progress-thickness': var(--cosmopolitan-layout-thickness),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -11611,7 +11992,7 @@ $tab-strip-item-props: (
   'padding-right': var(--cosmopolitan-layout-space),
   'padding-top': calc(var(--cosmopolitan-layout-space) * 2),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -11635,11 +12016,16 @@ $tab-strip-item-props: (
  * ------------------------------------------------------------------------------
  */
 $table-props: (
+  'alternating-color': unset,
   'background-color': unset,
   'border-color': unset,
   'border-radius': unset,
   'border-style': unset,
   'border-width': unset,
+  'column-border-color': unset,
+  'column-border-radius': unset,
+  'column-border-style': unset,
+  'column-border-width': unset,
   'font-family': unset,
   'font-letter-spacing': unset,
   'font-line-height': unset,
@@ -11649,10 +12035,15 @@ $table-props: (
   'font-weight': unset,
   'foreground-color': unset,
   'gap': unset,
+  'line-thickness': unset,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'row-border-color': unset,
+  'row-border-radius': unset,
+  'row-border-style': unset,
+  'row-border-width': unset,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,
@@ -11712,7 +12103,7 @@ $table-body-props: (
  * </auto-generated>
  * ------------------------------------------------------------------------------
  */
-$table-cell-props: (
+$table-body-cell-props: (
   'background-color': unset,
   'border-color': unset,
   'border-radius': unset,
@@ -11742,6 +12133,81 @@ $table-cell-props: (
   'transition-property': (unset),
   'translate': none
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$table-body-row-props: (
+  '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 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),
+  'translate': none
+);
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$table-column-editor-props: (
+  'background-color': var(--cosmopolitan-scheme-background),
+  'border-color': var(--cosmopolitan-scheme-highlight),
+  'border-radius': var(--cosmopolitan-layout-radius),
+  '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': var(--cosmopolitan-scheme-foreground),
+  'gap': var(--cosmopolitan-layout-space),
+  'item-gap': var(--cosmopolitan-layout-space),
+  'item-hover-background-color': var(--cosmopolitan-scheme-highlight),
+  'item-padding-bottom': calc(var(--cosmopolitan-layout-space) * 0.5),
+  'item-padding-left': var(--cosmopolitan-layout-space),
+  'item-padding-right': var(--cosmopolitan-layout-space),
+  'item-padding-top': calc(var(--cosmopolitan-layout-space) * 0.5),
+  'padding-bottom': var(--cosmopolitan-layout-space),
+  'padding-left': var(--cosmopolitan-layout-space),
+  'padding-right': var(--cosmopolitan-layout-space),
+  'padding-top': var(--cosmopolitan-layout-space),
+  'transition-duration': var(--cosmopolitan-duration-short),
+  'transition-mode': ease,
+  'transition-property': (background-color, color),
+  'translate': unset
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -11781,6 +12247,84 @@ $table-footer-props: (
   'transition-property': (unset),
   'translate': none
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$table-footer-cell-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 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),
+  'translate': none
+);
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$table-footer-row-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 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),
+  'translate': none
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -11829,7 +12373,50 @@ $table-header-props: (
  * </auto-generated>
  * ------------------------------------------------------------------------------
  */
-$table-row-props: (
+$table-header-cell-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,
+  'resize-handle-color': unset,
+  'resize-handle-width': 2px,
+  'separator-color': unset,
+  'separator-width': 1px,
+  '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),
+  'translate': none
+);
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$table-header-row-props: (
   'background-color': unset,
   'border-color': unset,
   'border-radius': unset,
@@ -12091,6 +12678,51 @@ $tick-bar-props: (
   'transition-property': (unset),
   'translate': none
 );
+/**
+ * ------------------------------------------------------------------------------
+ * <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>
+ * ------------------------------------------------------------------------------
+ */
+$tile-props: (
+  'background-color': unset,
+  'border-color': unset,
+  'border-radius': unset,
+  'border-style': solid,
+  'border-width': unset,
+  'focus-ring-active-width': 8px,
+  'focus-ring-color': unset,
+  'focus-ring-inward-offset': 2px,
+  'focus-ring-outward-offset': 2px,
+  '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,
+  'ripple-color': unset,
+  'ripple-duration': 0.20s,
+  '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': .2s,
+  'transition-mode': ease,
+  'transition-property': (background-color, color, border-color, box-shadow),
+  'translate': none
+);
 /**
  * ------------------------------------------------------------------------------
  * <auto-generated>
@@ -12583,10 +13215,12 @@ $toast-props: (
   'font-weight': unset,
   'foreground-color': unset,
   'gap': unset,
+  'offset-y': unset,
   'padding-bottom': unset,
   'padding-left': unset,
   'padding-right': unset,
   'padding-top': unset,
+  'progress-fill-color': currentColor,
   'progress-ring-fill-color': unset,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
@@ -12639,7 +13273,7 @@ $toggle-button-props: (
   'padding-top': var(--cosmopolitan-layout-space),
   'progress-ring-width': var(--cosmopolitan-layout-thickness),
   'ripple-color': unset,
-  'ripple-duration': 200ms,
+  'ripple-duration': 0.20s,
   'shadow': unset unset unset unset unset,
   'shadow-blur': unset,
   'shadow-color': unset,