@pega/cosmos-react-core 8.0.0-build.3.2 → 8.0.0-build.30.1

package/lib/theme/theme.d.ts

@@ -220,6 +220,14 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
+            "brand-background": {
+                $type: string;
+                $value: string;
+            };
+            "brand-foreground": {
+                $type: string;
+                $value: string;
+            };
             urgent: {
                 $type: string;
                 $value: string;
@@ -272,10 +280,6 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
-            "scrollbar-thumb-hover": {
-                $type: string;
-                $value: string;
-            };
         };
         "font-family": {
             $type: string;
@@ -289,6 +293,14 @@ export declare const BaseThemeMachine: ThemeMachine<{
             $type: string;
             $value: string;
         };
+        "font-stretch": {
+            $type: string;
+            $value: string;
+        };
+        "letter-spacing": {
+            $type: string;
+            $value: string;
+        };
         "font-weight": {
             bold: {
                 $type: string;
@@ -523,16 +535,138 @@ export declare const BaseThemeMachine: ThemeMachine<{
     components: {
         "app-shell": {
             nav: {
+                background: {
+                    $type: string;
+                    $value: string;
+                };
+                "foreground-color": {
+                    $type: string;
+                    $value: string;
+                };
                 "background-color": {
                     $type: string;
                     $value: string;
                 };
+                "border-color": {
+                    $type: string;
+                    $value: string;
+                };
+                detached: {
+                    $type: string;
+                    $value: boolean;
+                };
             };
             header: {
+                background: {
+                    $type: string;
+                    $value: string;
+                };
+                "foreground-color": {
+                    $type: string;
+                    $value: string;
+                };
+                "background-color": {
+                    $type: string;
+                    $value: string;
+                };
+                "border-color": {
+                    $type: string;
+                    $value: string;
+                };
+            };
+        };
+        "case-view": {
+            header: {
+                background: {
+                    $type: string;
+                    $value: string;
+                };
                 "background-color": {
                     $type: string;
                     $value: string;
                 };
+                "foreground-color": {
+                    $type: string;
+                    $value: string;
+                };
+            };
+            summary: {
+                detached: {
+                    $type: string;
+                    $value: boolean;
+                };
+            };
+            utilities: {
+                detached: {
+                    $type: string;
+                    $value: boolean;
+                };
+                background: {
+                    $type: string;
+                    $value: string;
+                };
+                "foreground-color": {
+                    $type: string;
+                    $value: string;
+                };
+            };
+            assignments: {
+                background: {
+                    $type: string;
+                    $value: string;
+                };
+                "foreground-color": {
+                    $type: string;
+                    $value: string;
+                };
+                detached: {
+                    $type: string;
+                    $value: boolean;
+                };
+            };
+            stages: {
+                status: {
+                    completed: {
+                        "foreground-color": {
+                            $type: string;
+                            $value: string;
+                        };
+                        background: {
+                            $type: string;
+                            $value: string;
+                        };
+                    };
+                    current: {
+                        "foreground-color": {
+                            $type: string;
+                            $value: string;
+                        };
+                        background: {
+                            $type: string;
+                            $value: string;
+                        };
+                    };
+                    pending: {
+                        "foreground-color": {
+                            $type: string;
+                            $value: string;
+                        };
+                        background: {
+                            $type: string;
+                            $value: string;
+                        };
+                    };
+                };
+            };
+        };
+        announcement: {
+            background: {
+                $type: string;
+                $value: string;
+            };
+            "foreground-color": {
+                $type: string;
+                $value: string;
             };
         };
         avatar: {
@@ -542,6 +676,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
             };
         };
         badges: {
+            "font-stretch": {
+                $type: string;
+                $value: string;
+            };
             status: {
                 success: {
                     foreground: {
@@ -680,6 +818,12 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $value: string;
                 };
             };
+            ai: {
+                background: {
+                    $type: string;
+                    $value: string;
+                };
+            };
             info: {
                 background: {
                     $type: string;
@@ -704,6 +848,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
+            "foreground-color": {
+                $type: string;
+                $value: string;
+            };
             "secondary-color": {
                 $type: string;
                 $value: string;
@@ -740,6 +888,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
+            "foreground-color": {
+                $type: string;
+                $value: string;
+            };
             padding: {
                 $type: string;
                 $value: string;
@@ -755,6 +907,14 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $value: string;
             };
         };
+        "field-value-list": {
+            inline: {
+                detached: {
+                    $type: string;
+                    $value: boolean;
+                };
+            };
+        };
         details: {
             "field-label": {
                 $type: string;
@@ -959,6 +1119,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
+            "foreground-color": {
+                $type: string;
+                $value: string;
+            };
         };
         link: {
             color: {
@@ -1118,7 +1282,23 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 };
             };
         };
+        tabs: {
+            detached: {
+                $type: string;
+                $value: boolean;
+            };
+        };
         table: {
+            typography: {
+                "font-stretch": {
+                    $type: string;
+                    $value: string;
+                };
+                "letter-spacing": {
+                    $type: string;
+                    $value: string;
+                };
+            };
             header: {
                 "font-size": {
                     $type: string;
@@ -1153,6 +1333,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $value: string;
                 };
             };
+            "striped-rows": {
+                $type: string;
+                $value: boolean;
+            };
             body: {
                 "foreground-color": {
                     $type: string;
@@ -1310,6 +1494,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
             };
             secondary: {
                 "font-size": {
@@ -1320,6 +1508,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
             };
             h1: {
                 "font-size": {
@@ -1330,6 +1522,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
             };
             h2: {
                 "font-size": {
@@ -1340,6 +1536,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
             };
             h3: {
                 "font-size": {
@@ -1350,6 +1550,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
             };
             h4: {
                 "font-size": {
@@ -1360,6 +1564,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
             };
             h5: {
                 "font-size": {
@@ -1370,6 +1578,10 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
             };
             h6: {
                 "font-size": {
@@ -1380,6 +1592,24 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     $type: string;
                     $value: string;
                 };
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
+            };
+            "brand-primary": {
+                "font-family": {
+                    $type: string;
+                    $value: string;
+                };
+                "font-size": {
+                    $type: string;
+                    $value: string;
+                };
+                "font-weight": {
+                    $type: string;
+                    $value: string;
+                };
             };
         };
         "text-area": {
@@ -1474,6 +1704,8 @@ export declare const WorkTheme: {
             readonly "foreground-color": string;
             readonly "brand-primary": string;
             readonly "brand-secondary": string;
+            readonly "brand-background": string;
+            readonly "brand-foreground": string;
             readonly urgent: string;
             readonly warn: string;
             readonly success: string;
@@ -1487,11 +1719,12 @@ export declare const WorkTheme: {
             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-stretch": string;
+        readonly "letter-spacing": string;
         readonly "font-weight": {
             readonly bold: number;
             readonly "semi-bold": number;
@@ -1567,16 +1800,64 @@ export declare const WorkTheme: {
     readonly components: {
         readonly "app-shell": {
             readonly nav: {
+                readonly background: string;
+                readonly "foreground-color": string;
                 readonly "background-color": string;
+                readonly "border-color": string;
+                readonly detached: boolean;
             };
             readonly header: {
+                readonly background: string;
+                readonly "foreground-color": string;
                 readonly "background-color": string;
+                readonly "border-color": string;
             };
         };
+        readonly "case-view": {
+            readonly header: {
+                readonly background: string;
+                readonly "background-color": string;
+                readonly "foreground-color": string;
+            };
+            readonly summary: {
+                readonly detached: boolean;
+            };
+            readonly utilities: {
+                readonly detached: boolean;
+                readonly background: string;
+                readonly "foreground-color": string;
+            };
+            readonly assignments: {
+                readonly background: string;
+                readonly "foreground-color": string;
+                readonly detached: boolean;
+            };
+            readonly stages: {
+                readonly status: {
+                    readonly completed: {
+                        readonly "foreground-color": string;
+                        readonly background: string;
+                    };
+                    readonly current: {
+                        readonly "foreground-color": string;
+                        readonly background: string;
+                    };
+                    readonly pending: {
+                        readonly "foreground-color": string;
+                        readonly background: string;
+                    };
+                };
+            };
+        };
+        readonly announcement: {
+            readonly background: string;
+            readonly "foreground-color": string;
+        };
         readonly avatar: {
             readonly "background-color": string;
         };
         readonly badges: {
+            readonly "font-stretch": string;
             readonly status: {
                 readonly success: {
                     readonly foreground: string;
@@ -1640,6 +1921,9 @@ export declare const WorkTheme: {
             readonly success: {
                 readonly background: string;
             };
+            readonly ai: {
+                readonly background: string;
+            };
             readonly info: {
                 readonly background: string;
             };
@@ -1649,6 +1933,7 @@ export declare const WorkTheme: {
             readonly "border-width": string;
             readonly "border-radius": number;
             readonly color: string;
+            readonly "foreground-color": string;
             readonly "secondary-color": string;
             readonly "secondary-fill-style": string;
             readonly "focus-shadow": string;
@@ -1661,12 +1946,18 @@ export declare const WorkTheme: {
         readonly card: {
             readonly "border-radius": string;
             readonly background: string;
+            readonly "foreground-color": string;
             readonly padding: string;
             readonly "border-color": string;
         };
         readonly checkbox: {
             readonly "border-radius": string;
         };
+        readonly "field-value-list": {
+            readonly inline: {
+                readonly detached: boolean;
+            };
+        };
         readonly details: {
             readonly "field-label": string;
         };
@@ -1753,6 +2044,7 @@ export declare const WorkTheme: {
             readonly color: string;
             readonly "font-size": string;
             readonly "font-weight": string;
+            readonly "foreground-color": string;
         };
         readonly link: {
             readonly color: string;
@@ -1819,7 +2111,14 @@ export declare const WorkTheme: {
                 readonly color: string;
             };
         };
+        readonly tabs: {
+            readonly detached: boolean;
+        };
         readonly table: {
+            readonly typography: {
+                readonly "font-stretch": string;
+                readonly "letter-spacing": string;
+            };
             readonly header: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
@@ -1830,6 +2129,7 @@ export declare const WorkTheme: {
                 readonly "border-width": string;
                 readonly "border-color": string;
             };
+            readonly "striped-rows": boolean;
             readonly body: {
                 readonly "foreground-color": string;
                 readonly "background-color": string;
@@ -1891,34 +2191,47 @@ export declare const WorkTheme: {
             readonly primary: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
             };
             readonly secondary: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
             };
             readonly h1: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
             };
             readonly h2: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
             };
             readonly h3: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
             };
             readonly h4: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
             };
             readonly h5: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
             };
             readonly h6: {
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly "brand-primary": {
+                readonly "font-family": string;
+                readonly "font-size": string;
+                readonly "font-weight": string;
             };
         };
         readonly "text-area": {
@@ -2003,6 +2316,8 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "foreground-color": string;
                 readonly "brand-primary": string;
                 readonly "brand-secondary": string;
+                readonly "brand-background": string;
+                readonly "brand-foreground": string;
                 readonly urgent: string;
                 readonly warn: string;
                 readonly success: string;
@@ -2016,11 +2331,12 @@ export declare const defaultThemeProp: Readonly<{
                 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-stretch": string;
+            readonly "letter-spacing": string;
             readonly "font-weight": {
                 readonly bold: number;
                 readonly "semi-bold": number;
@@ -2096,16 +2412,64 @@ export declare const defaultThemeProp: Readonly<{
         readonly components: {
             readonly "app-shell": {
                 readonly nav: {
+                    readonly background: string;
+                    readonly "foreground-color": string;
+                    readonly "background-color": string;
+                    readonly "border-color": string;
+                    readonly detached: boolean;
+                };
+                readonly header: {
+                    readonly background: string;
+                    readonly "foreground-color": string;
                     readonly "background-color": string;
+                    readonly "border-color": string;
                 };
+            };
+            readonly "case-view": {
                 readonly header: {
+                    readonly background: string;
                     readonly "background-color": string;
+                    readonly "foreground-color": string;
+                };
+                readonly summary: {
+                    readonly detached: boolean;
+                };
+                readonly utilities: {
+                    readonly detached: boolean;
+                    readonly background: string;
+                    readonly "foreground-color": string;
+                };
+                readonly assignments: {
+                    readonly background: string;
+                    readonly "foreground-color": string;
+                    readonly detached: boolean;
+                };
+                readonly stages: {
+                    readonly status: {
+                        readonly completed: {
+                            readonly "foreground-color": string;
+                            readonly background: string;
+                        };
+                        readonly current: {
+                            readonly "foreground-color": string;
+                            readonly background: string;
+                        };
+                        readonly pending: {
+                            readonly "foreground-color": string;
+                            readonly background: string;
+                        };
+                    };
                 };
             };
+            readonly announcement: {
+                readonly background: string;
+                readonly "foreground-color": string;
+            };
             readonly avatar: {
                 readonly "background-color": string;
             };
             readonly badges: {
+                readonly "font-stretch": string;
                 readonly status: {
                     readonly success: {
                         readonly foreground: string;
@@ -2169,6 +2533,9 @@ export declare const defaultThemeProp: Readonly<{
                 readonly success: {
                     readonly background: string;
                 };
+                readonly ai: {
+                    readonly background: string;
+                };
                 readonly info: {
                     readonly background: string;
                 };
@@ -2178,6 +2545,7 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "border-width": string;
                 readonly "border-radius": number;
                 readonly color: string;
+                readonly "foreground-color": string;
                 readonly "secondary-color": string;
                 readonly "secondary-fill-style": string;
                 readonly "focus-shadow": string;
@@ -2190,12 +2558,18 @@ export declare const defaultThemeProp: Readonly<{
             readonly card: {
                 readonly "border-radius": string;
                 readonly background: string;
+                readonly "foreground-color": string;
                 readonly padding: string;
                 readonly "border-color": string;
             };
             readonly checkbox: {
                 readonly "border-radius": string;
             };
+            readonly "field-value-list": {
+                readonly inline: {
+                    readonly detached: boolean;
+                };
+            };
             readonly details: {
                 readonly "field-label": string;
             };
@@ -2282,6 +2656,7 @@ export declare const defaultThemeProp: Readonly<{
                 readonly color: string;
                 readonly "font-size": string;
                 readonly "font-weight": string;
+                readonly "foreground-color": string;
             };
             readonly link: {
                 readonly color: string;
@@ -2348,7 +2723,14 @@ export declare const defaultThemeProp: Readonly<{
                     readonly color: string;
                 };
             };
+            readonly tabs: {
+                readonly detached: boolean;
+            };
             readonly table: {
+                readonly typography: {
+                    readonly "font-stretch": string;
+                    readonly "letter-spacing": string;
+                };
                 readonly header: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
@@ -2359,6 +2741,7 @@ export declare const defaultThemeProp: Readonly<{
                     readonly "border-width": string;
                     readonly "border-color": string;
                 };
+                readonly "striped-rows": boolean;
                 readonly body: {
                     readonly "foreground-color": string;
                     readonly "background-color": string;
@@ -2420,34 +2803,47 @@ export declare const defaultThemeProp: Readonly<{
                 readonly primary: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
                 };
                 readonly secondary: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
                 };
                 readonly h1: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
                 };
                 readonly h2: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
                 };
                 readonly h3: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
                 };
                 readonly h4: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
                 };
                 readonly h5: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
                 };
                 readonly h6: {
                     readonly "font-size": string;
                     readonly "font-weight": string;
+                    readonly "font-family": string;
+                };
+                readonly "brand-primary": {
+                    readonly "font-family": string;
+                    readonly "font-size": string;
+                    readonly "font-weight": string;
                 };
             };
             readonly "text-area": {