npm - @pega/cosmos-react-core - Versions diffs - 4.0.0-dev.19.2 → 4.0.0-dev.19.3 - Mend

@pega/cosmos-react-core 4.0.0-dev.19.2 → 4.0.0-dev.19.3

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 (57) hide show

package/lib/theme/theme.d.ts CHANGED Viewed

@@ -1386,100 +1386,67 @@ export declare const BaseThemeMachine: ThemeMachine<{
 }>;
 export declare const WorkTheme: {
     readonly base: {
-        readonly scale: number;
-        readonly animation: {
-            readonly speed: string;
-            readonly timing: {
-                readonly ease: string;
-                readonly "ease-in": string;
-                readonly "ease-out": string;
-            };
-        };
-        readonly "font-family": string;
-        readonly "font-size": string;
-        readonly "font-weight": {
-            readonly normal: number;
-            readonly bold: number;
-            readonly "semi-bold": number;
-        };
-        readonly "line-height": string;
-        readonly "z-index": {
-            readonly tooltip: number;
-            readonly alert: number;
-            readonly popover: number;
-            readonly drawer: number;
-            readonly modal: number;
-            readonly backdrop: number;
-            readonly toast: number;
-        };
-        readonly "border-radius": string;
-        readonly spacing: string;
         readonly colors: {
+            readonly white: string;
             readonly black: string;
-            readonly blue: {
+            readonly gray: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
-            readonly gray: {
+            readonly slate: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
-            readonly green: {
+            readonly red: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
             readonly orange: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
-            readonly purple: {
+            readonly green: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
-            readonly red: {
+            readonly blue: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
-            readonly white: string;
-            readonly yellow: {
+            readonly purple: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
-            readonly slate: {
+            readonly yellow: {
+                readonly "extra-light": string;
+                readonly light: string;
                 readonly medium: string;
                 readonly dark: string;
-                readonly light: string;
-                readonly "extra-light": string;
                 readonly "extra-dark": string;
             };
         };
         readonly palette: {
-            readonly dark: string;
-            readonly light: string;
-            readonly "background-color": string;
-            readonly info: string;
-            readonly success: string;
             readonly ai: string;
             readonly "app-background": string;
             readonly "primary-background": string;
@@ -1489,24 +1456,48 @@ export declare const WorkTheme: {
             readonly "brand-secondary": string;
             readonly urgent: string;
             readonly warn: string;
+            readonly success: string;
             readonly pending: string;
+            readonly info: string;
             readonly interactive: string;
             readonly "border-line": string;
             readonly skeleton: string;
+            readonly light: string;
+            readonly dark: string;
+            readonly "background-color": string;
             readonly "scrollbar-track": string;
             readonly "scrollbar-thumb": string;
             readonly "scrollbar-thumb-hover": string;
         };
+        readonly "font-family": string;
+        readonly "font-size": string;
         readonly "font-scale": string;
+        readonly "font-weight": {
+            readonly bold: number;
+            readonly "semi-bold": number;
+            readonly normal: number;
+        };
+        readonly "line-height": string;
+        readonly scale: number;
+        readonly "border-radius": string;
+        readonly spacing: string;
         readonly "hit-area": {
             readonly compact: string;
-            readonly mouse: string;
             readonly "compact-min": string;
+            readonly mouse: string;
             readonly "mouse-min": string;
             readonly finger: string;
             readonly "finger-min": string;
         };
         readonly "custom-scrollbar": boolean;
+        readonly animation: {
+            readonly speed: string;
+            readonly timing: {
+                readonly ease: string;
+                readonly "ease-out": string;
+                readonly "ease-in": string;
+            };
+        };
         readonly transparency: {
             readonly "transparent-1": number;
             readonly "transparent-2": number;
@@ -1518,330 +1509,250 @@ export declare const WorkTheme: {
         readonly shadow: {
             readonly high: string;
             readonly low: string;
-            readonly focus: string;
             readonly "high-filter": string;
             readonly "low-filter": string;
+            readonly focus: string;
             readonly "focus-group": string;
             readonly "focus-group-inset": string;
             readonly "focus-inset": string;
             readonly "focus-solid": string;
             readonly "focus-filter": string;
         };
+        readonly "z-index": {
+            readonly popover: number;
+            readonly drawer: number;
+            readonly modal: number;
+            readonly alert: number;
+            readonly backdrop: number;
+            readonly toast: number;
+            readonly tooltip: number;
+        };
         readonly breakpoints: {
             readonly xs: string;
-            readonly xl: string;
             readonly sm: string;
             readonly md: string;
             readonly lg: string;
+            readonly xl: string;
         };
         readonly "content-width": {
             readonly xs: string;
-            readonly xl: string;
             readonly sm: string;
             readonly md: string;
             readonly lg: string;
+            readonly xl: string;
         };
         readonly "icon-set": string;
     };
     readonly components: {
-        readonly button: {
-            readonly color: string;
-            readonly height: string;
-            readonly padding: string;
-            readonly touch: {
-                readonly height: string;
-                readonly padding: string;
+        readonly "app-shell": {
+            readonly nav: {
+                readonly "background-color": string;
+            };
+            readonly header: {
+                readonly "background-color": string;
             };
-            readonly "border-radius": number;
-            readonly "border-width": string;
-            readonly "secondary-color": string;
-            readonly "focus-shadow": string;
         };
-        readonly checkbox: {
+        readonly avatar: {
+            readonly "background-color": string;
             readonly "border-radius": string;
         };
-        readonly progress: {
-            readonly "progress-color": string;
-        };
-        readonly text: {
-            readonly h1: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
-            };
-            readonly h2: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
-            };
-            readonly h3: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
+        readonly badges: {
+            readonly status: {
+                readonly success: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly urgent: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly warn: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly pending: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly info: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
             };
-            readonly h4: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
+            readonly tag: {
+                readonly foreground: string;
+                readonly background: string;
             };
-            readonly h5: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
+            readonly count: {
+                readonly default: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly urgent: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
             };
-            readonly h6: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
+            readonly selectable: {
+                readonly base: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
             };
-            readonly primary: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
+            readonly alert: {
+                readonly urgent: {
+                    readonly background: string;
+                };
+                readonly success: {
+                    readonly background: string;
+                };
+                readonly base: {
+                    readonly "border-color": string;
+                };
             };
-            readonly secondary: {
-                readonly "font-size": string;
-                readonly "font-weight": string;
+            readonly keyboard: {
+                readonly "background-color": string;
+                readonly "border-color": string;
             };
         };
-        readonly table: {
-            readonly border: {
-                readonly "horizontal-inner": boolean;
-                readonly "horizontal-outer": boolean;
-                readonly "vertical-inner": boolean;
-                readonly "vertical-outer": boolean;
+        readonly banner: {
+            readonly "icon-color": string;
+            readonly urgent: {
+                readonly background: string;
             };
-            readonly body: {
-                readonly "background-color": string;
-                readonly "border-color": string;
-                readonly "border-width": string;
-                readonly "foreground-color": string;
-                readonly "vertical-spacing": number;
-                readonly "horizontal-spacing": number;
+            readonly warning: {
+                readonly background: string;
             };
-            readonly header: {
-                readonly "background-color": string;
-                readonly "font-size": string;
-                readonly "font-weight": string;
-                readonly "border-color": string;
-                readonly "border-width": string;
-                readonly "foreground-color": string;
-                readonly "vertical-spacing": number;
-                readonly "horizontal-spacing": number;
+            readonly success: {
+                readonly background: string;
             };
-            readonly spacing: {
-                readonly "horizontal-inner": boolean;
-                readonly "horizontal-outer": boolean;
-                readonly "vertical-inner": boolean;
-                readonly "vertical-outer": boolean;
+            readonly info: {
+                readonly background: string;
             };
         };
-        readonly tooltip: {
-            readonly "background-color": string;
-            readonly "foreground-color": string;
-        };
-        readonly input: {
+        readonly button: {
             readonly height: string;
-            readonly padding: string;
-            readonly "background-color": string;
-            readonly "border-color": string;
-            readonly "border-radius": string;
             readonly "border-width": string;
-        };
-        readonly label: {
-            readonly color: string;
-            readonly "font-size": string;
-            readonly "font-weight": string;
-        };
-        readonly link: {
+            readonly "border-radius": number;
             readonly color: string;
-        };
-        readonly mark: {
-            readonly "background-color": string;
-            readonly "font-weight": string;
-        };
-        readonly select: {
-            readonly height: string;
+            readonly "secondary-color": string;
+            readonly "focus-shadow": string;
             readonly padding: string;
-            readonly "border-color": string;
-            readonly "border-radius": string;
-            readonly "border-width": string;
-        };
-        readonly switch: {
-            readonly height: string;
-            readonly width: string;
-            readonly on: {
-                readonly color: string;
-            };
-            readonly off: {
-                readonly color: string;
-            };
-            readonly "touch-height": string;
-            readonly "touch-width": string;
-        };
-        readonly banner: {
-            readonly info: {
-                readonly background: string;
-            };
-            readonly warning: {
-                readonly background: string;
-            };
-            readonly success: {
-                readonly background: string;
-            };
-            readonly urgent: {
-                readonly background: string;
-            };
-            readonly "icon-color": string;
-        };
-        readonly "app-shell": {
-            readonly header: {
-                readonly "background-color": string;
-            };
-            readonly nav: {
-                readonly "background-color": string;
-            };
-        };
-        readonly avatar: {
-            readonly "background-color": string;
-            readonly "border-radius": string;
-        };
-        readonly badges: {
-            readonly alert: {
-                readonly base: {
-                    readonly "border-color": string;
-                };
-                readonly success: {
-                    readonly background: string;
-                };
-                readonly urgent: {
-                    readonly background: string;
-                };
-            };
-            readonly status: {
-                readonly info: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-                readonly success: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-                readonly urgent: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-                readonly warn: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-                readonly pending: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-            };
-            readonly count: {
-                readonly default: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-                readonly urgent: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-            };
-            readonly tag: {
-                readonly background: string;
-                readonly foreground: string;
-            };
-            readonly selectable: {
-                readonly base: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
-            };
-            readonly keyboard: {
-                readonly "background-color": string;
-                readonly "border-color": string;
+            readonly touch: {
+                readonly height: string;
+                readonly padding: string;
             };
         };
         readonly card: {
-            readonly padding: string;
+            readonly "border-radius": string;
             readonly background: string;
+            readonly padding: string;
             readonly "border-color": string;
+        };
+        readonly checkbox: {
             readonly "border-radius": string;
         };
         readonly "form-control": {
-            readonly padding: string;
+            readonly "foreground-color": string;
             readonly "background-color": string;
             readonly "border-color": string;
-            readonly "border-radius": number;
             readonly "border-width": string;
-            readonly ":active": {
+            readonly "border-radius": number;
+            readonly padding: string;
+            readonly ":hover": {
                 readonly "border-color": string;
             };
-            readonly ":disabled": {
-                readonly "background-color": string;
+            readonly ":active": {
                 readonly "border-color": string;
             };
             readonly ":focus": {
-                readonly "box-shadow": string;
                 readonly "border-color": string;
+                readonly "box-shadow": string;
             };
-            readonly ":hover": {
+            readonly ":disabled": {
+                readonly "background-color": string;
                 readonly "border-color": string;
             };
             readonly ":read-only": {
                 readonly "background-color": string;
                 readonly "border-color": string;
             };
-            readonly "foreground-color": string;
         };
         readonly "form-field": {
             readonly error: {
                 readonly "status-color": string;
             };
-            readonly warning: {
+            readonly success: {
                 readonly "status-color": string;
             };
-            readonly success: {
+            readonly warning: {
                 readonly "status-color": string;
             };
             readonly pending: {
                 readonly "status-color": string;
             };
         };
+        readonly input: {
+            readonly height: string;
+            readonly padding: string;
+            readonly "background-color": string;
+            readonly "border-color": string;
+            readonly "border-width": string;
+            readonly "border-radius": string;
+        };
         readonly "interaction-timer": {
             readonly "notification-indicator": string;
             readonly sla: {
                 readonly goal: {
                     readonly progress: {
-                        readonly "secondary-color": string;
                         readonly "primary-color": string;
+                        readonly "secondary-color": string;
                     };
                 };
                 readonly deadline: {
                     readonly progress: {
-                        readonly "secondary-color": string;
                         readonly "primary-color": string;
+                        readonly "secondary-color": string;
                     };
                 };
                 readonly "past-deadline": {
                     readonly progress: {
-                        readonly "secondary-color": string;
                         readonly "primary-color": string;
+                        readonly "secondary-color": string;
                     };
                 };
             };
         };
-        readonly "radio-check": {
-            readonly size: string;
+        readonly label: {
+            readonly color: string;
+            readonly "font-size": string;
+            readonly "font-weight": string;
+        };
+        readonly link: {
+            readonly color: string;
+        };
+        readonly mark: {
             readonly "background-color": string;
+            readonly "font-weight": string;
+        };
+        readonly progress: {
+            readonly "progress-color": string;
+        };
+        readonly "radio-check": {
             readonly "border-color": string;
             readonly "border-width": string;
-            readonly ":checked": {
-                readonly "background-color": string;
-                readonly "border-color": string;
-            };
+            readonly "background-color": string;
+            readonly "foreground-color": string;
             readonly label: {
                 readonly color: string;
                 readonly "font-weight": string;
             };
-            readonly "foreground-color": string;
+            readonly size: string;
             readonly "touch-size": string;
+            readonly ":checked": {
+                readonly "background-color": string;
+                readonly "border-color": string;
+            };
         };
         readonly "radio-button": {
             readonly "border-radius": string;
@@ -1852,28 +1763,75 @@ export declare const WorkTheme: {
         readonly "search-input": {
             readonly "border-radius": number;
         };
+        readonly select: {
+            readonly height: string;
+            readonly padding: string;
+            readonly "border-color": string;
+            readonly "border-width": string;
+            readonly "border-radius": string;
+        };
         readonly sentiment: {
-            readonly negative: {
+            readonly positive: {
                 readonly color: string;
             };
-            readonly positive: {
+            readonly negative: {
                 readonly color: string;
             };
             readonly neutral: {
                 readonly color: string;
             };
         };
+        readonly switch: {
+            readonly height: string;
+            readonly width: string;
+            readonly "touch-height": string;
+            readonly "touch-width": string;
+            readonly off: {
+                readonly color: string;
+            };
+            readonly on: {
+                readonly color: string;
+            };
+        };
+        readonly table: {
+            readonly header: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "foreground-color": string;
+                readonly "background-color": string;
+                readonly "vertical-spacing": number;
+                readonly "horizontal-spacing": number;
+                readonly "border-width": string;
+                readonly "border-color": string;
+            };
+            readonly body: {
+                readonly "foreground-color": string;
+                readonly "background-color": string;
+                readonly "vertical-spacing": number;
+                readonly "horizontal-spacing": number;
+                readonly "border-width": string;
+                readonly "border-color": string;
+            };
+            readonly border: {
+                readonly "horizontal-inner": boolean;
+                readonly "horizontal-outer": boolean;
+                readonly "vertical-inner": boolean;
+                readonly "vertical-outer": boolean;
+            };
+            readonly spacing: {
+                readonly "horizontal-inner": boolean;
+                readonly "horizontal-outer": boolean;
+                readonly "vertical-inner": boolean;
+                readonly "vertical-outer": boolean;
+            };
+        };
         readonly "task-manager": {
             readonly "task-icon": {
-                readonly action: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
                 readonly banner: {
                     readonly background: string;
                     readonly foreground: string;
                 };
-                readonly suggested: {
+                readonly action: {
                     readonly background: string;
                     readonly foreground: string;
                 };
@@ -1885,6 +1843,10 @@ export declare const WorkTheme: {
                     readonly background: string;
                     readonly foreground: string;
                 };
+                readonly suggested: {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
                 readonly queued: {
                     readonly background: string;
                     readonly foreground: string;
@@ -1899,110 +1861,115 @@ export declare const WorkTheme: {
                 };
             };
         };
-        readonly "text-area": {
-            readonly padding: string;
-            readonly "min-height": string;
-        };
-    };
-};
-export declare const ResetTheme: DefaultSettableTheme;
-export declare const defaultThemeProp: Readonly<{
-    theme: {
-        readonly base: {
-            readonly scale: number;
-            readonly animation: {
-                readonly speed: string;
-                readonly timing: {
-                    readonly ease: string;
-                    readonly "ease-in": string;
-                    readonly "ease-out": string;
-                };
+        readonly text: {
+            readonly primary: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
             };
-            readonly "font-family": string;
-            readonly "font-size": string;
-            readonly "font-weight": {
-                readonly normal: number;
-                readonly bold: number;
-                readonly "semi-bold": number;
+            readonly secondary: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
             };
-            readonly "line-height": string;
-            readonly "z-index": {
-                readonly tooltip: number;
-                readonly alert: number;
-                readonly popover: number;
-                readonly drawer: number;
-                readonly modal: number;
-                readonly backdrop: number;
-                readonly toast: number;
+            readonly h1: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+            };
+            readonly h2: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+            };
+            readonly h3: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+            };
+            readonly h4: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+            };
+            readonly h5: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+            };
+            readonly h6: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
             };
-            readonly "border-radius": string;
-            readonly spacing: string;
+        };
+        readonly "text-area": {
+            readonly "min-height": string;
+            readonly padding: string;
+        };
+        readonly tooltip: {
+            readonly "foreground-color": string;
+            readonly "background-color": string;
+        };
+    };
+};
+export declare const ResetTheme: DefaultSettableTheme;
+export declare const defaultThemeProp: Readonly<{
+    theme: {
+        readonly base: {
             readonly colors: {
+                readonly white: string;
                 readonly black: string;
-                readonly blue: {
+                readonly gray: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
-                readonly gray: {
+                readonly slate: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
-                readonly green: {
+                readonly red: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
                 readonly orange: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
-                readonly purple: {
+                readonly green: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
-                readonly red: {
+                readonly blue: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
-                readonly white: string;
-                readonly yellow: {
+                readonly purple: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
-                readonly slate: {
+                readonly yellow: {
+                    readonly "extra-light": string;
+                    readonly light: string;
                     readonly medium: string;
                     readonly dark: string;
-                    readonly light: string;
-                    readonly "extra-light": string;
                     readonly "extra-dark": string;
                 };
             };
             readonly palette: {
-                readonly dark: string;
-                readonly light: string;
-                readonly "background-color": string;
-                readonly info: string;
-                readonly success: string;
                 readonly ai: string;
                 readonly "app-background": string;
                 readonly "primary-background": string;
@@ -2012,24 +1979,48 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "brand-secondary": string;
                 readonly urgent: string;
                 readonly warn: string;
+                readonly success: string;
                 readonly pending: string;
+                readonly info: string;
                 readonly interactive: string;
                 readonly "border-line": string;
                 readonly skeleton: string;
+                readonly light: string;
+                readonly dark: string;
+                readonly "background-color": string;
                 readonly "scrollbar-track": string;
                 readonly "scrollbar-thumb": string;
                 readonly "scrollbar-thumb-hover": string;
             };
+            readonly "font-family": string;
+            readonly "font-size": string;
             readonly "font-scale": string;
+            readonly "font-weight": {
+                readonly bold: number;
+                readonly "semi-bold": number;
+                readonly normal: number;
+            };
+            readonly "line-height": string;
+            readonly scale: number;
+            readonly "border-radius": string;
+            readonly spacing: string;
             readonly "hit-area": {
                 readonly compact: string;
-                readonly mouse: string;
                 readonly "compact-min": string;
+                readonly mouse: string;
                 readonly "mouse-min": string;
                 readonly finger: string;
                 readonly "finger-min": string;
             };
             readonly "custom-scrollbar": boolean;
+            readonly animation: {
+                readonly speed: string;
+                readonly timing: {
+                    readonly ease: string;
+                    readonly "ease-out": string;
+                    readonly "ease-in": string;
+                };
+            };
             readonly transparency: {
                 readonly "transparent-1": number;
                 readonly "transparent-2": number;
@@ -2041,180 +2032,46 @@ export declare const defaultThemeProp: Readonly<{
             readonly shadow: {
                 readonly high: string;
                 readonly low: string;
-                readonly focus: string;
                 readonly "high-filter": string;
                 readonly "low-filter": string;
+                readonly focus: string;
                 readonly "focus-group": string;
                 readonly "focus-group-inset": string;
                 readonly "focus-inset": string;
                 readonly "focus-solid": string;
                 readonly "focus-filter": string;
             };
+            readonly "z-index": {
+                readonly popover: number;
+                readonly drawer: number;
+                readonly modal: number;
+                readonly alert: number;
+                readonly backdrop: number;
+                readonly toast: number;
+                readonly tooltip: number;
+            };
             readonly breakpoints: {
                 readonly xs: string;
-                readonly xl: string;
                 readonly sm: string;
                 readonly md: string;
                 readonly lg: string;
+                readonly xl: string;
             };
             readonly "content-width": {
                 readonly xs: string;
-                readonly xl: string;
                 readonly sm: string;
                 readonly md: string;
                 readonly lg: string;
+                readonly xl: string;
             };
             readonly "icon-set": string;
         };
-        readonly components: {
-            readonly button: {
-                readonly color: string;
-                readonly height: string;
-                readonly padding: string;
-                readonly touch: {
-                    readonly height: string;
-                    readonly padding: string;
-                };
-                readonly "border-radius": number;
-                readonly "border-width": string;
-                readonly "secondary-color": string;
-                readonly "focus-shadow": string;
-            };
-            readonly checkbox: {
-                readonly "border-radius": string;
-            };
-            readonly progress: {
-                readonly "progress-color": string;
-            };
-            readonly text: {
-                readonly h1: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-                readonly h2: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-                readonly h3: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-                readonly h4: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-                readonly h5: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-                readonly h6: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-                readonly primary: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-                readonly secondary: {
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                };
-            };
-            readonly table: {
-                readonly border: {
-                    readonly "horizontal-inner": boolean;
-                    readonly "horizontal-outer": boolean;
-                    readonly "vertical-inner": boolean;
-                    readonly "vertical-outer": boolean;
-                };
-                readonly body: {
-                    readonly "background-color": string;
-                    readonly "border-color": string;
-                    readonly "border-width": string;
-                    readonly "foreground-color": string;
-                    readonly "vertical-spacing": number;
-                    readonly "horizontal-spacing": number;
-                };
-                readonly header: {
-                    readonly "background-color": string;
-                    readonly "font-size": string;
-                    readonly "font-weight": string;
-                    readonly "border-color": string;
-                    readonly "border-width": string;
-                    readonly "foreground-color": string;
-                    readonly "vertical-spacing": number;
-                    readonly "horizontal-spacing": number;
-                };
-                readonly spacing: {
-                    readonly "horizontal-inner": boolean;
-                    readonly "horizontal-outer": boolean;
-                    readonly "vertical-inner": boolean;
-                    readonly "vertical-outer": boolean;
-                };
-            };
-            readonly tooltip: {
-                readonly "background-color": string;
-                readonly "foreground-color": string;
-            };
-            readonly input: {
-                readonly height: string;
-                readonly padding: string;
-                readonly "background-color": string;
-                readonly "border-color": string;
-                readonly "border-radius": string;
-                readonly "border-width": string;
-            };
-            readonly label: {
-                readonly color: string;
-                readonly "font-size": string;
-                readonly "font-weight": string;
-            };
-            readonly link: {
-                readonly color: string;
-            };
-            readonly mark: {
-                readonly "background-color": string;
-                readonly "font-weight": string;
-            };
-            readonly select: {
-                readonly height: string;
-                readonly padding: string;
-                readonly "border-color": string;
-                readonly "border-radius": string;
-                readonly "border-width": string;
-            };
-            readonly switch: {
-                readonly height: string;
-                readonly width: string;
-                readonly on: {
-                    readonly color: string;
-                };
-                readonly off: {
-                    readonly color: string;
-                };
-                readonly "touch-height": string;
-                readonly "touch-width": string;
-            };
-            readonly banner: {
-                readonly info: {
-                    readonly background: string;
-                };
-                readonly warning: {
-                    readonly background: string;
-                };
-                readonly success: {
-                    readonly background: string;
-                };
-                readonly urgent: {
-                    readonly background: string;
-                };
-                readonly "icon-color": string;
-            };
+        readonly components: {
             readonly "app-shell": {
-                readonly header: {
+                readonly nav: {
                     readonly "background-color": string;
                 };
-                readonly nav: {
+                readonly header: {
                     readonly "background-color": string;
                 };
             };
@@ -2223,57 +2080,57 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "border-radius": string;
             };
             readonly badges: {
-                readonly alert: {
-                    readonly base: {
-                        readonly "border-color": string;
-                    };
-                    readonly success: {
-                        readonly background: string;
-                    };
-                    readonly urgent: {
-                        readonly background: string;
-                    };
-                };
                 readonly status: {
-                    readonly info: {
-                        readonly background: string;
-                        readonly foreground: string;
-                    };
                     readonly success: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                     readonly urgent: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                     readonly warn: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                     readonly pending: {
+                        readonly foreground: string;
                         readonly background: string;
+                    };
+                    readonly info: {
                         readonly foreground: string;
+                        readonly background: string;
                     };
                 };
+                readonly tag: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
                 readonly count: {
                     readonly default: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                     readonly urgent: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                 };
-                readonly tag: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
                 readonly selectable: {
                     readonly base: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
+                    };
+                };
+                readonly alert: {
+                    readonly urgent: {
+                        readonly background: string;
+                    };
+                    readonly success: {
+                        readonly background: string;
+                    };
+                    readonly base: {
+                        readonly "border-color": string;
                     };
                 };
                 readonly keyboard: {
@@ -2281,90 +2138,144 @@ export declare const defaultThemeProp: Readonly<{
                     readonly "border-color": string;
                 };
             };
-            readonly card: {
+            readonly banner: {
+                readonly "icon-color": string;
+                readonly urgent: {
+                    readonly background: string;
+                };
+                readonly warning: {
+                    readonly background: string;
+                };
+                readonly success: {
+                    readonly background: string;
+                };
+                readonly info: {
+                    readonly background: string;
+                };
+            };
+            readonly button: {
+                readonly height: string;
+                readonly "border-width": string;
+                readonly "border-radius": number;
+                readonly color: string;
+                readonly "secondary-color": string;
+                readonly "focus-shadow": string;
                 readonly padding: string;
+                readonly touch: {
+                    readonly height: string;
+                    readonly padding: string;
+                };
+            };
+            readonly card: {
+                readonly "border-radius": string;
                 readonly background: string;
+                readonly padding: string;
                 readonly "border-color": string;
+            };
+            readonly checkbox: {
                 readonly "border-radius": string;
             };
             readonly "form-control": {
-                readonly padding: string;
+                readonly "foreground-color": string;
                 readonly "background-color": string;
                 readonly "border-color": string;
-                readonly "border-radius": number;
                 readonly "border-width": string;
-                readonly ":active": {
+                readonly "border-radius": number;
+                readonly padding: string;
+                readonly ":hover": {
                     readonly "border-color": string;
                 };
-                readonly ":disabled": {
-                    readonly "background-color": string;
+                readonly ":active": {
                     readonly "border-color": string;
                 };
                 readonly ":focus": {
-                    readonly "box-shadow": string;
                     readonly "border-color": string;
+                    readonly "box-shadow": string;
                 };
-                readonly ":hover": {
+                readonly ":disabled": {
+                    readonly "background-color": string;
                     readonly "border-color": string;
                 };
                 readonly ":read-only": {
                     readonly "background-color": string;
                     readonly "border-color": string;
                 };
-                readonly "foreground-color": string;
             };
             readonly "form-field": {
                 readonly error: {
                     readonly "status-color": string;
                 };
-                readonly warning: {
+                readonly success: {
                     readonly "status-color": string;
                 };
-                readonly success: {
+                readonly warning: {
                     readonly "status-color": string;
                 };
                 readonly pending: {
                     readonly "status-color": string;
                 };
             };
+            readonly input: {
+                readonly height: string;
+                readonly padding: string;
+                readonly "background-color": string;
+                readonly "border-color": string;
+                readonly "border-width": string;
+                readonly "border-radius": string;
+            };
             readonly "interaction-timer": {
                 readonly "notification-indicator": string;
                 readonly sla: {
                     readonly goal: {
                         readonly progress: {
-                            readonly "secondary-color": string;
                             readonly "primary-color": string;
+                            readonly "secondary-color": string;
                         };
                     };
                     readonly deadline: {
                         readonly progress: {
-                            readonly "secondary-color": string;
                             readonly "primary-color": string;
+                            readonly "secondary-color": string;
                         };
                     };
                     readonly "past-deadline": {
                         readonly progress: {
-                            readonly "secondary-color": string;
                             readonly "primary-color": string;
+                            readonly "secondary-color": string;
                         };
                     };
                 };
             };
-            readonly "radio-check": {
-                readonly size: string;
+            readonly label: {
+                readonly color: string;
+                readonly "font-size": string;
+                readonly "font-weight": string;
+            };
+            readonly link: {
+                readonly color: string;
+            };
+            readonly mark: {
                 readonly "background-color": string;
+                readonly "font-weight": string;
+            };
+            readonly progress: {
+                readonly "progress-color": string;
+            };
+            readonly "radio-check": {
                 readonly "border-color": string;
                 readonly "border-width": string;
-                readonly ":checked": {
-                    readonly "background-color": string;
-                    readonly "border-color": string;
-                };
+                readonly "background-color": string;
+                readonly "foreground-color": string;
                 readonly label: {
                     readonly color: string;
                     readonly "font-weight": string;
                 };
-                readonly "foreground-color": string;
+                readonly size: string;
                 readonly "touch-size": string;
+                readonly ":checked": {
+                    readonly "background-color": string;
+                    readonly "border-color": string;
+                };
             };
             readonly "radio-button": {
                 readonly "border-radius": string;
@@ -2375,28 +2286,75 @@ export declare const defaultThemeProp: Readonly<{
             readonly "search-input": {
                 readonly "border-radius": number;
             };
+            readonly select: {
+                readonly height: string;
+                readonly padding: string;
+                readonly "border-color": string;
+                readonly "border-width": string;
+                readonly "border-radius": string;
+            };
             readonly sentiment: {
-                readonly negative: {
+                readonly positive: {
                     readonly color: string;
                 };
-                readonly positive: {
+                readonly negative: {
                     readonly color: string;
                 };
                 readonly neutral: {
                     readonly color: string;
                 };
             };
+            readonly switch: {
+                readonly height: string;
+                readonly width: string;
+                readonly "touch-height": string;
+                readonly "touch-width": string;
+                readonly off: {
+                    readonly color: string;
+                };
+                readonly on: {
+                    readonly color: string;
+                };
+            };
+            readonly table: {
+                readonly header: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                    readonly "foreground-color": string;
+                    readonly "background-color": string;
+                    readonly "vertical-spacing": number;
+                    readonly "horizontal-spacing": number;
+                    readonly "border-width": string;
+                    readonly "border-color": string;
+                };
+                readonly body: {
+                    readonly "foreground-color": string;
+                    readonly "background-color": string;
+                    readonly "vertical-spacing": number;
+                    readonly "horizontal-spacing": number;
+                    readonly "border-width": string;
+                    readonly "border-color": string;
+                };
+                readonly border: {
+                    readonly "horizontal-inner": boolean;
+                    readonly "horizontal-outer": boolean;
+                    readonly "vertical-inner": boolean;
+                    readonly "vertical-outer": boolean;
+                };
+                readonly spacing: {
+                    readonly "horizontal-inner": boolean;
+                    readonly "horizontal-outer": boolean;
+                    readonly "vertical-inner": boolean;
+                    readonly "vertical-outer": boolean;
+                };
+            };
             readonly "task-manager": {
                 readonly "task-icon": {
-                    readonly action: {
-                        readonly background: string;
-                        readonly foreground: string;
-                    };
                     readonly banner: {
                         readonly background: string;
                         readonly foreground: string;
                     };
-                    readonly suggested: {
+                    readonly action: {
                         readonly background: string;
                         readonly foreground: string;
                     };
@@ -2408,6 +2366,10 @@ export declare const defaultThemeProp: Readonly<{
                         readonly background: string;
                         readonly foreground: string;
                     };
+                    readonly suggested: {
+                        readonly background: string;
+                        readonly foreground: string;
+                    };
                     readonly queued: {
                         readonly background: string;
                         readonly foreground: string;
@@ -2422,9 +2384,47 @@ export declare const defaultThemeProp: Readonly<{
                     };
                 };
             };
+            readonly text: {
+                readonly primary: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+                readonly secondary: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+                readonly h1: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+                readonly h2: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+                readonly h3: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+                readonly h4: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+                readonly h5: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+                readonly h6: {
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
+                };
+            };
             readonly "text-area": {
-                readonly padding: string;
                 readonly "min-height": string;
+                readonly padding: string;
+            };
+            readonly tooltip: {
+                readonly "foreground-color": string;
+                readonly "background-color": string;
             };
         };
     };