@pega/cosmos-react-core 4.0.0-dev.2.0 → 4.0.0-dev.21.0

package/lib/theme/theme.d.ts

@@ -1,6 +1,6 @@
 import ThemeMachine, { ToThemeIFace, SettableTheme } from './ThemeMachine';
 import defaultThemeDefinition from './themeDefinition.json';
-export declare type DefaultThemeDefinition = typeof defaultThemeDefinition;
+export type DefaultThemeDefinition = typeof defaultThemeDefinition;
 export { defaultThemeDefinition as themeDefinition };
 export declare const BaseThemeMachine: ThemeMachine<{
     base: {
@@ -191,6 +191,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
             };
         };
         palette: {
+            ai: {
+                $type: string;
+                $value: string;
+            };
             "app-background": {
                 $type: string;
                 $value: string;
@@ -411,6 +415,14 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
+            "focus-group": {
+                $type: string;
+                $value: string;
+            };
+            "focus-group-inset": {
+                $type: string;
+                $value: string;
+            };
             "focus-inset": {
                 $type: string;
                 $value: string;
@@ -441,11 +453,11 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: number;
             };
-            toast: {
+            backdrop: {
                 $type: string;
                 $value: number;
             };
-            backdrop: {
+            toast: {
                 $type: string;
                 $value: number;
             };
@@ -453,6 +465,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: number;
             };
+            max: {
+                $type: string;
+                $value: number;
+            };
         };
         breakpoints: {
             xs: {
@@ -498,6 +514,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $value: string;
             };
         };
+        "icon-set": {
+            $type: string;
+            $value: string;
+        };
     };
     components: {
         "app-shell": {
@@ -588,27 +608,7 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 };
             };
             count: {
-                base: {
-                    foreground: {
-                        $type: string;
-                        $value: string;
-                    };
-                    background: {
-                        $type: string;
-                        $value: string;
-                    };
-                };
-                interactive: {
-                    foreground: {
-                        $type: string;
-                        $value: string;
-                    };
-                    background: {
-                        $type: string;
-                        $value: string;
-                    };
-                };
-                inverted: {
+                default: {
                     foreground: {
                         $type: string;
                         $value: string;
@@ -760,84 +760,6 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $value: string;
             };
         };
-        chat: {
-            messageBubble: {
-                sender: {
-                    header: {
-                        "background-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                        "foreground-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                    };
-                    content: {
-                        "background-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                        "foreground-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                    };
-                };
-                receiver: {
-                    header: {
-                        "background-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                        "foreground-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                    };
-                    content: {
-                        "background-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                        "foreground-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                    };
-                };
-                other: {
-                    header: {
-                        "background-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                        "foreground-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                    };
-                    content: {
-                        "background-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                        "foreground-color": {
-                            $type: string;
-                            $value: string;
-                        };
-                    };
-                };
-            };
-            transcript: {
-                message: {
-                    "icon-foreground-color": {
-                        $type: string;
-                        $value: string;
-                    };
-                };
-            };
-        };
         checkbox: {
             "border-radius": {
                 $type: string;
@@ -1278,20 +1200,6 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 };
             };
         };
-        tabs: {
-            base: {
-                foreground: {
-                    $type: string;
-                    $value: string;
-                };
-            };
-            inverted: {
-                foreground: {
-                    $type: string;
-                    $value: string;
-                };
-            };
-        };
         "task-manager": {
             "task-icon": {
                 banner: {
@@ -1482,98 +1390,68 @@ 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 toast: number;
-            readonly backdrop: 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 ai: string;
             readonly "app-background": string;
             readonly "primary-background": string;
             readonly "secondary-background": string;
@@ -1588,20 +1466,42 @@ export declare const WorkTheme: {
             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;
@@ -1613,244 +1513,106 @@ 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 max: 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 "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 urgent: {
-                readonly background: string;
-            };
-            readonly success: {
-                readonly background: string;
-            };
-            readonly info: {
-                readonly background: string;
-            };
-            readonly "icon-color": string;
-            readonly warning: {
-                readonly background: string;
-            };
-        };
-        readonly "app-shell": {
-            readonly header: {
-                readonly "background-color": string;
-            };
-            readonly nav: {
-                readonly "background-color": string;
-            };
-        };
-        readonly avatar: {
-            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 urgent: {
-                    readonly background: string;
-                };
+            readonly status: {
                 readonly success: {
+                    readonly foreground: string;
                     readonly background: string;
                 };
-            };
-            readonly status: {
                 readonly urgent: {
-                    readonly background: string;
                     readonly foreground: string;
+                    readonly background: string;
                 };
                 readonly warn: {
-                    readonly background: string;
                     readonly foreground: string;
-                };
-                readonly success: {
                     readonly background: string;
-                    readonly foreground: string;
                 };
                 readonly pending: {
-                    readonly background: string;
                     readonly foreground: string;
+                    readonly background: string;
                 };
                 readonly info: {
-                    readonly background: string;
                     readonly foreground: string;
+                    readonly background: string;
                 };
             };
+            readonly tag: {
+                readonly foreground: string;
+                readonly background: string;
+            };
             readonly count: {
-                readonly base: {
-                    readonly background: string;
+                readonly default: {
                     readonly foreground: string;
+                    readonly background: string;
                 };
                 readonly urgent: {
+                    readonly foreground: string;
                     readonly background: string;
+                };
+            };
+            readonly selectable: {
+                readonly base: {
                     readonly foreground: string;
+                    readonly background: string;
                 };
-                readonly interactive: {
+            };
+            readonly alert: {
+                readonly urgent: {
                     readonly background: string;
-                    readonly foreground: string;
                 };
-                readonly inverted: {
+                readonly success: {
                     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 "border-color": string;
                 };
             };
             readonly keyboard: {
@@ -1858,76 +1620,68 @@ export declare const WorkTheme: {
                 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 "border-radius": string;
         };
-        readonly chat: {
-            readonly messageBubble: {
-                readonly other: {
-                    readonly content: {
-                        readonly "background-color": string;
-                        readonly "foreground-color": string;
-                    };
-                    readonly header: {
-                        readonly "background-color": string;
-                        readonly "foreground-color": string;
-                    };
-                };
-                readonly sender: {
-                    readonly content: {
-                        readonly "background-color": string;
-                        readonly "foreground-color": string;
-                    };
-                    readonly header: {
-                        readonly "background-color": string;
-                        readonly "foreground-color": string;
-                    };
-                };
-                readonly receiver: {
-                    readonly content: {
-                        readonly "background-color": string;
-                        readonly "foreground-color": string;
-                    };
-                    readonly header: {
-                        readonly "background-color": string;
-                        readonly "foreground-color": string;
-                    };
-                };
-            };
-            readonly transcript: {
-                readonly message: {
-                    readonly "icon-foreground-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: {
@@ -1936,51 +1690,74 @@ export declare const WorkTheme: {
             readonly success: {
                 readonly "status-color": string;
             };
-            readonly pending: {
+            readonly warning: {
                 readonly "status-color": string;
             };
-            readonly warning: {
+            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;
@@ -1991,32 +1768,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 tabs: {
-            readonly base: {
-                readonly foreground: string;
+        readonly switch: {
+            readonly height: string;
+            readonly width: string;
+            readonly "touch-height": string;
+            readonly "touch-width": string;
+            readonly off: {
+                readonly color: string;
             };
-            readonly inverted: {
-                readonly foreground: 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 banner: {
                     readonly background: string;
                     readonly foreground: string;
                 };
-                readonly banner: {
+                readonly action: {
                     readonly background: string;
                     readonly foreground: string;
                 };
@@ -2046,108 +1866,116 @@ 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 toast: number;
-                readonly backdrop: number;
+            readonly h1: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
             };
-            readonly "border-radius": string;
-            readonly spacing: 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 "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 ai: string;
                 readonly "app-background": string;
                 readonly "primary-background": string;
                 readonly "secondary-background": string;
@@ -2162,20 +1990,42 @@ export declare const defaultThemeProp: Readonly<{
                 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;
@@ -2187,244 +2037,106 @@ 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 max: 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 urgent: {
-                    readonly background: string;
-                };
-                readonly success: {
-                    readonly background: string;
-                };
-                readonly info: {
-                    readonly background: string;
-                };
-                readonly "icon-color": string;
-                readonly warning: {
-                    readonly background: string;
-                };
-            };
             readonly "app-shell": {
-                readonly header: {
+                readonly nav: {
                     readonly "background-color": string;
                 };
-                readonly nav: {
+                readonly header: {
                     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 urgent: {
-                        readonly background: string;
-                    };
+            };
+            readonly avatar: {
+                readonly "background-color": string;
+                readonly "border-radius": string;
+            };
+            readonly badges: {
+                readonly status: {
                     readonly success: {
+                        readonly foreground: string;
                         readonly background: string;
                     };
-                };
-                readonly status: {
                     readonly urgent: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                     readonly warn: {
-                        readonly background: string;
                         readonly foreground: string;
-                    };
-                    readonly success: {
                         readonly background: string;
-                        readonly foreground: string;
                     };
                     readonly pending: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                     readonly info: {
-                        readonly background: string;
                         readonly foreground: string;
+                        readonly background: string;
                     };
                 };
+                readonly tag: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
                 readonly count: {
-                    readonly base: {
-                        readonly background: string;
+                    readonly default: {
                         readonly foreground: string;
+                        readonly background: string;
                     };
                     readonly urgent: {
+                        readonly foreground: string;
                         readonly background: string;
+                    };
+                };
+                readonly selectable: {
+                    readonly base: {
                         readonly foreground: string;
+                        readonly background: string;
                     };
-                    readonly interactive: {
+                };
+                readonly alert: {
+                    readonly urgent: {
                         readonly background: string;
-                        readonly foreground: string;
                     };
-                    readonly inverted: {
+                    readonly success: {
                         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 "border-color": string;
                     };
                 };
                 readonly keyboard: {
@@ -2432,76 +2144,68 @@ 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 "border-radius": string;
             };
-            readonly chat: {
-                readonly messageBubble: {
-                    readonly other: {
-                        readonly content: {
-                            readonly "background-color": string;
-                            readonly "foreground-color": string;
-                        };
-                        readonly header: {
-                            readonly "background-color": string;
-                            readonly "foreground-color": string;
-                        };
-                    };
-                    readonly sender: {
-                        readonly content: {
-                            readonly "background-color": string;
-                            readonly "foreground-color": string;
-                        };
-                        readonly header: {
-                            readonly "background-color": string;
-                            readonly "foreground-color": string;
-                        };
-                    };
-                    readonly receiver: {
-                        readonly content: {
-                            readonly "background-color": string;
-                            readonly "foreground-color": string;
-                        };
-                        readonly header: {
-                            readonly "background-color": string;
-                            readonly "foreground-color": string;
-                        };
-                    };
-                };
-                readonly transcript: {
-                    readonly message: {
-                        readonly "icon-foreground-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: {
@@ -2510,51 +2214,74 @@ export declare const defaultThemeProp: Readonly<{
                 readonly success: {
                     readonly "status-color": string;
                 };
-                readonly pending: {
+                readonly warning: {
                     readonly "status-color": string;
                 };
-                readonly warning: {
+                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;
@@ -2565,32 +2292,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 tabs: {
-                readonly base: {
-                    readonly foreground: string;
+            readonly switch: {
+                readonly height: string;
+                readonly width: string;
+                readonly "touch-height": string;
+                readonly "touch-width": string;
+                readonly off: {
+                    readonly color: string;
                 };
-                readonly inverted: {
-                    readonly foreground: 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 banner: {
                         readonly background: string;
                         readonly foreground: string;
                     };
-                    readonly banner: {
+                    readonly action: {
                         readonly background: string;
                         readonly foreground: string;
                     };
@@ -2620,14 +2390,52 @@ 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;
             };
         };
     };
 }>;
-export declare type DefaultSettableTheme = SettableTheme<typeof defaultThemeDefinition>;
+export type DefaultSettableTheme = SettableTheme<typeof defaultThemeDefinition>;
 declare module 'styled-components' {
     interface DefaultTheme extends ToThemeIFace<typeof defaultThemeDefinition> {
     }