@pega/cosmos-react-core 5.0.0-dev.4.9 → 5.0.0-dev.6.0

package/lib/styles/GlobalStyle.js

@@ -0,0 +1,120 @@
+import { mix } from 'polished';
+import { createGlobalStyle, css } from 'styled-components';
+import { calculateFontSize } from './utils';
+export const globalSpacingStyles = css `
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+`;
+export const createGlobalRootStyles = ({ base: { scale } }) => {
+    return css `
+    :root,
+    :host {
+      height: 100%;
+      -webkit-text-size-adjust: 100%;
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      font-size: calc(${scale} * 1rem);
+    }
+  `.join('');
+};
+export const createGlobalBodyStyles = ({ base: { 'font-size': baseFontSize, 'font-scale': baseFontScale, 'font-family': fontFamily, palette: { 'foreground-color': foregroundColor }, 'line-height': lineHeight }, components: { text } }) => {
+    // Can't call a hook here
+    const fontSize = calculateFontSize(baseFontSize, baseFontScale);
+    return css `
+    body,
+    :host {
+      min-height: 100%;
+      margin: 0;
+      padding: 0;
+      font-size: ${fontSize[text.primary['font-size']]};
+      font-family: ${fontFamily};
+      color: ${foregroundColor};
+      line-height: ${lineHeight};
+    }
+  `.join('');
+};
+export default createGlobalStyle(({ theme }) => {
+    const { base: { 'custom-scrollbar': customScrollbar, 'border-radius': borderRadius, palette: { 'foreground-color': foreground, 'scrollbar-track': scrollbarTrack, 'scrollbar-thumb': scrollbarThumb, 'scrollbar-thumb-hover': scrollbarThumbHover }, transparency: { 'transparent-3': transparent } }, components: { 'form-control': { 'background-color': backgroundColor } } } = theme;
+    return css `
+    ${globalSpacingStyles}
+
+    body {
+      overscroll-behavior: none;
+    }
+
+    ::placeholder {
+      color: ${mix(transparent, foreground, backgroundColor)};
+      opacity: unset;
+    }
+
+    ${customScrollbar &&
+        css `
+      * {
+        scrollbar-color: ${scrollbarThumb} ${scrollbarTrack};
+        scrollbar-width: thin;
+      }
+
+      @supports not ((scrollbar-width: thin) or (scrollbar-color: black white)) {
+        /* stylelint-disable unit-allowed-list */
+        *::-webkit-scrollbar {
+          width: 12px;
+          height: 12px;
+        }
+
+        *::-webkit-scrollbar-track {
+          background-color: ${scrollbarTrack};
+        }
+
+        *::-webkit-scrollbar-corner {
+          background-color: ${scrollbarTrack};
+          border-bottom-right-radius: inherit;
+        }
+
+        *::-webkit-scrollbar-thumb {
+          background-color: transparent;
+          border: 3px solid transparent;
+          border-radius: calc(1.125 * ${borderRadius});
+          box-shadow: inset 0 0 2px 4px ${scrollbarThumb};
+        }
+
+        *::-webkit-scrollbar-thumb:hover {
+          box-shadow: inset 0 0 2px 4px ${scrollbarThumbHover};
+        }
+
+        *::-webkit-scrollbar-track:horizontal {
+          border-bottom-left-radius: inherit;
+        }
+
+        *::-webkit-scrollbar-track:vertical {
+          border-top-right-radius: inherit;
+        }
+
+        /* stylelint-disable-next-line selector-pseudo-class-no-unknown */
+        *::-webkit-scrollbar-track:not(:corner-present) {
+          border-bottom-right-radius: inherit;
+        }
+        /* stylelint-enable unit-allowed-list */
+      }
+    `}
+
+    ${createGlobalRootStyles(theme)}
+
+      ${createGlobalBodyStyles(theme)}
+
+      input,
+      button,
+      select,
+      optgroup,
+      textarea {
+      margin: 0;
+      font-family: inherit;
+      font-size: inherit;
+      line-height: inherit;
+    }
+  `;
+});
+//# sourceMappingURL=GlobalStyle.js.map

package/lib/styles/GlobalStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAgB,EAAE,EAAE;IAC1E,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;;GAE1B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EACJ,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,aAAa,EAC3B,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAChD,aAAa,EAAE,UAAU,EAC1B,EACD,UAAU,EAAE,EAAE,IAAI,EAAE,EACP,EAAE,EAAE;IACjB,yBAAyB;IACzB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,GAAG,CAAA;;;;;;mBAMO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAa,CAAC;qBAC7C,UAAU;eAChB,eAAe;qBACT,UAAU;;GAE5B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7C,MAAM,EACJ,IAAI,EAAE,EACJ,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,YAAY,EAC7B,OAAO,EAAE,EACP,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EAAE,cAAc,EACjC,uBAAuB,EAAE,mBAAmB,EAC7C,EACD,YAAY,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,EAC/C,EACD,UAAU,EAAE,EACV,cAAc,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EACxD,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;MACN,mBAAmB;;;;;;;eAOV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;2BAEoB,cAAc,IAAI,cAAc;;;;;;;;;;;;8BAY7B,cAAc;;;;8BAId,cAAc;;;;;;;wCAOJ,YAAY;0CACV,cAAc;;;;0CAId,mBAAmB;;;;;;;;;;;;;;;;;KAiBxD;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;QAE3B,sBAAsB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAYlC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix } from 'polished';\nimport { createGlobalStyle, css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\n\nimport { calculateFontSize } from './utils';\nimport type { FontSize } from './utils';\n\nexport const globalSpacingStyles = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n`;\n\nexport const createGlobalRootStyles = ({ base: { scale } }: DefaultTheme) => {\n  return css`\n    :root,\n    :host {\n      height: 100%;\n      -webkit-text-size-adjust: 100%;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      font-size: calc(${scale} * 1rem);\n    }\n  `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n  base: {\n    'font-size': baseFontSize,\n    'font-scale': baseFontScale,\n    'font-family': fontFamily,\n    palette: { 'foreground-color': foregroundColor },\n    'line-height': lineHeight\n  },\n  components: { text }\n}: DefaultTheme) => {\n  // Can't call a hook here\n  const fontSize = calculateFontSize(baseFontSize, baseFontScale);\n\n  return css`\n    body,\n    :host {\n      min-height: 100%;\n      margin: 0;\n      padding: 0;\n      font-size: ${fontSize[text.primary['font-size'] as FontSize]};\n      font-family: ${fontFamily};\n      color: ${foregroundColor};\n      line-height: ${lineHeight};\n    }\n  `.join('');\n};\n\nexport default createGlobalStyle(({ theme }) => {\n  const {\n    base: {\n      'custom-scrollbar': customScrollbar,\n      'border-radius': borderRadius,\n      palette: {\n        'foreground-color': foreground,\n        'scrollbar-track': scrollbarTrack,\n        'scrollbar-thumb': scrollbarThumb,\n        'scrollbar-thumb-hover': scrollbarThumbHover\n      },\n      transparency: { 'transparent-3': transparent }\n    },\n    components: {\n      'form-control': { 'background-color': backgroundColor }\n    }\n  } = theme;\n  return css`\n    ${globalSpacingStyles}\n\n    body {\n      overscroll-behavior: none;\n    }\n\n    ::placeholder {\n      color: ${mix(transparent, foreground, backgroundColor)};\n      opacity: unset;\n    }\n\n    ${customScrollbar &&\n    css`\n      * {\n        scrollbar-color: ${scrollbarThumb} ${scrollbarTrack};\n        scrollbar-width: thin;\n      }\n\n      @supports not ((scrollbar-width: thin) or (scrollbar-color: black white)) {\n        /* stylelint-disable unit-allowed-list */\n        *::-webkit-scrollbar {\n          width: 12px;\n          height: 12px;\n        }\n\n        *::-webkit-scrollbar-track {\n          background-color: ${scrollbarTrack};\n        }\n\n        *::-webkit-scrollbar-corner {\n          background-color: ${scrollbarTrack};\n          border-bottom-right-radius: inherit;\n        }\n\n        *::-webkit-scrollbar-thumb {\n          background-color: transparent;\n          border: 3px solid transparent;\n          border-radius: calc(1.125 * ${borderRadius});\n          box-shadow: inset 0 0 2px 4px ${scrollbarThumb};\n        }\n\n        *::-webkit-scrollbar-thumb:hover {\n          box-shadow: inset 0 0 2px 4px ${scrollbarThumbHover};\n        }\n\n        *::-webkit-scrollbar-track:horizontal {\n          border-bottom-left-radius: inherit;\n        }\n\n        *::-webkit-scrollbar-track:vertical {\n          border-top-right-radius: inherit;\n        }\n\n        /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n        *::-webkit-scrollbar-track:not(:corner-present) {\n          border-bottom-right-radius: inherit;\n        }\n        /* stylelint-enable unit-allowed-list */\n      }\n    `}\n\n    ${createGlobalRootStyles(theme)}\n\n      ${createGlobalBodyStyles(theme)}\n\n      input,\n      button,\n      select,\n      optgroup,\n      textarea {\n      margin: 0;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  `;\n});\n"]}

package/lib/styles/gradients.d.ts

@@ -0,0 +1,105 @@
+interface ColorStop {
+    /** CSS color string. */
+    color: string;
+    /** Position along the gradient expressed as a number from 0 to 1. */
+    position: number;
+}
+type LinearGradient = ColorStop[];
+export declare const gradientMap: {
+    grayscale: {
+        color: string;
+        position: number;
+    }[];
+    'persian-blue': {
+        color: string;
+        position: number;
+    }[];
+    'persian-green': {
+        color: string;
+        position: number;
+    }[];
+    'pastel-orange': {
+        color: string;
+        position: number;
+    }[];
+    'japanese-laurel': {
+        color: string;
+        position: number;
+    }[];
+    'mango-tango': {
+        color: string;
+        position: number;
+    }[];
+    valencia: {
+        color: string;
+        position: number;
+    }[];
+    'fuchsia-blue': {
+        color: string;
+        position: number;
+    }[];
+    'faded-red': {
+        color: string;
+        position: number;
+    }[];
+    rope: {
+        color: string;
+        position: number;
+    }[];
+    silver: {
+        color: string;
+        position: number;
+    }[];
+    'blue-yellow': {
+        color: string;
+        position: number;
+    }[];
+    'green-yellow': {
+        color: string;
+        position: number;
+    }[];
+    'ruby-yellow': {
+        color: string;
+        position: number;
+    }[];
+    'purple-blue': {
+        color: string;
+        position: number;
+    }[];
+    'violet-rose': {
+        color: string;
+        position: number;
+    }[];
+    'negative-attention-positive': {
+        color: string;
+        position: number;
+    }[];
+    'negative-attention-positive-protan': {
+        color: string;
+        position: number;
+    }[];
+    'negative-attention-positive-deutan': {
+        color: string;
+        position: number;
+    }[];
+    'hot-cold': {
+        color: string;
+        position: number;
+    }[];
+    'two-extremes': {
+        color: string;
+        position: number;
+    }[];
+};
+export declare const colorInGradient: ([...gradient]: LinearGradient, targetPosition: number) => string;
+export declare const colorInGradientByName: (name: keyof typeof gradientMap, targetPosition: number) => string;
+export declare const colorsForCategories: (count: number, { gradients, steps }?: {
+    gradients?: LinearGradient[] | undefined;
+    steps?: number[] | undefined;
+}) => 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

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"AAGA,UAAU,SAAS;IACjB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,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

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

package/lib/styles/gradients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.js","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAW/B,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE;QACT,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC3C;IACD,cAAc,EAAE;QACd,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QACjD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC9C;IACD,eAAe,EAAE;QACf,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QACjD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC9C;IACD,eAAe,EAAE;QACf,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC5C;IACD,iBAAiB,EAAE;QACjB,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,aAAa,EAAE;QACb,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,QAAQ,EAAE;QACR,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC1C,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAC9C,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAC9C,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC3C;IACD,cAAc,EAAE;QACd,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,WAAW,EAAE;QACX,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC7C,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QACjD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QACjD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC9C;IACD,IAAI,EAAE;QACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC3C,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAC/C,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAC/C,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC5C;IACD,MAAM,EAAE;QACN,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC3C,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAC9C,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;QAC/C,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC3C;IACD,aAAa,EAAE;QACb,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,cAAc,EAAE;QACd,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,aAAa,EAAE;QACb,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,aAAa,EAAE;QACb,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,aAAa,EAAE;QACb,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAClD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,6BAA6B,EAAE;QAC7B,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC1C,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAChD,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAChD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,oCAAoC,EAAE;QACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAClD,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAC9C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,oCAAoC,EAAE;QACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAClD,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAC9C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,UAAU,EAAE;QACV,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC7C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAC9C,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAClD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;IACD,cAAc,EAAE;QACd,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;QAC5C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QAC9C,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;QACjD,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,EAAE;KAC7C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAiB,EAAE,cAAsB,EAAU,EAAE;IAC/F,4CAA4C;IAC5C,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,aAAa,CAAC;IAEhD,gDAAgD;IAChD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpD,0CAA0C;IAC1C,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE1D,0DAA0D;IAC1D,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC;QAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAE5F,wDAAwD;IACxD,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAE7E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAE5B,oGAAoG;QACpG,IAAI,cAAc,KAAK,OAAO,CAAC,QAAQ;YAAE,OAAO,OAAO,CAAC,KAAK,CAAC;QAE9D,uHAAuH;QACvH,IAAI,cAAc,GAAG,OAAO,CAAC,QAAQ,EAAE;YACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAEjC,gGAAgG;YAChG,MAAM,UAAU,GACd,CAAC,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAEhF,IAAI;gBACF,OAAO,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;aACvD;YAAC,MAAM;gBACN,wCAAwC;gBACxC,OAAO,aAAa,CAAC;aACtB;SACF;KACF;IAED,mBAAmB;IACnB,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,IAA8B,EAC9B,cAAsB,EACd,EAAE;IACV,OAAO,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAa,EACb,EACE,SAAS,GACP;IACE,cAAc;IACd,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,aAAa;IACb,UAAU;IACV,cAAc;IACd,WAAW;IACX,MAAM;IACN,QAAQ;CAEX,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAChC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KACmB,EAAE,EAChD,EAAE;IACZ,sBAAsB;IACtB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEzD,yCAAyC;IACzC,MAAM,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC;IAEvC,MAAM,MAAM,GAAa,EAAE,CAAC;IAE5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAC5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;YACvE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SACrE;KACF;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GACpB;IACE,CAAC,cAAc,EAAE,CAAC,CAAC;IACnB,CAAC,eAAe,EAAE,CAAC,CAAC;IACpB,CAAC,eAAe,EAAE,CAAC,CAAC;IACpB,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACtB,CAAC,aAAa,EAAE,CAAC,CAAC;IAClB,CAAC,UAAU,EAAE,CAAC,CAAC;IACf,CAAC,cAAc,EAAE,CAAC,CAAC;IACnB,CAAC,WAAW,EAAE,CAAC,CAAC;IAChB,CAAC,MAAM,EAAE,CAAC,CAAC;IACX,CAAC,QAAQ,EAAE,CAAC,CAAC;IACb,CAAC,aAAa,EAAE,CAAC,CAAC;IAClB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,cAAc,EAAE,CAAC,CAAC;IACnB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC;IACxB,CAAC,aAAa,EAAE,CAAC,CAAC;IAClB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,aAAa,EAAE,CAAC,CAAC;IAClB,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC;IACxB,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC,UAAU,EAAE,CAAC,CAAC;IACf,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC;IACxB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC;IACxB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC;IACvB,CAAC,oCAAoC,EAAE,CAAC,GAAG,EAAE,CAAC;CAEjD,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAElF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,QAAwB,EACxB,EAAE,SAAS,GAAG,QAAQ,KAA6B,EAAE,EAC7C,EAAE;IACV,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,aAAa,CAAC;IAChD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpD,OAAO,mBAAmB,SAAS,KAAK,QAAQ;SAC7C,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,QAAQ,GAAG,GAAG,GAAG,CAAC;SAC3D,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACnB,CAAC,CAAC","sourcesContent":["// cspell:words deutan\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/styles/index.d.ts

@@ -0,0 +1,4 @@
+export * from './utils';
+export * from './gradients';
+export { default as GlobalStyle } from './GlobalStyle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/styles/index.js

@@ -0,0 +1,4 @@
+export * from './utils';
+export * from './gradients';
+export { default as GlobalStyle } from './GlobalStyle';
+//# sourceMappingURL=index.js.map

package/lib/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export * from './utils';\nexport * from './gradients';\nexport { default as GlobalStyle } from './GlobalStyle';\n"]}

package/lib/styles/utils.d.ts

@@ -0,0 +1,16 @@
+import type { StyledConfig } from 'styled-components';
+import type { ContrastScores } from 'polished/lib/types/color';
+export declare const getHoverColors: (color: string) => {
+    background: string | undefined;
+    foreground: string | undefined;
+};
+declare const wcagContrast: Record<keyof ContrastScores | 'AANonText', number>;
+export declare const readableHue: (color1: string, color2: string, { mode, level }?: {
+    mode?: "both" | "dark" | "light" | undefined;
+    level?: number | keyof ContrastScores | "AANonText" | undefined;
+}) => string;
+export declare const omitProps: <O extends object = Record<PropertyKey, unknown>>(prop: keyof O, ...props: (keyof O)[]) => StyledConfig<O>;
+export type FontSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export declare const calculateFontSize: (baseFontSize: string, baseFontScale: string | number) => Record<FontSize, string>;
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK/D,eAAO,MAAM,cAAc,UAAW,MAAM;;;CAa3C,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,EAAE,MAAM,CASpE,CAAC;AAEF,eAAO,MAAM,WAAW,WACd,MAAM,UACN,MAAM;;;MAKb,MAqDF,CAAC;AAEF,eAAO,MAAM,SAAS,4GAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AAWrE,eAAO,MAAM,iBAAiB,iBAAkB,MAAM,iBAAiB,MAAM,GAAG,MAAM,6BAkBrF,CAAC"}