@heliux-org/design-system-core 0.0.314 → 0.0.316

package/dist/mocked_classnames_esm/components/WorkflowCard/WorkflowCard.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import Box from "../Box/Box";
 import { IconType } from "../Icon/IconConstants";
 import { ValueOf } from "type-fest";
-import { SubIcon, ElementContent } from "../../types";
+import { ElementContent } from "../../types";
 import { PathName } from "../Icon/SvgIcon/paths";
 export interface Reviewer {
     name: string;
@@ -14,9 +14,10 @@ export interface WorkflowCardProps {
     title?: string;
     titleColor?: string;
     showIcon?: boolean;
-    icon?: SubIcon | undefined;
     iconType?: IconType;
     iconPath?: PathName | string;
+    iconSize?: number;
+    useCurrentColor?: boolean;
     showSubheader?: boolean;
     subheaderText?: string;
     actionButtons?: React.ReactNode;
@@ -34,6 +35,6 @@ export interface WorkflowCardProps {
     marginStart?: ValueOf<typeof Box.marginStarts>;
     padding?: ValueOf<typeof Box.paddings>;
 }
-declare function WorkflowCard({ className, backgroundColor, title, titleColor, showIcon, icon, iconType, iconPath, showSubheader, subheaderText, actionButtons, currentStep, totalSteps, children, onStepClick, showReviewers, reviewers, hideStepIndicator, marginBottom, margin, marginTop, marginEnd, marginStart, padding, }: WorkflowCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function WorkflowCard({ className, backgroundColor, title, titleColor, showIcon, iconType, iconPath, iconSize, useCurrentColor, showSubheader, subheaderText, actionButtons, currentStep, totalSteps, children, onStepClick, showReviewers, reviewers, hideStepIndicator, marginBottom, margin, marginTop, marginEnd, marginStart, padding, }: WorkflowCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default WorkflowCard;
 //# sourceMappingURL=WorkflowCard.d.ts.map

package/dist/mocked_classnames_esm/components/WorkflowCard/WorkflowCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowCard.d.ts","sourceRoot":"","sources":["../../../../src/components/WorkflowCard/WorkflowCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EACL,OAAO,EACP,cAAc,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,YAAY,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;CACxC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAA8C,EAC9C,KAAyB,EACzB,UAAmC,EACnC,QAAe,EACf,IAAI,EACJ,QAAuB,EACvB,QAAQ,EACR,aAAoB,EACpB,aAAuC,EACvC,aAAoB,EACpB,WAAe,EACf,UAAc,EACd,QAAQ,EACR,WAAW,EACX,aAAqB,EACrB,SAAc,EACd,iBAAyB,EACzB,YAAqC,EACrC,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,OAA4B,GAC7B,EAAE,iBAAiB,oDA6GnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"WorkflowCard.d.ts","sourceRoot":"","sources":["../../../../src/components/WorkflowCard/WorkflowCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAEL,cAAc,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,YAAY,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;CACxC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAA8C,EAC9C,KAAyB,EACzB,UAAmC,EACnC,QAAe,EACf,QAAwB,EACxB,QAAQ,EACR,QAAa,EACb,eAAuB,EACvB,aAAoB,EACpB,aAAuC,EACvC,aAAoB,EACpB,WAAe,EACf,UAAc,EACd,QAAQ,EACR,WAAW,EACX,aAAqB,EACrB,SAAc,EACd,iBAAyB,EACzB,YAAqC,EACrC,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,OAA4B,GAC7B,EAAE,iBAAiB,oDA8GnB;AAED,eAAe,YAAY,CAAC"}

package/dist/mocked_classnames_esm/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var n={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",disabledAccordion:"disabledAccordion",accordionItemExpanded:"accordionItemExpanded",expandAllButton:"expandAllButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],d="s_id-68bab5b3c43f_0_0_314";if(e.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".accordion {\n  height: fit-content;\n  box-sizing: border-box;\n  border-radius: none;\n  width: inherit;\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n}\n\n.disabledAccordion {\n  opacity: 0.7;\n}\n\n.accordionItemExpanded {\n  margin-top: -1px;\n  border-radius: var(--border-radius-medium);\n  background: var(--surface-level-100);\n}\n\n.accordionItemExpanded:first-child {\n  margin-top: 0;\n}\n\n.expandAllButton {\n  color: var(--text-secondary);\n}");export{n as default};
+var n={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",disabledAccordion:"disabledAccordion",accordionItemExpanded:"accordionItemExpanded",expandAllButton:"expandAllButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],d="s_id-68bab5b3c43f_0_0_316";if(e.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".accordion {\n  height: fit-content;\n  box-sizing: border-box;\n  border-radius: none;\n  width: inherit;\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n}\n\n.disabledAccordion {\n  opacity: 0.7;\n}\n\n.accordionItemExpanded {\n  margin-top: -1px;\n  border-radius: var(--border-radius-medium);\n  background: var(--surface-level-100);\n}\n\n.accordionItemExpanded:first-child {\n  margin-top: 0;\n}\n\n.expandAllButton {\n  color: var(--text-secondary);\n}");export{n as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",transparent:"transparent",closeBtn:"closeBtn",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",warning:"warning",content:"content",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ec93a9422d09_0_0_314";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".alertBanner {\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--surface-inverse);\n}\n\n.transparent {\n  background-color: none;\n  color: var(--text-primary);\n}\n\n.transparent .closeBtn, .transparent .bannerLinkTextColorOnPrimary {\n  color: var(--text-primary) !important;\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn, .warning a {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",transparent:"transparent",closeBtn:"closeBtn",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",warning:"warning",content:"content",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ec93a9422d09_0_0_316";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".alertBanner {\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--surface-inverse);\n}\n\n.transparent {\n  background-color: none;\n  color: var(--text-primary);\n}\n\n.transparent .closeBtn, .transparent .bannerLinkTextColorOnPrimary {\n  color: var(--text-primary) !important;\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn, .warning a {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-b41ba610a75a_0_0_314";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-b41ba610a75a_0_0_316";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-59c5b2cdc5e5_0_0_314";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-59c5b2cdc5e5_0_0_316";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText",noTruncate:"noTruncate",marginLeft:"marginLeft"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-9a276664b3bf_0_0_314";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.bannerText.noTruncate {\n  white-space: normal;\n  overflow: visible;\n  text-overflow: clip;\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText",noTruncate:"noTruncate",marginLeft:"marginLeft"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-9a276664b3bf_0_0_316";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.bannerText.noTruncate {\n  white-space: normal;\n  overflow: visible;\n  text-overflow: clip;\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBox.module.scss.js

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",typeTransparent:"typeTransparent",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-e4c04b782cb9_0_0_314";if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}(".attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--text-primary);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--text-primary);\n}\n.typePrimary {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n}\n.typeDanger {\n  background-color: var(--negative-color-background);\n}\n.typeSuccess {\n  background-color: var(--positive-color-background);\n}\n.typeDark {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.typeWarning {\n  background-color: var(--warning-color-background);\n  color: var(--text-primary);\n}\n.typeTransparent {\n  background-color: none;\n  color: var(--text-primary);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",typeTransparent:"typeTransparent",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-e4c04b782cb9_0_0_316";if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}(".attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--text-primary);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--text-primary);\n}\n.typePrimary {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n}\n.typeDanger {\n  background-color: var(--negative-color-background);\n}\n.typeSuccess {\n  background-color: var(--positive-color-background);\n}\n.typeDark {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.typeWarning {\n  background-color: var(--warning-color-background);\n  color: var(--text-primary);\n}\n.typeTransparent {\n  background-color: none;\n  color: var(--text-primary);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-70ed23047839_0_0_314";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--text-primary);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-70ed23047839_0_0_316";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--text-primary);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Avatar/Avatar.module.scss.js

@@ -1,2 +1,2 @@
-var e={avatar:"avatar",extraextraLarge:"extraextraLarge",extraLarge:"extraLarge",large:"large",medium:"medium",small:"small",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-3fde0c171ca9_0_0_314";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.avatar {\n  position: relative;\n}\n\n.extraextraLarge {\n  height: 120px;\n  width: 120px;\n}\n\n.extraLarge {\n  height: 64px;\n  width: 64px;\n}\n\n.large {\n  height: 32px;\n  width: 32px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--surface-level-100);\n}\n\n.circleText {\n  border-color: var(--divider-overlay);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--surface-level-100);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar",extraextraLarge:"extraextraLarge",extraLarge:"extraLarge",large:"large",medium:"medium",small:"small",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-3fde0c171ca9_0_0_316";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.avatar {\n  position: relative;\n}\n\n.extraextraLarge {\n  height: 120px;\n  width: 120px;\n}\n\n.extraLarge {\n  height: 64px;\n  width: 64px;\n}\n\n.large {\n  height: 32px;\n  width: 32px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--surface-level-100);\n}\n\n.circleText {\n  border-color: var(--divider-overlay);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--surface-level-100);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Avatar/AvatarBadge.module.scss.js

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-86fd2091f40c_0_0_314";if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-86fd2091f40c_0_0_316";if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Avatar/AvatarContent.module.scss.js

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg",contentText:"contentText",contentTextExtraExtraLarge:"contentTextExtraExtraLarge",contentTextExtraLarge:"contentTextExtraLarge",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentIconExtraextraLarge:"contentIconExtraextraLarge",contentIconExtraLarge:"contentIconExtraLarge",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-52ea6011a4a9_0_0_314";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 120%;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextExtraExtraLarge {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextExtraLarge {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextLarge {\n  font: var(--font-text1-medium);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text2-medium);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.contentIconExtraextraLarge {\n  height: var(--spacing-xxl);\n  width: var(--spacing-xxl);\n}\n\n.contentIconExtraLarge {\n  height: var(--spacing-xxl);\n  width: var(--spacing-xxl);\n}\n\n.contentIconLarge {\n  height: var(--spacing-xl);\n  width: var(--spacing-xl);\n}\n\n.contentIconMedium {\n  height: var(--spacing-large);\n  width: var(--spacing-large);\n}\n\n.contentIconSmall {\n  height: var(--spacing-medium);\n  width: var(--spacing-medium);\n}");export{n as default};
+var n={contentImg:"contentImg",contentText:"contentText",contentTextExtraExtraLarge:"contentTextExtraExtraLarge",contentTextExtraLarge:"contentTextExtraLarge",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentIconExtraextraLarge:"contentIconExtraextraLarge",contentIconExtraLarge:"contentIconExtraLarge",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-52ea6011a4a9_0_0_316";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 120%;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextExtraExtraLarge {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextExtraLarge {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextLarge {\n  font: var(--font-text1-medium);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text2-medium);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.contentIconExtraextraLarge {\n  height: var(--spacing-xxl);\n  width: var(--spacing-xxl);\n}\n\n.contentIconExtraLarge {\n  height: var(--spacing-xxl);\n  width: var(--spacing-xxl);\n}\n\n.contentIconLarge {\n  height: var(--spacing-xl);\n  width: var(--spacing-xl);\n}\n\n.contentIconMedium {\n  height: var(--spacing-large);\n  width: var(--spacing-large);\n}\n\n.contentIconSmall {\n  height: var(--spacing-medium);\n  width: var(--spacing-medium);\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroup.module.scss.js

@@ -1,2 +1,2 @@
-var n={avatarGroupContainer:"avatarGroupContainer",noPadding:"noPadding",avatarContainer:"avatarContainer"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-64513d5ba80a_0_0_314";if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: var(--spacing-xs) var(--spacing-small) var(--spacing-xs) var(--spacing-medium);\n  margin: 0;\n}\n\n.noPadding {\n  padding: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{n as default};
+var n={avatarGroupContainer:"avatarGroupContainer",noPadding:"noPadding",avatarContainer:"avatarContainer"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-64513d5ba80a_0_0_316";if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: var(--spacing-xs) var(--spacing-small) var(--spacing-xs) var(--spacing-medium);\n  margin: 0;\n}\n\n.noPadding {\n  padding: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{n as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer","focus-visible":"focus-visible",small:"small",medium:"medium",large:"large",extraLarge:"extraLarge",extraextraLarge:"extraextraLarge",primary:"primary",dark:"dark",negative:"negative",light:"light",menu:"menu"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-00bfa08e0dab_0_0_314";if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".counterContainer {\n  background: var(--surface-level-200);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--surface-level-100);\n}\n.counterContainer:focus-visible, .counterContainer.focus-visible {\n  outline: none;\n}\n.counterContainer:focus-visible:focus-visible, .counterContainer:focus-visible.focus-visible, .counterContainer.focus-visible:focus-visible, .counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.small {\n  height: 16px;\n  min-width: 16px;\n  border-radius: 8px;\n  padding: 0 1px;\n}\n.counterContainer.medium {\n  height: 24px;\n  min-width: 24px;\n  border-radius: 12px;\n  padding: 0 2px;\n}\n.counterContainer.large {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.extraLarge {\n  height: 64px;\n  min-width: 64px;\n  border-radius: 32px;\n  padding: 0 var(--spacing-small);\n}\n.counterContainer.extraextraLarge {\n  height: 120px;\n  min-width: 120px;\n  border-radius: 60px;\n  padding: 0 var(--spacing-small);\n}\n.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.light {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer","focus-visible":"focus-visible",small:"small",medium:"medium",large:"large",extraLarge:"extraLarge",extraextraLarge:"extraextraLarge",primary:"primary",dark:"dark",negative:"negative",light:"light",menu:"menu"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-00bfa08e0dab_0_0_316";if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".counterContainer {\n  background: var(--surface-level-200);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--surface-level-100);\n}\n.counterContainer:focus-visible, .counterContainer.focus-visible {\n  outline: none;\n}\n.counterContainer:focus-visible:focus-visible, .counterContainer:focus-visible.focus-visible, .counterContainer.focus-visible:focus-visible, .counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.small {\n  height: 16px;\n  min-width: 16px;\n  border-radius: 8px;\n  padding: 0 1px;\n}\n.counterContainer.medium {\n  height: 24px;\n  min-width: 24px;\n  border-radius: 12px;\n  padding: 0 2px;\n}\n.counterContainer.large {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.extraLarge {\n  height: 64px;\n  min-width: 64px;\n  border-radius: 32px;\n  padding: 0 var(--spacing-small);\n}\n.counterContainer.extraextraLarge {\n  height: 120px;\n  min-width: 120px;\n  border-radius: 60px;\n  padding: 0 var(--spacing-small);\n}\n.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.light {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-c60d559fafeb_0_0_314";if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipContainer {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible {\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-c60d559fafeb_0_0_316";if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipContainer {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible {\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],n="s_id-a12bee3a0b9a_0_0_314";if(i.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],n="s_id-a12bee3a0b9a_0_0_316";if(i.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart",center:"center",noChildren:"noChildren"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-4fbc8b198317_0_0_314";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(t))}(".badgeWrapper {\n  position: relative;\n}\n.badgeWrapper .badge {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n  border: 2px solid;\n  border-color: var(--surface-level-100);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.center {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.badgeWrapper .badge.center.rectangular, .badgeWrapper .badge.center.circular, .badgeWrapper .badge.center.outside {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.badgeWrapper .badge.noChildren {\n  position: static;\n  transform: none;\n}");export{t as default};
+var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart",center:"center",noChildren:"noChildren"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-4fbc8b198317_0_0_316";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(t))}(".badgeWrapper {\n  position: relative;\n}\n.badgeWrapper .badge {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n  border: 2px solid;\n  border-color: var(--surface-level-100);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.center {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.badgeWrapper .badge.center.rectangular, .badgeWrapper .badge.center.circular, .badgeWrapper .badge.center.outside {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.badgeWrapper .badge.noChildren {\n  position: static;\n  transform: none;\n}");export{t as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Badge/Indicator/Indicator.module.scss.js

@@ -1,2 +1,2 @@
-var n={indicator:"indicator",primary:"primary",notification:"notification",warning:"warning",negative:"negative",positive:"positive"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],o="s_id-d5ae15ed5270_0_0_314";if(i.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}\n.indicator.warning {\n  background-color: var(--warning-color);\n}\n.indicator.negative {\n  background-color: var(--negative-color);\n}\n.indicator.positive {\n  background-color: var(--positive-color);\n}");export{n as default};
+var n={indicator:"indicator",primary:"primary",notification:"notification",warning:"warning",negative:"negative",positive:"positive"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],o="s_id-d5ae15ed5270_0_0_316";if(i.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}\n.indicator.warning {\n  background-color: var(--warning-color);\n}\n.indicator.negative {\n  background-color: var(--negative-color);\n}\n.indicator.positive {\n  background-color: var(--positive-color);\n}");export{n as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Box/Box.module.scss.js

@@ -1,2 +1,2 @@
-var n={box:"box",scrollable:"scrollable",interactive:"interactive",fullHeight:"fullHeight",fullWidth:"fullWidth",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgPrimaryBrandBackgroundColor:"bgPrimaryBrandBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgSuccessColor:"bgSuccessColor",bgSuccessBoldColor:"bgSuccessBoldColor",bgAlertColor:"bgAlertColor",bgWarningColor:"bgWarningColor",bgInvertedColorBackground:"bgInvertedColorBackground",active:"active",bgGrayBackgroundColor:"bgGrayBackgroundColor",bgSuccessBackgroundColor:"bgSuccessBackgroundColor",bgSuccessBoldBackgroundColor:"bgSuccessBoldBackgroundColor",bgAlertBackgroundColor:"bgAlertBackgroundColor",bgWarningBackgroundColor:"bgWarningBackgroundColor",bgAllGrayBackgroundColor:"bgAllGrayBackgroundColor",bgInvertedBackgroundColor:"bgInvertedBackgroundColor"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],o="s_id-b85693d5d0a7_0_0_314";if(a.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}('/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n@font-face {\n  font-family: "Alliance Mono";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-Mono.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-Mono.woff") format("woff");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlack.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlack.woff") format("woff");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlackItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlackItalic.woff") format("woff");\n  font-weight: 900;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMedium.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMedium.woff") format("woff");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegularItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegularItalic.woff") format("woff");\n  font-weight: normal;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegular.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegular.woff") format("woff");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMediumItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMediumItalic.woff") format("woff");\n  font-weight: 500;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLight.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLight.woff") format("woff");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLightItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLightItalic.woff") format("woff");\n  font-weight: 300;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue ExtraBold talic";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBoldtalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBoldtalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBold.woff") format("woff");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattMedium.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattMedium.woff") format("woff");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattRegular.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattRegular.woff") format("woff");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattSemiBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattSemiBold.woff") format("woff");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattExtraBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattExtraBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBoldItalic.woff") format("woff");\n  font-weight: 600;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlack.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlack.woff") format("woff");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBlack.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBlack.woff") format("woff");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattLight.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattLight.woff") format("woff");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlackItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlackItalic.woff") format("woff");\n  font-weight: 900;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLight.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLight.woff") format("woff");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLightItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLightItalic.woff") format("woff");\n  font-weight: 300;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n.box {\n  overflow: hidden;\n}\n.box.scrollable {\n  overflow: visible;\n}\n.box.scrollable::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.box.interactive {\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.fullHeight {\n  height: 100%;\n}\n.fullWidth {\n  width: 100%;\n}\n.opacityDisabled {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n  border: var(--border-width) var(--border-style) var(--divider-primary) !important;\n}\n.borderColorUiBorderColor {\n  border-color: var(--divider-primary) !important;\n}\n.borderColorLayoutBorderColor {\n  border-color: var(--divider-secondary) !important;\n}\n.rounded0 {\n  border-radius: 0 !important;\n}\n.roundedSmall {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n  margin: 0 !important;\n}\n.mXs {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall {\n  margin: var(--spacing-small) !important;\n}\n.mMedium {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge {\n  margin: var(--spacing-large) !important;\n}\n.mXl {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n  margin: auto !important;\n}\n.mx0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0 {\n  margin-top: 0 !important;\n}\n.mtXs {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n  margin-top: auto !important;\n}\n.me0 {\n  margin-inline-end: 0 !important;\n}\n.meXs {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n  margin-inline-end: auto !important;\n}\n.mb0 {\n  margin-bottom: 0 !important;\n}\n.mbXs {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n  margin-bottom: auto !important;\n}\n.ms0 {\n  margin-inline-start: 0 !important;\n}\n.msXs {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n  margin-inline-start: auto !important;\n}\n.p0 {\n  padding: 0 !important;\n}\n.pXs {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall {\n  padding: var(--spacing-small) !important;\n}\n.pMedium {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge {\n  padding: var(--spacing-large) !important;\n}\n.pXl {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n  padding-top: 0 !important;\n}\n.ptXs {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n  padding-inline-end: 0 !important;\n}\n.peXs {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n  padding-bottom: 0 !important;\n}\n.pbXs {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n  padding-inline-start: 0 !important;\n}\n.psXs {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n  color: var(--text-primary) !important;\n}\n.textTextColorOnInverted {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n  color: var(--text-secondary) !important;\n}\n.bgPrimaryBackgroundColor {\n  background-color: var(--surface-level-100) !important;\n}\n.bgPrimaryBrandBackgroundColor {\n  background-color: var(--primary-color) !important;\n}\n.bgSecondaryBackgroundColor {\n  background-color: var(--surface-level-200) !important;\n}\n.bgGreyBackgroundColor {\n  background-color: var(--surface-level-300) !important;\n}\n.bgAllgreyBackgroundColor {\n  background-color: var(--surface-level-400) !important;\n}\n.bgSuccessColor {\n  background-color: var(--surface-success) !important;\n}\n.bgSuccessBoldColor {\n  background-color: var(--positive-color) !important;\n}\n.bgAlertColor {\n  background-color: var(--surface-alert) !important;\n}\n.bgWarningColor {\n  background-color: var(--surface-warning) !important;\n}\n.bgInvertedColorBackground {\n  background-color: var(--surface-inverse) !important;\n}\n.box.bgPrimaryBackgroundColor.interactive:hover {\n  background-color: var(--surface-level-200-hover, var(--surface-level-200)) !important;\n}\n.box.bgPrimaryBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-level-200-focus, var(--surface-level-200)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgPrimaryBackgroundColor.interactive.active, .box.bgPrimaryBackgroundColor.interactive:active {\n  background-color: var(--surface-level-200-active, var(--surface-level-300)) !important;\n}\n.box.bgPrimaryBrandBackgroundColor.interactive:hover {\n  background-color: var(--primary-color-hover, var(--primary-color)) !important;\n}\n.box.bgPrimaryBrandBackgroundColor.interactive:focus-visible {\n  background-color: var(--primary-color-focus, var(--primary-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgPrimaryBrandBackgroundColor.interactive.active, .box.bgPrimaryBrandBackgroundColor.interactive:active {\n  background-color: var(--primary-color-active, var(--surface-level-300)) !important;\n}\n.box.bgSecondaryBackgroundColor.interactive:hover {\n  background-color: var(--surface-level-200-hover, var(--surface-level-200)) !important;\n}\n.box.bgSecondaryBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-level-200-focus, var(--surface-level-200)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgSecondaryBackgroundColor.interactive.active, .box.bgSecondaryBackgroundColor.interactive:active {\n  background-color: var(--surface-level-200-active, var(--surface-level-300)) !important;\n}\n.box.bgGrayBackgroundColor.interactive:hover {\n  background-color: var(--surface-level-200-hover, var(--surface-level-200)) !important;\n}\n.box.bgGrayBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-level-200-focus, var(--surface-level-200)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgGrayBackgroundColor.interactive.active, .box.bgGrayBackgroundColor.interactive:active {\n  background-color: var(--surface-level-200-active, var(--surface-level-300)) !important;\n}\n.box.bgSuccessBackgroundColor.interactive:hover {\n  background-color: var(--surface-success-hover, var(--surface-success)) !important;\n}\n.box.bgSuccessBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-success-focus, var(--surface-success)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgSuccessBackgroundColor.interactive.active, .box.bgSuccessBackgroundColor.interactive:active {\n  background-color: var(--surface-success-active, var(--surface-level-300)) !important;\n}\n.box.bgSuccessBoldBackgroundColor.interactive:hover {\n  background-color: var(--positive-color-hover, var(--positive-color)) !important;\n}\n.box.bgSuccessBoldBackgroundColor.interactive:focus-visible {\n  background-color: var(--positive-color-focus, var(--positive-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgSuccessBoldBackgroundColor.interactive.active, .box.bgSuccessBoldBackgroundColor.interactive:active {\n  background-color: var(--positive-color-active, var(--surface-level-300)) !important;\n}\n.box.bgAlertBackgroundColor.interactive:hover {\n  background-color: var(--alert-color-hover, var(--alert-color)) !important;\n}\n.box.bgAlertBackgroundColor.interactive:focus-visible {\n  background-color: var(--alert-color-focus, var(--alert-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgAlertBackgroundColor.interactive.active, .box.bgAlertBackgroundColor.interactive:active {\n  background-color: var(--alert-color-active, var(--surface-level-300)) !important;\n}\n.box.bgWarningBackgroundColor.interactive:hover {\n  background-color: var(--warning-color-hover, var(--warning-color)) !important;\n}\n.box.bgWarningBackgroundColor.interactive:focus-visible {\n  background-color: var(--warning-color-focus, var(--warning-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgWarningBackgroundColor.interactive.active, .box.bgWarningBackgroundColor.interactive:active {\n  background-color: var(--warning-color-active, var(--surface-level-300)) !important;\n}\n.box.bgAllGrayBackgroundColor.interactive:hover {\n  background-color: var(--allgrey-background-color-hover, var(--allgrey-background-color)) !important;\n}\n.box.bgAllGrayBackgroundColor.interactive:focus-visible {\n  background-color: var(--allgrey-background-color-focus, var(--allgrey-background-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgAllGrayBackgroundColor.interactive.active, .box.bgAllGrayBackgroundColor.interactive:active {\n  background-color: var(--allgrey-background-color-active, var(--surface-level-300)) !important;\n}\n.box.bgInvertedBackgroundColor.interactive:hover {\n  background-color: var(--inverted-color-background-hover, var(--inverted-color-background)) !important;\n}\n.box.bgInvertedBackgroundColor.interactive:focus-visible {\n  background-color: var(--inverted-color-background-focus, var(--inverted-color-background)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgInvertedBackgroundColor.interactive.active, .box.bgInvertedBackgroundColor.interactive:active {\n  background-color: var(--inverted-color-background-active, var(--surface-level-300)) !important;\n}');export{n as default};
+var n={box:"box",scrollable:"scrollable",interactive:"interactive",fullHeight:"fullHeight",fullWidth:"fullWidth",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgPrimaryBrandBackgroundColor:"bgPrimaryBrandBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgSuccessColor:"bgSuccessColor",bgSuccessBoldColor:"bgSuccessBoldColor",bgAlertColor:"bgAlertColor",bgWarningColor:"bgWarningColor",bgInvertedColorBackground:"bgInvertedColorBackground",active:"active",bgGrayBackgroundColor:"bgGrayBackgroundColor",bgSuccessBackgroundColor:"bgSuccessBackgroundColor",bgSuccessBoldBackgroundColor:"bgSuccessBoldBackgroundColor",bgAlertBackgroundColor:"bgAlertBackgroundColor",bgWarningBackgroundColor:"bgWarningBackgroundColor",bgAllGrayBackgroundColor:"bgAllGrayBackgroundColor",bgInvertedBackgroundColor:"bgInvertedBackgroundColor"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],o="s_id-b85693d5d0a7_0_0_316";if(a.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}('/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n@font-face {\n  font-family: "Alliance Mono";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-Mono.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-Mono.woff") format("woff");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlack.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlack.woff") format("woff");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlackItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBlackItalic.woff") format("woff");\n  font-weight: 900;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMedium.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMedium.woff") format("woff");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegularItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegularItalic.woff") format("woff");\n  font-weight: normal;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegular.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueRegular.woff") format("woff");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMediumItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueMediumItalic.woff") format("woff");\n  font-weight: 500;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLight.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLight.woff") format("woff");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLightItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueLightItalic.woff") format("woff");\n  font-weight: 300;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue ExtraBold talic";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBoldtalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueExtraBoldtalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBold.woff") format("woff");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattMedium.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattMedium.woff") format("woff");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattRegular.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattRegular.woff") format("woff");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattSemiBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattSemiBold.woff") format("woff");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattExtraBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattExtraBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Neue";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-NeueSemiBoldItalic.woff") format("woff");\n  font-weight: 600;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlack.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlack.woff") format("woff");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBlack.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattBlack.woff") format("woff");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Platt";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattLight.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-PlattLight.woff") format("woff");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlackItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBlackItalic.woff") format("woff");\n  font-weight: 900;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLight.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLight.woff") format("woff");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLightItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextLightItalic.woff") format("woff");\n  font-weight: 300;\n  font-style: italic;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBold.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBold.woff") format("woff");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: "Alliance Text";\n  src: url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBoldItalic.woff2") format("woff2"), url("https://heliux-product-fonts.s3.us-west-2.amazonaws.com/Alliance-TextExtraBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n.box {\n  overflow: hidden;\n}\n.box.scrollable {\n  overflow: visible;\n}\n.box.scrollable::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.box.interactive {\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.fullHeight {\n  height: 100%;\n}\n.fullWidth {\n  width: 100%;\n}\n.opacityDisabled {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n  border: var(--border-width) var(--border-style) var(--divider-primary) !important;\n}\n.borderColorUiBorderColor {\n  border-color: var(--divider-primary) !important;\n}\n.borderColorLayoutBorderColor {\n  border-color: var(--divider-secondary) !important;\n}\n.rounded0 {\n  border-radius: 0 !important;\n}\n.roundedSmall {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n  margin: 0 !important;\n}\n.mXs {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall {\n  margin: var(--spacing-small) !important;\n}\n.mMedium {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge {\n  margin: var(--spacing-large) !important;\n}\n.mXl {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n  margin: auto !important;\n}\n.mx0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0 {\n  margin-top: 0 !important;\n}\n.mtXs {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n  margin-top: auto !important;\n}\n.me0 {\n  margin-inline-end: 0 !important;\n}\n.meXs {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n  margin-inline-end: auto !important;\n}\n.mb0 {\n  margin-bottom: 0 !important;\n}\n.mbXs {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n  margin-bottom: auto !important;\n}\n.ms0 {\n  margin-inline-start: 0 !important;\n}\n.msXs {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n  margin-inline-start: auto !important;\n}\n.p0 {\n  padding: 0 !important;\n}\n.pXs {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall {\n  padding: var(--spacing-small) !important;\n}\n.pMedium {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge {\n  padding: var(--spacing-large) !important;\n}\n.pXl {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n  padding-top: 0 !important;\n}\n.ptXs {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n  padding-inline-end: 0 !important;\n}\n.peXs {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n  padding-bottom: 0 !important;\n}\n.pbXs {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n  padding-inline-start: 0 !important;\n}\n.psXs {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n  color: var(--text-primary) !important;\n}\n.textTextColorOnInverted {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n  color: var(--text-secondary) !important;\n}\n.bgPrimaryBackgroundColor {\n  background-color: var(--surface-level-100) !important;\n}\n.bgPrimaryBrandBackgroundColor {\n  background-color: var(--primary-color) !important;\n}\n.bgSecondaryBackgroundColor {\n  background-color: var(--surface-level-200) !important;\n}\n.bgGreyBackgroundColor {\n  background-color: var(--surface-level-300) !important;\n}\n.bgAllgreyBackgroundColor {\n  background-color: var(--surface-level-400) !important;\n}\n.bgSuccessColor {\n  background-color: var(--surface-success) !important;\n}\n.bgSuccessBoldColor {\n  background-color: var(--positive-color) !important;\n}\n.bgAlertColor {\n  background-color: var(--surface-alert) !important;\n}\n.bgWarningColor {\n  background-color: var(--surface-warning) !important;\n}\n.bgInvertedColorBackground {\n  background-color: var(--surface-inverse) !important;\n}\n.box.bgPrimaryBackgroundColor.interactive:hover {\n  background-color: var(--surface-level-200-hover, var(--surface-level-200)) !important;\n}\n.box.bgPrimaryBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-level-200-focus, var(--surface-level-200)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgPrimaryBackgroundColor.interactive.active, .box.bgPrimaryBackgroundColor.interactive:active {\n  background-color: var(--surface-level-200-active, var(--surface-level-300)) !important;\n}\n.box.bgPrimaryBrandBackgroundColor.interactive:hover {\n  background-color: var(--primary-color-hover, var(--primary-color)) !important;\n}\n.box.bgPrimaryBrandBackgroundColor.interactive:focus-visible {\n  background-color: var(--primary-color-focus, var(--primary-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgPrimaryBrandBackgroundColor.interactive.active, .box.bgPrimaryBrandBackgroundColor.interactive:active {\n  background-color: var(--primary-color-active, var(--surface-level-300)) !important;\n}\n.box.bgSecondaryBackgroundColor.interactive:hover {\n  background-color: var(--surface-level-200-hover, var(--surface-level-200)) !important;\n}\n.box.bgSecondaryBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-level-200-focus, var(--surface-level-200)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgSecondaryBackgroundColor.interactive.active, .box.bgSecondaryBackgroundColor.interactive:active {\n  background-color: var(--surface-level-200-active, var(--surface-level-300)) !important;\n}\n.box.bgGrayBackgroundColor.interactive:hover {\n  background-color: var(--surface-level-200-hover, var(--surface-level-200)) !important;\n}\n.box.bgGrayBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-level-200-focus, var(--surface-level-200)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgGrayBackgroundColor.interactive.active, .box.bgGrayBackgroundColor.interactive:active {\n  background-color: var(--surface-level-200-active, var(--surface-level-300)) !important;\n}\n.box.bgSuccessBackgroundColor.interactive:hover {\n  background-color: var(--surface-success-hover, var(--surface-success)) !important;\n}\n.box.bgSuccessBackgroundColor.interactive:focus-visible {\n  background-color: var(--surface-success-focus, var(--surface-success)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgSuccessBackgroundColor.interactive.active, .box.bgSuccessBackgroundColor.interactive:active {\n  background-color: var(--surface-success-active, var(--surface-level-300)) !important;\n}\n.box.bgSuccessBoldBackgroundColor.interactive:hover {\n  background-color: var(--positive-color-hover, var(--positive-color)) !important;\n}\n.box.bgSuccessBoldBackgroundColor.interactive:focus-visible {\n  background-color: var(--positive-color-focus, var(--positive-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgSuccessBoldBackgroundColor.interactive.active, .box.bgSuccessBoldBackgroundColor.interactive:active {\n  background-color: var(--positive-color-active, var(--surface-level-300)) !important;\n}\n.box.bgAlertBackgroundColor.interactive:hover {\n  background-color: var(--alert-color-hover, var(--alert-color)) !important;\n}\n.box.bgAlertBackgroundColor.interactive:focus-visible {\n  background-color: var(--alert-color-focus, var(--alert-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgAlertBackgroundColor.interactive.active, .box.bgAlertBackgroundColor.interactive:active {\n  background-color: var(--alert-color-active, var(--surface-level-300)) !important;\n}\n.box.bgWarningBackgroundColor.interactive:hover {\n  background-color: var(--warning-color-hover, var(--warning-color)) !important;\n}\n.box.bgWarningBackgroundColor.interactive:focus-visible {\n  background-color: var(--warning-color-focus, var(--warning-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgWarningBackgroundColor.interactive.active, .box.bgWarningBackgroundColor.interactive:active {\n  background-color: var(--warning-color-active, var(--surface-level-300)) !important;\n}\n.box.bgAllGrayBackgroundColor.interactive:hover {\n  background-color: var(--allgrey-background-color-hover, var(--allgrey-background-color)) !important;\n}\n.box.bgAllGrayBackgroundColor.interactive:focus-visible {\n  background-color: var(--allgrey-background-color-focus, var(--allgrey-background-color)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgAllGrayBackgroundColor.interactive.active, .box.bgAllGrayBackgroundColor.interactive:active {\n  background-color: var(--allgrey-background-color-active, var(--surface-level-300)) !important;\n}\n.box.bgInvertedBackgroundColor.interactive:hover {\n  background-color: var(--inverted-color-background-hover, var(--inverted-color-background)) !important;\n}\n.box.bgInvertedBackgroundColor.interactive:focus-visible {\n  background-color: var(--inverted-color-background-focus, var(--inverted-color-background)) !important;\n  outline: 2px solid var(--divider-selected);\n  outline-offset: 1px;\n}\n.box.bgInvertedBackgroundColor.interactive.active, .box.bgInvertedBackgroundColor.interactive:active {\n  background-color: var(--inverted-color-background-active, var(--surface-level-300)) !important;\n}');export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js

@@ -1,2 +1,2 @@
-var n={breadcrumbContent:"breadcrumbContent",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-00d0534c11a0_0_0_314";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".breadcrumbContent {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n\na.breadcrumbContent:hover {\n  color: var(--text-secondary);\n  text-decoration: none;\n}\n\n.breadcrumbContent .breadcrumbText {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.breadcrumbContent .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n\n.breadcrumbContent:focus {\n  outline: none;\n}\n\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--surface-level-100-hover);\n  border-radius: 4px;\n}\n\n.breadcrumbContent.current {\n  color: var(--text-primary);\n  font-weight: 500;\n}\n\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
+var n={breadcrumbContent:"breadcrumbContent",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-00d0534c11a0_0_0_316";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".breadcrumbContent {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n\na.breadcrumbContent:hover {\n  color: var(--text-secondary);\n  text-decoration: none;\n}\n\n.breadcrumbContent .breadcrumbText {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.breadcrumbContent .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n\n.breadcrumbContent:focus {\n  outline: none;\n}\n\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--surface-level-100-hover);\n  border-radius: 4px;\n}\n\n.breadcrumbContent.current {\n  color: var(--text-primary);\n  font-weight: 500;\n}\n\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled",moreButton:"moreButton",iconColor:"iconColor"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-5582f1702582_0_0_314";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}(".breadcrumbItemWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper.disabled {\n  cursor: not-allowed;\n}\n\n.moreButton {\n  border: 1px solid var(--divider-primary);\n}\n\n.iconColor {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled",moreButton:"moreButton",iconColor:"iconColor"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-5582f1702582_0_0_316";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}(".breadcrumbItemWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper.disabled {\n  cursor: not-allowed;\n}\n\n.moreButton {\n  border: 1px solid var(--divider-primary);\n}\n\n.iconColor {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar",separator:"separator",separatorIcon:"separatorIcon",moreButton:"moreButton",relativePosition:"relativePosition",iconColor:"iconColor"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-ddd00daede01_0_0_314";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}(".breadcrumbsBar ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.breadcrumbsBar ol li {\n  list-style: none;\n}\n.breadcrumbsBar ol .separator {\n  margin: 0 2px;\n  color: var(--divider-secondary);\n  font: var(--font-text2-normal);\n}\n.breadcrumbsBar ol .separatorIcon {\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.moreButton {\n  border: 1px solid var(--divider-primary);\n}\n.relativePosition {\n  position: relative;\n}\n.iconColor {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar",separator:"separator",separatorIcon:"separatorIcon",moreButton:"moreButton",relativePosition:"relativePosition",iconColor:"iconColor"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-ddd00daede01_0_0_316";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}(".breadcrumbsBar ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.breadcrumbsBar ol li {\n  list-style: none;\n}\n.breadcrumbsBar ol .separator {\n  margin: 0 2px;\n  color: var(--divider-secondary);\n  font: var(--font-text2-normal);\n}\n.breadcrumbsBar ol .separatorIcon {\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.moreButton {\n  border: 1px solid var(--divider-primary);\n}\n.relativePosition {\n  position: relative;\n}\n.iconColor {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Button/Button.module.scss.js

@@ -1,2 +1,2 @@
-var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",stretched:"stretched",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorSecondary:"colorSecondary",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-aa5eb97f8fe5_0_0_314";if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(o))}(".button {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-medium);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n  font-weight: 600;\n}\n.button:focus-visible, .button.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button:focus:not(.focus-visible) {\n  outline: none;\n}\n.button .loader {\n  height: 100%;\n}\n.button .loader .loaderSvg {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button .textPlaceholder {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button.success {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button.success .successContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight {\n  margin-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched {\n  flex-grow: 1;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeXs .leftIcon {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs .rightIcon {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall .leftIcon {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall .rightIcon {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall .loader {\n  top: 7px;\n}\n.sizeMedium {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorSecondary {\n  color: var(--text-secondary);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-050);\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive,\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorSecondary {\n  color: var(--text-secondary);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive,\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary.colorSecondary {\n  color: var(--text-secondary);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--surface-level-200);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--surface-level-200);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--text-primary);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
+var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",stretched:"stretched",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorSecondary:"colorSecondary",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-aa5eb97f8fe5_0_0_316";if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(o))}(".button {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-medium);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n  font-weight: 600;\n}\n.button:focus-visible, .button.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button:focus:not(.focus-visible) {\n  outline: none;\n}\n.button .loader {\n  height: 100%;\n}\n.button .loader .loaderSvg {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button .textPlaceholder {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button.success {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button.success .successContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight {\n  margin-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched {\n  flex-grow: 1;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeXs .leftIcon {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs .rightIcon {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall .leftIcon {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall .rightIcon {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall .loader {\n  top: 7px;\n}\n.sizeMedium {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorSecondary {\n  color: var(--text-secondary);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-050);\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive,\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorSecondary {\n  color: var(--text-secondary);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive,\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary.colorSecondary {\n  color: var(--text-secondary);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--surface-level-200);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--surface-level-200);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--text-primary);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ButtonGroup/ButtonGroup.module.scss.js

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup",subTextContainer:"subTextContainer",buttonsContainer:"buttonsContainer",button:"button",activeButton:"activeButton",optionText:"optionText",disabled:"disabled",selected:"selected",kindTertiary:"kindTertiary",wrapper:"wrapper",buttonDisabled:"buttonDisabled"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],o="s_id-98261c00be2f_0_0_314";if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}(".buttonGroup {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer .button {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer .button.activeButton {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer .button.activeButton:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText:not(.disabled) {\n  color: var(--text-primary);\n}\n\n.optionText:not(.disabled).selected {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary .button {\n  border-color: transparent;\n}\n\n.kindTertiary .button:first-child {\n  border-color: transparent;\n}\n\n.wrapper.disabled {\n  cursor: not-allowed;\n}\n\n.button.disabled {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button.buttonDisabled {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup",subTextContainer:"subTextContainer",buttonsContainer:"buttonsContainer",button:"button",activeButton:"activeButton",optionText:"optionText",disabled:"disabled",selected:"selected",kindTertiary:"kindTertiary",wrapper:"wrapper",buttonDisabled:"buttonDisabled"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],o="s_id-98261c00be2f_0_0_316";if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}(".buttonGroup {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer .button {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer .button.activeButton {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer .button.activeButton:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText:not(.disabled) {\n  color: var(--text-primary);\n}\n\n.optionText:not(.disabled).selected {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary .button {\n  border-color: transparent;\n}\n\n.kindTertiary .button:first-child {\n  border-color: transparent;\n}\n\n.wrapper.disabled {\n  cursor: not-allowed;\n}\n\n.button.disabled {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button.buttonDisabled {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Checkbox/Checkbox.module.scss.js

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_314";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}('.wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--divider-primary);\n  border-radius: 2px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n}\n\n.checkbox:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input:focus + .checkbox {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus:checked + .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus-visible + .checkbox {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  animation: checkboxGrowAnimation var(--motion-productive-short);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input:checked + .checkbox:hover,\n.input:indeterminate + .checkbox:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:checked + .checkbox:hover:after,\n.input:indeterminate + .checkbox:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox:after,\n.input:indeterminate + .checkbox:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input:checked + .checkbox > .icon,\n.input:indeterminate + .checkbox > .icon {\n  visibility: visible;\n}\n\n.input:checked:disabled + .checkbox:after,\n.input:indeterminate:disabled + .checkbox:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input:disabled + .checkbox .icon,\n.input:disabled + .checkbox:hover .icon {\n  color: var(--disabled-text-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  cursor: not-allowed;\n}\n\n.input:disabled ~ .label {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_316";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}('.wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--divider-primary);\n  border-radius: 2px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n}\n\n.checkbox:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input:focus + .checkbox {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus:checked + .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus-visible + .checkbox {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  animation: checkboxGrowAnimation var(--motion-productive-short);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input:checked + .checkbox:hover,\n.input:indeterminate + .checkbox:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:checked + .checkbox:hover:after,\n.input:indeterminate + .checkbox:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox:after,\n.input:indeterminate + .checkbox:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input:checked + .checkbox > .icon,\n.input:indeterminate + .checkbox > .icon {\n  visibility: visible;\n}\n\n.input:checked:disabled + .checkbox:after,\n.input:indeterminate:disabled + .checkbox:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input:disabled + .checkbox .icon,\n.input:disabled + .checkbox:hover .icon {\n  color: var(--disabled-text-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  cursor: not-allowed;\n}\n\n.input:disabled ~ .label {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Clickable/Clickable.module.scss.js

@@ -1,2 +1,2 @@
-var e={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_314";if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
+var e={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_316";if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
 //# sourceMappingURL=Clickable.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ColorPicker/ColorPicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker",colorPickerDialogContent:"colorPickerDialogContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_314";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".colorPicker.colorPickerDialogContent {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker",colorPickerDialogContent:"colorPickerDialogContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_316";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".colorPicker.colorPickerDialogContent {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map