@veeqo/ui 14.11.1 → 14.12.0-beta-1

package/dist/components/ShortcutKeys/ShortcutKeys.cjs

@@ -1,8 +1,7 @@
 'use strict';
 
 var React = require('react');
-var buildClassnames = require('../../utils/buildClassnames.cjs');
-var ShortcutKeys_module = require('./ShortcutKeys.module.scss.cjs');
+var styled = require('./styled.cjs');
 var utils = require('./utils.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -27,16 +26,16 @@ const ShortcutKeys = ({ shortcut, label, inverse = false, displayLabel = false,
     // Replace modifier keys with the corresponding UTF-16 character if available.
     const keysToRenderComponents = keysToRender.map((key) => {
         if (utils.ValidModifierKeysMap[key]) {
-            return (React__default.default.createElement("kbd", { className: ShortcutKeys_module.kbd, key: `Key: ${key}`, "aria-label": utils.ValidModifierKeyssLabelMap[key] }, utils.ValidModifierKeysMap[key]));
+            return (React__default.default.createElement(styled.Kbd, { key: `Key: ${key}`, "aria-label": utils.ValidModifierKeyssLabelMap[key] }, utils.ValidModifierKeysMap[key]));
         }
-        return (React__default.default.createElement("kbd", { className: ShortcutKeys_module.kbd, key: `Key: ${key}` }, key));
+        return React__default.default.createElement(styled.Kbd, { key: `Key: ${key}` }, key);
     });
-    // Combine the <Kbd /> components to sit inside a single container.
+    // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.
     const shortcutElements = keysToRenderComponents.reduce((previousKbdElement, currentKbdElement) => (React__default.default.createElement(React__default.default.Fragment, null,
         previousKbdElement,
         "+",
         currentKbdElement)));
-    return (React__default.default.createElement("div", { className: buildClassnames.buildClassnames([ShortcutKeys_module.container, inverse && ShortcutKeys_module.inverse]), "aria-label": label, ...props },
+    return (React__default.default.createElement(styled.ShortcutKeysContainer, { "aria-label": label, "$inverse": inverse, ...props },
         shortcutElements,
         " ",
         displayLabel ? React__default.default.createElement("span", null, label) : null));

package/dist/components/ShortcutKeys/ShortcutKeys.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.cjs","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport styles from './ShortcutKeys.module.scss';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <kbd\n          className={styles.kbd}\n          key={`Key: ${key}`}\n          aria-label={ValidModifierKeyssLabelMap[key]}\n        >\n          {ValidModifierKeysMap[key]}\n        </kbd>\n      );\n    }\n    return (\n      <kbd className={styles.kbd} key={`Key: ${key}`}>\n        {key}\n      </kbd>\n    );\n  });\n\n  // Combine the <Kbd /> components to sit inside a single container.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <div\n      className={buildClassnames([styles.container, inverse && styles.inverse])}\n      aria-label={label}\n      {...props}\n    >\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </div>\n  );\n};\n"],"names":["ValidModifierKeysMap","React","styles","ValidModifierKeyssLabelMap","buildClassnames"],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAIA,0BAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,mBAAM,CAAC,GAAG,EACrB,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,EAAE,EAAA,YAAA,EACNC,gCAA0B,CAAC,GAAG,CAAC,EAAA,EAE1CH,0BAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;AACD,QAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAM,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,GAAG,CAAA,CAAE,IAC3C,GAAG,CACA;AAEV,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCD,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,8CACE,SAAS,EAAEG,+BAAe,CAAC,CAACF,mBAAM,CAAC,SAAS,EAAE,OAAO,IAAIA,mBAAM,CAAC,OAAO,CAAC,CAAC,EAAA,YAAA,EAC7D,KAAK,EAAA,GACb,KAAK,EAAA;QAER,gBAAgB;;AAAG,QAAA,YAAY,GAAGD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CAC1D;AAEV;;;;"}
+{"version":3,"file":"ShortcutKeys.cjs","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortcutKeysContainer, Kbd } from './styled';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <Kbd key={`Key: ${key}`} aria-label={ValidModifierKeyssLabelMap[key]}>\n          {ValidModifierKeysMap[key]}\n        </Kbd>\n      );\n    }\n    return <Kbd key={`Key: ${key}`}>{key}</Kbd>;\n  });\n\n  // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <ShortcutKeysContainer aria-label={label} $inverse={inverse} {...props}>\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </ShortcutKeysContainer>\n  );\n};\n"],"names":["ValidModifierKeysMap","React","Kbd","ValidModifierKeyssLabelMap","ShortcutKeysContainer"],"mappings":";;;;;;;;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAIA,0BAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEC,qCAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,YAAA,EAAcC,gCAA0B,CAAC,GAAG,CAAC,EAAA,EACjEH,0BAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;QACD,OAAOC,sBAAA,CAAA,aAAA,CAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,EAAG,GAAG,CAAO;AAC7C,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCD,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,qCAACG,4BAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAA,UAAA,EAAY,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAGH,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}

package/dist/components/ShortcutKeys/ShortcutKeys.js

@@ -1,6 +1,5 @@
 import React__default from 'react';
-import { buildClassnames } from '../../utils/buildClassnames.js';
-import styles from './ShortcutKeys.module.scss.js';
+import { Kbd, ShortcutKeysContainer } from './styled.js';
 import { ValidModifierKeysMap, ValidModifierKeyssLabelMap } from './utils.js';
 
 /**
@@ -21,16 +20,16 @@ const ShortcutKeys = ({ shortcut, label, inverse = false, displayLabel = false,
     // Replace modifier keys with the corresponding UTF-16 character if available.
     const keysToRenderComponents = keysToRender.map((key) => {
         if (ValidModifierKeysMap[key]) {
-            return (React__default.createElement("kbd", { className: styles.kbd, key: `Key: ${key}`, "aria-label": ValidModifierKeyssLabelMap[key] }, ValidModifierKeysMap[key]));
+            return (React__default.createElement(Kbd, { key: `Key: ${key}`, "aria-label": ValidModifierKeyssLabelMap[key] }, ValidModifierKeysMap[key]));
         }
-        return (React__default.createElement("kbd", { className: styles.kbd, key: `Key: ${key}` }, key));
+        return React__default.createElement(Kbd, { key: `Key: ${key}` }, key);
     });
-    // Combine the <Kbd /> components to sit inside a single container.
+    // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.
     const shortcutElements = keysToRenderComponents.reduce((previousKbdElement, currentKbdElement) => (React__default.createElement(React__default.Fragment, null,
         previousKbdElement,
         "+",
         currentKbdElement)));
-    return (React__default.createElement("div", { className: buildClassnames([styles.container, inverse && styles.inverse]), "aria-label": label, ...props },
+    return (React__default.createElement(ShortcutKeysContainer, { "aria-label": label, "$inverse": inverse, ...props },
         shortcutElements,
         " ",
         displayLabel ? React__default.createElement("span", null, label) : null));

package/dist/components/ShortcutKeys/ShortcutKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.js","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport styles from './ShortcutKeys.module.scss';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <kbd\n          className={styles.kbd}\n          key={`Key: ${key}`}\n          aria-label={ValidModifierKeyssLabelMap[key]}\n        >\n          {ValidModifierKeysMap[key]}\n        </kbd>\n      );\n    }\n    return (\n      <kbd className={styles.kbd} key={`Key: ${key}`}>\n        {key}\n      </kbd>\n    );\n  });\n\n  // Combine the <Kbd /> components to sit inside a single container.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <div\n      className={buildClassnames([styles.container, inverse && styles.inverse])}\n      aria-label={label}\n      {...props}\n    >\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAMA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAI,oBAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,EAAE,EAAA,YAAA,EACN,0BAA0B,CAAC,GAAG,CAAC,EAAA,EAE1C,oBAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;AACD,QAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,GAAG,CAAA,CAAE,IAC3C,GAAG,CACA;AAEV,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,sCACE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,EAAA,YAAA,EAC7D,KAAK,EAAA,GACb,KAAK,EAAA;QAER,gBAAgB;;AAAG,QAAA,YAAY,GAAGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CAC1D;AAEV;;;;"}
+{"version":3,"file":"ShortcutKeys.js","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortcutKeysContainer, Kbd } from './styled';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <Kbd key={`Key: ${key}`} aria-label={ValidModifierKeyssLabelMap[key]}>\n          {ValidModifierKeysMap[key]}\n        </Kbd>\n      );\n    }\n    return <Kbd key={`Key: ${key}`}>{key}</Kbd>;\n  });\n\n  // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <ShortcutKeysContainer aria-label={label} $inverse={inverse} {...props}>\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </ShortcutKeysContainer>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAI,oBAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEA,6BAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,YAAA,EAAc,0BAA0B,CAAC,GAAG,CAAC,EAAA,EACjE,oBAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;QACD,OAAOA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,EAAG,GAAG,CAAO;AAC7C,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,6BAAC,qBAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAA,UAAA,EAAY,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}

package/dist/components/ShortcutKeys/styled.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const ShortcutKeysContainer = styled__default.default.div.withConfig({ displayName: "vui--ShortcutKeysContainer", componentId: "vui--t1odf6" }) `--kbdTextColor:${(props) => (props.$inverse ? '#ffffff' : '')};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});font-family:${index.theme.text.bodySmall.fontFamily};font-style:${index.theme.text.bodySmall.fontStyle};font-size:${index.theme.text.bodySmall.fontSize};line-height:${index.theme.text.bodySmall.lineHeight};font-weight:${index.theme.text.bodySmall.fontWeight};text-decoration:${index.theme.text.bodySmall.textDecoration};letter-spacing:${index.theme.text.bodySmall.letterSpacing};`;
+const Kbd = styled__default.default.kbd.withConfig({ displayName: "vui--Kbd", componentId: "vui--651mmm" }) `box-sizing:border-box;color:var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${index.theme.text.bodySmall.fontFamily};font-style:${index.theme.text.bodySmall.fontStyle};`;
+
+exports.Kbd = Kbd;
+exports.ShortcutKeysContainer = ShortcutKeysContainer;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/ShortcutKeys/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;MAKa,qBAAqB,GAAGA,uBAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAAA,yFAAA,EAKjCC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3CA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAGD,uBAAM,CAAC,GAAG,wHAEEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,iGAAA,EAIlBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtDA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;;"}

package/dist/components/ShortcutKeys/styled.d.ts

@@ -0,0 +1,3 @@
+import { ShortcutKeysContainerProps } from './types';
+export declare const ShortcutKeysContainer: import("styled-components").StyledComponent<"div", any, ShortcutKeysContainerProps, never>;
+export declare const Kbd: import("styled-components").StyledComponent<"kbd", any, {}, never>;

package/dist/components/ShortcutKeys/styled.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
+
+const ShortcutKeysContainer = styled.div.withConfig({ displayName: "vui--ShortcutKeysContainer", componentId: "vui--t1odf6" }) `--kbdTextColor:${(props) => (props.$inverse ? '#ffffff' : '')};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${theme.colors.neutral.ink.base});font-family:${theme.text.bodySmall.fontFamily};font-style:${theme.text.bodySmall.fontStyle};font-size:${theme.text.bodySmall.fontSize};line-height:${theme.text.bodySmall.lineHeight};font-weight:${theme.text.bodySmall.fontWeight};text-decoration:${theme.text.bodySmall.textDecoration};letter-spacing:${theme.text.bodySmall.letterSpacing};`;
+const Kbd = styled.kbd.withConfig({ displayName: "vui--Kbd", componentId: "vui--651mmm" }) `box-sizing:border-box;color:var(--kbdTextColor, ${theme.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${theme.text.bodySmall.fontFamily};font-style:${theme.text.bodySmall.fontStyle};`;
+
+export { Kbd, ShortcutKeysContainer };
+//# sourceMappingURL=styled.js.map

package/dist/components/ShortcutKeys/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":[],"mappings":";;;MAKa,qBAAqB,GAAG,MAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAAA,yFAAA,EAKjC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAG,MAAM,CAAC,GAAG,wHAEE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,iGAAA,EAIlB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;"}

package/dist/components/VideoModal/styled.d.ts

@@ -4,13 +4,8 @@ export declare const VideoWrapper: import("styled-components").StyledComponent<"
 export declare const ButtonSC: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../hoc/withTokens").WithTokensProps & {
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
+    size?: import("../Button/types").ButtonSize | undefined;
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
-    contentStyles?: import("react").CSSProperties | undefined;
-    as?: import("react").ElementType | undefined;
-    href?: string | undefined;
-    target?: string | undefined;
-    rel?: string | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../hoc/withTokens").WithTokensProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/utils/forms/inputStyles.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+var variables = require('./variables.cjs');
+var utils = require('../../theme/utils.cjs');
+
+const { colors, radius, sizes, text } = index.theme;
+/**
+ * @deprecated
+ * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss
+ */
+const inputFocusStyles = ({ hasError }) => styled.css `&:focus{--border-color:${hasError ? colors.secondary.red.base : colors.secondary.blue.base};border-color:var(--border-color);box-shadow:0 0 0 var(--outline-size)var(--shadow-color);outline:0;}`;
+/**
+ * @deprecated
+ * use css modules instead
+ */
+const inputDisabledStyles = styled.css `&:disabled,&[data-disabled]{opacity:1;box-shadow:none;background-color:${colors.neutral.grey.light};cursor:not-allowed;}`;
+/**
+ *
+ * @deprecated
+ * use css modules instead
+ */
+const inputBaseStyles = ({ compact }) => styled.css `${variables.inputVariableStyles} ${utils.getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start;[data-input-group] > &:first-child{padding-right:calc(var(--padding-right) - ${sizes[1]});}[data-input-group] > &:last-child{padding-left:${sizes[2]};}[data-input-group] > &:not(:first-child):not(:last-child){padding-inline:${sizes[2]};}`;
+/**
+ * @deprecated
+ * use css modules instead from src/utils/forms/form.module.scss
+ */
+styled.css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${utils.getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
+
+exports.inputBaseStyles = inputBaseStyles;
+exports.inputDisabledStyles = inputDisabledStyles;
+exports.inputFocusStyles = inputFocusStyles;
+//# sourceMappingURL=inputStyles.cjs.map

package/dist/utils/forms/inputStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputStyles.cjs","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":["theme","css","inputVariableStyles","getTextStyles"],"mappings":";;;;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAGA,WAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAKC,UAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAGA,UAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAKA,UAAG,CAAA,CAAA,EACnEC,6BAAmB,CAAA,CAAA,EACnBC,mBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AAC4BF,UAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGdE,mBAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;;;"}

package/dist/utils/forms/inputStyles.js

@@ -0,0 +1,30 @@
+import { css } from 'styled-components';
+import { theme } from '../../theme/index.js';
+import { inputVariableStyles } from './variables.js';
+import { getTextStyles } from '../../theme/utils.js';
+
+const { colors, radius, sizes, text } = theme;
+/**
+ * @deprecated
+ * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss
+ */
+const inputFocusStyles = ({ hasError }) => css `&:focus{--border-color:${hasError ? colors.secondary.red.base : colors.secondary.blue.base};border-color:var(--border-color);box-shadow:0 0 0 var(--outline-size)var(--shadow-color);outline:0;}`;
+/**
+ * @deprecated
+ * use css modules instead
+ */
+const inputDisabledStyles = css `&:disabled,&[data-disabled]{opacity:1;box-shadow:none;background-color:${colors.neutral.grey.light};cursor:not-allowed;}`;
+/**
+ *
+ * @deprecated
+ * use css modules instead
+ */
+const inputBaseStyles = ({ compact }) => css `${inputVariableStyles} ${getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start;[data-input-group] > &:first-child{padding-right:calc(var(--padding-right) - ${sizes[1]});}[data-input-group] > &:last-child{padding-left:${sizes[2]};}[data-input-group] > &:not(:first-child):not(:last-child){padding-inline:${sizes[2]};}`;
+/**
+ * @deprecated
+ * use css modules instead from src/utils/forms/form.module.scss
+ */
+css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
+
+export { inputBaseStyles, inputDisabledStyles, inputFocusStyles };
+//# sourceMappingURL=inputStyles.js.map

package/dist/utils/forms/inputStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputStyles.js","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAK,GAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAK,GAAG,CAAA,CAAA,EACnE,mBAAmB,CAAA,CAAA,EACnB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AAC4B,GAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGd,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;"}

package/dist/utils/forms/variables.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+
+const { colors, sizes } = index.theme;
+/**
+ *
+ * @deprecated
+ * use css modules instead from src/utils/forms/form.module.scss
+ *
+ */
+const inputVariableStyles = ({ hasError, compact }) => styled.css `--padding:${sizes[3]};--padding-right:var(--padding);--outline-size:${compact ? '2px' : sizes.xs};--border-color:${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};--shadow-color:${hasError ? colors.secondary.red.light : colors.secondary.blue.light};`;
+
+exports.inputVariableStyles = inputVariableStyles;
+//# sourceMappingURL=variables.cjs.map

package/dist/utils/forms/variables.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.cjs","sources":["../../../src/utils/forms/variables.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { theme } from '../../theme';\n\nconst { colors, sizes } = theme;\n\n/**\n *\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n *\n */\nexport const inputVariableStyles = ({ hasError, compact }: FormComponentProps) => css`\n  --padding: ${sizes[3]};\n  --padding-right: var(--padding);\n  --outline-size: ${compact ? '2px' : sizes.xs};\n  --border-color: ${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};\n  --shadow-color: ${hasError ? colors.secondary.red.light : colors.secondary.blue.light};\n`;\n"],"names":["theme","css"],"mappings":";;;;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAGA,WAAK;AAE/B;;;;;AAKG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAsB,KAAKC,UAAG,CAAA,CAAA,UAAA,EACtE,KAAK,CAAC,CAAC,CAAC,CAAA,+CAAA,EAEH,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE,CAAA,gBAAA,EAC1B,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,gBAAA,EAClE,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}

package/dist/utils/forms/variables.js

@@ -0,0 +1,14 @@
+import { css } from 'styled-components';
+import { theme } from '../../theme/index.js';
+
+const { colors, sizes } = theme;
+/**
+ *
+ * @deprecated
+ * use css modules instead from src/utils/forms/form.module.scss
+ *
+ */
+const inputVariableStyles = ({ hasError, compact }) => css `--padding:${sizes[3]};--padding-right:var(--padding);--outline-size:${compact ? '2px' : sizes.xs};--border-color:${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};--shadow-color:${hasError ? colors.secondary.red.light : colors.secondary.blue.light};`;
+
+export { inputVariableStyles };
+//# sourceMappingURL=variables.js.map

package/dist/utils/forms/variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.js","sources":["../../../src/utils/forms/variables.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { theme } from '../../theme';\n\nconst { colors, sizes } = theme;\n\n/**\n *\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n *\n */\nexport const inputVariableStyles = ({ hasError, compact }: FormComponentProps) => css`\n  --padding: ${sizes[3]};\n  --padding-right: var(--padding);\n  --outline-size: ${compact ? '2px' : sizes.xs};\n  --border-color: ${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};\n  --shadow-color: ${hasError ? colors.secondary.red.light : colors.secondary.blue.light};\n`;\n"],"names":[],"mappings":";;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK;AAE/B;;;;;AAKG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAsB,KAAK,GAAG,CAAA,CAAA,UAAA,EACtE,KAAK,CAAC,CAAC,CAAC,CAAA,+CAAA,EAEH,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE,CAAA,gBAAA,EAC1B,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,gBAAA,EAClE,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "14.11.1",
+  "version": "14.12.0-beta-1",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/components/ActionMenu/ActionMenu.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._heading-xxl_rmc5j_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_rmc5j_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_rmc5j_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_rmc5j_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_rmc5j_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_rmc5j_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_rmc5j_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_rmc5j_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_rmc5j_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_rmc5j_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_rmc5j_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_rmc5j_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_rmc5j_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_rmc5j_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_rmc5j_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_rmc5j_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_rmc5j_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_rmc5j_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_rmc5j_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_rmc5j_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_rmc5j_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_rmc5j_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_rmc5j_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_rmc5j_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_rmc5j_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_rmc5j_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_rmc5j_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_rmc5j_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_rmc5j_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_rmc5j_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_rmc5j_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._menuItem_rmc5j_342 {\n  display: grid;\n  grid-template-areas: \"label\" \"description\";\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n  white-space: nowrap;\n}\n._menuItem_rmc5j_342:is(a) {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n._menuItem_rmc5j_342:is(div) {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n._menuItem_rmc5j_342[data-focused] {\n  color: var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n}\n._menuItem_rmc5j_342[data-hovered] {\n  background-color: var(--colors-neutral-grey-light);\n}\n._menuItem_rmc5j_342[data-disabled] {\n  cursor: not-allowed;\n  background-color: var(--colors-neutral-grey-lightest);\n  color: var(--colors-neutral-ink-light);\n}\n._menuItem_rmc5j_342 [slot=label] {\n  grid-area: label;\n}\n._menuItem_rmc5j_342 [slot=description] {\n  grid-area: description;\n  color: var(--colors-neutral-ink-light);\n  font-size: var(--text-body-small-font-size);\n}\n\n._section_rmc5j_393:not(:first-child) {\n  margin-top: var(--sizes-sm);\n  border-top: 1px solid var(--colors-neutral-grey-base);\n  padding-top: var(--sizes-sm);\n}");
-var styles = {"menuItem":"_menuItem_rmc5j_342","section":"_section_rmc5j_393"};
-
-module.exports = styles;
-//# sourceMappingURL=ActionMenu.module.scss.cjs.map

package/dist/components/ActionMenu/ActionMenu.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionMenu.module.scss.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n.menuItem {\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n\n  &:is(a) {\n    @include text.link;\n  }\n\n  &:is(div) {\n    @include text.body;\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: var(--colors-secondary-blue-base);\n    box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n  }\n\n  &[data-hovered] {\n    background-color: var(--colors-neutral-grey-light);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-lightest);\n    color: var(--colors-neutral-ink-light);\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: var(--colors-neutral-ink-light);\n    font-size: var(--text-body-small-font-size);\n  }\n}\n\n.section {\n  &:not(:first-child) {\n    margin-top: var(--sizes-sm);\n    border-top: 1px solid var(--colors-neutral-grey-base);\n    padding-top: var(--sizes-sm);\n  }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,g2fAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA;;;;"}

package/dist/components/ActionMenu/ActionMenu.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._heading-xxl_rmc5j_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_rmc5j_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_rmc5j_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_rmc5j_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_rmc5j_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_rmc5j_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_rmc5j_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_rmc5j_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_rmc5j_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_rmc5j_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_rmc5j_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_rmc5j_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_rmc5j_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_rmc5j_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_rmc5j_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_rmc5j_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_rmc5j_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_rmc5j_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_rmc5j_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_rmc5j_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_rmc5j_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_rmc5j_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_rmc5j_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_rmc5j_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_rmc5j_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_rmc5j_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_rmc5j_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_rmc5j_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_rmc5j_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_rmc5j_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_rmc5j_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._menuItem_rmc5j_342 {\n  display: grid;\n  grid-template-areas: \"label\" \"description\";\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n  white-space: nowrap;\n}\n._menuItem_rmc5j_342:is(a) {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n._menuItem_rmc5j_342:is(div) {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n._menuItem_rmc5j_342[data-focused] {\n  color: var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n}\n._menuItem_rmc5j_342[data-hovered] {\n  background-color: var(--colors-neutral-grey-light);\n}\n._menuItem_rmc5j_342[data-disabled] {\n  cursor: not-allowed;\n  background-color: var(--colors-neutral-grey-lightest);\n  color: var(--colors-neutral-ink-light);\n}\n._menuItem_rmc5j_342 [slot=label] {\n  grid-area: label;\n}\n._menuItem_rmc5j_342 [slot=description] {\n  grid-area: description;\n  color: var(--colors-neutral-ink-light);\n  font-size: var(--text-body-small-font-size);\n}\n\n._section_rmc5j_393:not(:first-child) {\n  margin-top: var(--sizes-sm);\n  border-top: 1px solid var(--colors-neutral-grey-base);\n  padding-top: var(--sizes-sm);\n}");
-var styles = {"menuItem":"_menuItem_rmc5j_342","section":"_section_rmc5j_393"};
-
-export { styles as default };
-//# sourceMappingURL=ActionMenu.module.scss.js.map

package/dist/components/ActionMenu/ActionMenu.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionMenu.module.scss.js","sources":["../../../src/components/ActionMenu/ActionMenu.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n.menuItem {\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n\n  &:is(a) {\n    @include text.link;\n  }\n\n  &:is(div) {\n    @include text.body;\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: var(--colors-secondary-blue-base);\n    box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n  }\n\n  &[data-hovered] {\n    background-color: var(--colors-neutral-grey-light);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-lightest);\n    color: var(--colors-neutral-ink-light);\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: var(--colors-neutral-ink-light);\n    font-size: var(--text-body-small-font-size);\n  }\n}\n\n.section {\n  &:not(:first-child) {\n    margin-top: var(--sizes-sm);\n    border-top: 1px solid var(--colors-neutral-grey-base);\n    padding-top: var(--sizes-sm);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,g2fAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA;;;;"}

package/dist/components/Badge/Badge.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._badge_2tl30_1 {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n  cursor: default;\n}\n._badge_2tl30_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n\n._hideBorder_2tl30_22 {\n  border: none;\n}\n\n._default-variant_2tl30_26 {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n._primary-variant_2tl30_32 {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n._warning-variant_2tl30_38 {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}");
-var styles = {"badge":"_badge_2tl30_1","hideBorder":"_hideBorder_2tl30_22","default-variant":"_default-variant_2tl30_26","primary-variant":"_primary-variant_2tl30_32","warning-variant":"_warning-variant_2tl30_38"};
-
-module.exports = styles;
-//# sourceMappingURL=Badge.module.scss.cjs.map

package/dist/components/Badge/Badge.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.module.scss.cjs","sources":["../../../src/components/Badge/Badge.module.scss"],"sourcesContent":[".badge {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n\n  cursor: default;\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n}\n\n.hideBorder {\n  border: none;\n}\n\n.default-variant {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n.primary-variant {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n.warning-variant {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,6nCAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}

package/dist/components/Badge/Badge.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._badge_2tl30_1 {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n  cursor: default;\n}\n._badge_2tl30_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n\n._hideBorder_2tl30_22 {\n  border: none;\n}\n\n._default-variant_2tl30_26 {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n._primary-variant_2tl30_32 {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n._warning-variant_2tl30_38 {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}");
-var styles = {"badge":"_badge_2tl30_1","hideBorder":"_hideBorder_2tl30_22","default-variant":"_default-variant_2tl30_26","primary-variant":"_primary-variant_2tl30_32","warning-variant":"_warning-variant_2tl30_38"};
-
-export { styles as default };
-//# sourceMappingURL=Badge.module.scss.js.map

package/dist/components/Badge/Badge.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.module.scss.js","sources":["../../../src/components/Badge/Badge.module.scss"],"sourcesContent":[".badge {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n\n  cursor: default;\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n}\n\n.hideBorder {\n  border: none;\n}\n\n.default-variant {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n.primary-variant {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n.warning-variant {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,6nCAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._breadcrumbs_wet2h_1 {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n._breadcrumb_wet2h_1 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_wet2h_1 .separator {\n  display: flex;\n  align-items: center;\n  padding: 0 0.4rem;\n}\n._breadcrumb_wet2h_1 a {\n  color: inherit;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n._breadcrumb_wet2h_1 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_wet2h_1 span {\n  font-weight: 600;\n  text-transform: capitalize;\n}");
-var styles = {"breadcrumbs":"_breadcrumbs_wet2h_1","breadcrumb":"_breadcrumb_wet2h_1"};
-
-module.exports = styles;
-//# sourceMappingURL=Breadcrumbs.module.scss.cjs.map

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.module.scss.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":[".breadcrumbs {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    display: flex;\n    align-items: center;\n    padding: 0 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,wtBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,qBAAA;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../../_virtual/____insertStyle.js';
-
-insertStyle("._breadcrumbs_wet2h_1 {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n._breadcrumb_wet2h_1 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_wet2h_1 .separator {\n  display: flex;\n  align-items: center;\n  padding: 0 0.4rem;\n}\n._breadcrumb_wet2h_1 a {\n  color: inherit;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n._breadcrumb_wet2h_1 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_wet2h_1 span {\n  font-weight: 600;\n  text-transform: capitalize;\n}");
-var styles = {"breadcrumbs":"_breadcrumbs_wet2h_1","breadcrumb":"_breadcrumb_wet2h_1"};
-
-export { styles as default };
-//# sourceMappingURL=Breadcrumbs.module.scss.js.map

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.module.scss.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":[".breadcrumbs {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    display: flex;\n    align-items: center;\n    padding: 0 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,wtBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,qBAAA;;;;"}

package/dist/components/Button/Button.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._heading-xxl_1cokg_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1cokg_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1cokg_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1cokg_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1cokg_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1cokg_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1cokg_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1cokg_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1cokg_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1cokg_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1cokg_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1cokg_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1cokg_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1cokg_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1cokg_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1cokg_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1cokg_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1cokg_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1cokg_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1cokg_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1cokg_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1cokg_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1cokg_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1cokg_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1cokg_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1cokg_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1cokg_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1cokg_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1cokg_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1cokg_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1cokg_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._base_1cokg_342 {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-family: var(--font-family);\n  font-weight: 400;\n  border: 1px solid;\n  background-color: transparent;\n  white-space: nowrap;\n}\n._base_1cokg_342:hover {\n  cursor: pointer;\n}\n._base_1cokg_342:disabled {\n  pointer-events: none;\n  cursor: unset !important;\n}\n\n._base-size_1cokg_364 {\n  --outline-width: var(--sizes-xs);\n  height: var(--sizes-10);\n  padding-left: var(--sizes-sm);\n  padding-right: var(--sizes-sm);\n  border-radius: var(--radius-md);\n  font-size: var(--sizes-base);\n  line-height: var(--sizes-base);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374 {\n  padding-left: var(--sizes-md);\n  padding-right: var(--sizes-md);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374._hasIcon_1cokg_379 {\n  padding-left: var(--sizes-base);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374._hasDropdown_1cokg_383 {\n  padding-right: var(--sizes-base);\n}\n\n._sm-size_1cokg_387 {\n  --outline-width: 2px;\n  height: var(--sizes-lg);\n  padding-left: var(--sizes-sm);\n  padding-right: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-font-size);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374 {\n  padding-left: var(--sizes-base);\n  padding-right: var(--sizes-base);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374._hasIcon_1cokg_379 {\n  padding-left: var(--sizes-sm);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374._hasDropdown_1cokg_383 {\n  padding-right: var(--sizes-sm);\n}\n\n._default-variant_1cokg_410 {\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._default-variant_1cokg_410:hover {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._default-variant_1cokg_410:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  border-color: var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._default-variant_1cokg_410:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n  outline: 0;\n}\n._default-variant_1cokg_410:disabled {\n  box-shadow: none !important;\n  background-color: var(--colors-neutral-grey-base) !important;\n  border-color: var(--colors-neutral-grey-base) !important;\n  color: var(--colors-neutral-ink-light) !important;\n}\n\n._default-variant_1cokg_410._hasText_1cokg_374 {\n  color: var(--colors-neutral-ink-base);\n}\n\n._default-variant_1cokg_410:not(._hasText_1cokg_374) {\n  color: var(--colors-secondary-blue-base);\n}\n\n._destructive-variant_1cokg_442 {\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n  color: var(--colors-secondary-red-base);\n}\n._destructive-variant_1cokg_442:hover {\n  background-color: var(--colors-neutral-grey-lightest);\n  color: var(--colors-secondary-red-dark);\n}\n._destructive-variant_1cokg_442:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  border-color: var(--colors-secondary-red-base);\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n  color: var(--colors-secondary-red-dark);\n}\n._destructive-variant_1cokg_442:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n  outline: 0;\n}\n._destructive-variant_1cokg_442:disabled {\n  box-shadow: none !important;\n  background-color: var(--colors-neutral-grey-base) !important;\n  border-color: var(--colors-neutral-grey-base) !important;\n  color: var(--colors-neutral-ink-light) !important;\n}\n\n._primary-variant_1cokg_469 {\n  background-color: var(--theme-primary, var(--colors-secondary-blue-base));\n  border-color: var(--theme-primary, var(--colors-secondary-blue-base));\n  color: var(--theme-on-primary, white);\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._primary-variant_1cokg_469:hover {\n  background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n  border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._primary-variant_1cokg_469:active {\n  background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n  border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._primary-variant_1cokg_469:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n  outline: 0;\n}\n._primary-variant_1cokg_469:disabled {\n  box-shadow: none !important;\n  background-color: var(--colors-neutral-grey-base) !important;\n  border-color: var(--colors-neutral-grey-base) !important;\n  color: var(--colors-neutral-ink-light) !important;\n}\n\n._primaryDestructive-variant_1cokg_495 {\n  background-color: var(--colors-secondary-red-base);\n  border-color: var(--colors-secondary-red-base);\n  color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._primaryDestructive-variant_1cokg_495:hover {\n  background-color: var(--colors-secondary-red-dark);\n  border-color: var(--colors-secondary-red-dark);\n}\n._primaryDestructive-variant_1cokg_495:active {\n  background-color: var(--colors-secondary-red-dark);\n  border-color: var(--colors-secondary-red-dark);\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n}\n._primaryDestructive-variant_1cokg_495:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n  outline: 0;\n}\n._primaryDestructive-variant_1cokg_495:disabled {\n  box-shadow: none !important;\n  background-color: var(--colors-neutral-grey-base) !important;\n  border-color: var(--colors-neutral-grey-base) !important;\n  color: var(--colors-neutral-ink-light) !important;\n}\n\n._flat-variant_1cokg_521 {\n  border-color: transparent;\n  box-shadow: none;\n  color: var(--colors-neutral-ink-base);\n}\n._flat-variant_1cokg_521:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._flat-variant_1cokg_521:active {\n  background-color: var(--colors-neutral-grey-light);\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._flat-variant_1cokg_521:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n  outline: 0;\n}\n._flat-variant_1cokg_521:disabled {\n  background-color: transparent;\n  border-color: transparent;\n}\n\n._link-variant_1cokg_542 {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n  letter-spacing: normal;\n  color: var(--colors-secondary-blue-base);\n}\n._link-variant_1cokg_542:hover {\n  cursor: pointer;\n  color: var(--colors-secondary-blue-dark);\n}\n._link-variant_1cokg_542 > * + * {\n  margin-left: var(--sizes-xs);\n}\n._link-variant_1cokg_542:focus-visible {\n  outline: 0;\n  box-shadow: 0 0 0 4px white, 0 0 0 8px var(--colors-secondary-blue-light);\n  border-radius: 4px;\n}\n\n._unstyled-variant_1cokg_575 {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n}\n._unstyled-variant_1cokg_575:hover {\n  cursor: pointer;\n}\n\n._mainContent_1cokg_586 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--sizes-xs);\n}\n._mainContent_1cokg_586 svg {\n  width: var(--button-icon-size);\n  height: var(--button-icon-size);\n}\n\n._hasText_1cokg_374 ._mainContent_1cokg_586 {\n  gap: var(--sizes-sm);\n}\n\n._mainContent_1cokg_586._loading_1cokg_600 {\n  opacity: 0;\n}\n\n._loadingWrapper_1cokg_604 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n}");
-var styles = {"heading-xxl":"_heading-xxl_1cokg_1","heading-xl":"_heading-xl_1cokg_12","heading-large":"_heading-large_1cokg_23","heading-medium":"_heading-medium_1cokg_34","heading-small":"_heading-small_1cokg_45","heading-table":"_heading-table_1cokg_56","subheading-large":"_subheading-large_1cokg_67","subheading-medium":"_subheading-medium_1cokg_78","subheading-small":"_subheading-small_1cokg_89","subheading-small-bold":"_subheading-small-bold_1cokg_100","body":"_body_1cokg_111","body-small":"_body-small_1cokg_122","body-bold":"_body-bold_1cokg_133","body-bold-dark":"_body-bold-dark_1cokg_144","body-small-bold":"_body-small-bold_1cokg_155","button":"_button_1cokg_166","button-small":"_button-small_1cokg_177","link-large":"_link-large_1cokg_188","link-medium":"_link-medium_1cokg_199","link":"_link_1cokg_188","link-small":"_link-small_1cokg_221","input-label":"_input-label_1cokg_232","input-label-small":"_input-label-small_1cokg_243","hint-text":"_hint-text_1cokg_254","placeholder":"_placeholder_1cokg_265","placeholder-small":"_placeholder-small_1cokg_276","placeholder-code":"_placeholder-code_1cokg_287","placeholder-code-small":"_placeholder-code-small_1cokg_298","error":"_error_1cokg_309","error-small":"_error-small_1cokg_320","success-small":"_success-small_1cokg_331","base":"_base_1cokg_342","base-size":"_base-size_1cokg_364","hasText":"_hasText_1cokg_374","hasIcon":"_hasIcon_1cokg_379","hasDropdown":"_hasDropdown_1cokg_383","sm-size":"_sm-size_1cokg_387","default-variant":"_default-variant_1cokg_410","destructive-variant":"_destructive-variant_1cokg_442","primary-variant":"_primary-variant_1cokg_469","primaryDestructive-variant":"_primaryDestructive-variant_1cokg_495","flat-variant":"_flat-variant_1cokg_521","link-variant":"_link-variant_1cokg_542","unstyled-variant":"_unstyled-variant_1cokg_575","mainContent":"_mainContent_1cokg_586","loading":"_loading_1cokg_600","loadingWrapper":"_loadingWrapper_1cokg_604"};
-
-module.exports = styles;
-//# sourceMappingURL=Button.module.scss.cjs.map

package/dist/components/Button/Button.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.module.scss.cjs","sources":["../../../src/components/Button/Button.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n// Base class (shared by default, primary, destructive, primaryDestructive, flat)\n\n.base {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-family: var(--font-family);\n  font-weight: 400;\n  border: 1px solid;\n  background-color: transparent;\n  white-space: nowrap;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    pointer-events: none;\n    cursor: unset !important;\n  }\n}\n\n// Size classes\n\n.base-size {\n  --outline-width: var(--sizes-xs);\n\n  height: var(--sizes-10);\n  padding-left: var(--sizes-sm);\n  padding-right: var(--sizes-sm);\n  border-radius: var(--radius-md);\n  font-size: var(--sizes-base);\n  line-height: var(--sizes-base);\n}\n\n.base-size.hasText {\n  padding-left: var(--sizes-md);\n  padding-right: var(--sizes-md);\n}\n\n.base-size.hasText.hasIcon {\n  padding-left: var(--sizes-base);\n}\n\n.base-size.hasText.hasDropdown {\n  padding-right: var(--sizes-base);\n}\n\n.sm-size {\n  --outline-width: 2px;\n\n  height: var(--sizes-lg);\n  padding-left: var(--sizes-sm);\n  padding-right: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-font-size); // intentionally matches font-size for button height control\n}\n\n.sm-size.hasText {\n  padding-left: var(--sizes-base);\n  padding-right: var(--sizes-base);\n}\n\n.sm-size.hasText.hasIcon {\n  padding-left: var(--sizes-sm);\n}\n\n.sm-size.hasText.hasDropdown {\n  padding-right: var(--sizes-sm);\n}\n\n// Variant: default\n\n.default-variant {\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n  &:hover {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &:active {\n    background-color: var(--colors-neutral-grey-lightest);\n    border-color: var(--colors-secondary-blue-base);\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: var(--colors-neutral-grey-base) !important;\n    border-color: var(--colors-neutral-grey-base) !important;\n    color: var(--colors-neutral-ink-light) !important;\n  }\n}\n\n// Default variant conditional color based on hasText\n.default-variant.hasText {\n  color: var(--colors-neutral-ink-base);\n}\n\n.default-variant:not(.hasText) {\n  color: var(--colors-secondary-blue-base);\n}\n\n// Variant: destructive (extends default visually)\n\n.destructive-variant {\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n  color: var(--colors-secondary-red-base);\n\n  &:hover {\n    background-color: var(--colors-neutral-grey-lightest);\n    color: var(--colors-secondary-red-dark);\n  }\n\n  &:active {\n    background-color: var(--colors-neutral-grey-lightest);\n    border-color: var(--colors-secondary-red-base);\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n    color: var(--colors-secondary-red-dark);\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: var(--colors-neutral-grey-base) !important;\n    border-color: var(--colors-neutral-grey-base) !important;\n    color: var(--colors-neutral-ink-light) !important;\n  }\n}\n\n// Variant: primary\n\n.primary-variant {\n  background-color: var(--theme-primary, var(--colors-secondary-blue-base));\n  border-color: var(--theme-primary, var(--colors-secondary-blue-base));\n  color: var(--theme-on-primary, white);\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n  &:hover {\n    background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n  }\n\n  &:active {\n    background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: var(--colors-neutral-grey-base) !important;\n    border-color: var(--colors-neutral-grey-base) !important;\n    color: var(--colors-neutral-ink-light) !important;\n  }\n}\n\n// Variant: primaryDestructive\n\n.primaryDestructive-variant {\n  background-color: var(--colors-secondary-red-base);\n  border-color: var(--colors-secondary-red-base);\n  color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n  &:hover {\n    background-color: var(--colors-secondary-red-dark);\n    border-color: var(--colors-secondary-red-dark);\n  }\n\n  &:active {\n    background-color: var(--colors-secondary-red-dark);\n    border-color: var(--colors-secondary-red-dark);\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: var(--colors-neutral-grey-base) !important;\n    border-color: var(--colors-neutral-grey-base) !important;\n    color: var(--colors-neutral-ink-light) !important;\n  }\n}\n\n// Variant: flat\n\n.flat-variant {\n  border-color: transparent;\n  box-shadow: none;\n  color: var(--colors-neutral-ink-base);\n\n  &:hover {\n    background-color: var(--colors-neutral-grey-light);\n  }\n\n  &:active {\n    background-color: var(--colors-neutral-grey-light);\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n    outline: 0;\n  }\n\n  &:disabled {\n    background-color: transparent;\n    border-color: transparent;\n  }\n}\n\n// Variant: link (standalone — does NOT use .base)\n\n.link-variant {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n\n  @include text.link;\n\n  // Override mixin's letter-spacing: the SC version never set it\n  letter-spacing: normal;\n  color: var(--colors-secondary-blue-base);\n\n  &:hover {\n    cursor: pointer;\n    color: var(--colors-secondary-blue-dark);\n  }\n\n  & > * + * {\n    margin-left: var(--sizes-xs);\n  }\n\n  &:focus-visible {\n    outline: 0;\n    box-shadow:\n      0 0 0 4px white,\n      0 0 0 8px var(--colors-secondary-blue-light);\n    border-radius: 4px;\n  }\n}\n\n// Variant: unstyled (standalone — does NOT use .base)\n\n.unstyled-variant {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n// Sub-elements\n\n.mainContent {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--sizes-xs);\n\n  svg {\n    width: var(--button-icon-size);\n    height: var(--button-icon-size);\n  }\n}\n\n.hasText .mainContent {\n  gap: var(--sizes-sm);\n}\n\n.mainContent.loading {\n  opacity: 0;\n}\n\n.loadingWrapper {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,kqsBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,4BAAA,CAAA,uCAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,2BAAA;;;;"}