@pega/cosmos-react-core 2.0.0-dev.2.1 → 2.0.0-dev.20.0

package/lib/theme/theme.d.ts

@@ -4,10 +4,6 @@ export declare type DefaultThemeDefinition = typeof defaultThemeDefinition;
 export { defaultThemeDefinition as themeDefinition };
 export declare const BaseThemeMachine: ThemeMachine<{
     base: {
-        rtl: {
-            $type: string;
-            $value: boolean;
-        };
         colors: {
             white: {
                 $type: string;
@@ -193,6 +189,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
+            "brand-secondary": {
+                $type: string;
+                $value: string;
+            };
             urgent: {
                 $type: string;
                 $value: string;
@@ -276,6 +276,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $value: number;
             };
         };
+        "line-height": {
+            $type: string;
+            $value: string;
+        };
         scale: {
             $type: string;
             $value: number;
@@ -288,12 +292,28 @@ export declare const BaseThemeMachine: ThemeMachine<{
             $type: string;
             $value: string;
         };
-        sizes: {
-            "touch-mouse": {
+        "hit-area": {
+            compact: {
+                $type: string;
+                $value: string;
+            };
+            "compact-min": {
+                $type: string;
+                $value: string;
+            };
+            mouse: {
                 $type: string;
                 $value: string;
             };
-            "touch-finger": {
+            "mouse-min": {
+                $type: string;
+                $value: string;
+            };
+            finger: {
+                $type: string;
+                $value: string;
+            };
+            "finger-min": {
                 $type: string;
                 $value: string;
             };
@@ -443,6 +463,12 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $value: string;
                 };
             };
+            header: {
+                "background-color": {
+                    $type: string;
+                    $value: string;
+                };
+            };
         };
         avatar: {
             "background-color": {
@@ -694,16 +720,6 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $value: string;
             };
         };
-        email: {
-            "foreground-color": {
-                $type: string;
-                $value: string;
-            };
-            "background-color": {
-                $type: string;
-                $value: string;
-            };
-        };
         "form-control": {
             "foreground-color": {
                 $type: string;
@@ -1396,7 +1412,6 @@ export declare const BaseThemeMachine: ThemeMachine<{
 }>;
 export declare const WorkTheme: {
     readonly base: {
-        readonly rtl: boolean;
         readonly scale: number;
         readonly animation: {
             readonly speed: string;
@@ -1413,6 +1428,7 @@ export declare const WorkTheme: {
             readonly bold: number;
             readonly "semi-bold": number;
         };
+        readonly "line-height": string;
         readonly "z-index": {
             readonly tooltip: number;
             readonly alert: number;
@@ -1424,10 +1440,6 @@ export declare const WorkTheme: {
         };
         readonly "border-radius": string;
         readonly spacing: string;
-        readonly sizes: {
-            readonly "touch-mouse": string;
-            readonly "touch-finger": string;
-        };
         readonly colors: {
             readonly black: string;
             readonly blue: {
@@ -1490,6 +1502,7 @@ export declare const WorkTheme: {
             readonly "secondary-background": string;
             readonly "foreground-color": string;
             readonly "brand-primary": string;
+            readonly "brand-secondary": string;
             readonly urgent: string;
             readonly warn: string;
             readonly success: string;
@@ -1503,6 +1516,14 @@ export declare const WorkTheme: {
             readonly "scrollbar-thumb-hover": string;
         };
         readonly "font-scale": string;
+        readonly "hit-area": {
+            readonly compact: string;
+            readonly mouse: string;
+            readonly "compact-min": string;
+            readonly "mouse-min": string;
+            readonly finger: string;
+            readonly "finger-min": string;
+        };
         readonly "custom-scrollbar": boolean;
         readonly transparency: {
             readonly "transparent-1": number;
@@ -1513,9 +1534,9 @@ export declare const WorkTheme: {
         };
         readonly "disabled-opacity": string;
         readonly shadow: {
-            readonly focus: string;
             readonly high: string;
             readonly low: string;
+            readonly focus: string;
             readonly "high-filter": string;
             readonly "low-filter": string;
             readonly "focus-inverted": string;
@@ -1531,22 +1552,22 @@ export declare const WorkTheme: {
         };
     };
     readonly components: {
-        readonly checkbox: {
-            readonly "border-radius": string;
-        };
         readonly button: {
             readonly color: string;
+            readonly height: string;
             readonly padding: string;
             readonly touch: {
-                readonly padding: string;
                 readonly height: string;
+                readonly padding: string;
             };
-            readonly height: 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;
         };
@@ -1624,8 +1645,8 @@ export declare const WorkTheme: {
             readonly color: string;
         };
         readonly input: {
-            readonly padding: string;
             readonly height: string;
+            readonly padding: string;
             readonly "background-color": string;
             readonly "border-color": string;
             readonly "border-radius": string;
@@ -1637,29 +1658,54 @@ export declare const WorkTheme: {
             readonly "font-weight": string;
         };
         readonly select: {
-            readonly padding: string;
             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 height: string;
-            readonly width: string;
             readonly "touch-height": string;
             readonly "touch-width": string;
         };
-        readonly email: {
-            readonly "background-color": string;
-            readonly "foreground-color": 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 sentiment: {
+            readonly negative: {
+                readonly color: string;
+            };
+            readonly positive: {
+                readonly color: string;
+            };
+            readonly neutral: {
+                readonly color: string;
+            };
         };
         readonly "app-shell": {
+            readonly header: {
+                readonly "background-color": string;
+            };
             readonly nav: {
                 readonly "background-color": string;
             };
@@ -1677,6 +1723,17 @@ export declare const WorkTheme: {
             };
         };
         readonly badges: {
+            readonly alert: {
+                readonly base: {
+                    readonly "border-color": string;
+                };
+                readonly urgent: {
+                    readonly background: string;
+                };
+                readonly success: {
+                    readonly background: string;
+                };
+            };
             readonly status: {
                 readonly urgent: {
                     readonly background: string;
@@ -1699,21 +1756,6 @@ export declare const WorkTheme: {
                     readonly foreground: string;
                 };
             };
-            readonly alert: {
-                readonly base: {
-                    readonly "border-color": string;
-                };
-                readonly urgent: {
-                    readonly background: string;
-                };
-                readonly success: {
-                    readonly background: string;
-                };
-            };
-            readonly tag: {
-                readonly background: string;
-                readonly foreground: string;
-            };
             readonly count: {
                 readonly base: {
                     readonly background: string;
@@ -1732,6 +1774,10 @@ export declare const WorkTheme: {
                     readonly foreground: string;
                 };
             };
+            readonly tag: {
+                readonly background: string;
+                readonly foreground: string;
+            };
             readonly selectable: {
                 readonly base: {
                     readonly background: string;
@@ -1739,21 +1785,6 @@ export declare const WorkTheme: {
                 };
             };
         };
-        readonly banner: {
-            readonly urgent: {
-                readonly background: string;
-            };
-            readonly success: {
-                readonly background: string;
-            };
-            readonly info: {
-                readonly background: string;
-            };
-            readonly warning: {
-                readonly background: string;
-            };
-            readonly "icon-color": string;
-        };
         readonly card: {
             readonly padding: string;
             readonly background: string;
@@ -1762,6 +1793,10 @@ export declare const WorkTheme: {
         };
         readonly "form-control": {
             readonly padding: string;
+            readonly "background-color": string;
+            readonly "border-color": string;
+            readonly "border-radius": number;
+            readonly "border-width": string;
             readonly ":active": {
                 readonly "border-color": string;
             };
@@ -1780,10 +1815,6 @@ export declare const WorkTheme: {
                 readonly "background-color": string;
                 readonly "border-color": string;
             };
-            readonly "background-color": string;
-            readonly "border-color": string;
-            readonly "border-radius": number;
-            readonly "border-width": string;
             readonly "foreground-color": string;
         };
         readonly "form-field": {
@@ -1799,6 +1830,9 @@ export declare const WorkTheme: {
         };
         readonly "radio-check": {
             readonly size: string;
+            readonly "background-color": string;
+            readonly "border-color": string;
+            readonly "border-width": string;
             readonly ":checked": {
                 readonly "background-color": string;
                 readonly "border-color": string;
@@ -1807,9 +1841,6 @@ export declare const WorkTheme: {
                 readonly color: string;
                 readonly "font-weight": string;
             };
-            readonly "background-color": string;
-            readonly "border-color": string;
-            readonly "border-width": string;
             readonly "foreground-color": string;
             readonly "touch-size": string;
         };
@@ -1822,17 +1853,6 @@ export declare const WorkTheme: {
         readonly "search-input": {
             readonly "border-radius": number;
         };
-        readonly sentiment: {
-            readonly negative: {
-                readonly color: string;
-            };
-            readonly neutral: {
-                readonly color: string;
-            };
-            readonly positive: {
-                readonly color: string;
-            };
-        };
         readonly "text-area": {
             readonly padding: string;
             readonly "min-height": string;
@@ -1849,7 +1869,7 @@ export declare const WorkTheme: {
                         readonly "foreground-color": string;
                     };
                 };
-                readonly receiver: {
+                readonly sender: {
                     readonly content: {
                         readonly "background-color": string;
                         readonly "foreground-color": string;
@@ -1859,7 +1879,7 @@ export declare const WorkTheme: {
                         readonly "foreground-color": string;
                     };
                 };
-                readonly sender: {
+                readonly receiver: {
                     readonly content: {
                         readonly "background-color": string;
                         readonly "foreground-color": string;
@@ -1886,10 +1906,6 @@ export declare const WorkTheme: {
                     readonly background: string;
                     readonly foreground: string;
                 };
-                readonly "in-progress": {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
                 readonly "task-drawer": {
                     readonly background: string;
                     readonly foreground: string;
@@ -1906,6 +1922,10 @@ export declare const WorkTheme: {
                     readonly background: string;
                     readonly foreground: string;
                 };
+                readonly "in-progress": {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
                 readonly resolved: {
                     readonly background: string;
                     readonly foreground: string;
@@ -1915,13 +1935,13 @@ export declare const WorkTheme: {
         readonly "interaction-timer": {
             readonly "notification-indicator": string;
             readonly sla: {
-                readonly deadline: {
+                readonly goal: {
                     readonly progress: {
                         readonly "secondary-color": string;
                         readonly "primary-color": string;
                     };
                 };
-                readonly goal: {
+                readonly deadline: {
                     readonly progress: {
                         readonly "secondary-color": string;
                         readonly "primary-color": string;
@@ -1941,7 +1961,6 @@ export declare const ResetTheme: DefaultSettableTheme;
 export declare const defaultThemeProp: Readonly<{
     theme: {
         readonly base: {
-            readonly rtl: boolean;
             readonly scale: number;
             readonly animation: {
                 readonly speed: string;
@@ -1958,6 +1977,7 @@ export declare const defaultThemeProp: Readonly<{
                 readonly bold: number;
                 readonly "semi-bold": number;
             };
+            readonly "line-height": string;
             readonly "z-index": {
                 readonly tooltip: number;
                 readonly alert: number;
@@ -1969,10 +1989,6 @@ export declare const defaultThemeProp: Readonly<{
             };
             readonly "border-radius": string;
             readonly spacing: string;
-            readonly sizes: {
-                readonly "touch-mouse": string;
-                readonly "touch-finger": string;
-            };
             readonly colors: {
                 readonly black: string;
                 readonly blue: {
@@ -2035,6 +2051,7 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "secondary-background": string;
                 readonly "foreground-color": string;
                 readonly "brand-primary": string;
+                readonly "brand-secondary": string;
                 readonly urgent: string;
                 readonly warn: string;
                 readonly success: string;
@@ -2048,6 +2065,14 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "scrollbar-thumb-hover": string;
             };
             readonly "font-scale": string;
+            readonly "hit-area": {
+                readonly compact: string;
+                readonly mouse: string;
+                readonly "compact-min": string;
+                readonly "mouse-min": string;
+                readonly finger: string;
+                readonly "finger-min": string;
+            };
             readonly "custom-scrollbar": boolean;
             readonly transparency: {
                 readonly "transparent-1": number;
@@ -2058,9 +2083,9 @@ export declare const defaultThemeProp: Readonly<{
             };
             readonly "disabled-opacity": string;
             readonly shadow: {
-                readonly focus: string;
                 readonly high: string;
                 readonly low: string;
+                readonly focus: string;
                 readonly "high-filter": string;
                 readonly "low-filter": string;
                 readonly "focus-inverted": string;
@@ -2076,22 +2101,22 @@ export declare const defaultThemeProp: Readonly<{
             };
         };
         readonly components: {
-            readonly checkbox: {
-                readonly "border-radius": string;
-            };
             readonly button: {
                 readonly color: string;
+                readonly height: string;
                 readonly padding: string;
                 readonly touch: {
-                    readonly padding: string;
                     readonly height: string;
+                    readonly padding: string;
                 };
-                readonly height: 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;
             };
@@ -2169,8 +2194,8 @@ export declare const defaultThemeProp: Readonly<{
                 readonly color: string;
             };
             readonly input: {
-                readonly padding: string;
                 readonly height: string;
+                readonly padding: string;
                 readonly "background-color": string;
                 readonly "border-color": string;
                 readonly "border-radius": string;
@@ -2182,29 +2207,54 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "font-weight": string;
             };
             readonly select: {
-                readonly padding: string;
                 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 height: string;
-                readonly width: string;
                 readonly "touch-height": string;
                 readonly "touch-width": string;
             };
-            readonly email: {
-                readonly "background-color": string;
-                readonly "foreground-color": 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 sentiment: {
+                readonly negative: {
+                    readonly color: string;
+                };
+                readonly positive: {
+                    readonly color: string;
+                };
+                readonly neutral: {
+                    readonly color: string;
+                };
             };
             readonly "app-shell": {
+                readonly header: {
+                    readonly "background-color": string;
+                };
                 readonly nav: {
                     readonly "background-color": string;
                 };
@@ -2222,6 +2272,17 @@ export declare const defaultThemeProp: Readonly<{
                 };
             };
             readonly badges: {
+                readonly alert: {
+                    readonly base: {
+                        readonly "border-color": string;
+                    };
+                    readonly urgent: {
+                        readonly background: string;
+                    };
+                    readonly success: {
+                        readonly background: string;
+                    };
+                };
                 readonly status: {
                     readonly urgent: {
                         readonly background: string;
@@ -2244,21 +2305,6 @@ export declare const defaultThemeProp: Readonly<{
                         readonly foreground: string;
                     };
                 };
-                readonly alert: {
-                    readonly base: {
-                        readonly "border-color": string;
-                    };
-                    readonly urgent: {
-                        readonly background: string;
-                    };
-                    readonly success: {
-                        readonly background: string;
-                    };
-                };
-                readonly tag: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
                 readonly count: {
                     readonly base: {
                         readonly background: string;
@@ -2277,6 +2323,10 @@ export declare const defaultThemeProp: Readonly<{
                         readonly foreground: string;
                     };
                 };
+                readonly tag: {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
                 readonly selectable: {
                     readonly base: {
                         readonly background: string;
@@ -2284,21 +2334,6 @@ export declare const defaultThemeProp: Readonly<{
                     };
                 };
             };
-            readonly banner: {
-                readonly urgent: {
-                    readonly background: string;
-                };
-                readonly success: {
-                    readonly background: string;
-                };
-                readonly info: {
-                    readonly background: string;
-                };
-                readonly warning: {
-                    readonly background: string;
-                };
-                readonly "icon-color": string;
-            };
             readonly card: {
                 readonly padding: string;
                 readonly background: string;
@@ -2307,6 +2342,10 @@ export declare const defaultThemeProp: Readonly<{
             };
             readonly "form-control": {
                 readonly padding: string;
+                readonly "background-color": string;
+                readonly "border-color": string;
+                readonly "border-radius": number;
+                readonly "border-width": string;
                 readonly ":active": {
                     readonly "border-color": string;
                 };
@@ -2325,10 +2364,6 @@ export declare const defaultThemeProp: Readonly<{
                     readonly "background-color": string;
                     readonly "border-color": string;
                 };
-                readonly "background-color": string;
-                readonly "border-color": string;
-                readonly "border-radius": number;
-                readonly "border-width": string;
                 readonly "foreground-color": string;
             };
             readonly "form-field": {
@@ -2344,6 +2379,9 @@ export declare const defaultThemeProp: Readonly<{
             };
             readonly "radio-check": {
                 readonly size: string;
+                readonly "background-color": string;
+                readonly "border-color": string;
+                readonly "border-width": string;
                 readonly ":checked": {
                     readonly "background-color": string;
                     readonly "border-color": string;
@@ -2352,9 +2390,6 @@ export declare const defaultThemeProp: Readonly<{
                     readonly color: string;
                     readonly "font-weight": string;
                 };
-                readonly "background-color": string;
-                readonly "border-color": string;
-                readonly "border-width": string;
                 readonly "foreground-color": string;
                 readonly "touch-size": string;
             };
@@ -2367,17 +2402,6 @@ export declare const defaultThemeProp: Readonly<{
             readonly "search-input": {
                 readonly "border-radius": number;
             };
-            readonly sentiment: {
-                readonly negative: {
-                    readonly color: string;
-                };
-                readonly neutral: {
-                    readonly color: string;
-                };
-                readonly positive: {
-                    readonly color: string;
-                };
-            };
             readonly "text-area": {
                 readonly padding: string;
                 readonly "min-height": string;
@@ -2394,7 +2418,7 @@ export declare const defaultThemeProp: Readonly<{
                             readonly "foreground-color": string;
                         };
                     };
-                    readonly receiver: {
+                    readonly sender: {
                         readonly content: {
                             readonly "background-color": string;
                             readonly "foreground-color": string;
@@ -2404,7 +2428,7 @@ export declare const defaultThemeProp: Readonly<{
                             readonly "foreground-color": string;
                         };
                     };
-                    readonly sender: {
+                    readonly receiver: {
                         readonly content: {
                             readonly "background-color": string;
                             readonly "foreground-color": string;
@@ -2431,10 +2455,6 @@ export declare const defaultThemeProp: Readonly<{
                         readonly background: string;
                         readonly foreground: string;
                     };
-                    readonly "in-progress": {
-                        readonly background: string;
-                        readonly foreground: string;
-                    };
                     readonly "task-drawer": {
                         readonly background: string;
                         readonly foreground: string;
@@ -2451,6 +2471,10 @@ export declare const defaultThemeProp: Readonly<{
                         readonly background: string;
                         readonly foreground: string;
                     };
+                    readonly "in-progress": {
+                        readonly background: string;
+                        readonly foreground: string;
+                    };
                     readonly resolved: {
                         readonly background: string;
                         readonly foreground: string;
@@ -2460,13 +2484,13 @@ export declare const defaultThemeProp: Readonly<{
             readonly "interaction-timer": {
                 readonly "notification-indicator": string;
                 readonly sla: {
-                    readonly deadline: {
+                    readonly goal: {
                         readonly progress: {
                             readonly "secondary-color": string;
                             readonly "primary-color": string;
                         };
                     };
-                    readonly goal: {
+                    readonly deadline: {
                         readonly progress: {
                             readonly "secondary-color": string;
                             readonly "primary-color": string;