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

package/lib/theme/theme.d.ts

@@ -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;
             };
         };
     };