@pega/cosmos-react-core 2.0.0-dev.11.0 → 2.0.0-dev.14.0

package/lib/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export * from './theme';\nexport { default as ThemeMachine } from './ThemeMachine';\nexport * from './ThemeMachine';\nexport { default as LargeTextTheme } from './themes/largeTextTheme.json';\nexport { default as SmallTextTheme } from './themes/smallTextTheme.json';\nexport { default as BuildTheme } from './themes/buildTheme.json';\nexport { default as DarkTheme } from './themes/darkTheme.json';\nexport { default as HubbleTheme } from './themes/hubbleTheme.json';\nexport { default as SquareTheme } from './themes/squareTheme.json';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export * from './theme';\nexport { default as ThemeMachine } from './ThemeMachine';\nexport * from './ThemeMachine';\nexport { default as LargeTextTheme } from './themes/largeTextTheme.json';\nexport { default as SmallTextTheme } from './themes/smallTextTheme.json';\nexport { default as BuildTheme } from './themes/buildTheme.json';\nexport { default as LegacyBuildTheme } from './themes/legacyBuildTheme.json';\nexport { default as DarkTheme } from './themes/darkTheme.json';\nexport { default as HubbleTheme } from './themes/hubbleTheme.json';\nexport { default as SquareTheme } from './themes/squareTheme.json';\n"]}

package/lib/theme/theme.d.ts

@@ -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;
+            };
+            "mouse-min": {
+                $type: string;
+                $value: string;
+            };
+            finger: {
                 $type: string;
                 $value: string;
             };
-            "touch-finger": {
+            "finger-min": {
                 $type: string;
                 $value: string;
             };
@@ -1408,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;
@@ -1419,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: {
@@ -1499,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;
@@ -1509,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;
@@ -1529,12 +1554,12 @@ export declare const WorkTheme: {
     readonly components: {
         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;
@@ -1620,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;
@@ -1633,8 +1658,8 @@ 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;
@@ -1661,10 +1686,10 @@ export declare const WorkTheme: {
             readonly info: {
                 readonly background: string;
             };
+            readonly "icon-color": string;
             readonly warning: {
                 readonly background: string;
             };
-            readonly "icon-color": string;
         };
         readonly "app-shell": {
             readonly header: {
@@ -1821,10 +1846,10 @@ export declare const WorkTheme: {
             readonly negative: {
                 readonly color: string;
             };
-            readonly neutral: {
+            readonly positive: {
                 readonly color: string;
             };
-            readonly positive: {
+            readonly neutral: {
                 readonly color: string;
             };
         };
@@ -1844,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;
@@ -1854,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;
@@ -1873,15 +1898,11 @@ export declare const WorkTheme: {
         };
         readonly "task-manager": {
             readonly "task-icon": {
-                readonly banner: {
-                    readonly background: string;
-                    readonly foreground: string;
-                };
                 readonly action: {
                     readonly background: string;
                     readonly foreground: string;
                 };
-                readonly "in-progress": {
+                readonly banner: {
                     readonly background: string;
                     readonly foreground: string;
                 };
@@ -1901,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;
@@ -1910,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;
@@ -1952,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;
@@ -1963,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: {
@@ -2043,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;
@@ -2053,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;
@@ -2073,12 +2103,12 @@ export declare const defaultThemeProp: Readonly<{
         readonly components: {
             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;
@@ -2164,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;
@@ -2177,8 +2207,8 @@ 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;
@@ -2205,10 +2235,10 @@ export declare const defaultThemeProp: Readonly<{
                 readonly info: {
                     readonly background: string;
                 };
+                readonly "icon-color": string;
                 readonly warning: {
                     readonly background: string;
                 };
-                readonly "icon-color": string;
             };
             readonly "app-shell": {
                 readonly header: {
@@ -2365,10 +2395,10 @@ export declare const defaultThemeProp: Readonly<{
                 readonly negative: {
                     readonly color: string;
                 };
-                readonly neutral: {
+                readonly positive: {
                     readonly color: string;
                 };
-                readonly positive: {
+                readonly neutral: {
                     readonly color: string;
                 };
             };
@@ -2388,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;
@@ -2398,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;
@@ -2417,15 +2447,11 @@ export declare const defaultThemeProp: Readonly<{
             };
             readonly "task-manager": {
                 readonly "task-icon": {
-                    readonly banner: {
-                        readonly background: string;
-                        readonly foreground: string;
-                    };
                     readonly action: {
                         readonly background: string;
                         readonly foreground: string;
                     };
-                    readonly "in-progress": {
+                    readonly banner: {
                         readonly background: string;
                         readonly foreground: string;
                     };
@@ -2445,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;
@@ -2454,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;

package/lib/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}

package/lib/theme/themeDefinition.json

@@ -4,10 +4,10 @@
             "white": { "$type": "literal", "$value": "#ffffff" },
             "black": { "$type": "literal", "$value": "#000000" },
             "gray": {
-                "extra-light": { "$type": "literal", "$value": "#fafafa" },
-                "light": { "$type": "literal", "$value": "#f2f2f2" },
-                "medium": { "$type": "literal", "$value": "#cfcfcf" },
-                "dark": { "$type": "literal", "$value": "#939393" },
+                "extra-light": { "$type": "literal", "$value": "#f5f5f5" },
+                "light": { "$type": "literal", "$value": "#cfcfcf" },
+                "medium": { "$type": "literal", "$value": "#939393" },
+                "dark": { "$type": "literal", "$value": "#676767" },
                 "extra-dark": { "$type": "literal", "$value": "#3f3f3f" }
             },
             "slate": {
@@ -39,11 +39,11 @@
                 "extra-dark": { "$type": "literal", "$value": "#0b381a" }
             },
             "blue": {
-                "extra-light": { "$type": "literal", "$value": "#e2f2ff" },
-                "light": { "$type": "literal", "$value": "#71c1ff" },
-                "medium": { "$type": "literal", "$value": "#0076d1" },
-                "dark": { "$type": "literal", "$value": "#005699" },
-                "extra-dark": { "$type": "literal", "$value": "#002b4d" }
+                "extra-light": { "$type": "literal", "$value": "#e2f1ff" },
+                "light": { "$type": "literal", "$value": "#71baff" },
+                "medium": { "$type": "literal", "$value": "#076bc9" },
+                "dark": { "$type": "literal", "$value": "#054a8a" },
+                "extra-dark": { "$type": "literal", "$value": "#00284c" }
             },
             "purple": {
                 "extra-light": { "$type": "literal", "$value": "#f1e9fb" },
@@ -64,7 +64,7 @@
             },
             "secondary-background": {
                 "$type": "inherited",
-                "$value": "base.colors.gray.light"
+                "$value": "base.colors.gray.extra-light"
             },
             "foreground-color": {
                 "$type": "inherited",
@@ -104,11 +104,11 @@
             },
             "border-line": {
                 "$type": "inherited",
-                "$value": "base.colors.gray.medium"
+                "$value": "base.colors.gray.light"
             },
             "skeleton": {
                 "$type": "inherited",
-                "$value": "base.colors.gray.light"
+                "$value": "base.colors.gray.extra-light"
             },
             "light": {
                 "$type": "inherited",
@@ -161,6 +161,10 @@
                 "$value": 400
             }
         },
+        "line-height": {
+            "$type": "literal",
+            "$value": "normal"
+        },
         "scale": {
             "$type": "literal",
             "$value": 1
@@ -173,12 +177,28 @@
             "$type": "literal",
             "$value": "0.5rem"
         },
-        "sizes": {
-            "touch-mouse": {
+        "hit-area": {
+            "compact": {
+                "$type": "literal",
+                "$value": "1.5rem"
+            },
+            "compact-min": {
+                "$type": "literal",
+                "$value": "24px"
+            },
+            "mouse": {
+                "$type": "literal",
+                "$value": "2rem"
+            },
+            "mouse-min": {
                 "$type": "literal",
                 "$value": "32px"
             },
-            "touch-finger": {
+            "finger": {
+                "$type": "literal",
+                "$value": "2.75rem"
+            },
+            "finger-min": {
                 "$type": "literal",
                 "$value": "44px"
             }
@@ -252,19 +272,19 @@
             },
             "focus": {
                 "$type": "literal",
-                "$value": "0 0 0.25rem rgba(0, 120, 231, 0.95)"
+                "$value": "0 0 0 0.125rem rgba(0, 118, 209, 0.30)"
             },
             "focus-inverted": {
                 "$type": "literal",
-                "$value": "0 0 0.25rem rgba(255, 255, 255, 0.95)"
+                "$value": "0 0 0 0.125rem rgba(255, 255, 255, 0.30)"
             },
             "focus-filter": {
                 "$type": "literal",
-                "$value": "drop-shadow(0 0 0.125rem rgba(0, 120, 231, 0.95))"
+                "$value": "drop-shadow(0 0 0.125rem rgba(0, 118, 209, 0.30))"
             },
             "focus-inverted-filter": {
                 "$type": "literal",
-                "$value": "drop-shadow(0 0 0.125rem rgba(255, 255, 255, 0.95))"
+                "$value": "drop-shadow(0 0 0.125rem rgba(255, 255, 255, 0.30))"
             }
         },
         "z-index": {
@@ -530,7 +550,7 @@
         "button": {
             "height": {
                 "$type": "inherited",
-                "$value": "base.sizes.touch-mouse"
+                "$value": "base.hit-area.mouse-min"
             },
             "border-width": {
                 "$type": "literal",
@@ -559,7 +579,7 @@
             "touch": {
                 "height": {
                     "$type": "inherited",
-                    "$value": "base.sizes.touch-finger"
+                    "$value": "base.hit-area.finger-min"
                 },
                 "padding": {
                     "$type": "literal",
@@ -596,7 +616,7 @@
             },
             "border-color": {
                 "$type": "inherited",
-                "$value": "base.colors.gray.dark"
+                "$value": "base.colors.gray.medium"
             },
             "border-width": {
                 "$type": "literal",
@@ -604,7 +624,7 @@
             },
             "border-radius": {
                 "$type": "literal",
-                "$value": 0.25
+                "$value": 0.5
             },
             "padding": {
                 "$type": "inherited",
@@ -635,11 +655,11 @@
             ":disabled": {
                 "background-color": {
                     "$type": "inherited",
-                    "$value": "base.colors.gray.light"
+                    "$value": "base.colors.gray.extra-light"
                 },
                 "border-color": {
                     "$type": "inherited",
-                    "$value": "base.colors.gray.medium"
+                    "$value": "base.colors.gray.light"
                 }
             },
             ":read-only": {
@@ -998,7 +1018,7 @@
             },
             "width": {
                 "$type": "literal",
-                "$value": "2.25rem"
+                "$value": "3rem"
             },
             "touch-height": {
                 "$type": "literal",
@@ -1006,12 +1026,12 @@
             },
             "touch-width": {
                 "$type": "literal",
-                "$value": "3rem"
+                "$value": "4rem"
             },
             "off": {
                 "color": {
                     "$type": "inherited",
-                    "$value": "base.colors.gray.dark"
+                    "$value": "base.colors.gray.medium"
                 }
             },
             "on": {
@@ -1056,11 +1076,11 @@
                 "task-drawer": {
                     "background": {
                         "$type": "inherited",
-                        "$value": "base.colors.gray-light"
+                        "$value": "base.colors.gray.extra-light"
                     },
                     "foreground": {
                         "$type": "inherited",
-                        "$value": "base.colors.gray-extra-dark"
+                        "$value": "base.colors.gray.extra-dark"
                     }
                 },
                 "wrap-up": {

package/lib/theme/themeOverrides.schema.json

@@ -270,13 +270,25 @@
                     },
                     "additionalProperties": false
                 },
-                "sizes": {
+                "hit-area": {
                     "type": "object",
                     "properties": {
-                        "touch-mouse": {
+                        "compact": {
                             "type": "string"
                         },
-                        "touch-finger": {
+                        "compact-min": {
+                            "type": "string"
+                        },
+                        "mouse": {
+                            "type": "string"
+                        },
+                        "mouse-min": {
+                            "type": "string"
+                        },
+                        "finger": {
+                            "type": "string"
+                        },
+                        "finger-min": {
                             "type": "string"
                         }
                     },