@pega/cosmos-react-core 2.0.0-dev.2.0 → 2.0.0-dev.21.1

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

@@ -1,17 +1,13 @@
 {
     "base": {
-        "rtl": {
-            "$type": "literal",
-            "$value": false
-        },
         "colors": {
             "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": {
@@ -43,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" },
@@ -68,7 +64,7 @@
             },
             "secondary-background": {
                 "$type": "inherited",
-                "$value": "base.colors.gray.light"
+                "$value": "base.colors.gray.extra-light"
             },
             "foreground-color": {
                 "$type": "inherited",
@@ -78,6 +74,10 @@
                 "$type": "inherited",
                 "$value": "base.colors.blue.medium"
             },
+            "brand-secondary": {
+                "$type": "inherited",
+                "$value": "base.palette.primary-background"
+            },
             "urgent": {
                 "$type": "inherited",
                 "$value": "base.colors.red.medium"
@@ -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": {
@@ -327,6 +347,12 @@
                     "$type": "inherited",
                     "$value": "base.colors.slate.extra-dark"
                 }
+            },
+            "header": {
+                "background-color": {
+                    "$type": "inherited",
+                    "$value": "base.palette.brand-secondary"
+                }
             }
         },
         "avatar": {
@@ -524,7 +550,7 @@
         "button": {
             "height": {
                 "$type": "inherited",
-                "$value": "base.sizes.touch-mouse"
+                "$value": "base.hit-area.mouse-min"
             },
             "border-width": {
                 "$type": "literal",
@@ -553,7 +579,7 @@
             "touch": {
                 "height": {
                     "$type": "inherited",
-                    "$value": "base.sizes.touch-finger"
+                    "$value": "base.hit-area.finger-min"
                 },
                 "padding": {
                     "$type": "literal",
@@ -579,16 +605,6 @@
                 "$value": "base.palette.interactive"
             }
         },
-        "email": {
-            "foreground-color": {
-                "$type": "inherited",
-                "$value": "base.palette.foreground-color"
-            },
-            "background-color": {
-                "$type": "inherited",
-                "$value": "base.palette.primary-background"
-            }
-        },
         "form-control": {
             "foreground-color": {
                 "$type": "inherited",
@@ -600,7 +616,7 @@
             },
             "border-color": {
                 "$type": "inherited",
-                "$value": "base.colors.gray.dark"
+                "$value": "base.colors.gray.medium"
             },
             "border-width": {
                 "$type": "literal",
@@ -608,7 +624,7 @@
             },
             "border-radius": {
                 "$type": "literal",
-                "$value": 0.25
+                "$value": 0.5
             },
             "padding": {
                 "$type": "inherited",
@@ -639,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": {
@@ -904,7 +920,7 @@
         "text-area": {
             "min-height": {
                 "$type": "literal",
-                "$value": "6.25rem"
+                "$value": "3.75rem"
             },
             "padding": {
                 "$type": "inherited",
@@ -1002,7 +1018,7 @@
             },
             "width": {
                 "$type": "literal",
-                "$value": "2.25rem"
+                "$value": "3rem"
             },
             "touch-height": {
                 "$type": "literal",
@@ -1010,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": {
@@ -1060,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

@@ -207,6 +207,9 @@
                         "brand-primary": {
                             "type": "string"
                         },
+                        "brand-secondary": {
+                            "type": "string"
+                        },
                         "urgent": {
                             "type": "string"
                         },
@@ -267,13 +270,25 @@
                     },
                     "additionalProperties": false
                 },
-                "sizes": {
+                "hit-area": {
                     "type": "object",
                     "properties": {
-                        "touch-mouse": {
+                        "compact": {
+                            "type": "string"
+                        },
+                        "compact-min": {
+                            "type": "string"
+                        },
+                        "mouse": {
+                            "type": "string"
+                        },
+                        "mouse-min": {
+                            "type": "string"
+                        },
+                        "finger": {
                             "type": "string"
                         },
-                        "touch-finger": {
+                        "finger-min": {
                             "type": "string"
                         }
                     },
@@ -422,6 +437,15 @@
                                 }
                             },
                             "additionalProperties": false
+                        },
+                        "header": {
+                            "type": "object",
+                            "properties": {
+                                "background-color": {
+                                    "type": "string"
+                                }
+                            },
+                            "additionalProperties": false
                         }
                     },
                     "additionalProperties": false

package/lib/theme/themes/buildTheme.json

@@ -1,50 +1,14 @@
 {
     "base": {
-        "palette": {
-            "brand-primary": "#295ED9",
-            "border-line": "#cfcfcf"
-        },
-        "shadow": {
-            "focus": "0 0 0 0.0625rem #295ED9",
-            "focus-inverted": "0 0 0 0.0625rem #ffffff",
-            "focus-filter": "drop-shadow(0.0625rem 0px 0px #295ED9) drop-shadow(-0.0625rem 0px 0px #295ED9) drop-shadow(0px 0.0625rem 0px #295ED9) drop-shadow(0px -0.0625rem 0px #295ED9)",
-            "focus-inverted-filter": "drop-shadow(0.0625rem 0px 0px #ffffff) drop-shadow(-0.0625rem 0px 0px #ffffff) drop-shadow(0px 0.0625rem 0px #ffffff) drop-shadow(0px -0.0625rem 0px #ffffff)"
-        }
+        "font-scale": "minorThird",
+        "border-radius": "0.25rem"
     },
     "components": {
-        "card": {
-            "border-radius": "0.25rem"
-        },
         "button": {
             "border-radius": 0.5
         },
-        "form-control": {
-            "border-radius": 0,
-            ":focus": {
-                "border-color": "#295ED9"
-            }
-        },
         "search-input": {
-            "border-radius": 0
-        },
-        "text": {
-            "h4": {
-                "font-weight": "bold"
-            }
-        },
-        "table": {
-            "header": {
-                "background-color": "#ffffff",
-                "border-width": "0.125rem"
-            },
-            "border": {
-                "horizontal-outer": false,
-                "vertical-inner": false,
-                "vertical-outer": false
-            },
-            "spacing": {
-                "horizontal-outer": false
-            }
+            "border-radius": 0.5
         }
     }
 }

package/lib/theme/themes/darkTheme.json

@@ -9,7 +9,7 @@
             "urgent": "#f66f78",
             "warn": "#ffaa75",
             "success": "#7ee791",
-            "interactive": "#71C1FF",
+            "interactive": "#71c1ff",
             "pending": "#d6bcf5",
             "border-line": "#939393",
             "skeleton": "#939393",
@@ -25,6 +25,12 @@
         "form-control": {
             ":hover": {
                 "border-color": "#fafafa"
+            },
+            ":disabled": {
+                "background-color": "#676767"
+            },
+            ":read-only": {
+                "background-color": "#676767"
             }
         },
         "tooltip": {

package/lib/theme/themes/legacyBuildTheme.json

@@ -0,0 +1,50 @@
+{
+    "base": {
+        "palette": {
+            "brand-primary": "#295ED9",
+            "border-line": "#cfcfcf"
+        },
+        "shadow": {
+            "focus": "0 0 0 0.0625rem #295ED9",
+            "focus-inverted": "0 0 0 0.0625rem #ffffff",
+            "focus-filter": "drop-shadow(0.0625rem 0px 0px #295ED9) drop-shadow(-0.0625rem 0px 0px #295ED9) drop-shadow(0px 0.0625rem 0px #295ED9) drop-shadow(0px -0.0625rem 0px #295ED9)",
+            "focus-inverted-filter": "drop-shadow(0.0625rem 0px 0px #ffffff) drop-shadow(-0.0625rem 0px 0px #ffffff) drop-shadow(0px 0.0625rem 0px #ffffff) drop-shadow(0px -0.0625rem 0px #ffffff)"
+        }
+    },
+    "components": {
+        "card": {
+            "border-radius": "0.25rem"
+        },
+        "button": {
+            "border-radius": 0.5
+        },
+        "form-control": {
+            "border-radius": 0,
+            ":focus": {
+                "border-color": "#295ED9"
+            }
+        },
+        "search-input": {
+            "border-radius": 0
+        },
+        "text": {
+            "h4": {
+                "font-weight": "bold"
+            }
+        },
+        "table": {
+            "header": {
+                "background-color": "#ffffff",
+                "border-width": "0.125rem"
+            },
+            "border": {
+                "horizontal-outer": false,
+                "vertical-inner": false,
+                "vertical-outer": false
+            },
+            "spacing": {
+                "horizontal-outer": false
+            }
+        }
+    }
+}

package/lib/types/types.d.ts

@@ -13,6 +13,8 @@ export declare type HTMLTag = keyof JSX.IntrinsicElements;
 export interface AsProp {
     /** HTML tag or React Component to render the component as. */
     as?: ElementType;
+    /** HTML tag or React Component to finally render the component as. */
+    forwardedAs?: ElementType;
 }
 export interface Action extends ForwardProps {
     /** A string to uniquely identify this Action within the onClick handler. */
@@ -24,7 +26,7 @@ export interface Action extends ForwardProps {
     /** A location to navigate to. Passing an href will render a Link styled as a Button. */
     href?: string;
     /** Called when the Action is clicked. */
-    onClick?(id: string, e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>): void;
+    onClick?: (id: string, e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>) => void;
     /** Determines if the Action will be disabled. */
     disabled?: boolean;
 }
@@ -37,7 +39,10 @@ export declare type DeepPartial<T> = T extends (infer U)[] ? DeepPartial<U>[] :
 export declare type DeepRequired<T> = T extends (infer U)[] ? DeepRequired<U>[] : T extends Function ? T : T extends object ? {
     [K in keyof T]-?: DeepRequired<T[K]>;
 } : T;
-export declare type PropsWithDefaults<Props extends object = {}, Defaults extends keyof Props = never> = Omit<Props, Defaults> & Required<Pick<Props, Defaults>>;
+export declare type DeferInfer<T> = T & {
+    [K in keyof T]: T[K];
+};
+export declare type PropsWithDefaults<Props extends object = {}, Defaults extends keyof Props = never> = OmitStrict<Props, Defaults> & Required<Pick<Props, Defaults>>;
 export declare type PrettyPrint<T> = T extends object ? {
     [K in keyof T]: T[K];
 } : T;

package/lib/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,WAAW,SAAS;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,oBAAY,OAAO,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;AAClD,MAAM,WAAW,MAAM;IACrB,8DAA8D;IAC9D,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,MAAM,WAAW,MAAO,SAAQ,YAAY;IAC1C,4EAA4E;IAC5E,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACpG,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,oBAAY,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5E,oBAAY,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAC9E,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACtB,oBAAY,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAC/E,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEvB,oBAAY,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAC9C,WAAW,CAAC,CAAC,CAAC,EAAE,GAChB,CAAC,SAAS,MAAM,GAChB;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACtC,CAAC,CAAC;AAEN,oBAAY,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAC/C,YAAY,CAAC,CAAC,CAAC,EAAE,GACjB,CAAC,SAAS,QAAQ,GAClB,CAAC,GACD,CAAC,SAAS,MAAM,GAChB;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACxC,CAAC,CAAC;AAGN,oBAAY,iBAAiB,CAC3B,KAAK,SAAS,MAAM,GAAG,EAAE,EACzB,QAAQ,SAAS,MAAM,KAAK,GAAG,KAAK,IAClC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;AAG5D,oBAAY,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GACzC;KACG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,GACD,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"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"}

package/lib/types/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ElementType, MouseEvent } from 'react';\n\nexport interface BaseProps {\n  /** Additional CSS classes. */\n  className?: string;\n}\n\nexport interface ForwardProps {\n  [prop: string]: unknown;\n}\n\nexport interface NoChildrenProp {\n  children?: never;\n}\n\nexport type HTMLTag = keyof JSX.IntrinsicElements;\nexport interface AsProp {\n  /** HTML tag or React Component to render the component as. */\n  as?: ElementType;\n}\n\nexport interface Action extends ForwardProps {\n  /** A string to uniquely identify this Action within the onClick handler. */\n  id: string;\n  /** The text content of the Action. */\n  text: string;\n  /** The name of the Cosmos Icon to render, if any. */\n  icon?: string;\n  /** A location to navigate to. Passing an href will render a Link styled as a Button. */\n  href?: string;\n  /** Called when the Action is clicked. */\n  onClick?(id: string, e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>): void;\n  /** Determines if the Action will be disabled. */\n  disabled?: boolean;\n}\n\n// https://github.com/microsoft/TypeScript/issues/30825\nexport type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;\nexport type PartialByKey<T extends object, K extends keyof T> = OmitStrict<T, K> &\n  Partial<Pick<T, K>>;\nexport type RequiredByKey<T extends object, K extends keyof T> = OmitStrict<T, K> &\n  Required<Pick<T, K>>;\n\nexport type DeepPartial<T> = T extends (infer U)[]\n  ? DeepPartial<U>[]\n  : T extends object\n  ? { [K in keyof T]?: DeepPartial<T[K]> }\n  : T;\n\nexport type DeepRequired<T> = T extends (infer U)[]\n  ? DeepRequired<U>[]\n  : T extends Function\n  ? T\n  : T extends object\n  ? { [K in keyof T]-?: DeepRequired<T[K]> }\n  : T;\n\n/* eslint-disable @typescript-eslint/ban-types */\nexport type PropsWithDefaults<\n  Props extends object = {},\n  Defaults extends keyof Props = never\n> = Omit<Props, Defaults> & Required<Pick<Props, Defaults>>;\n/* eslint-enable @typescript-eslint/ban-types */\n\nexport type PrettyPrint<T> = T extends object\n  ? {\n      [K in keyof T]: T[K];\n    }\n  : T;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ElementType, MouseEvent } from 'react';\n\nexport interface BaseProps {\n  /** Additional CSS classes. */\n  className?: string;\n}\n\nexport interface ForwardProps {\n  [prop: string]: unknown;\n}\n\nexport interface NoChildrenProp {\n  children?: never;\n}\n\nexport type HTMLTag = keyof JSX.IntrinsicElements;\nexport interface AsProp {\n  /** HTML tag or React Component to render the component as. */\n  as?: ElementType;\n  /** HTML tag or React Component to finally render the component as. */\n  forwardedAs?: ElementType;\n}\n\nexport interface Action extends ForwardProps {\n  /** A string to uniquely identify this Action within the onClick handler. */\n  id: string;\n  /** The text content of the Action. */\n  text: string;\n  /** The name of the Cosmos Icon to render, if any. */\n  icon?: string;\n  /** A location to navigate to. Passing an href will render a Link styled as a Button. */\n  href?: string;\n  /** Called when the Action is clicked. */\n  onClick?: (\n    id: string,\n    e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>\n  ) => void;\n  /** Determines if the Action will be disabled. */\n  disabled?: boolean;\n}\n\n// https://github.com/microsoft/TypeScript/issues/30825\nexport type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;\nexport type PartialByKey<T extends object, K extends keyof T> = OmitStrict<T, K> &\n  Partial<Pick<T, K>>;\nexport type RequiredByKey<T extends object, K extends keyof T> = OmitStrict<T, K> &\n  Required<Pick<T, K>>;\n\nexport type DeepPartial<T> = T extends (infer U)[]\n  ? DeepPartial<U>[]\n  : T extends object\n  ? { [K in keyof T]?: DeepPartial<T[K]> }\n  : T;\n\nexport type DeepRequired<T> = T extends (infer U)[]\n  ? DeepRequired<U>[]\n  : T extends Function\n  ? T\n  : T extends object\n  ? { [K in keyof T]-?: DeepRequired<T[K]> }\n  : T;\n\n// Lowers type inference precedence without changing the type.\n// https://github.com/Microsoft/TypeScript/issues/14829#issue-216577598\nexport type DeferInfer<T> = T & { [K in keyof T]: T[K] };\n\n/* eslint-disable @typescript-eslint/ban-types */\nexport type PropsWithDefaults<\n  Props extends object = {},\n  Defaults extends keyof Props = never\n> = OmitStrict<Props, Defaults> & Required<Pick<Props, Defaults>>;\n/* eslint-enable @typescript-eslint/ban-types */\n\nexport type PrettyPrint<T> = T extends object\n  ? {\n      [K in keyof T]: T[K];\n    }\n  : T;\n"]}

package/lib/utils/utils.d.ts

@@ -1,4 +1,5 @@
-import React, { RefObject } from 'react';
+import { RefObject } from 'react';
+import { TranslationFunction, TranslationPack } from '../i18n';
 /** @returns Debounced function that can be called only once in given timeout */
 export declare function debounce<F extends (...args: any[]) => any>(this: any, func: F, waitTime: number): (...args: Parameters<F>) => void;
 /** Check for an existence of prop */
@@ -35,11 +36,47 @@ export declare function tryCatch<T, C, F>(tryFn: () => T, catchFn: ((err: unknow
  * @param els a list of elements or refs to normalize.
  * @returns a new list of the same length with the de-referenced elements.
  */
-export declare const normalizeElements: <T extends Element = Element>(els: (T | React.RefObject<T | null> | null)[]) => (T | null)[];
+export declare const normalizeElements: <T extends Element = Element>(els: (T | RefObject<T | null> | null)[]) => (T | null)[];
 /**
  * Returns all valid focusable elements within a given ref.
  * @param focusablesRef The ref containing the element to search for focusable elements within.
  * @returns a list of valid focusable elements within the given ref.
  */
 export declare const getFocusables: (focusablesRef: RefObject<HTMLElement>) => HTMLElement[];
+/**
+ * Generator that returns triple of subsequent values in the given array.
+ * @param array source array
+ * @returns triple of previous, current and next value on every call
+ */
+export declare function triple<T>(array: T[]): Generator<{
+    prev?: T;
+    current: T;
+    next?: T;
+}, undefined, unknown>;
+/**
+ * Escape special characters in order to pass a string to the RegExp constructor.
+ * @param s a string.
+ * @returns a string with special characters escaped.
+ */
+export declare const escapeRegExp: (s: string) => string;
+/**
+ * Generate a RegExp with a string parameter.
+ * @param s The string to match.
+ * @param type How to match.
+ * @param flags Standard RegExp flags.
+ * @returns A RegExp with the match pattern.
+ */
+export declare const createStringMatcher: (s: string, type?: 'contains' | 'start' | 'boundary', flags?: string) => RegExp;
+/**
+ * Function generates string representation of the given list accordingly to localization rules of given locale.
+ * @param list list of strings to format
+ * @param t translation function used internally
+ * @param locale locale tag to get the localization rules for
+ * @param options formatting options
+ * @returns
+ */
+export declare const formatListToLocaleString: (list: string[], t: TranslationFunction<TranslationPack>, locale: string, { count, separator }?: {
+    count?: number | undefined;
+    separator?: string | undefined;
+}) => string;
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils/utils.d.ts.map

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