@heliux-org/design-system-core 0.0.374 → 0.0.376

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_370-testVersion";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_374";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_370-testVersion";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_374";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_370-testVersion";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_374";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_370-testVersion";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_374";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_370-testVersion";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_374";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_370-testVersion";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_374";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_370-testVersion";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_374";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_370-testVersion";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_374";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_370-testVersion";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_374";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

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

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon",clearColorButton:"clearColorButton"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-774e60a23ee3_0_0_370-testVersion";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))}(".clearColorIcon {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon",clearColorButton:"clearColorButton"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_374";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".clearColorIcon {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0a5f0eb78ee4_0_0_370-testVersion";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".colorsGrid {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0a5f0eb78ee4_0_0_374";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper",circle:"circle",feedbackIndicator:"feedbackIndicator",active:"active",selectedColor:"selectedColor",colorItem:"colorItem",colorIndicatorWrapper:"colorIndicatorWrapper",colorItemSizeSmall:"colorItemSizeSmall",colorItemSizeMedium:"colorItemSizeMedium",colorItemSizeLarge:"colorItemSizeLarge",colorItemTextMode:"colorItemTextMode",colorIconWhite:"colorIconWhite"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_370-testVersion";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))}('.itemWrapper {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper.circle {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper .feedbackIndicator {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper:focus,\n.itemWrapper:focus-visible,\n.itemWrapper.active {\n  outline: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:before,\n.itemWrapper:focus-visible .feedbackIndicator:before,\n.itemWrapper.active .feedbackIndicator:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-selected);\n  pointer-events: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:after,\n.itemWrapper:focus-visible .feedbackIndicator:after,\n.itemWrapper.active .feedbackIndicator:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper:hover:not(.active):not(.selectedColor) .feedbackIndicator {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-level-100-hover);\n  pointer-events: none;\n}\n\n.itemWrapper .colorItem {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper .colorItem .colorIndicatorWrapper {\n  margin-top: 3px;\n}\n\n.itemWrapper .colorItem.colorItemSizeSmall {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper .colorItem.colorItemSizeMedium {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper .colorItem.colorItemSizeLarge {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper.selectedColor {\n  position: relative;\n}\n\n.itemWrapper.selectedColor:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper.selectedColor .feedbackIndicator:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper .colorItemTextMode:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper .colorIconWhite {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper",circle:"circle",feedbackIndicator:"feedbackIndicator",active:"active",selectedColor:"selectedColor",colorItem:"colorItem",colorIndicatorWrapper:"colorIndicatorWrapper",colorItemSizeSmall:"colorItemSizeSmall",colorItemSizeMedium:"colorItemSizeMedium",colorItemSizeLarge:"colorItemSizeLarge",colorItemTextMode:"colorItemTextMode",colorIconWhite:"colorIconWhite"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_374";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))}('.itemWrapper {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper.circle {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper .feedbackIndicator {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper:focus,\n.itemWrapper:focus-visible,\n.itemWrapper.active {\n  outline: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:before,\n.itemWrapper:focus-visible .feedbackIndicator:before,\n.itemWrapper.active .feedbackIndicator:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-selected);\n  pointer-events: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:after,\n.itemWrapper:focus-visible .feedbackIndicator:after,\n.itemWrapper.active .feedbackIndicator:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper:hover:not(.active):not(.selectedColor) .feedbackIndicator {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-level-100-hover);\n  pointer-events: none;\n}\n\n.itemWrapper .colorItem {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper .colorItem .colorIndicatorWrapper {\n  margin-top: 3px;\n}\n\n.itemWrapper .colorItem.colorItemSizeSmall {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper .colorItem.colorItemSizeMedium {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper .colorItem.colorItemSizeLarge {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper.selectedColor {\n  position: relative;\n}\n\n.itemWrapper.selectedColor:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper.selectedColor .feedbackIndicator:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper .colorItemTextMode:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper .colorIconWhite {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxSearch:"comboboxSearch",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_370-testVersion";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}(".combobox {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n\n.combobox.empty {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxSearch:"comboboxSearch",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_374";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}(".combobox {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n\n.combobox.empty {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-cea859f3b65c_0_0_370-testVersion";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".comboboxItemContainer {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_374";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxItemContainer {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_370-testVersion";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_374";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",firstCategory:"firstCategory",categoryWithOptions:"categoryWithOptions",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_370-testVersion";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".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.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",firstCategory:"firstCategory",categoryWithOptions:"categoryWithOptions",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_374";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".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.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-8651683ae470_0_0_370-testVersion";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\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  background-color: var(--surface-level-100);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-8651683ae470_0_0_374";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\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  background-color: var(--surface-level-100);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_370-testVersion";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_374";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Comments/comments.scss.js

@@ -1,2 +1,2 @@
-var n=".comments {\n  height: 100%;\n}\n.comments .message-container {\n  margin-bottom: var(--spacing-large);\n  max-width: 345px;\n  height: 72%;\n  overflow-y: auto;\n}\n.comments .comments-top {\n  height: 23%;\n  margin-bottom: 0 !important;\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-0085097a83ce_0_0_370-testVersion";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))}(n);export{n as default};
+var n=".comments {\n  height: 100%;\n}\n.comments .message-container {\n  margin-bottom: var(--spacing-large);\n  max-width: 345px;\n  height: 72%;\n  overflow-y: auto;\n}\n.comments .comments-top {\n  height: 23%;\n  margin-bottom: 0 !important;\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-0085097a83ce_0_0_374";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))}(n);export{n as default};
 //# sourceMappingURL=comments.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter",primary:"primary",negative:"negative",positive:"positive",warning:"warning",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorWarning:"colorWarning",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-66ae1d233783_0_0_370-testVersion";if(o.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.counter.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.counter.negative {\n  background-color: var(--negative-color);\n  color: var(--text-color-on-primary);\n}\n.counter.positive {\n  background-color: var(--positive-color);\n  color: var(--text-color-on-primary);\n}\n.counter.warning {\n  background-color: var(--warning-color);\n  color: var(--text-color-on-primary);\n}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 14px;\n  padding: 2px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorWarning {\n  background-color: var(--warning-color);\n}\n.kindFill.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter",primary:"primary",negative:"negative",positive:"positive",warning:"warning",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorWarning:"colorWarning",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-66ae1d233783_0_0_374";if(o.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.counter.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.counter.negative {\n  background-color: var(--negative-color);\n  color: var(--text-color-on-primary);\n}\n.counter.positive {\n  background-color: var(--positive-color);\n  color: var(--text-color-on-primary);\n}\n.counter.warning {\n  background-color: var(--warning-color);\n  color: var(--text-color-on-primary);\n}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 14px;\n  padding: 2px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorWarning {\n  background-color: var(--warning-color);\n}\n.kindFill.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js

@@ -1,2 +1,2 @@
-var n={navigationItemContainer:"navigationItemContainer"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-26da1a693ae3_0_0_370-testVersion";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))}(".navigationItemContainer {\n  line-height: 24px;\n  font-size: 28px;\n  color: var(--text-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}\n.navigationItemContainer:hover {\n  background: var(--surface-secondary);\n}");export{n as default};
+var n={navigationItemContainer:"navigationItemContainer"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-26da1a693ae3_0_0_374";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))}(".navigationItemContainer {\n  line-height: 24px;\n  font-size: 28px;\n  color: var(--text-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}\n.navigationItemContainer:hover {\n  background: var(--surface-secondary);\n}");export{n as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",datePickerPositioner:"datePickerPositioner",datePickerWrapper:"datePickerWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b36e8184b164_0_0_370-testVersion";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  min-height: 302px;\n  z-index: 9999999;\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-secondary);\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: transparent;\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100) !important;\n  transition: all 0.2s ease-in-out;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background-color: var(--surface-level-300) !important;\n  border: none;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  border-radius: 200px;\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-secondary);\n  font-weight: 600;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: var(--surface-level-200);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  font-weight: 600;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n.datePickerExit {\n  opacity: 1;\n}\n.datePickerExitActive {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n  transition: opacity 300ms, transform 300ms;\n}\n.datePickerPositioner {\n  position: relative;\n}\n.datePickerWrapper {\n  position: absolute;\n  z-index: 9999;\n  width: max-content;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",datePickerPositioner:"datePickerPositioner",datePickerWrapper:"datePickerWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b36e8184b164_0_0_374";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  min-height: 302px;\n  z-index: 9999999;\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-secondary);\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: transparent;\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100) !important;\n  transition: all 0.2s ease-in-out;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background-color: var(--surface-level-300) !important;\n  border: none;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  border-radius: 200px;\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-secondary);\n  font-weight: 600;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: var(--surface-level-200);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  font-weight: 600;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n.datePickerExit {\n  opacity: 1;\n}\n.datePickerExitActive {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n  transition: opacity 300ms, transform 300ms;\n}\n.datePickerPositioner {\n  position: relative;\n}\n.datePickerWrapper {\n  position: absolute;\n  z-index: 9999;\n  width: max-content;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ea101186703_0_0_370-testVersion";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))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--text-secondary, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ea101186703_0_0_374";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))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--text-secondary, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions",pickerOption:"pickerOption"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-5cacbaf7b0e3_0_0_370-testVersion";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .pickerOptions .pickerOption {\n  min-width: 66px;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions",pickerOption:"pickerOption"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-5cacbaf7b0e3_0_0_374";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .pickerOptions .pickerOption {\n  min-width: 66px;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map