@pega/cosmos-react-core 3.0.0-dev.8.0 → 3.0.0-dev.9.0

package/lib/hooks/useInputFormatter.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+/**
+ * Formats the raw value using given formatter and handles the caret position.
+ * @param ref reference to input element.
+ * @param rawValue value to be formatted.
+ * @param formatter formatter function accepting partial input and returning partially formatted value.
+ * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.
+ * @returns formatted value that should be passed to the input component.
+ */
+declare const useInputFormatter: (ref: RefObject<HTMLInputElement>, rawValue: string, formatter: (value: string) => string, acceptableCharacters?: string) => string;
+export default useInputFormatter;
+//# sourceMappingURL=useInputFormatter.d.ts.map

package/lib/hooks/useInputFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputFormatter.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIrD;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,QAChB,UAAU,gBAAgB,CAAC,YACtB,MAAM,qBACG,MAAM,KAAK,MAAM,yBACd,MAAM,WAgG7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/hooks/useInputFormatter.js

@@ -0,0 +1,84 @@
+import { useRef, useEffect } from 'react';
+import useEvent from './useEvent';
+/**
+ * Formats the raw value using given formatter and handles the caret position.
+ * @param ref reference to input element.
+ * @param rawValue value to be formatted.
+ * @param formatter formatter function accepting partial input and returning partially formatted value.
+ * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.
+ * @returns formatted value that should be passed to the input component.
+ */
+const useInputFormatter = (ref, rawValue, formatter, acceptableCharacters = '\\p{N}') => {
+    // synthetic caret position in unformatted value
+    const rawValueCaretPositionRef = useRef();
+    useEvent('keydown', e => {
+        const inputEl = ref.current;
+        if (inputEl) {
+            const caretPositionStart = inputEl.selectionStart ?? 0;
+            const caretPositionEnd = inputEl.selectionEnd ?? 0;
+            const currentValue = inputEl.value;
+            if (caretPositionStart !== caretPositionEnd && ['Backspace', 'Delete'].includes(e.key)) {
+                // if selection contains only formatting characters, move the caret to the beginning of the selection
+                const selectedText = currentValue.slice(caretPositionStart, caretPositionEnd);
+                if (!new RegExp(`[${acceptableCharacters}]`, 'gu').test(selectedText)) {
+                    inputEl.setSelectionRange(caretPositionStart, caretPositionStart);
+                    e.preventDefault();
+                }
+                return;
+            }
+            if (e.key === 'Backspace' &&
+                new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionStart - 1))) {
+                const lastNonFormatChar = new RegExp(`[${acceptableCharacters}](?=[^${acceptableCharacters}]*$)`, 'gu');
+                // match last non-formatting character if it can be found in the preceding slice
+                if (lastNonFormatChar.test(currentValue.slice(0, caretPositionStart))) {
+                    // move the caret after matched character to get it removed
+                    inputEl.setSelectionRange(lastNonFormatChar.lastIndex, lastNonFormatChar.lastIndex);
+                }
+                else {
+                    e.preventDefault();
+                }
+            }
+            if (e.key === 'Delete' &&
+                new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionEnd))) {
+                const firstNonFormatChar = new RegExp(`[${acceptableCharacters}]`, 'gu');
+                firstNonFormatChar.lastIndex = caretPositionEnd;
+                // find first non-formatting character in the value starting from the caret position
+                if (firstNonFormatChar.test(currentValue)) {
+                    // move the caret before matched character to get it removed
+                    inputEl.setSelectionRange(firstNonFormatChar.lastIndex - 1, firstNonFormatChar.lastIndex - 1);
+                }
+                else {
+                    e.preventDefault();
+                }
+            }
+        }
+    }, { target: ref, dependencies: [acceptableCharacters] });
+    useEvent('input', () => {
+        const inputEl = ref.current;
+        if (inputEl) {
+            // calculate new synthetic caret position in the unformatted value
+            const currentCaretPosition = inputEl.selectionStart ?? 0;
+            rawValueCaretPositionRef.current = inputEl.value
+                .slice(0, currentCaretPosition)
+                .replace(new RegExp(`[^${acceptableCharacters}]`, 'gu'), '').length;
+        }
+    }, { target: ref, dependencies: [acceptableCharacters] });
+    useEffect(() => {
+        const inputEl = ref.current;
+        if (inputEl && rawValueCaretPositionRef.current !== undefined) {
+            // create regexp with every raw value character wrapped in possible formatting characters
+            const rawValueRegExpSource = `[^${acceptableCharacters}]*${rawValue
+                .slice(0, rawValueCaretPositionRef.current)
+                .split('')
+                .join(`[^${acceptableCharacters}]*`)}`;
+            const match = inputEl.value.match(new RegExp(rawValueRegExpSource, 'gu'));
+            if (match) {
+                // if it matches move the real caret to the corresponding index in the raw value
+                inputEl.setSelectionRange(match[0].length, match[0].length);
+            }
+        }
+    }, [rawValue, acceptableCharacters]);
+    return formatter(rawValue);
+};
+export default useInputFormatter;
+//# sourceMappingURL=useInputFormatter.js.map

package/lib/hooks/useInputFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputFormatter.js","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"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","sourcesContent":["import { RefObject, useRef, useEffect } from 'react';\n\nimport useEvent from './useEvent';\n\n/**\n * Formats the raw value using given formatter and handles the caret position.\n * @param ref reference to input element.\n * @param rawValue value to be formatted.\n * @param formatter formatter function accepting partial input and returning partially formatted value.\n * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.\n * @returns formatted value that should be passed to the input component.\n */\nconst useInputFormatter = (\n  ref: RefObject<HTMLInputElement>,\n  rawValue: string,\n  formatter: (value: string) => string,\n  acceptableCharacters: string = '\\\\p{N}'\n) => {\n  // synthetic caret position in unformatted value\n  const rawValueCaretPositionRef = useRef<number>();\n\n  useEvent(\n    'keydown',\n    e => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        const caretPositionStart = inputEl.selectionStart ?? 0;\n        const caretPositionEnd = inputEl.selectionEnd ?? 0;\n        const currentValue = inputEl.value;\n        if (caretPositionStart !== caretPositionEnd && ['Backspace', 'Delete'].includes(e.key)) {\n          // if selection contains only formatting characters, move the caret to the beginning of the selection\n          const selectedText = currentValue.slice(caretPositionStart, caretPositionEnd);\n          if (!new RegExp(`[${acceptableCharacters}]`, 'gu').test(selectedText)) {\n            inputEl.setSelectionRange(caretPositionStart, caretPositionStart);\n            e.preventDefault();\n          }\n          return;\n        }\n\n        if (\n          e.key === 'Backspace' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(\n            currentValue.charAt(caretPositionStart - 1)\n          )\n        ) {\n          const lastNonFormatChar = new RegExp(\n            `[${acceptableCharacters}](?=[^${acceptableCharacters}]*$)`,\n            'gu'\n          );\n          // match last non-formatting character if it can be found in the preceding slice\n          if (lastNonFormatChar.test(currentValue.slice(0, caretPositionStart))) {\n            // move the caret after matched character to get it removed\n            inputEl.setSelectionRange(lastNonFormatChar.lastIndex, lastNonFormatChar.lastIndex);\n          } else {\n            e.preventDefault();\n          }\n        }\n\n        if (\n          e.key === 'Delete' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionEnd))\n        ) {\n          const firstNonFormatChar = new RegExp(`[${acceptableCharacters}]`, 'gu');\n          firstNonFormatChar.lastIndex = caretPositionEnd;\n          // find first non-formatting character in the value starting from the caret position\n          if (firstNonFormatChar.test(currentValue)) {\n            // move the caret before matched character to get it removed\n            inputEl.setSelectionRange(\n              firstNonFormatChar.lastIndex - 1,\n              firstNonFormatChar.lastIndex - 1\n            );\n          } else {\n            e.preventDefault();\n          }\n        }\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEvent(\n    'input',\n    () => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        // calculate new synthetic caret position in the unformatted value\n        const currentCaretPosition = inputEl.selectionStart ?? 0;\n        rawValueCaretPositionRef.current = inputEl.value\n          .slice(0, currentCaretPosition)\n          .replace(new RegExp(`[^${acceptableCharacters}]`, 'gu'), '').length;\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEffect(() => {\n    const inputEl = ref.current;\n    if (inputEl && rawValueCaretPositionRef.current !== undefined) {\n      // create regexp with every raw value character wrapped in possible formatting characters\n      const rawValueRegExpSource = `[^${acceptableCharacters}]*${rawValue\n        .slice(0, rawValueCaretPositionRef.current)\n        .split('')\n        .join(`[^${acceptableCharacters}]*`)}`;\n      const match = inputEl.value.match(new RegExp(rawValueRegExpSource, 'gu'));\n      if (match) {\n        // if it matches move the real caret to the corresponding index in the raw value\n        inputEl.setSelectionRange(match[0].length, match[0].length);\n      }\n    }\n  }, [rawValue, acceptableCharacters]);\n\n  return formatter(rawValue);\n};\n\nexport default useInputFormatter;\n"]}

package/lib/hooks/useOS.d.ts

@@ -0,0 +1,7 @@
+declare const useOS: () => {
+    windows: boolean;
+    macintosh: boolean;
+    name: "" | "Windows" | "Macintosh" | "Other";
+};
+export default useOS;
+//# sourceMappingURL=useOS.d.ts.map

package/lib/hooks/useOS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOS.d.ts","sourceRoot":"","sources":["../../src/hooks/useOS.ts"],"names":[],"mappings":"AAgBA,QAAA,MAAM,KAAK;;;;CAeV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/hooks/useOS.js

@@ -0,0 +1,28 @@
+import { useEffect, useState } from 'react';
+import { navigatorIsAvailable } from '../utils';
+let os;
+const getOperatingSystem = () => {
+    if (os)
+        return os;
+    os = navigatorIsAvailable
+        ? navigator.userAgent.match(/(Windows)|(Macintosh)/g)?.[0] ||
+            'Other'
+        : '';
+    return os;
+};
+const useOS = () => {
+    const [operatingSystem, setOperatingSystem] = useState(getOperatingSystem);
+    // For SSR
+    useEffect(() => {
+        if (!operatingSystem) {
+            setOperatingSystem(getOperatingSystem());
+        }
+    }, []);
+    return {
+        windows: operatingSystem === 'Windows',
+        macintosh: operatingSystem === 'Macintosh',
+        name: operatingSystem
+    };
+};
+export default useOS;
+//# sourceMappingURL=useOS.js.map

package/lib/hooks/useOS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOS.js","sourceRoot":"","sources":["../../src/hooks/useOS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,IAAI,EAA0C,CAAC;AAE/C,MAAM,kBAAkB,GAAG,GAAc,EAAE;IACzC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC;IAElB,EAAE,GAAG,oBAAoB;QACvB,CAAC,CAAE,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAC,CAA6B;YACrF,OAAO;QACT,CAAC,CAAC,EAAE,CAAC;IACP,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAE3E,UAAU;IACV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe,EAAE;YACpB,kBAAkB,CAAC,kBAAkB,EAAE,CAAC,CAAC;SAC1C;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,OAAO,EAAE,eAAe,KAAK,SAAS;QACtC,SAAS,EAAE,eAAe,KAAK,WAAW;QAC1C,IAAI,EAAE,eAAe;KACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { navigatorIsAvailable } from '../utils';\n\nlet os: 'Windows' | 'Macintosh' | 'Other' | '';\n\nconst getOperatingSystem = (): typeof os => {\n  if (os) return os;\n\n  os = navigatorIsAvailable\n    ? (navigator.userAgent.match(/(Windows)|(Macintosh)/g)?.[0] as 'Windows' | 'Macintosh') ||\n      'Other'\n    : '';\n  return os;\n};\n\nconst useOS = () => {\n  const [operatingSystem, setOperatingSystem] = useState(getOperatingSystem);\n\n  // For SSR\n  useEffect(() => {\n    if (!operatingSystem) {\n      setOperatingSystem(getOperatingSystem());\n    }\n  }, []);\n\n  return {\n    windows: operatingSystem === 'Windows',\n    macintosh: operatingSystem === 'Macintosh',\n    name: operatingSystem\n  };\n};\n\nexport default useOS;\n"]}

package/lib/styles/gradients.d.ts

@@ -97,6 +97,9 @@ export declare const colorsForCategories: (count: number, { gradients, steps }?:
     gradients?: LinearGradient[] | undefined;
     steps?: number[] | undefined;
 }) => string[];
-export declare const toLinearGradient: (gradient: LinearGradient) => string;
+export declare const nlpColors: string[];
+export declare const toLinearGradient: (gradient: LinearGradient, { direction }?: {
+    direction?: string | undefined;
+}) => string;
 export {};
 //# sourceMappingURL=gradients.d.ts.map

package/lib/styles/gradients.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,aAAK,cAAc,GAAG,SAAS,EAAE,CAAC;AAElC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JvB,CAAC;AAEF,eAAO,MAAM,eAAe,kDAAmD,MAAM,KAAG,MA0CvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAC1B,MAAM,kBAAkB,kBACd,MAAM,KACrB,MAEF,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,MAAM;;;MAkBZ,MAAM,EAgBR,CAAC;AAEF,eAAO,MAAM,gBAAgB,gCAA+B,MAO3D,CAAC"}
+{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"AAIA,UAAU,SAAS;IACjB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,aAAK,cAAc,GAAG,SAAS,EAAE,CAAC;AAElC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2JvB,CAAC;AAEF,eAAO,MAAM,eAAe,kDAAmD,MAAM,KAAG,MA0CvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAC1B,MAAM,kBAAkB,kBACd,MAAM,KACrB,MAEF,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,MAAM;;;MAkBZ,MAAM,EAgBR,CAAC;AAEF,eAAO,MAAM,SAAS,UA4C2D,CAAC;AAElF,eAAO,MAAM,gBAAgB;;MAG1B,MAOF,CAAC"}

package/lib/styles/gradients.js

@@ -1,3 +1,4 @@
+// cspell:words deutan
 import { mix } from 'polished';
 export const gradientMap = {
     grayscale: [
@@ -127,7 +128,6 @@ export const gradientMap = {
         { color: 'hsl(120, 49%, 60%)', position: 8 / 10 },
         { color: 'hsl(135, 53%, 33%)', position: 1 }
     ],
-    // cspell:disable-next-line
     'negative-attention-positive-deutan': [
         { color: 'hsl(315, 64%, 45%)', position: 0 },
         { color: 'hsl(313, 83%, 62%)', position: 2 / 10 },
@@ -220,12 +220,55 @@ export const colorsForCategories = (count, { gradients = [
     }
     return colors;
 };
-export const toLinearGradient = (gradient) => {
+export const nlpColors = [
+    ['persian-blue', 1],
+    ['persian-green', 1],
+    ['pastel-orange', 1],
+    ['japanese-laurel', 1],
+    ['mango-tango', 1],
+    ['valencia', 1],
+    ['fuchsia-blue', 1],
+    ['faded-red', 1],
+    ['rope', 1],
+    ['silver', 1],
+    ['blue-yellow', 1],
+    ['blue-yellow', 5 / 10],
+    ['green-yellow', 1],
+    ['blue-yellow', 3 / 10],
+    ['green-yellow', 7 / 10],
+    ['ruby-yellow', 1],
+    ['ruby-yellow', 6 / 10],
+    ['purple-blue', 1],
+    ['two-extremes', 9 / 10],
+    ['persian-blue', 1 / 2],
+    ['hot-cold', 1],
+    ['persian-green', 1 / 2],
+    ['pastel-orange', 1 / 2],
+    ['japanese-laurel', 1 / 2],
+    ['mango-tango', 1 / 2],
+    ['valencia', 1 / 2],
+    ['fuchsia-blue', 1 / 2],
+    ['faded-red', 1 / 2],
+    ['rope', 1 / 2],
+    ['silver', 1 / 2],
+    ['blue-yellow', 7 / 10],
+    ['blue-yellow', 4 / 10],
+    ['green-yellow', 5 / 10],
+    ['ruby-yellow', 5 / 10],
+    ['purple-blue', 7 / 10],
+    ['purple-blue', 5 / 10],
+    ['violet-rose', 5 / 10],
+    ['two-extremes', 8 / 10],
+    ['ruby-yellow', 4 / 10],
+    ['violet-rose', 7 / 10],
+    ['negative-attention-positive-deutan', 8 / 10]
+].map(([gradient, position]) => colorInGradient(gradientMap[gradient], position));
+export const toLinearGradient = (gradient, { direction = '180deg' } = {}) => {
     if (gradient.length === 0)
         return 'transparent';
     if (gradient.length === 1)
         return gradient[0].color;
-    return `linear-gradient(${gradient
+    return `linear-gradient(${direction}, ${gradient
         .map(({ color, position }) => `${color} ${position * 100}%`)
         .join(', ')})`;
 };

package/lib/styles/gradients.js.map

@@ -1 +1 @@
-{"version":3,"file":"gradients.js","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"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","sourcesContent":["import { mix } from 'polished';\n\ninterface ColorStop {\n  /** CSS color string. */\n  color: string;\n  /** Position along the gradient expressed as a number from 0 to 1. */\n  position: number;\n}\n\ntype LinearGradient = ColorStop[];\n\nexport const gradientMap = {\n  grayscale: [\n    { color: 'hsl(0, 100%, 100%)', position: 0 },\n    { color: 'hsl(0, 100%, 0%)', position: 1 }\n  ],\n  'persian-blue': [\n    { color: 'hsl(210, 50%, 94%)', position: 0 },\n    { color: 'hsl(210, 46%, 63%)', position: 1 / 3 },\n    { color: 'hsl(206, 100%, 33%)', position: 2 / 3 },\n    { color: 'hsl(210, 100%, 27%)', position: 1 }\n  ],\n  'persian-green': [\n    { color: 'hsl(175, 35%, 94%)', position: 0 },\n    { color: 'hsl(175, 42%, 65%)', position: 1 / 3 },\n    { color: 'hsl(175, 100%, 33%)', position: 2 / 3 },\n    { color: 'hsl(175, 100%, 27%)', position: 1 }\n  ],\n  'pastel-orange': [\n    { color: 'hsl(36, 100%, 97%)', position: 0 },\n    { color: 'hsl(36, 100%, 79%)', position: 1 / 3 },\n    { color: 'hsl(36, 100%, 64%)', position: 2 / 3 },\n    { color: 'hsl(36, 99%, 61%)', position: 1 }\n  ],\n  'japanese-laurel': [\n    { color: 'hsl(135, 21%, 94%)', position: 0 },\n    { color: 'hsl(135, 24%, 61%)', position: 1 / 3 },\n    { color: 'hsl(135, 54%, 33%)', position: 2 / 3 },\n    { color: 'hsl(135, 60%, 26%)', position: 1 }\n  ],\n  'mango-tango': [\n    { color: 'hsl(23, 100%, 96%)', position: 0 },\n    { color: 'hsl(23, 100%, 78%)', position: 1 / 3 },\n    { color: 'hsl(23, 100%, 62%)', position: 2 / 3 },\n    { color: 'hsl(23, 100%, 53%)', position: 1 }\n  ],\n  valencia: [\n    { color: 'hsl(1, 87%, 96%)', position: 0 },\n    { color: 'hsl(1, 72%, 75%)', position: 1 / 3 },\n    { color: 'hsl(1, 67%, 56%)', position: 2 / 3 },\n    { color: 'hsl(1, 82%, 41%)', position: 1 }\n  ],\n  'fuchsia-blue': [\n    { color: 'hsl(259, 45%, 96%)', position: 0 },\n    { color: 'hsl(259, 45%, 78%)', position: 1 / 3 },\n    { color: 'hsl(259, 43%, 56%)', position: 2 / 3 },\n    { color: 'hsl(259, 40%, 49%)', position: 1 }\n  ],\n  'faded-red': [\n    { color: 'hsl(360, 100%, 95%)', position: 0 },\n    { color: 'hsl(360, 100%, 85%)', position: 1 / 3 },\n    { color: 'hsl(360, 100%, 75%)', position: 2 / 3 },\n    { color: 'hsl(360, 100%, 70%)', position: 1 }\n  ],\n  rope: [\n    { color: 'hsl(25, 31%, 93%)', position: 0 },\n    { color: 'hsl(25, 32%, 62%)', position: 1 / 3 },\n    { color: 'hsl(25, 59%, 35%)', position: 2 / 3 },\n    { color: 'hsl(25, 64%, 30%)', position: 1 }\n  ],\n  silver: [\n    { color: 'hsl(15, 18%, 97%)', position: 0 },\n    { color: 'hsl(15, 9%, 79%)', position: 1 / 3 },\n    { color: 'hsl(15, 11%, 65%)', position: 2 / 3 },\n    { color: 'hsl(15, 9%, 58%)', position: 1 }\n  ],\n  'blue-yellow': [\n    { color: 'hsl(56, 100%, 93%)', position: 0 },\n    { color: 'hsl(144, 46%, 79%)', position: 2 / 10 },\n    { color: 'hsl(185, 53%, 58%)', position: 4 / 10 },\n    { color: 'hsl(191, 56%, 52%)', position: 5 / 10 },\n    { color: 'hsl(195, 62%, 48%)', position: 6 / 10 },\n    { color: 'hsl(206, 67%, 37%)', position: 8 / 10 },\n    { color: 'hsl(215, 62%, 30%)', position: 1 }\n  ],\n  'green-yellow': [\n    { color: 'hsl(56, 100%, 93%)', position: 0 },\n    { color: 'hsl(88, 61%, 85%)', position: 2 / 10 },\n    { color: 'hsl(125, 47%, 78%)', position: 4 / 10 },\n    { color: 'hsl(148, 45%, 65%)', position: 5 / 10 },\n    { color: 'hsl(159, 47%, 50%)', position: 6 / 10 },\n    { color: 'hsl(173, 80%, 30%)', position: 8 / 10 },\n    { color: 'hsl(178, 73%, 22%)', position: 1 }\n  ],\n  'ruby-yellow': [\n    { color: 'hsl(56, 100%, 93%)', position: 0 },\n    { color: 'hsl(40, 100%, 83%)', position: 2 / 10 },\n    { color: 'hsl(19, 100%, 75%)', position: 4 / 10 },\n    { color: 'hsl(3, 100%, 73%)', position: 5 / 10 },\n    { color: 'hsl(350, 81%, 62%)', position: 6 / 10 },\n    { color: 'hsl(343, 54%, 55%)', position: 8 / 10 },\n    { color: 'hsl(330, 40%, 36%)', position: 1 }\n  ],\n  'purple-blue': [\n    { color: 'hsl(190, 42%, 97%)', position: 0 },\n    { color: 'hsl(205, 51%, 84%)', position: 2 / 10 },\n    { color: 'hsl(212, 47%, 73%)', position: 4 / 10 },\n    { color: 'hsl(219, 41%, 70%)', position: 5 / 10 },\n    { color: 'hsl(253, 32%, 66%)', position: 6 / 10 },\n    { color: 'hsl(272, 27%, 49%)', position: 8 / 10 },\n    { color: 'hsl(272, 37%, 32%)', position: 1 }\n  ],\n  'violet-rose': [\n    { color: 'hsl(18, 100%, 98%)', position: 0 },\n    { color: 'hsl(359, 100%, 91%)', position: 2 / 10 },\n    { color: 'hsl(336, 96%, 77%)', position: 4 / 10 },\n    { color: 'hsl(325, 73%, 65%)', position: 5 / 10 },\n    { color: 'hsl(319, 58%, 58%)', position: 6 / 10 },\n    { color: 'hsl(287, 38%, 45%)', position: 8 / 10 },\n    { color: 'hsl(259, 43%, 35%)', position: 1 }\n  ],\n  'negative-attention-positive': [\n    { color: 'hsl(2, 67%, 56%)', position: 0 },\n    { color: 'hsl(21, 87%, 60%)', position: 2 / 10 },\n    { color: 'hsl(36, 100%, 64%)', position: 4 / 10 },\n    { color: 'hsl(50, 95%, 75%)', position: 5 / 10 },\n    { color: 'hsl(85, 72%, 67%)', position: 6 / 10 },\n    { color: 'hsl(120, 49%, 60%)', position: 8 / 10 },\n    { color: 'hsl(135, 53%, 33%)', position: 1 }\n  ],\n  'negative-attention-positive-protan': [\n    { color: 'hsl(344, 67%, 44%)', position: 0 },\n    { color: 'hsl(351, 66%, 59%)', position: 2 / 10 },\n    { color: 'hsl(360, 100%, 84%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(110, 46%, 80%)', position: 6 / 10 },\n    { color: 'hsl(120, 49%, 60%)', position: 8 / 10 },\n    { color: 'hsl(135, 53%, 33%)', position: 1 }\n  ],\n  // cspell:disable-next-line\n  'negative-attention-positive-deutan': [\n    { color: 'hsl(315, 64%, 45%)', position: 0 },\n    { color: 'hsl(313, 83%, 62%)', position: 2 / 10 },\n    { color: 'hsl(313, 100%, 80%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(110, 46%, 80%)', position: 6 / 10 },\n    { color: 'hsl(120, 49%, 60%)', position: 8 / 10 },\n    { color: 'hsl(135, 53%, 33%)', position: 1 }\n  ],\n  'hot-cold': [\n    { color: 'hsl(212, 100%, 27%)', position: 0 },\n    { color: 'hsl(213, 40%, 49%)', position: 2 / 10 },\n    { color: 'hsl(210, 45%, 69%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(360, 100%, 84%)', position: 6 / 10 },\n    { color: 'hsl(351, 66%, 59%)', position: 8 / 10 },\n    { color: 'hsl(344, 67%, 44%)', position: 1 }\n  ],\n  'two-extremes': [\n    { color: 'hsl(240, 30%, 39%)', position: 0 },\n    { color: 'hsl(271, 27%, 63%)', position: 2 / 10 },\n    { color: 'hsl(293, 25%, 87%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(171, 37%, 86%)', position: 6 / 10 },\n    { color: 'hsl(167, 41%, 51%)', position: 8 / 10 },\n    { color: 'hsl(163, 44%, 16%)', position: 1 }\n  ]\n};\n\nexport const colorInGradient = ([...gradient]: LinearGradient, targetPosition: number): string => {\n  // Return transparent for an empty gradient.\n  if (gradient.length === 0) return 'transparent';\n\n  // Return the color for single element gradient.\n  if (gradient.length === 1) return gradient[0].color;\n\n  // Clamp position to interval from 0 to 1.\n  targetPosition = Math.min(Math.max(targetPosition, 0), 1);\n\n  // Extend the the start of the gradient to 0 if necessary.\n  if (gradient[0].position !== 0) gradient.unshift({ color: gradient[0].color, position: 0 });\n\n  // Extend the the end of the gradient to 1 if necessary.\n  if (gradient[gradient.length - 1].position !== 1)\n    gradient.push({ color: gradient[gradient.length - 1].color, position: 1 });\n\n  for (let i = 0; i < gradient.length; i += 1) {\n    const current = gradient[i];\n\n    // If target position is the same as the current position, return the color at the current position.\n    if (targetPosition === current.position) return current.color;\n\n    // If target position is less than the current position, it must be between the previous position and current position.\n    if (targetPosition < current.position) {\n      const previous = gradient[i - 1];\n\n      // Calculate how far the targetPosition is between the previousPosition and the currentPosition.\n      const percentage =\n        (targetPosition - previous.position) / (current.position - previous.position);\n\n      try {\n        return mix(percentage, current.color, previous.color);\n      } catch {\n        // Polished mix throws on invalid color.\n        return 'transparent';\n      }\n    }\n  }\n\n  // Failsafe return.\n  return 'transparent';\n};\n\nexport const colorInGradientByName = (\n  name: keyof typeof gradientMap,\n  targetPosition: number\n): string => {\n  return colorInGradient(gradientMap[name] ?? [], targetPosition);\n};\n\nexport const colorsForCategories = (\n  count: number,\n  {\n    gradients = (\n      [\n        'persian-blue',\n        'persian-green',\n        'pastel-orange',\n        'japanese-laurel',\n        'mango-tango',\n        'valencia',\n        'fuchsia-blue',\n        'faded-red',\n        'rope',\n        'silver'\n      ] as const\n    ).map(name => gradientMap[name]),\n    steps = [2 / 3, 1 / 3, 1, 0, 1 / 2]\n  }: { gradients?: LinearGradient[]; steps?: number[] } = {}\n): string[] => {\n  // Colors per gradient\n  const perGradient = Math.floor(count / gradients.length);\n\n  // Number of gradients with 1 extra color\n  const extra = count % gradients.length;\n\n  const colors: string[] = [];\n\n  for (let i = 0; i < gradients.length; i += 1) {\n    for (let j = 0; j < (i < extra ? perGradient + 1 : perGradient); j += 1) {\n      colors.push(colorInGradient(gradients[i], steps[j % steps.length]));\n    }\n  }\n\n  return colors;\n};\n\nexport const toLinearGradient = (gradient: LinearGradient): string => {\n  if (gradient.length === 0) return 'transparent';\n  if (gradient.length === 1) return gradient[0].color;\n\n  return `linear-gradient(${gradient\n    .map(({ color, position }) => `${color} ${position * 100}%`)\n    .join(', ')})`;\n};\n"]}
+{"version":3,"file":"gradients.js","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"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","sourcesContent":["// cspell:words deutan\n\nimport { mix } from 'polished';\n\ninterface ColorStop {\n  /** CSS color string. */\n  color: string;\n  /** Position along the gradient expressed as a number from 0 to 1. */\n  position: number;\n}\n\ntype LinearGradient = ColorStop[];\n\nexport const gradientMap = {\n  grayscale: [\n    { color: 'hsl(0, 100%, 100%)', position: 0 },\n    { color: 'hsl(0, 100%, 0%)', position: 1 }\n  ],\n  'persian-blue': [\n    { color: 'hsl(210, 50%, 94%)', position: 0 },\n    { color: 'hsl(210, 46%, 63%)', position: 1 / 3 },\n    { color: 'hsl(206, 100%, 33%)', position: 2 / 3 },\n    { color: 'hsl(210, 100%, 27%)', position: 1 }\n  ],\n  'persian-green': [\n    { color: 'hsl(175, 35%, 94%)', position: 0 },\n    { color: 'hsl(175, 42%, 65%)', position: 1 / 3 },\n    { color: 'hsl(175, 100%, 33%)', position: 2 / 3 },\n    { color: 'hsl(175, 100%, 27%)', position: 1 }\n  ],\n  'pastel-orange': [\n    { color: 'hsl(36, 100%, 97%)', position: 0 },\n    { color: 'hsl(36, 100%, 79%)', position: 1 / 3 },\n    { color: 'hsl(36, 100%, 64%)', position: 2 / 3 },\n    { color: 'hsl(36, 99%, 61%)', position: 1 }\n  ],\n  'japanese-laurel': [\n    { color: 'hsl(135, 21%, 94%)', position: 0 },\n    { color: 'hsl(135, 24%, 61%)', position: 1 / 3 },\n    { color: 'hsl(135, 54%, 33%)', position: 2 / 3 },\n    { color: 'hsl(135, 60%, 26%)', position: 1 }\n  ],\n  'mango-tango': [\n    { color: 'hsl(23, 100%, 96%)', position: 0 },\n    { color: 'hsl(23, 100%, 78%)', position: 1 / 3 },\n    { color: 'hsl(23, 100%, 62%)', position: 2 / 3 },\n    { color: 'hsl(23, 100%, 53%)', position: 1 }\n  ],\n  valencia: [\n    { color: 'hsl(1, 87%, 96%)', position: 0 },\n    { color: 'hsl(1, 72%, 75%)', position: 1 / 3 },\n    { color: 'hsl(1, 67%, 56%)', position: 2 / 3 },\n    { color: 'hsl(1, 82%, 41%)', position: 1 }\n  ],\n  'fuchsia-blue': [\n    { color: 'hsl(259, 45%, 96%)', position: 0 },\n    { color: 'hsl(259, 45%, 78%)', position: 1 / 3 },\n    { color: 'hsl(259, 43%, 56%)', position: 2 / 3 },\n    { color: 'hsl(259, 40%, 49%)', position: 1 }\n  ],\n  'faded-red': [\n    { color: 'hsl(360, 100%, 95%)', position: 0 },\n    { color: 'hsl(360, 100%, 85%)', position: 1 / 3 },\n    { color: 'hsl(360, 100%, 75%)', position: 2 / 3 },\n    { color: 'hsl(360, 100%, 70%)', position: 1 }\n  ],\n  rope: [\n    { color: 'hsl(25, 31%, 93%)', position: 0 },\n    { color: 'hsl(25, 32%, 62%)', position: 1 / 3 },\n    { color: 'hsl(25, 59%, 35%)', position: 2 / 3 },\n    { color: 'hsl(25, 64%, 30%)', position: 1 }\n  ],\n  silver: [\n    { color: 'hsl(15, 18%, 97%)', position: 0 },\n    { color: 'hsl(15, 9%, 79%)', position: 1 / 3 },\n    { color: 'hsl(15, 11%, 65%)', position: 2 / 3 },\n    { color: 'hsl(15, 9%, 58%)', position: 1 }\n  ],\n  'blue-yellow': [\n    { color: 'hsl(56, 100%, 93%)', position: 0 },\n    { color: 'hsl(144, 46%, 79%)', position: 2 / 10 },\n    { color: 'hsl(185, 53%, 58%)', position: 4 / 10 },\n    { color: 'hsl(191, 56%, 52%)', position: 5 / 10 },\n    { color: 'hsl(195, 62%, 48%)', position: 6 / 10 },\n    { color: 'hsl(206, 67%, 37%)', position: 8 / 10 },\n    { color: 'hsl(215, 62%, 30%)', position: 1 }\n  ],\n  'green-yellow': [\n    { color: 'hsl(56, 100%, 93%)', position: 0 },\n    { color: 'hsl(88, 61%, 85%)', position: 2 / 10 },\n    { color: 'hsl(125, 47%, 78%)', position: 4 / 10 },\n    { color: 'hsl(148, 45%, 65%)', position: 5 / 10 },\n    { color: 'hsl(159, 47%, 50%)', position: 6 / 10 },\n    { color: 'hsl(173, 80%, 30%)', position: 8 / 10 },\n    { color: 'hsl(178, 73%, 22%)', position: 1 }\n  ],\n  'ruby-yellow': [\n    { color: 'hsl(56, 100%, 93%)', position: 0 },\n    { color: 'hsl(40, 100%, 83%)', position: 2 / 10 },\n    { color: 'hsl(19, 100%, 75%)', position: 4 / 10 },\n    { color: 'hsl(3, 100%, 73%)', position: 5 / 10 },\n    { color: 'hsl(350, 81%, 62%)', position: 6 / 10 },\n    { color: 'hsl(343, 54%, 55%)', position: 8 / 10 },\n    { color: 'hsl(330, 40%, 36%)', position: 1 }\n  ],\n  'purple-blue': [\n    { color: 'hsl(190, 42%, 97%)', position: 0 },\n    { color: 'hsl(205, 51%, 84%)', position: 2 / 10 },\n    { color: 'hsl(212, 47%, 73%)', position: 4 / 10 },\n    { color: 'hsl(219, 41%, 70%)', position: 5 / 10 },\n    { color: 'hsl(253, 32%, 66%)', position: 6 / 10 },\n    { color: 'hsl(272, 27%, 49%)', position: 8 / 10 },\n    { color: 'hsl(272, 37%, 32%)', position: 1 }\n  ],\n  'violet-rose': [\n    { color: 'hsl(18, 100%, 98%)', position: 0 },\n    { color: 'hsl(359, 100%, 91%)', position: 2 / 10 },\n    { color: 'hsl(336, 96%, 77%)', position: 4 / 10 },\n    { color: 'hsl(325, 73%, 65%)', position: 5 / 10 },\n    { color: 'hsl(319, 58%, 58%)', position: 6 / 10 },\n    { color: 'hsl(287, 38%, 45%)', position: 8 / 10 },\n    { color: 'hsl(259, 43%, 35%)', position: 1 }\n  ],\n  'negative-attention-positive': [\n    { color: 'hsl(2, 67%, 56%)', position: 0 },\n    { color: 'hsl(21, 87%, 60%)', position: 2 / 10 },\n    { color: 'hsl(36, 100%, 64%)', position: 4 / 10 },\n    { color: 'hsl(50, 95%, 75%)', position: 5 / 10 },\n    { color: 'hsl(85, 72%, 67%)', position: 6 / 10 },\n    { color: 'hsl(120, 49%, 60%)', position: 8 / 10 },\n    { color: 'hsl(135, 53%, 33%)', position: 1 }\n  ],\n  'negative-attention-positive-protan': [\n    { color: 'hsl(344, 67%, 44%)', position: 0 },\n    { color: 'hsl(351, 66%, 59%)', position: 2 / 10 },\n    { color: 'hsl(360, 100%, 84%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(110, 46%, 80%)', position: 6 / 10 },\n    { color: 'hsl(120, 49%, 60%)', position: 8 / 10 },\n    { color: 'hsl(135, 53%, 33%)', position: 1 }\n  ],\n  'negative-attention-positive-deutan': [\n    { color: 'hsl(315, 64%, 45%)', position: 0 },\n    { color: 'hsl(313, 83%, 62%)', position: 2 / 10 },\n    { color: 'hsl(313, 100%, 80%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(110, 46%, 80%)', position: 6 / 10 },\n    { color: 'hsl(120, 49%, 60%)', position: 8 / 10 },\n    { color: 'hsl(135, 53%, 33%)', position: 1 }\n  ],\n  'hot-cold': [\n    { color: 'hsl(212, 100%, 27%)', position: 0 },\n    { color: 'hsl(213, 40%, 49%)', position: 2 / 10 },\n    { color: 'hsl(210, 45%, 69%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(360, 100%, 84%)', position: 6 / 10 },\n    { color: 'hsl(351, 66%, 59%)', position: 8 / 10 },\n    { color: 'hsl(344, 67%, 44%)', position: 1 }\n  ],\n  'two-extremes': [\n    { color: 'hsl(240, 30%, 39%)', position: 0 },\n    { color: 'hsl(271, 27%, 63%)', position: 2 / 10 },\n    { color: 'hsl(293, 25%, 87%)', position: 4 / 10 },\n    { color: 'hsl(0, 0%, 89%)', position: 5 / 10 },\n    { color: 'hsl(171, 37%, 86%)', position: 6 / 10 },\n    { color: 'hsl(167, 41%, 51%)', position: 8 / 10 },\n    { color: 'hsl(163, 44%, 16%)', position: 1 }\n  ]\n};\n\nexport const colorInGradient = ([...gradient]: LinearGradient, targetPosition: number): string => {\n  // Return transparent for an empty gradient.\n  if (gradient.length === 0) return 'transparent';\n\n  // Return the color for single element gradient.\n  if (gradient.length === 1) return gradient[0].color;\n\n  // Clamp position to interval from 0 to 1.\n  targetPosition = Math.min(Math.max(targetPosition, 0), 1);\n\n  // Extend the the start of the gradient to 0 if necessary.\n  if (gradient[0].position !== 0) gradient.unshift({ color: gradient[0].color, position: 0 });\n\n  // Extend the the end of the gradient to 1 if necessary.\n  if (gradient[gradient.length - 1].position !== 1)\n    gradient.push({ color: gradient[gradient.length - 1].color, position: 1 });\n\n  for (let i = 0; i < gradient.length; i += 1) {\n    const current = gradient[i];\n\n    // If target position is the same as the current position, return the color at the current position.\n    if (targetPosition === current.position) return current.color;\n\n    // If target position is less than the current position, it must be between the previous position and current position.\n    if (targetPosition < current.position) {\n      const previous = gradient[i - 1];\n\n      // Calculate how far the targetPosition is between the previousPosition and the currentPosition.\n      const percentage =\n        (targetPosition - previous.position) / (current.position - previous.position);\n\n      try {\n        return mix(percentage, current.color, previous.color);\n      } catch {\n        // Polished mix throws on invalid color.\n        return 'transparent';\n      }\n    }\n  }\n\n  // Failsafe return.\n  return 'transparent';\n};\n\nexport const colorInGradientByName = (\n  name: keyof typeof gradientMap,\n  targetPosition: number\n): string => {\n  return colorInGradient(gradientMap[name] ?? [], targetPosition);\n};\n\nexport const colorsForCategories = (\n  count: number,\n  {\n    gradients = (\n      [\n        'persian-blue',\n        'persian-green',\n        'pastel-orange',\n        'japanese-laurel',\n        'mango-tango',\n        'valencia',\n        'fuchsia-blue',\n        'faded-red',\n        'rope',\n        'silver'\n      ] as const\n    ).map(name => gradientMap[name]),\n    steps = [2 / 3, 1 / 3, 1, 0, 1 / 2]\n  }: { gradients?: LinearGradient[]; steps?: number[] } = {}\n): string[] => {\n  // Colors per gradient\n  const perGradient = Math.floor(count / gradients.length);\n\n  // Number of gradients with 1 extra color\n  const extra = count % gradients.length;\n\n  const colors: string[] = [];\n\n  for (let i = 0; i < gradients.length; i += 1) {\n    for (let j = 0; j < (i < extra ? perGradient + 1 : perGradient); j += 1) {\n      colors.push(colorInGradient(gradients[i], steps[j % steps.length]));\n    }\n  }\n\n  return colors;\n};\n\nexport const nlpColors = (\n  [\n    ['persian-blue', 1],\n    ['persian-green', 1],\n    ['pastel-orange', 1],\n    ['japanese-laurel', 1],\n    ['mango-tango', 1],\n    ['valencia', 1],\n    ['fuchsia-blue', 1],\n    ['faded-red', 1],\n    ['rope', 1],\n    ['silver', 1],\n    ['blue-yellow', 1],\n    ['blue-yellow', 5 / 10],\n    ['green-yellow', 1],\n    ['blue-yellow', 3 / 10],\n    ['green-yellow', 7 / 10],\n    ['ruby-yellow', 1],\n    ['ruby-yellow', 6 / 10],\n    ['purple-blue', 1],\n    ['two-extremes', 9 / 10],\n    ['persian-blue', 1 / 2],\n    ['hot-cold', 1],\n    ['persian-green', 1 / 2],\n    ['pastel-orange', 1 / 2],\n    ['japanese-laurel', 1 / 2],\n    ['mango-tango', 1 / 2],\n    ['valencia', 1 / 2],\n    ['fuchsia-blue', 1 / 2],\n    ['faded-red', 1 / 2],\n    ['rope', 1 / 2],\n    ['silver', 1 / 2],\n    ['blue-yellow', 7 / 10],\n    ['blue-yellow', 4 / 10],\n    ['green-yellow', 5 / 10],\n    ['ruby-yellow', 5 / 10],\n    ['purple-blue', 7 / 10],\n    ['purple-blue', 5 / 10],\n    ['violet-rose', 5 / 10],\n    ['two-extremes', 8 / 10],\n    ['ruby-yellow', 4 / 10],\n    ['violet-rose', 7 / 10],\n    ['negative-attention-positive-deutan', 8 / 10]\n  ] as const\n).map(([gradient, position]) => colorInGradient(gradientMap[gradient], position));\n\nexport const toLinearGradient = (\n  gradient: LinearGradient,\n  { direction = '180deg' }: { direction?: string } = {}\n): string => {\n  if (gradient.length === 0) return 'transparent';\n  if (gradient.length === 1) return gradient[0].color;\n\n  return `linear-gradient(${direction}, ${gradient\n    .map(({ color, position }) => `${color} ${position * 100}%`)\n    .join(', ')})`;\n};\n"]}

package/lib/theme/theme.d.ts

@@ -639,6 +639,16 @@ export declare const BaseThemeMachine: ThemeMachine<{
                     };
                 };
             };
+            keyboard: {
+                "background-color": {
+                    $type: string;
+                    $value: string;
+                };
+                "border-color": {
+                    $type: string;
+                    $value: string;
+                };
+            };
         };
         banner: {
             "icon-color": {
@@ -1808,6 +1818,10 @@ export declare const WorkTheme: {
                     readonly foreground: string;
                 };
             };
+            readonly keyboard: {
+                readonly "background-color": string;
+                readonly "border-color": string;
+            };
         };
         readonly card: {
             readonly padding: string;
@@ -2368,6 +2382,10 @@ export declare const defaultThemeProp: Readonly<{
                         readonly foreground: string;
                     };
                 };
+                readonly keyboard: {
+                    readonly "background-color": string;
+                    readonly "border-color": string;
+                };
             };
             readonly card: {
                 readonly padding: 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

@@ -508,6 +508,16 @@
                         "$value": "base.palette.light"
                     }
                 }
+            },
+            "keyboard": {
+                "background-color": {
+                    "$type": "inherited",
+                    "$value": "base.colors.slate.extra-light"
+                },
+                "border-color": {
+                    "$type": "inherited",
+                    "$value": "base.colors.slate.light"
+                }
             }
         },
         "banner": {

package/lib/theme/themes/darkTheme.json

@@ -36,6 +36,12 @@
         "tooltip": {
             "foreground-color": "#3f3f3f",
             "background-color": "#fafafa"
+        },
+        "badges": {
+            "keyboard": {
+                "background-color": "#676767",
+                "border-color": "#939393"
+            }
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "3.0.0-dev.8.0",
+  "version": "3.0.0-dev.9.0",
   "description": "Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
@@ -49,7 +49,7 @@
     "@storybook/addon-toolbars": "^6.4.19",
     "@storybook/addons": "^6.4.19",
     "@storybook/react": "^6.4.19",
-    "@storybook/testing-react": "0.0.18",
+    "@storybook/testing-react": "^1.2.4",
     "@storybook/theming": "^6.4.19",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",