@heliux-org/design-system-core 0.0.159 → 0.0.161

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

@@ -1,2 +1,2 @@
-var n={box:"box_f490ad07a2",scrollable:"scrollable_f82fa040f6",opacityDisabled:"opacityDisabled_779637ae0a",border:"border_22376e56ec",borderColorUiBorderColor:"borderColorUiBorderColor_c8d3327bbb",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_f150532289",rounded0:"rounded0_53b45b1c10",roundedSmall:"roundedSmall_eb741e1b49",roundedMedium:"roundedMedium_197ef22178",roundedBig:"roundedBig_d09ead5514",shadowXs:"shadowXs_ffa34794d0",shadowSmall:"shadowSmall_f82ba5de20",shadowMedium:"shadowMedium_abbc46e622",shadowLarge:"shadowLarge_4d165a2b86",m0:"m0_bfffe9ca30",mXs:"mXs_f015c5eb51",mSmall:"mSmall_14e508bb57",mMedium:"mMedium_7d9c5bdc2e",mLarge:"mLarge_51c7de179b",mXl:"mXl_c21f4843c9",mXxl:"mXxl_bcc31bbc6e",mXxxl:"mXxxl_b9ff9f6236",mAuto:"mAuto_9d501dd0c6",mx0:"mx0_fa73ec7921",mxXs:"mxXs_884828c9f1",mxSmall:"mxSmall_544ff217f4",mxMedium:"mxMedium_ddd87851fe",mxLarge:"mxLarge_3aefc8bf1e",mxXl:"mxXl_3743871965",mxXxl:"mxXxl_8bfe7afbf9",mxXxxl:"mxXxxl_c14a35062b",mxAuto:"mxAuto_f98f3d0b06",my0:"my0_c5380cb35a",myXs:"myXs_a176a66b4b",mySmall:"mySmall_5b6a867a38",myMedium:"myMedium_a88719b98d",myLarge:"myLarge_4c67062d93",myXl:"myXl_d99fc94cbc",myXxl:"myXxl_c4dd414af2",myXxxl:"myXxxl_84d64fe8ff",myAuto:"myAuto_5b9342d743",mt0:"mt0_b57615fb86",mtXs:"mtXs_09b9d6e65c",mtSmall:"mtSmall_8bb776ecc1",mtMedium:"mtMedium_e838a72b66",mtLarge:"mtLarge_7abfcd0101",mtXl:"mtXl_2e403b59e1",mtXxl:"mtXxl_4cc6bfac95",mtXxxl:"mtXxxl_417f73e8c2",mtAuto:"mtAuto_5d62d6af0f",me0:"me0_a8266f9caf",meXs:"meXs_64a42fb9c3",meSmall:"meSmall_b2e9e0f5b2",meMedium:"meMedium_0fecf996a4",meLarge:"meLarge_ee496d5eaa",meXl:"meXl_c09f4e6001",meXxl:"meXxl_0490d01e2e",meXxxl:"meXxxl_ad1b388037",meAuto:"meAuto_c9b1f6afc1",mb0:"mb0_65c8b110bf",mbXs:"mbXs_f70e4c7a12",mbSmall:"mbSmall_e1659add8a",mbMedium:"mbMedium_e724161377",mbLarge:"mbLarge_1e5c7d3287",mbXl:"mbXl_5cf3c694f2",mbXxl:"mbXxl_42df690fc5",mbXxxl:"mbXxxl_62bf88876f",mbAuto:"mbAuto_9b94dd4836",ms0:"ms0_db727d34c8",msXs:"msXs_4984339a65",msSmall:"msSmall_6f26ea7070",msMedium:"msMedium_4242859161",msLarge:"msLarge_6e600ac9f6",msXl:"msXl_bb7a150b71",msXxl:"msXxl_fa8f938089",msXxxl:"msXxxl_62dabeeb02",msAuto:"msAuto_a84fa14dab",p0:"p0_2cbdd3ae1e",pXs:"pXs_dab3e59f19",pSmall:"pSmall_7221bfcbcd",pMedium:"pMedium_91e76607d4",pLarge:"pLarge_43225c97e0",pXl:"pXl_765d8b89b5",pXxl:"pXxl_17abc2ab06",pXxxl:"pXxxl_5157b44bb9",px0:"px0_8ab9e65d1d",pxXs:"pxXs_e99cb7f60b",pxSmall:"pxSmall_7c1448b8b0",pxMedium:"pxMedium_faf079f744",pxLarge:"pxLarge_d449b96225",pxXl:"pxXl_d53239df73",pxXxl:"pxXxl_d7da01a4ef",pxXxxl:"pxXxxl_c47834ef54",py0:"py0_50da8ff113",pyXs:"pyXs_b2429208d8",pySmall:"pySmall_6835d6d96f",pyMedium:"pyMedium_e75804c502",pyLarge:"pyLarge_d7143ff9bb",pyXl:"pyXl_c19a0a1a12",pyXxl:"pyXxl_76f877e1cd",pyXxxl:"pyXxxl_28cff73a1a",pt0:"pt0_124b251899",ptXs:"ptXs_b853349cb1",ptSmall:"ptSmall_a756ca1f5f",ptMedium:"ptMedium_9aa4d5d0b0",ptLarge:"ptLarge_0da8d4d1a8",ptXl:"ptXl_a5db21ef6a",ptXxl:"ptXxl_94ed42eafa",ptXxxl:"ptXxxl_6f075c5518",pe0:"pe0_d41f0e7060",peXs:"peXs_9be56fc04b",peSmall:"peSmall_f3608a4df7",peMedium:"peMedium_66c9306b5e",peLarge:"peLarge_8375796695",peXl:"peXl_36390d178a",peXxl:"peXxl_4021435258",peXxxl:"peXxxl_1004b077ca",pb0:"pb0_0516ff11d7",pbXs:"pbXs_7b60a60a43",pbSmall:"pbSmall_781a91a8bc",pbMedium:"pbMedium_a68460c1cd",pbLarge:"pbLarge_4e441ed432",pbXl:"pbXl_b4ef44b795",pbXxl:"pbXxl_da1ca84329",pbXxxl:"pbXxxl_17a064b637",ps0:"ps0_3b89f318a2",psXs:"psXs_20287fbd1e",psSmall:"psSmall_789f9fc7ec",psMedium:"psMedium_f49973f064",psLarge:"psLarge_7ac622c85d",psXl:"psXl_5319f26516",psXxl:"psXxl_ef0225fb0b",psXxxl:"psXxxl_4cfa6e5b1c",textPrimaryTextColor:"textPrimaryTextColor_76f028776e",textTextColorOnInverted:"textTextColorOnInverted_adf575a9be",textSecondaryTextColor:"textSecondaryTextColor_b08abbe928",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_8787c1d461",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_75e2876142",bgGreyBackgroundColor:"bgGreyBackgroundColor_e45311db93",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_56299b21db",bgInvertedColorBackground:"bgInvertedColorBackground_1486aa13c9"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],t="s_id-b20233681b93_0_0_158";if(a.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.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("Alliance-Mono.woff2") format("woff2"), url("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("Alliance-NeueBlack.woff2") format("woff2"), url("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("Alliance-NeueBlackItalic.woff2") format("woff2"), url("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("Alliance-NeueMedium.woff2") format("woff2"), url("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("Alliance-NeueRegularItalic.woff2") format("woff2"), url("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("Alliance-NeueRegular.woff2") format("woff2"), url("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("Alliance-NeueBold.woff2") format("woff2"), url("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("Alliance-NeueMediumItalic.woff2") format("woff2"), url("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("Alliance-NeueLight.woff2") format("woff2"), url("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("Alliance-NeueLightItalic.woff2") format("woff2"), url("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("Alliance-NeueExtraBold.woff2") format("woff2"), url("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("Alliance-NeueBoldItalic.woff2") format("woff2"), url("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("Alliance-NeueExtraBoldtalic.woff2") format("woff2"), url("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("Alliance-NeueSemiBold.woff2") format("woff2"), url("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("Alliance-PlattMedium.woff2") format("woff2"), url("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("Alliance-PlattRegular.woff2") format("woff2"), url("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("Alliance-PlattSemiBold.woff2") format("woff2"), url("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("Alliance-PlattExtraBold.woff2") format("woff2"), url("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("Alliance-PlattBold.woff2") format("woff2"), url("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("Alliance-NeueSemiBoldItalic.woff2") format("woff2"), url("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("Alliance-TextBlack.woff2") format("woff2"), url("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("Alliance-PlattBlack.woff2") format("woff2"), url("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("Alliance-PlattLight.woff2") format("woff2"), url("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("Alliance-TextBoldItalic.woff2") format("woff2"), url("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("Alliance-TextBlackItalic.woff2") format("woff2"), url("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("Alliance-TextLight.woff2") format("woff2"), url("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("Alliance-TextBold.woff2") format("woff2"), url("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("Alliance-TextLightItalic.woff2") format("woff2"), url("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("Alliance-TextExtraBold.woff2") format("woff2"), url("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("Alliance-TextExtraBoldItalic.woff2") format("woff2"), url("Alliance-TextExtraBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n.box_f490ad07a2 {\n  overflow: hidden;\n}\n.box_f490ad07a2.scrollable_f82fa040f6 {\n  /* TODO: make default in the next major version */\n  overflow: auto;\n}\n.box_f490ad07a2.scrollable_f82fa040f6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_f490ad07a2.scrollable_f82fa040f6::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.opacityDisabled_779637ae0a {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_22376e56ec {\n  border: var(--border-width) var(--border-style) var(--divider-primary) !important;\n}\n.borderColorUiBorderColor_c8d3327bbb {\n  border-color: var(--divider-primary) !important;\n}\n.borderColorLayoutBorderColor_f150532289 {\n  border-color: var(--divider-secondary) !important;\n}\n.rounded0_53b45b1c10 {\n  border-radius: 0 !important;\n}\n.roundedSmall_eb741e1b49 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_197ef22178 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_d09ead5514 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_ffa34794d0 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f82ba5de20 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_abbc46e622 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_4d165a2b86 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_bfffe9ca30 {\n  margin: 0 !important;\n}\n.mXs_f015c5eb51 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_14e508bb57 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_7d9c5bdc2e {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_51c7de179b {\n  margin: var(--spacing-large) !important;\n}\n.mXl_c21f4843c9 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_bcc31bbc6e {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_b9ff9f6236 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_9d501dd0c6 {\n  margin: auto !important;\n}\n.mx0_fa73ec7921 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_884828c9f1 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_544ff217f4 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_ddd87851fe {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_3aefc8bf1e {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_3743871965 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_8bfe7afbf9 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_c14a35062b {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_f98f3d0b06 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_c5380cb35a {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_a176a66b4b {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_5b6a867a38 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_a88719b98d {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_4c67062d93 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_d99fc94cbc {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_c4dd414af2 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_84d64fe8ff {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_5b9342d743 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_b57615fb86 {\n  margin-top: 0 !important;\n}\n.mtXs_09b9d6e65c {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_8bb776ecc1 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_e838a72b66 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7abfcd0101 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_2e403b59e1 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_4cc6bfac95 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_417f73e8c2 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_5d62d6af0f {\n  margin-top: auto !important;\n}\n.me0_a8266f9caf {\n  margin-inline-end: 0 !important;\n}\n.meXs_64a42fb9c3 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_b2e9e0f5b2 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_0fecf996a4 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_ee496d5eaa {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_c09f4e6001 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_0490d01e2e {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_ad1b388037 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_c9b1f6afc1 {\n  margin-inline-end: auto !important;\n}\n.mb0_65c8b110bf {\n  margin-bottom: 0 !important;\n}\n.mbXs_f70e4c7a12 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_e1659add8a {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_e724161377 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_1e5c7d3287 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_5cf3c694f2 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_42df690fc5 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_62bf88876f {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_9b94dd4836 {\n  margin-bottom: auto !important;\n}\n.ms0_db727d34c8 {\n  margin-inline-start: 0 !important;\n}\n.msXs_4984339a65 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_6f26ea7070 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_4242859161 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_6e600ac9f6 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_bb7a150b71 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_fa8f938089 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_62dabeeb02 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_a84fa14dab {\n  margin-inline-start: auto !important;\n}\n.p0_2cbdd3ae1e {\n  padding: 0 !important;\n}\n.pXs_dab3e59f19 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_7221bfcbcd {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_91e76607d4 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_43225c97e0 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_765d8b89b5 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_17abc2ab06 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_5157b44bb9 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_8ab9e65d1d {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_e99cb7f60b {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_7c1448b8b0 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_faf079f744 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_d449b96225 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_d53239df73 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_d7da01a4ef {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_c47834ef54 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_50da8ff113 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_b2429208d8 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_6835d6d96f {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_e75804c502 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_d7143ff9bb {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_c19a0a1a12 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_76f877e1cd {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_28cff73a1a {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_124b251899 {\n  padding-top: 0 !important;\n}\n.ptXs_b853349cb1 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_a756ca1f5f {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_9aa4d5d0b0 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_0da8d4d1a8 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_a5db21ef6a {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_94ed42eafa {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_6f075c5518 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_d41f0e7060 {\n  padding-inline-end: 0 !important;\n}\n.peXs_9be56fc04b {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_f3608a4df7 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_66c9306b5e {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_8375796695 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_36390d178a {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_4021435258 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_1004b077ca {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_0516ff11d7 {\n  padding-bottom: 0 !important;\n}\n.pbXs_7b60a60a43 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_781a91a8bc {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_a68460c1cd {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_4e441ed432 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_b4ef44b795 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_da1ca84329 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_17a064b637 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_3b89f318a2 {\n  padding-inline-start: 0 !important;\n}\n.psXs_20287fbd1e {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_789f9fc7ec {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_f49973f064 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_7ac622c85d {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_5319f26516 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_ef0225fb0b {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_4cfa6e5b1c {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_76f028776e {\n  color: var(--text-primary) !important;\n}\n.textTextColorOnInverted_adf575a9be {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_b08abbe928 {\n  color: var(--text-secondary) !important;\n}\n.bgPrimaryBackgroundColor_8787c1d461 {\n  background-color: var(--surface-level-100) !important;\n}\n.bgSecondaryBackgroundColor_75e2876142 {\n  background-color: var(--surface-level-200) !important;\n}\n.bgGreyBackgroundColor_e45311db93 {\n  background-color: var(--surface-level-300) !important;\n}\n.bgAllgreyBackgroundColor_56299b21db {\n  background-color: var(--surface-level-400) !important;\n}\n.bgInvertedColorBackground_1486aa13c9 {\n  background-color: var(--surface-inverse) !important;\n}');export{n as default};
+var n={box:"box_c9aef42d30",scrollable:"scrollable_fbc88f146d",opacityDisabled:"opacityDisabled_3c3af0fbc9",border:"border_a5bb83e82e",borderColorUiBorderColor:"borderColorUiBorderColor_130bedb826",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_be632919af",rounded0:"rounded0_9daecda833",roundedSmall:"roundedSmall_8137ebccf1",roundedMedium:"roundedMedium_de1aed19bb",roundedBig:"roundedBig_029e24687a",shadowXs:"shadowXs_d29ab52a0f",shadowSmall:"shadowSmall_e5eb660aa3",shadowMedium:"shadowMedium_54d00adecc",shadowLarge:"shadowLarge_4b97ff885f",m0:"m0_1a8a5cc3aa",mXs:"mXs_36aa2e7006",mSmall:"mSmall_66e2bc856c",mMedium:"mMedium_5656f1d05a",mLarge:"mLarge_4a9751598b",mXl:"mXl_e3dd1756af",mXxl:"mXxl_5a99aede93",mXxxl:"mXxxl_ce1c48c53e",mAuto:"mAuto_2bc6aaae5a",mx0:"mx0_ce1493bfa8",mxXs:"mxXs_9c27aa8834",mxSmall:"mxSmall_b773fcaea4",mxMedium:"mxMedium_325599e0d0",mxLarge:"mxLarge_f58a23e1b8",mxXl:"mxXl_ddf6d5e7cb",mxXxl:"mxXxl_7f18a8388f",mxXxxl:"mxXxxl_d175dc4554",mxAuto:"mxAuto_1670a7ef1f",my0:"my0_d02e3b0b2d",myXs:"myXs_d220191664",mySmall:"mySmall_c66e6dfd13",myMedium:"myMedium_35cc817d30",myLarge:"myLarge_12adcbcecc",myXl:"myXl_2c40bfadc2",myXxl:"myXxl_e3c4604f55",myXxxl:"myXxxl_dfa1326829",myAuto:"myAuto_d7f5fa4c6a",mt0:"mt0_85f660ccfc",mtXs:"mtXs_501319bcf7",mtSmall:"mtSmall_ef6e767682",mtMedium:"mtMedium_ca20702901",mtLarge:"mtLarge_8ed6ea0c1f",mtXl:"mtXl_91744ffc13",mtXxl:"mtXxl_0b02a0e3e5",mtXxxl:"mtXxxl_9989fcb83d",mtAuto:"mtAuto_da8583cc43",me0:"me0_b13f8f09a4",meXs:"meXs_a3725134ea",meSmall:"meSmall_484e4ed223",meMedium:"meMedium_ec96488156",meLarge:"meLarge_9ebd625794",meXl:"meXl_7a516a59ef",meXxl:"meXxl_29559d318a",meXxxl:"meXxxl_09ad8f200a",meAuto:"meAuto_a3dbbba17f",mb0:"mb0_65d24c65ea",mbXs:"mbXs_97da25b7ff",mbSmall:"mbSmall_60b86f6414",mbMedium:"mbMedium_51a2f76925",mbLarge:"mbLarge_d574a124d9",mbXl:"mbXl_66f49024e9",mbXxl:"mbXxl_31b42c082c",mbXxxl:"mbXxxl_21ad760d86",mbAuto:"mbAuto_d89713ed69",ms0:"ms0_565b1cb117",msXs:"msXs_d566225cae",msSmall:"msSmall_f5f17c6f34",msMedium:"msMedium_c4e891288e",msLarge:"msLarge_eba5a37793",msXl:"msXl_30eed89194",msXxl:"msXxl_5be2eb49d6",msXxxl:"msXxxl_1518f0c2c4",msAuto:"msAuto_d3bf0e7841",p0:"p0_207368233d",pXs:"pXs_5bf439d430",pSmall:"pSmall_fc16e2d852",pMedium:"pMedium_2bf3a192c1",pLarge:"pLarge_317a7be516",pXl:"pXl_ed87777585",pXxl:"pXxl_12a89b5fe9",pXxxl:"pXxxl_2d6fa86aa2",px0:"px0_da30da2a19",pxXs:"pxXs_b2c242b885",pxSmall:"pxSmall_b608b634d7",pxMedium:"pxMedium_f816bd537f",pxLarge:"pxLarge_918f252252",pxXl:"pxXl_2722e461ed",pxXxl:"pxXxl_dea846f468",pxXxxl:"pxXxxl_2761934e2d",py0:"py0_c5a8f90386",pyXs:"pyXs_40d794b1ef",pySmall:"pySmall_f02952f31d",pyMedium:"pyMedium_c0e64c0bd9",pyLarge:"pyLarge_a69cb2ae86",pyXl:"pyXl_2c0d877c67",pyXxl:"pyXxl_39d85c1a9b",pyXxxl:"pyXxxl_0feb531ca3",pt0:"pt0_e8612774b7",ptXs:"ptXs_1e242e2698",ptSmall:"ptSmall_c3eda4b51f",ptMedium:"ptMedium_47eb511ec9",ptLarge:"ptLarge_34ed5f1365",ptXl:"ptXl_1b616132c5",ptXxl:"ptXxl_320830072b",ptXxxl:"ptXxxl_a8cb4b7543",pe0:"pe0_d7980f4687",peXs:"peXs_af03ec5a6d",peSmall:"peSmall_56b4ad8747",peMedium:"peMedium_2f1e83fe2f",peLarge:"peLarge_301b5226d8",peXl:"peXl_4e8d543deb",peXxl:"peXxl_d7feb80fd1",peXxxl:"peXxxl_35ae02d670",pb0:"pb0_c14115c559",pbXs:"pbXs_819138ac7c",pbSmall:"pbSmall_ae3e7c1cbd",pbMedium:"pbMedium_3f2bb5992b",pbLarge:"pbLarge_a91e75703f",pbXl:"pbXl_3bc149f3ae",pbXxl:"pbXxl_2154b520ab",pbXxxl:"pbXxxl_e0f56a9766",ps0:"ps0_41b96bb740",psXs:"psXs_a7f470b402",psSmall:"psSmall_5bb9a648c9",psMedium:"psMedium_688fc72aa0",psLarge:"psLarge_408c8b775a",psXl:"psXl_e8b4814779",psXxl:"psXxl_6fcd7b47a7",psXxxl:"psXxxl_a4be0307fd",textPrimaryTextColor:"textPrimaryTextColor_b03b6e122d",textTextColorOnInverted:"textTextColorOnInverted_cb7af0666c",textSecondaryTextColor:"textSecondaryTextColor_b77f18cc10",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_13109a8211",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_b4592b4328",bgGreyBackgroundColor:"bgGreyBackgroundColor_8186068bf8",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_1f02d8b6ae",bgInvertedColorBackground:"bgInvertedColorBackground_b813cb0ce4"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],t="s_id-b20233681b93_0_0_160";if(a.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.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("Alliance-Mono.woff2") format("woff2"), url("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("Alliance-NeueBlack.woff2") format("woff2"), url("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("Alliance-NeueBlackItalic.woff2") format("woff2"), url("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("Alliance-NeueMedium.woff2") format("woff2"), url("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("Alliance-NeueRegularItalic.woff2") format("woff2"), url("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("Alliance-NeueRegular.woff2") format("woff2"), url("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("Alliance-NeueBold.woff2") format("woff2"), url("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("Alliance-NeueMediumItalic.woff2") format("woff2"), url("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("Alliance-NeueLight.woff2") format("woff2"), url("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("Alliance-NeueLightItalic.woff2") format("woff2"), url("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("Alliance-NeueExtraBold.woff2") format("woff2"), url("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("Alliance-NeueBoldItalic.woff2") format("woff2"), url("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("Alliance-NeueExtraBoldtalic.woff2") format("woff2"), url("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("Alliance-NeueSemiBold.woff2") format("woff2"), url("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("Alliance-PlattMedium.woff2") format("woff2"), url("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("Alliance-PlattRegular.woff2") format("woff2"), url("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("Alliance-PlattSemiBold.woff2") format("woff2"), url("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("Alliance-PlattExtraBold.woff2") format("woff2"), url("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("Alliance-PlattBold.woff2") format("woff2"), url("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("Alliance-NeueSemiBoldItalic.woff2") format("woff2"), url("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("Alliance-TextBlack.woff2") format("woff2"), url("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("Alliance-PlattBlack.woff2") format("woff2"), url("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("Alliance-PlattLight.woff2") format("woff2"), url("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("Alliance-TextBoldItalic.woff2") format("woff2"), url("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("Alliance-TextBlackItalic.woff2") format("woff2"), url("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("Alliance-TextLight.woff2") format("woff2"), url("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("Alliance-TextBold.woff2") format("woff2"), url("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("Alliance-TextLightItalic.woff2") format("woff2"), url("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("Alliance-TextExtraBold.woff2") format("woff2"), url("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("Alliance-TextExtraBoldItalic.woff2") format("woff2"), url("Alliance-TextExtraBoldItalic.woff") format("woff");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n.box_c9aef42d30 {\n  overflow: hidden;\n}\n.box_c9aef42d30.scrollable_fbc88f146d {\n  /* TODO: make default in the next major version */\n  overflow: auto;\n}\n.box_c9aef42d30.scrollable_fbc88f146d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_c9aef42d30.scrollable_fbc88f146d::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.opacityDisabled_3c3af0fbc9 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_a5bb83e82e {\n  border: var(--border-width) var(--border-style) var(--divider-primary) !important;\n}\n.borderColorUiBorderColor_130bedb826 {\n  border-color: var(--divider-primary) !important;\n}\n.borderColorLayoutBorderColor_be632919af {\n  border-color: var(--divider-secondary) !important;\n}\n.rounded0_9daecda833 {\n  border-radius: 0 !important;\n}\n.roundedSmall_8137ebccf1 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_de1aed19bb {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_029e24687a {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_d29ab52a0f {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_e5eb660aa3 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_54d00adecc {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_4b97ff885f {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_1a8a5cc3aa {\n  margin: 0 !important;\n}\n.mXs_36aa2e7006 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_66e2bc856c {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_5656f1d05a {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_4a9751598b {\n  margin: var(--spacing-large) !important;\n}\n.mXl_e3dd1756af {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_5a99aede93 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_ce1c48c53e {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_2bc6aaae5a {\n  margin: auto !important;\n}\n.mx0_ce1493bfa8 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_9c27aa8834 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_b773fcaea4 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_325599e0d0 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_f58a23e1b8 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_ddf6d5e7cb {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_7f18a8388f {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_d175dc4554 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_1670a7ef1f {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_d02e3b0b2d {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_d220191664 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_c66e6dfd13 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_35cc817d30 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_12adcbcecc {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_2c40bfadc2 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_e3c4604f55 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_dfa1326829 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_d7f5fa4c6a {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_85f660ccfc {\n  margin-top: 0 !important;\n}\n.mtXs_501319bcf7 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_ef6e767682 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_ca20702901 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_8ed6ea0c1f {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_91744ffc13 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_0b02a0e3e5 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_9989fcb83d {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_da8583cc43 {\n  margin-top: auto !important;\n}\n.me0_b13f8f09a4 {\n  margin-inline-end: 0 !important;\n}\n.meXs_a3725134ea {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_484e4ed223 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_ec96488156 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_9ebd625794 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_7a516a59ef {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_29559d318a {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_09ad8f200a {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_a3dbbba17f {\n  margin-inline-end: auto !important;\n}\n.mb0_65d24c65ea {\n  margin-bottom: 0 !important;\n}\n.mbXs_97da25b7ff {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_60b86f6414 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_51a2f76925 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_d574a124d9 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_66f49024e9 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_31b42c082c {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_21ad760d86 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_d89713ed69 {\n  margin-bottom: auto !important;\n}\n.ms0_565b1cb117 {\n  margin-inline-start: 0 !important;\n}\n.msXs_d566225cae {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_f5f17c6f34 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_c4e891288e {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_eba5a37793 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_30eed89194 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_5be2eb49d6 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_1518f0c2c4 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_d3bf0e7841 {\n  margin-inline-start: auto !important;\n}\n.p0_207368233d {\n  padding: 0 !important;\n}\n.pXs_5bf439d430 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_fc16e2d852 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_2bf3a192c1 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_317a7be516 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_ed87777585 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_12a89b5fe9 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_2d6fa86aa2 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_da30da2a19 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_b2c242b885 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_b608b634d7 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_f816bd537f {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_918f252252 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_2722e461ed {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_dea846f468 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_2761934e2d {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_c5a8f90386 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_40d794b1ef {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_f02952f31d {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_c0e64c0bd9 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_a69cb2ae86 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_2c0d877c67 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_39d85c1a9b {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_0feb531ca3 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_e8612774b7 {\n  padding-top: 0 !important;\n}\n.ptXs_1e242e2698 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_c3eda4b51f {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_47eb511ec9 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_34ed5f1365 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_1b616132c5 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_320830072b {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_a8cb4b7543 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_d7980f4687 {\n  padding-inline-end: 0 !important;\n}\n.peXs_af03ec5a6d {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_56b4ad8747 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_2f1e83fe2f {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_301b5226d8 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_4e8d543deb {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_d7feb80fd1 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_35ae02d670 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_c14115c559 {\n  padding-bottom: 0 !important;\n}\n.pbXs_819138ac7c {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_ae3e7c1cbd {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_3f2bb5992b {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_a91e75703f {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_3bc149f3ae {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_2154b520ab {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_e0f56a9766 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_41b96bb740 {\n  padding-inline-start: 0 !important;\n}\n.psXs_a7f470b402 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_5bb9a648c9 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_688fc72aa0 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_408c8b775a {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_e8b4814779 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_6fcd7b47a7 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_a4be0307fd {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_b03b6e122d {\n  color: var(--text-primary) !important;\n}\n.textTextColorOnInverted_cb7af0666c {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_b77f18cc10 {\n  color: var(--text-secondary) !important;\n}\n.bgPrimaryBackgroundColor_13109a8211 {\n  background-color: var(--surface-level-100) !important;\n}\n.bgSecondaryBackgroundColor_b4592b4328 {\n  background-color: var(--surface-level-200) !important;\n}\n.bgGreyBackgroundColor_8186068bf8 {\n  background-color: var(--surface-level-300) !important;\n}\n.bgAllgreyBackgroundColor_1f02d8b6ae {\n  background-color: var(--surface-level-400) !important;\n}\n.bgInvertedColorBackground_b813cb0ce4 {\n  background-color: var(--surface-inverse) !important;\n}');export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={breadcrumbContent:"breadcrumbContent_7130ab04b8",breadcrumbText:"breadcrumbText_b664fd0750",breadcrumbIcon:"breadcrumbIcon_ae20c27a71",clickable:"clickable_a43c2671bf",current:"current_4baa30ec7d",disabled:"disabled_82327ace96",notClickable:"notClickable_649540629e"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-00d0534c11a0_0_0_158";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_7130ab04b8 {\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_7130ab04b8:hover {\n  color: var(--text-secondary);\n  text-decoration: none;\n}\n\n.breadcrumbContent_7130ab04b8 .breadcrumbText_b664fd0750 {\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_7130ab04b8 .breadcrumbIcon_ae20c27a71 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n\n.breadcrumbContent_7130ab04b8:focus {\n  outline: none;\n}\n\n.breadcrumbContent_7130ab04b8.clickable_a43c2671bf {\n  cursor: pointer;\n}\n\n.breadcrumbContent_7130ab04b8.clickable_a43c2671bf:hover,\n.breadcrumbContent_7130ab04b8:focus-within {\n  background-color: var(--surface-level-100-hover);\n  border-radius: 4px;\n}\n\n.breadcrumbContent_7130ab04b8.current_4baa30ec7d {\n  color: var(--text-primary);\n  font-weight: 500;\n}\n\n.breadcrumbContent_7130ab04b8.disabled_82327ace96 {\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_7130ab04b8.disabled_82327ace96:hover {\n  background-color: transparent;\n}\n\n.breadcrumbContent_7130ab04b8.notClickable_649540629e {\n  pointer-events: none;\n}");export{n as default};
+var e={breadcrumbContent:"breadcrumbContent_9bd53826b8",breadcrumbText:"breadcrumbText_cebde7ee54",breadcrumbIcon:"breadcrumbIcon_d6d3c029cb",clickable:"clickable_191fd8f2f3",current:"current_683628c0cf",disabled:"disabled_ec01bea3fe",notClickable:"notClickable_a8d38864fd"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-00d0534c11a0_0_0_160";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".breadcrumbContent_9bd53826b8 {\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_9bd53826b8:hover {\n  color: var(--text-secondary);\n  text-decoration: none;\n}\n\n.breadcrumbContent_9bd53826b8 .breadcrumbText_cebde7ee54 {\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_9bd53826b8 .breadcrumbIcon_d6d3c029cb {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n\n.breadcrumbContent_9bd53826b8:focus {\n  outline: none;\n}\n\n.breadcrumbContent_9bd53826b8.clickable_191fd8f2f3 {\n  cursor: pointer;\n}\n\n.breadcrumbContent_9bd53826b8.clickable_191fd8f2f3:hover,\n.breadcrumbContent_9bd53826b8:focus-within {\n  background-color: var(--surface-level-100-hover);\n  border-radius: 4px;\n}\n\n.breadcrumbContent_9bd53826b8.current_683628c0cf {\n  color: var(--text-primary);\n  font-weight: 500;\n}\n\n.breadcrumbContent_9bd53826b8.disabled_ec01bea3fe {\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_9bd53826b8.disabled_ec01bea3fe:hover {\n  background-color: transparent;\n}\n\n.breadcrumbContent_9bd53826b8.notClickable_a8d38864fd {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_e836a06136",separator:"separator_c54abf0919",separatorIcon:"separatorIcon_200e286719",moreButton:"moreButton_75631bfe45",relativePosition:"relativePosition_2ab5b2b2c8",iconColor:"iconColor_119d0adda5"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-ddd00daede01_0_0_158";if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}(".breadcrumbsBar_e836a06136 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_e836a06136 ol li {\n  list-style: none;\n}\n.breadcrumbsBar_e836a06136 ol .separator_c54abf0919 {\n  margin: 0 2px;\n  color: var(--divider-secondary);\n  font: var(--font-text2-normal);\n}\n.breadcrumbsBar_e836a06136 ol .separatorIcon_200e286719 {\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.moreButton_75631bfe45 {\n  border: 1px solid var(--divider-primary);\n}\n.relativePosition_2ab5b2b2c8 {\n  position: relative;\n}\n.iconColor_119d0adda5 {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_4cdcaffd68",separator:"separator_19fa1d9d17",separatorIcon:"separatorIcon_07f7082f57",moreButton:"moreButton_2452f51d51",relativePosition:"relativePosition_6db2caa49a",iconColor:"iconColor_7042467180"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-ddd00daede01_0_0_160";if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}(".breadcrumbsBar_4cdcaffd68 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_4cdcaffd68 ol li {\n  list-style: none;\n}\n.breadcrumbsBar_4cdcaffd68 ol .separator_19fa1d9d17 {\n  margin: 0 2px;\n  color: var(--divider-secondary);\n  font: var(--font-text2-normal);\n}\n.breadcrumbsBar_4cdcaffd68 ol .separatorIcon_07f7082f57 {\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.moreButton_2452f51d51 {\n  border: 1px solid var(--divider-primary);\n}\n.relativePosition_6db2caa49a {\n  position: relative;\n}\n.iconColor_7042467180 {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={button:"button_11dd2d98b6","focus-visible":"focus-visible_986960caa8",loader:"loader_e87456a5a0",loaderSvg:"loaderSvg_111a18019c",textPlaceholder:"textPlaceholder_8cd4b1c54d",success:"success_8c2e2ea3b2",successContent:"successContent_07b9a9ec0d",marginRight:"marginRight_8a73188dfa",marginLeft:"marginLeft_385141c28e",rightFlat:"rightFlat_271a58b69e",leftFlat:"leftFlat_967f26542e",stretched:"stretched_9be0bb7ac9",preventClickAnimation:"preventClickAnimation_9a32aa0473",leftIcon:"leftIcon_8a73188dfa",rightIcon:"rightIcon_385141c28e",sizeXxs:"sizeXxs_48d4c09305",sizeXs:"sizeXs_b0f8bc285a",sizeSmall:"sizeSmall_55645fdf87",sizeMedium:"sizeMedium_af39796d1f",sizeLarge:"sizeLarge_63786a14c6",kindPrimary:"kindPrimary_76189b539a",colorPrimary:"colorPrimary_16eae44456",colorBrand:"colorBrand_de91034d41",colorPrimaryActive:"colorPrimaryActive_713600b99c",colorBrandActive:"colorBrandActive_2895aefe58",colorPositive:"colorPositive_1b037a1d10",colorPositiveActive:"colorPositiveActive_7eec5252be",colorNegative:"colorNegative_aab86fdf2d",colorNegativeActive:"colorNegativeActive_7eec5252be",colorInverted:"colorInverted_de9f219ca1",colorInvertedActive:"colorInvertedActive_7eec5252be",disabled:"disabled_86219759fe",colorOnPrimaryColor:"colorOnPrimaryColor_6494e7e858",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_72a50c4f30",colorFixedLight:"colorFixedLight_22ab7868eb",colorFixedLightActive:"colorFixedLightActive_9a32aa0473",colorOnInvertedBackground:"colorOnInvertedBackground_de9f219ca1",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_b0d7146db4",kindSecondary:"kindSecondary_d6b9c3d9fc",kindTertiary:"kindTertiary_4d98fe1d58",noSidePadding:"noSidePadding_69dd44c88a",insetFocusStyle:"insetFocusStyle_15d4b3a22c"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_158";if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}(".button_11dd2d98b6 {\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_11dd2d98b6:focus-visible, .button_11dd2d98b6.focus-visible_986960caa8 {\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_11dd2d98b6:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.button_11dd2d98b6 .loader_e87456a5a0 {\n  height: 100%;\n}\n.button_11dd2d98b6 .loader_e87456a5a0 .loaderSvg_111a18019c {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_11dd2d98b6 .textPlaceholder_8cd4b1c54d {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_11dd2d98b6.success_8c2e2ea3b2 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_11dd2d98b6.success_8c2e2ea3b2 .successContent_07b9a9ec0d {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_8a73188dfa {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_385141c28e {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_271a58b69e {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_967f26542e {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_9be0bb7ac9 {\n  flex-grow: 1;\n}\n.button_11dd2d98b6:active:not(.preventClickAnimation_9a32aa0473) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_11dd2d98b6 .leftIcon_8a73188dfa {\n  margin-right: var(--spacing-small);\n}\n.button_11dd2d98b6 .rightIcon_385141c28e {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_48d4c09305 {\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_b0f8bc285a {\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_b0f8bc285a .leftIcon_8a73188dfa {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_b0f8bc285a .rightIcon_385141c28e {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_55645fdf87 {\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_55645fdf87 .leftIcon_8a73188dfa {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_55645fdf87 .rightIcon_385141c28e {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_55645fdf87 .loader_e87456a5a0 {\n  top: 7px;\n}\n.sizeMedium_af39796d1f {\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_63786a14c6 {\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_76189b539a {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_76189b539a.colorPrimary_16eae44456 {\n  background: var(--primary-color);\n}\n.kindPrimary_76189b539a.colorBrand_de91034d41 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_76189b539a.colorPrimaryActive_713600b99c,\n.kindPrimary_76189b539a.colorPrimary_16eae44456:hover,\n.kindPrimary_76189b539a.colorPrimary_16eae44456:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_76189b539a.colorBrandActive_2895aefe58,\n.kindPrimary_76189b539a.colorBrand_de91034d41:hover,\n.kindPrimary_76189b539a.colorBrand_de91034d41:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_76189b539a.colorPositive_1b037a1d10 {\n  background: var(--positive-color);\n}\n.kindPrimary_76189b539a.colorPositiveActive_7eec5252be,\n.kindPrimary_76189b539a.colorPositive_1b037a1d10:hover,\n.kindPrimary_76189b539a.colorPositive_1b037a1d10:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_76189b539a.colorNegative_aab86fdf2d {\n  background: var(--negative-color);\n}\n.kindPrimary_76189b539a.colorNegativeActive_7eec5252be,\n.kindPrimary_76189b539a.colorNegative_aab86fdf2d:hover,\n.kindPrimary_76189b539a.colorNegative_aab86fdf2d:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_76189b539a.colorInverted_de9f219ca1 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_76189b539a.colorInvertedActive_7eec5252be,\n.kindPrimary_76189b539a.colorInverted_de9f219ca1:hover,\n.kindPrimary_76189b539a.colorInverted_de9f219ca1:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_76189b539a.button_11dd2d98b6.colorInverted_de9f219ca1.disabled_86219759fe {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_76189b539a.colorOnPrimaryColorActive_72a50c4f30,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_76189b539a.colorOnPrimaryColorActive_72a50c4f30:focus-visible, .kindPrimary_76189b539a.colorOnPrimaryColorActive_72a50c4f30.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover:focus-visible,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus:focus-visible,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus.focus-visible_986960caa8 {\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_76189b539a.colorOnPrimaryColorActive_72a50c4f30:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_76189b539a.colorFixedLightActive_9a32aa0473,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_76189b539a.colorFixedLightActive_9a32aa0473:focus-visible, .kindPrimary_76189b539a.colorFixedLightActive_9a32aa0473.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover:focus-visible,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus:focus-visible,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus.focus-visible_986960caa8 {\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_76189b539a.colorFixedLightActive_9a32aa0473:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_76189b539a.colorOnInvertedBackground_de9f219ca1 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_76189b539a.colorOnInvertedBackgroundActive_b0d7146db4,\n.kindPrimary_76189b539a.colorOnInvertedBackground_de9f219ca1:hover,\n.kindPrimary_76189b539a.colorOnInvertedBackground_de9f219ca1:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_76189b539a.button_11dd2d98b6.colorOnInvertedBackground_de9f219ca1.disabled_86219759fe {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_76189b539a.button_11dd2d98b6.disabled_86219759fe {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d6b9c3d9fc {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_d6b9c3d9fc.sizeSmall_55645fdf87 {\n  line-height: 22px;\n}\n.kindSecondary_d6b9c3d9fc.sizeMedium_af39796d1f {\n  line-height: 22px;\n}\n.kindSecondary_d6b9c3d9fc.sizeLarge_63786a14c6 {\n  line-height: 22px;\n}\n.kindSecondary_d6b9c3d9fc.colorPrimaryActive_713600b99c,\n.kindSecondary_d6b9c3d9fc.colorPrimaryActive_713600b99c:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_d6b9c3d9fc.colorBrandActive_2895aefe58 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_d6b9c3d9fc.colorBrandActive_2895aefe58,\n.kindSecondary_d6b9c3d9fc.colorBrandActive_2895aefe58:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_d6b9c3d9fc.colorPrimary_16eae44456:hover:not(.colorPrimaryActive_713600b99c),\n.kindSecondary_d6b9c3d9fc.colorPrimary_16eae44456:focus:not(.colorPrimaryActive_713600b99c) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_d6b9c3d9fc.colorBrand_de91034d41:hover:not(.colorBrandActive_2895aefe58),\n.kindSecondary_d6b9c3d9fc.colorBrand_de91034d41:focus:not(.colorBrandActive_2895aefe58) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_d6b9c3d9fc.colorPositive_1b037a1d10 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_d6b9c3d9fc.colorPositiveActive_7eec5252be,\n.kindSecondary_d6b9c3d9fc.colorPositive_1b037a1d10:hover,\n.kindSecondary_d6b9c3d9fc.colorPositive_1b037a1d10:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_d6b9c3d9fc.colorNegative_aab86fdf2d {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_d6b9c3d9fc.colorNegativeActive_7eec5252be,\n.kindSecondary_d6b9c3d9fc.colorNegative_aab86fdf2d:hover,\n.kindSecondary_d6b9c3d9fc.colorNegative_aab86fdf2d:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_d6b9c3d9fc.colorInvertedActive_7eec5252be,\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1:hover,\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1.disabled_86219759fe {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30:focus-visible, .kindSecondary_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus.focus-visible_986960caa8 {\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_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLightActive_9a32aa0473,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLightActive_9a32aa0473:focus-visible, .kindSecondary_d6b9c3d9fc.colorFixedLightActive_9a32aa0473.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus.focus-visible_986960caa8 {\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_d6b9c3d9fc.colorFixedLightActive_9a32aa0473:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackgroundActive_b0d7146db4,\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1:hover,\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1.disabled_86219759fe {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d6b9c3d9fc.disabled_86219759fe {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d6b9c3d9fc.disabled_86219759fe:hover {\n  background-color: transparent;\n}\n.kindTertiary_4d98fe1d58 {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_4d98fe1d58.colorPrimaryActive_713600b99c,\n.kindTertiary_4d98fe1d58.colorPrimaryActive_713600b99c:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_4d98fe1d58.colorBrandActive_2895aefe58 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_4d98fe1d58.colorBrandActive_2895aefe58,\n.kindTertiary_4d98fe1d58.colorBrandActive_2895aefe58:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_4d98fe1d58.colorPrimary_16eae44456:hover:not(.colorPrimaryActive_713600b99c),\n.kindTertiary_4d98fe1d58.colorPrimary_16eae44456:focus:not(.colorPrimaryActive_713600b99c) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_4d98fe1d58.colorBrand_de91034d41:hover:not(.colorBrandActive_2895aefe58),\n.kindTertiary_4d98fe1d58.colorBrand_de91034d41:focus:not(.colorBrandActive_2895aefe58) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_4d98fe1d58.colorPositive_1b037a1d10 {\n  color: var(--positive-color);\n}\n.kindTertiary_4d98fe1d58.colorPositiveActive_7eec5252be,\n.kindTertiary_4d98fe1d58.colorPositive_1b037a1d10:hover,\n.kindTertiary_4d98fe1d58.colorPositive_1b037a1d10:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_4d98fe1d58.colorNegative_aab86fdf2d {\n  color: var(--negative-color);\n}\n.kindTertiary_4d98fe1d58.colorNegativeActive_7eec5252be,\n.kindTertiary_4d98fe1d58.colorNegative_aab86fdf2d:hover,\n.kindTertiary_4d98fe1d58.colorNegative_aab86fdf2d:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1 {\n  color: var(--text-primary);\n}\n.kindTertiary_4d98fe1d58.colorInvertedActive_7eec5252be,\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1:hover,\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1.disabled_86219759fe {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30:focus-visible, .kindTertiary_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover:focus-visible,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus:focus-visible,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus.focus-visible_986960caa8 {\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_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1.disabled_86219759fe {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4d98fe1d58.colorFixedLightActive_9a32aa0473,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_4d98fe1d58.colorFixedLightActive_9a32aa0473:focus-visible, .kindTertiary_4d98fe1d58.colorFixedLightActive_9a32aa0473.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover:focus-visible,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus:focus-visible,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus.focus-visible_986960caa8 {\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_4d98fe1d58.colorFixedLightActive_9a32aa0473:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4d98fe1d58.colorOnInvertedBackgroundActive_b0d7146db4,\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1:hover,\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_4d98fe1d58.disabled_86219759fe {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_4d98fe1d58.disabled_86219759fe:hover {\n  background-color: transparent;\n}\n.noSidePadding_69dd44c88a {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_11dd2d98b6.insetFocusStyle_15d4b3a22c:focus-visible, .button_11dd2d98b6.insetFocusStyle_15d4b3a22c.focus-visible_986960caa8 {\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_11dd2d98b6.insetFocusStyle_15d4b3a22c:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_138f90e5bb","focus-visible":"focus-visible_f9c7f10b12",loader:"loader_a9953dc0e7",loaderSvg:"loaderSvg_76b702e011",textPlaceholder:"textPlaceholder_f76a9dc953",success:"success_65744295f0",successContent:"successContent_1e7d7ca61f",marginRight:"marginRight_552587df2f",marginLeft:"marginLeft_e0219ce3ac",rightFlat:"rightFlat_bfc5591452",leftFlat:"leftFlat_a131f2419a",stretched:"stretched_fb192eb8a8",preventClickAnimation:"preventClickAnimation_ab0769c517",leftIcon:"leftIcon_552587df2f",rightIcon:"rightIcon_e0219ce3ac",sizeXxs:"sizeXxs_ea09e89422",sizeXs:"sizeXs_e3511c1a34",sizeSmall:"sizeSmall_a20f188a08",sizeMedium:"sizeMedium_da4f5a9f55",sizeLarge:"sizeLarge_20aa195550",kindPrimary:"kindPrimary_acb7be5d4a",colorPrimary:"colorPrimary_008a447439",colorBrand:"colorBrand_e3203bb721",colorPrimaryActive:"colorPrimaryActive_d08ad2ae05",colorBrandActive:"colorBrandActive_30f0b6ea68",colorPositive:"colorPositive_59a4e27a34",colorPositiveActive:"colorPositiveActive_e3e172ca8d",colorNegative:"colorNegative_861c27ce68",colorNegativeActive:"colorNegativeActive_e3e172ca8d",colorInverted:"colorInverted_f38fe99502",colorInvertedActive:"colorInvertedActive_e3e172ca8d",disabled:"disabled_997bb8bd7a",colorOnPrimaryColor:"colorOnPrimaryColor_c31b5acd2f",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_0df28e7f3d",colorFixedLight:"colorFixedLight_730df4a1f3",colorFixedLightActive:"colorFixedLightActive_ab0769c517",colorOnInvertedBackground:"colorOnInvertedBackground_f38fe99502",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_112b4a9c45",kindSecondary:"kindSecondary_45180f1a81",kindTertiary:"kindTertiary_c54ecb11a8",noSidePadding:"noSidePadding_bde61a0baa",insetFocusStyle:"insetFocusStyle_83d4490b7b"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_160";if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}(".button_138f90e5bb {\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_138f90e5bb:focus-visible, .button_138f90e5bb.focus-visible_f9c7f10b12 {\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_138f90e5bb:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.button_138f90e5bb .loader_a9953dc0e7 {\n  height: 100%;\n}\n.button_138f90e5bb .loader_a9953dc0e7 .loaderSvg_76b702e011 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_138f90e5bb .textPlaceholder_f76a9dc953 {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_138f90e5bb.success_65744295f0 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_138f90e5bb.success_65744295f0 .successContent_1e7d7ca61f {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_552587df2f {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_e0219ce3ac {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_bfc5591452 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_a131f2419a {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_fb192eb8a8 {\n  flex-grow: 1;\n}\n.button_138f90e5bb:active:not(.preventClickAnimation_ab0769c517) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_138f90e5bb .leftIcon_552587df2f {\n  margin-right: var(--spacing-small);\n}\n.button_138f90e5bb .rightIcon_e0219ce3ac {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_ea09e89422 {\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_e3511c1a34 {\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_e3511c1a34 .leftIcon_552587df2f {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_e3511c1a34 .rightIcon_e0219ce3ac {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_a20f188a08 {\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_a20f188a08 .leftIcon_552587df2f {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_a20f188a08 .rightIcon_e0219ce3ac {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_a20f188a08 .loader_a9953dc0e7 {\n  top: 7px;\n}\n.sizeMedium_da4f5a9f55 {\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_20aa195550 {\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_acb7be5d4a {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_acb7be5d4a.colorPrimary_008a447439 {\n  background: var(--primary-color);\n}\n.kindPrimary_acb7be5d4a.colorBrand_e3203bb721 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_acb7be5d4a.colorPrimaryActive_d08ad2ae05,\n.kindPrimary_acb7be5d4a.colorPrimary_008a447439:hover,\n.kindPrimary_acb7be5d4a.colorPrimary_008a447439:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_acb7be5d4a.colorBrandActive_30f0b6ea68,\n.kindPrimary_acb7be5d4a.colorBrand_e3203bb721:hover,\n.kindPrimary_acb7be5d4a.colorBrand_e3203bb721:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_acb7be5d4a.colorPositive_59a4e27a34 {\n  background: var(--positive-color);\n}\n.kindPrimary_acb7be5d4a.colorPositiveActive_e3e172ca8d,\n.kindPrimary_acb7be5d4a.colorPositive_59a4e27a34:hover,\n.kindPrimary_acb7be5d4a.colorPositive_59a4e27a34:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_acb7be5d4a.colorNegative_861c27ce68 {\n  background: var(--negative-color);\n}\n.kindPrimary_acb7be5d4a.colorNegativeActive_e3e172ca8d,\n.kindPrimary_acb7be5d4a.colorNegative_861c27ce68:hover,\n.kindPrimary_acb7be5d4a.colorNegative_861c27ce68:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_acb7be5d4a.colorInverted_f38fe99502 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_acb7be5d4a.colorInvertedActive_e3e172ca8d,\n.kindPrimary_acb7be5d4a.colorInverted_f38fe99502:hover,\n.kindPrimary_acb7be5d4a.colorInverted_f38fe99502:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_acb7be5d4a.button_138f90e5bb.colorInverted_f38fe99502.disabled_997bb8bd7a {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_acb7be5d4a.colorOnPrimaryColorActive_0df28e7f3d,\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:hover,\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_acb7be5d4a.colorOnPrimaryColorActive_0df28e7f3d:focus-visible, .kindPrimary_acb7be5d4a.colorOnPrimaryColorActive_0df28e7f3d.focus-visible_f9c7f10b12,\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:hover:focus-visible,\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:hover.focus-visible_f9c7f10b12,\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:focus:focus-visible,\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:focus.focus-visible_f9c7f10b12 {\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_acb7be5d4a.colorOnPrimaryColorActive_0df28e7f3d:focus:not(.focus-visible_f9c7f10b12),\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:hover:focus:not(.focus-visible_f9c7f10b12),\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f:focus:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.kindPrimary_acb7be5d4a.colorOnPrimaryColor_c31b5acd2f.disabled_997bb8bd7a {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_acb7be5d4a.colorFixedLightActive_ab0769c517,\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:hover,\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_acb7be5d4a.colorFixedLightActive_ab0769c517:focus-visible, .kindPrimary_acb7be5d4a.colorFixedLightActive_ab0769c517.focus-visible_f9c7f10b12,\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:hover:focus-visible,\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:hover.focus-visible_f9c7f10b12,\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:focus:focus-visible,\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:focus.focus-visible_f9c7f10b12 {\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_acb7be5d4a.colorFixedLightActive_ab0769c517:focus:not(.focus-visible_f9c7f10b12),\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:hover:focus:not(.focus-visible_f9c7f10b12),\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3:focus:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.kindPrimary_acb7be5d4a.colorFixedLight_730df4a1f3.disabled_997bb8bd7a {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_acb7be5d4a.colorOnInvertedBackground_f38fe99502 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_acb7be5d4a.colorOnInvertedBackgroundActive_112b4a9c45,\n.kindPrimary_acb7be5d4a.colorOnInvertedBackground_f38fe99502:hover,\n.kindPrimary_acb7be5d4a.colorOnInvertedBackground_f38fe99502:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_acb7be5d4a.button_138f90e5bb.colorOnInvertedBackground_f38fe99502.disabled_997bb8bd7a {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_acb7be5d4a.button_138f90e5bb.disabled_997bb8bd7a {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_45180f1a81 {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_45180f1a81.sizeSmall_a20f188a08 {\n  line-height: 22px;\n}\n.kindSecondary_45180f1a81.sizeMedium_da4f5a9f55 {\n  line-height: 22px;\n}\n.kindSecondary_45180f1a81.sizeLarge_20aa195550 {\n  line-height: 22px;\n}\n.kindSecondary_45180f1a81.colorPrimaryActive_d08ad2ae05,\n.kindSecondary_45180f1a81.colorPrimaryActive_d08ad2ae05:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_45180f1a81.colorBrandActive_30f0b6ea68 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_45180f1a81.colorBrandActive_30f0b6ea68,\n.kindSecondary_45180f1a81.colorBrandActive_30f0b6ea68:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_45180f1a81.colorPrimary_008a447439:hover:not(.colorPrimaryActive_d08ad2ae05),\n.kindSecondary_45180f1a81.colorPrimary_008a447439:focus:not(.colorPrimaryActive_d08ad2ae05) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_45180f1a81.colorBrand_e3203bb721:hover:not(.colorBrandActive_30f0b6ea68),\n.kindSecondary_45180f1a81.colorBrand_e3203bb721:focus:not(.colorBrandActive_30f0b6ea68) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_45180f1a81.colorPositive_59a4e27a34 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_45180f1a81.colorPositiveActive_e3e172ca8d,\n.kindSecondary_45180f1a81.colorPositive_59a4e27a34:hover,\n.kindSecondary_45180f1a81.colorPositive_59a4e27a34:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_45180f1a81.colorNegative_861c27ce68 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_45180f1a81.colorNegativeActive_e3e172ca8d,\n.kindSecondary_45180f1a81.colorNegative_861c27ce68:hover,\n.kindSecondary_45180f1a81.colorNegative_861c27ce68:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_45180f1a81.colorInverted_f38fe99502 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_45180f1a81.colorInvertedActive_e3e172ca8d,\n.kindSecondary_45180f1a81.colorInverted_f38fe99502:hover,\n.kindSecondary_45180f1a81.colorInverted_f38fe99502:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_45180f1a81.colorInverted_f38fe99502.disabled_997bb8bd7a {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_45180f1a81.colorOnPrimaryColorActive_0df28e7f3d,\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:hover,\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_45180f1a81.colorOnPrimaryColorActive_0df28e7f3d:focus-visible, .kindSecondary_45180f1a81.colorOnPrimaryColorActive_0df28e7f3d.focus-visible_f9c7f10b12,\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:hover:focus-visible,\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:hover.focus-visible_f9c7f10b12,\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:focus:focus-visible,\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:focus.focus-visible_f9c7f10b12 {\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_45180f1a81.colorOnPrimaryColorActive_0df28e7f3d:focus:not(.focus-visible_f9c7f10b12),\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:hover:focus:not(.focus-visible_f9c7f10b12),\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f:focus:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.kindSecondary_45180f1a81.colorOnPrimaryColor_c31b5acd2f.disabled_997bb8bd7a {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_45180f1a81.colorFixedLightActive_ab0769c517,\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:hover,\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_45180f1a81.colorFixedLightActive_ab0769c517:focus-visible, .kindSecondary_45180f1a81.colorFixedLightActive_ab0769c517.focus-visible_f9c7f10b12,\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:hover:focus-visible,\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:hover.focus-visible_f9c7f10b12,\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:focus:focus-visible,\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:focus.focus-visible_f9c7f10b12 {\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_45180f1a81.colorFixedLightActive_ab0769c517:focus:not(.focus-visible_f9c7f10b12),\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:hover:focus:not(.focus-visible_f9c7f10b12),\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3:focus:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.kindSecondary_45180f1a81.colorOnInvertedBackground_f38fe99502 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_45180f1a81.colorOnInvertedBackgroundActive_112b4a9c45,\n.kindSecondary_45180f1a81.colorOnInvertedBackground_f38fe99502:hover,\n.kindSecondary_45180f1a81.colorOnInvertedBackground_f38fe99502:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_45180f1a81.colorOnInvertedBackground_f38fe99502.disabled_997bb8bd7a {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_45180f1a81.colorFixedLight_730df4a1f3.disabled_997bb8bd7a {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_45180f1a81.disabled_997bb8bd7a {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_45180f1a81.disabled_997bb8bd7a:hover {\n  background-color: transparent;\n}\n.kindTertiary_c54ecb11a8 {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_c54ecb11a8.colorPrimaryActive_d08ad2ae05,\n.kindTertiary_c54ecb11a8.colorPrimaryActive_d08ad2ae05:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_c54ecb11a8.colorBrandActive_30f0b6ea68 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_c54ecb11a8.colorBrandActive_30f0b6ea68,\n.kindTertiary_c54ecb11a8.colorBrandActive_30f0b6ea68:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_c54ecb11a8.colorPrimary_008a447439:hover:not(.colorPrimaryActive_d08ad2ae05),\n.kindTertiary_c54ecb11a8.colorPrimary_008a447439:focus:not(.colorPrimaryActive_d08ad2ae05) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_c54ecb11a8.colorBrand_e3203bb721:hover:not(.colorBrandActive_30f0b6ea68),\n.kindTertiary_c54ecb11a8.colorBrand_e3203bb721:focus:not(.colorBrandActive_30f0b6ea68) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_c54ecb11a8.colorPositive_59a4e27a34 {\n  color: var(--positive-color);\n}\n.kindTertiary_c54ecb11a8.colorPositiveActive_e3e172ca8d,\n.kindTertiary_c54ecb11a8.colorPositive_59a4e27a34:hover,\n.kindTertiary_c54ecb11a8.colorPositive_59a4e27a34:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_c54ecb11a8.colorNegative_861c27ce68 {\n  color: var(--negative-color);\n}\n.kindTertiary_c54ecb11a8.colorNegativeActive_e3e172ca8d,\n.kindTertiary_c54ecb11a8.colorNegative_861c27ce68:hover,\n.kindTertiary_c54ecb11a8.colorNegative_861c27ce68:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_c54ecb11a8.colorInverted_f38fe99502 {\n  color: var(--text-primary);\n}\n.kindTertiary_c54ecb11a8.colorInvertedActive_e3e172ca8d,\n.kindTertiary_c54ecb11a8.colorInverted_f38fe99502:hover,\n.kindTertiary_c54ecb11a8.colorInverted_f38fe99502:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_c54ecb11a8.colorInverted_f38fe99502.disabled_997bb8bd7a {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_c54ecb11a8.colorOnPrimaryColorActive_0df28e7f3d,\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:hover,\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_c54ecb11a8.colorOnPrimaryColorActive_0df28e7f3d:focus-visible, .kindTertiary_c54ecb11a8.colorOnPrimaryColorActive_0df28e7f3d.focus-visible_f9c7f10b12,\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:hover:focus-visible,\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:hover.focus-visible_f9c7f10b12,\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:focus:focus-visible,\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:focus.focus-visible_f9c7f10b12 {\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_c54ecb11a8.colorOnPrimaryColorActive_0df28e7f3d:focus:not(.focus-visible_f9c7f10b12),\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:hover:focus:not(.focus-visible_f9c7f10b12),\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f:focus:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.kindTertiary_c54ecb11a8.colorOnInvertedBackground_f38fe99502.disabled_997bb8bd7a {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_c54ecb11a8.colorOnPrimaryColor_c31b5acd2f.disabled_997bb8bd7a {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_c54ecb11a8.colorFixedLightActive_ab0769c517,\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:hover,\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_c54ecb11a8.colorFixedLightActive_ab0769c517:focus-visible, .kindTertiary_c54ecb11a8.colorFixedLightActive_ab0769c517.focus-visible_f9c7f10b12,\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:hover:focus-visible,\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:hover.focus-visible_f9c7f10b12,\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:focus:focus-visible,\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:focus.focus-visible_f9c7f10b12 {\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_c54ecb11a8.colorFixedLightActive_ab0769c517:focus:not(.focus-visible_f9c7f10b12),\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:hover:focus:not(.focus-visible_f9c7f10b12),\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3:focus:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.kindTertiary_c54ecb11a8.colorFixedLight_730df4a1f3.disabled_997bb8bd7a {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_c54ecb11a8.colorOnInvertedBackground_f38fe99502 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_c54ecb11a8.colorOnInvertedBackgroundActive_112b4a9c45,\n.kindTertiary_c54ecb11a8.colorOnInvertedBackground_f38fe99502:hover,\n.kindTertiary_c54ecb11a8.colorOnInvertedBackground_f38fe99502:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_c54ecb11a8.disabled_997bb8bd7a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_c54ecb11a8.disabled_997bb8bd7a:hover {\n  background-color: transparent;\n}\n.noSidePadding_bde61a0baa {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_138f90e5bb.insetFocusStyle_83d4490b7b:focus-visible, .button_138f90e5bb.insetFocusStyle_83d4490b7b.focus-visible_f9c7f10b12 {\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_138f90e5bb.insetFocusStyle_83d4490b7b:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_642e9b48ae",subTextContainer:"subTextContainer_ab3c1a1a8c",buttonsContainer:"buttonsContainer_489706ba25",button:"button_fec200d499",activeButton:"activeButton_098585186c",optionText:"optionText_3589da6102",disabled:"disabled_4c39966859",selected:"selected_845dd464b1",kindTertiary:"kindTertiary_7f19b38678",wrapper:"wrapper_dcb9d59d54",buttonDisabled:"buttonDisabled_fc20893c0f"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-98261c00be2f_0_0_158";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))}(".buttonGroup_642e9b48ae {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_ab3c1a1a8c {\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_489706ba25 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_489706ba25 .button_fec200d499 {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_489706ba25 .button_fec200d499.activeButton_098585186c {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_489706ba25 .button_fec200d499.activeButton_098585186c:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_3589da6102:not(.disabled_4c39966859) {\n  color: var(--text-primary);\n}\n\n.optionText_3589da6102:not(.disabled_4c39966859).selected_845dd464b1 {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_7f19b38678 .button_fec200d499 {\n  border-color: transparent;\n}\n\n.kindTertiary_7f19b38678 .button_fec200d499:first-child {\n  border-color: transparent;\n}\n\n.wrapper_dcb9d59d54.disabled_4c39966859 {\n  cursor: not-allowed;\n}\n\n.button_fec200d499.disabled_4c39966859 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_fec200d499.buttonDisabled_fc20893c0f {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_bcd7dfd751",subTextContainer:"subTextContainer_5c7eff5137",buttonsContainer:"buttonsContainer_86125ed57a",button:"button_5749da2ab8",activeButton:"activeButton_2409af95b9",optionText:"optionText_bae82fadbf",disabled:"disabled_958534b962",selected:"selected_afec4a087d",kindTertiary:"kindTertiary_54e93a9ccb",wrapper:"wrapper_c2908fad06",buttonDisabled:"buttonDisabled_50447c4e3f"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-98261c00be2f_0_0_160";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))}(".buttonGroup_bcd7dfd751 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_5c7eff5137 {\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_86125ed57a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_86125ed57a .button_5749da2ab8 {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_86125ed57a .button_5749da2ab8.activeButton_2409af95b9 {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_86125ed57a .button_5749da2ab8.activeButton_2409af95b9:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_bae82fadbf:not(.disabled_958534b962) {\n  color: var(--text-primary);\n}\n\n.optionText_bae82fadbf:not(.disabled_958534b962).selected_afec4a087d {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_54e93a9ccb .button_5749da2ab8 {\n  border-color: transparent;\n}\n\n.kindTertiary_54e93a9ccb .button_5749da2ab8:first-child {\n  border-color: transparent;\n}\n\n.wrapper_c2908fad06.disabled_958534b962 {\n  cursor: not-allowed;\n}\n\n.button_5749da2ab8.disabled_958534b962 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_5749da2ab8.buttonDisabled_50447c4e3f {\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/esm/src/components/Checkbox/Checkbox.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_e9ce9e3924",checkbox:"checkbox_21d5efb98d",icon:"icon_4e0ade5b21",label:"label_aba274f2d4",input:"input_a5c18f79c3",checkboxGrowAnimation:"checkboxGrowAnimation_73d7f69f12"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_158";if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}('.wrapper_e9ce9e3924 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_21d5efb98d {\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_21d5efb98d: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_21d5efb98d:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_4e0ade5b21 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_aba274f2d4 {\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_a5c18f79c3 {\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_a5c18f79c3:focus + .checkbox_21d5efb98d {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_a5c18f79c3:focus:checked + .checkbox_21d5efb98d {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_a5c18f79c3:focus-visible + .checkbox_21d5efb98d {\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_a5c18f79c3:checked:focus + .checkbox_21d5efb98d:after,\n.input_a5c18f79c3:indeterminate:focus + .checkbox_21d5efb98d:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d {\n  animation: checkboxGrowAnimation_73d7f69f12 var(--motion-productive-short);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d:hover,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d:hover:after,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d:after,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d: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_a5c18f79c3:checked + .checkbox_21d5efb98d > .icon_4e0ade5b21,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d > .icon_4e0ade5b21 {\n  visibility: visible;\n}\n\n.input_a5c18f79c3:checked:disabled + .checkbox_21d5efb98d:after,\n.input_a5c18f79c3:indeterminate:disabled + .checkbox_21d5efb98d:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d,\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d .icon_4e0ade5b21,\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d:hover .icon_4e0ade5b21 {\n  color: var(--disabled-text-color);\n}\n\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d,\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d:hover {\n  cursor: not-allowed;\n}\n\n.input_a5c18f79c3:disabled ~ .label_aba274f2d4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_73d7f69f12 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var e={wrapper:"wrapper_9a3acf5b41",checkbox:"checkbox_8fa9eaa6f2",icon:"icon_d03c81263c",label:"label_5307b0082c",input:"input_3e863e970d",checkboxGrowAnimation:"checkboxGrowAnimation_383b12f939"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_160";if(n.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.wrapper_9a3acf5b41 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_8fa9eaa6f2 {\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_8fa9eaa6f2: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_8fa9eaa6f2:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_d03c81263c {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_5307b0082c {\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_3e863e970d {\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_3e863e970d:focus + .checkbox_8fa9eaa6f2 {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_3e863e970d:focus:checked + .checkbox_8fa9eaa6f2 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_3e863e970d:focus-visible + .checkbox_8fa9eaa6f2 {\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_3e863e970d:checked:focus + .checkbox_8fa9eaa6f2:after,\n.input_3e863e970d:indeterminate:focus + .checkbox_8fa9eaa6f2:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_3e863e970d:checked + .checkbox_8fa9eaa6f2,\n.input_3e863e970d:indeterminate + .checkbox_8fa9eaa6f2 {\n  animation: checkboxGrowAnimation_383b12f939 var(--motion-productive-short);\n}\n\n.input_3e863e970d:checked + .checkbox_8fa9eaa6f2,\n.input_3e863e970d:indeterminate + .checkbox_8fa9eaa6f2 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_3e863e970d:checked + .checkbox_8fa9eaa6f2:hover,\n.input_3e863e970d:indeterminate + .checkbox_8fa9eaa6f2:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_3e863e970d:checked + .checkbox_8fa9eaa6f2:hover:after,\n.input_3e863e970d:indeterminate + .checkbox_8fa9eaa6f2:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_3e863e970d:checked + .checkbox_8fa9eaa6f2:after,\n.input_3e863e970d:indeterminate + .checkbox_8fa9eaa6f2: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_3e863e970d:checked + .checkbox_8fa9eaa6f2 > .icon_d03c81263c,\n.input_3e863e970d:indeterminate + .checkbox_8fa9eaa6f2 > .icon_d03c81263c {\n  visibility: visible;\n}\n\n.input_3e863e970d:checked:disabled + .checkbox_8fa9eaa6f2:after,\n.input_3e863e970d:indeterminate:disabled + .checkbox_8fa9eaa6f2:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_3e863e970d:disabled + .checkbox_8fa9eaa6f2,\n.input_3e863e970d:disabled + .checkbox_8fa9eaa6f2:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_3e863e970d:disabled + .checkbox_8fa9eaa6f2 .icon_d03c81263c,\n.input_3e863e970d:disabled + .checkbox_8fa9eaa6f2:hover .icon_d03c81263c {\n  color: var(--disabled-text-color);\n}\n\n.input_3e863e970d:disabled + .checkbox_8fa9eaa6f2,\n.input_3e863e970d:disabled + .checkbox_8fa9eaa6f2:hover {\n  cursor: not-allowed;\n}\n\n.input_3e863e970d:disabled ~ .label_5307b0082c {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_383b12f939 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_a43c2671bf","focus-visible":"focus-visible_986960caa8",disabled:"disabled_56858e8823",disableTextSelection:"disableTextSelection_acb8c5f9b5"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_158";if(n.querySelector("#"+i))return;const c=document.createElement("style");c.id=i,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}(".clickable_a43c2671bf {\n  cursor: pointer;\n}\n.clickable_a43c2671bf:focus-visible, .clickable_a43c2671bf.focus-visible_986960caa8 {\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_a43c2671bf:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.clickable_a43c2671bf.disabled_56858e8823 {\n  cursor: default;\n}\n.disableTextSelection_acb8c5f9b5 {\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_191fd8f2f3","focus-visible":"focus-visible_f9c7f10b12",disabled:"disabled_132b056ed8",disableTextSelection:"disableTextSelection_31e5c8e271"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_160";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_191fd8f2f3 {\n  cursor: pointer;\n}\n.clickable_191fd8f2f3:focus-visible, .clickable_191fd8f2f3.focus-visible_f9c7f10b12 {\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_191fd8f2f3:focus:not(.focus-visible_f9c7f10b12) {\n  outline: none;\n}\n.clickable_191fd8f2f3.disabled_132b056ed8 {\n  cursor: default;\n}\n.disableTextSelection_31e5c8e271 {\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/esm/src/components/ColorPicker/ColorPicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_69fa9de1b0",colorPickerDialogContent:"colorPickerDialogContent_b0af47c49c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_158";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_69fa9de1b0.colorPickerDialogContent_b0af47c49c {\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_55c350d183",colorPickerDialogContent:"colorPickerDialogContent_419a7ecc36"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_160";if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}(".colorPicker_55c350d183.colorPickerDialogContent_419a7ecc36 {\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/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js

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

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

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_3de083d5cf"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_158";if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid_3de083d5cf {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_81f9550dbc"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_160";if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid_81f9550dbc {\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/esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_6373d77ac2",circle:"circle_002fdd6091",feedbackIndicator:"feedbackIndicator_7ce5bd6f68",active:"active_981f18accc",selectedColor:"selectedColor_2ab5b2b2c8",colorItem:"colorItem_708f777f8b",colorIndicatorWrapper:"colorIndicatorWrapper_dab40132a6",colorItemSizeSmall:"colorItemSizeSmall_a4408abb6c",colorItemSizeMedium:"colorItemSizeMedium_338998832d",colorItemSizeLarge:"colorItemSizeLarge_3a2bad3397",colorItemTextMode:"colorItemTextMode_5878e03a18",colorIconWhite:"colorIconWhite_421490806d"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_158";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_6373d77ac2 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_6373d77ac2.circle_002fdd6091 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_6373d77ac2 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_6373d77ac2 .feedbackIndicator_7ce5bd6f68 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_6373d77ac2:focus,\n.itemWrapper_6373d77ac2:focus-visible,\n.itemWrapper_6373d77ac2.active_981f18accc {\n  outline: none;\n}\n\n.itemWrapper_6373d77ac2:focus .feedbackIndicator_7ce5bd6f68:before,\n.itemWrapper_6373d77ac2:focus-visible .feedbackIndicator_7ce5bd6f68:before,\n.itemWrapper_6373d77ac2.active_981f18accc .feedbackIndicator_7ce5bd6f68: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_6373d77ac2:focus .feedbackIndicator_7ce5bd6f68:after,\n.itemWrapper_6373d77ac2:focus-visible .feedbackIndicator_7ce5bd6f68:after,\n.itemWrapper_6373d77ac2.active_981f18accc .feedbackIndicator_7ce5bd6f68: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_6373d77ac2:hover:not(.active_981f18accc):not(.selectedColor_2ab5b2b2c8) .feedbackIndicator_7ce5bd6f68 {\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_6373d77ac2 .colorItem_708f777f8b {\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_6373d77ac2 .colorItem_708f777f8b .colorIndicatorWrapper_dab40132a6 {\n  margin-top: 3px;\n}\n\n.itemWrapper_6373d77ac2 .colorItem_708f777f8b.colorItemSizeSmall_a4408abb6c {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_6373d77ac2 .colorItem_708f777f8b.colorItemSizeMedium_338998832d {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_6373d77ac2 .colorItem_708f777f8b.colorItemSizeLarge_3a2bad3397 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_6373d77ac2.selectedColor_2ab5b2b2c8 {\n  position: relative;\n}\n\n.itemWrapper_6373d77ac2.selectedColor_2ab5b2b2c8: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_6373d77ac2.selectedColor_2ab5b2b2c8 .feedbackIndicator_7ce5bd6f68:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_6373d77ac2 .colorItemTextMode_5878e03a18:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_6373d77ac2 .colorIconWhite_421490806d {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_f910cd2345",circle:"circle_eec2665bcf",feedbackIndicator:"feedbackIndicator_368e34b51a",active:"active_d1149b6e40",selectedColor:"selectedColor_6db2caa49a",colorItem:"colorItem_d166d83306",colorIndicatorWrapper:"colorIndicatorWrapper_01beb1bc28",colorItemSizeSmall:"colorItemSizeSmall_d757a543b3",colorItemSizeMedium:"colorItemSizeMedium_752efa7391",colorItemSizeLarge:"colorItemSizeLarge_5d3adf5201",colorItemTextMode:"colorItemTextMode_0cf3676a84",colorIconWhite:"colorIconWhite_db8bf2ddb0"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_160";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_f910cd2345 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_f910cd2345.circle_eec2665bcf {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_f910cd2345 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_f910cd2345 .feedbackIndicator_368e34b51a {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_f910cd2345:focus,\n.itemWrapper_f910cd2345:focus-visible,\n.itemWrapper_f910cd2345.active_d1149b6e40 {\n  outline: none;\n}\n\n.itemWrapper_f910cd2345:focus .feedbackIndicator_368e34b51a:before,\n.itemWrapper_f910cd2345:focus-visible .feedbackIndicator_368e34b51a:before,\n.itemWrapper_f910cd2345.active_d1149b6e40 .feedbackIndicator_368e34b51a: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_f910cd2345:focus .feedbackIndicator_368e34b51a:after,\n.itemWrapper_f910cd2345:focus-visible .feedbackIndicator_368e34b51a:after,\n.itemWrapper_f910cd2345.active_d1149b6e40 .feedbackIndicator_368e34b51a: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_f910cd2345:hover:not(.active_d1149b6e40):not(.selectedColor_6db2caa49a) .feedbackIndicator_368e34b51a {\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_f910cd2345 .colorItem_d166d83306 {\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_f910cd2345 .colorItem_d166d83306 .colorIndicatorWrapper_01beb1bc28 {\n  margin-top: 3px;\n}\n\n.itemWrapper_f910cd2345 .colorItem_d166d83306.colorItemSizeSmall_d757a543b3 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_f910cd2345 .colorItem_d166d83306.colorItemSizeMedium_752efa7391 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_f910cd2345 .colorItem_d166d83306.colorItemSizeLarge_5d3adf5201 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_f910cd2345.selectedColor_6db2caa49a {\n  position: relative;\n}\n\n.itemWrapper_f910cd2345.selectedColor_6db2caa49a: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_f910cd2345.selectedColor_6db2caa49a .feedbackIndicator_368e34b51a:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_f910cd2345 .colorItemTextMode_0cf3676a84:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_f910cd2345 .colorIconWhite_db8bf2ddb0 {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={combobox:"combobox_5b0879e21a",stickyCategory:"stickyCategory_6bd651bead",comboboxCategory:"comboboxCategory_c1e2e9cdfe",sizeSmall:"sizeSmall_c82827cd96",sizeMedium:"sizeMedium_5b0879e21a",sizeLarge:"sizeLarge_c82827cd96",empty:"empty_0d47148e7e",comboboxSearchWrapper:"comboboxSearchWrapper_f1ff71e8c5",comboboxSearch:"comboboxSearch_e165f2b224",comboboxNoResults:"comboboxNoResults_6818f2a422",comboboxMessageWrapper:"comboboxMessageWrapper_2c4aef2681",comboboxMessage:"comboboxMessage_1229ee474e",addNewButton:"addNewButton_a4457224a9",buttonLabel:"buttonLabel_1229ee474e",comboboxList:"comboboxList_65feea3aac"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_158";if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}(".combobox_5b0879e21a {\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_5b0879e21a.stickyCategory_6bd651bead .comboboxCategory_c1e2e9cdfe {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_5b0879e21a.stickyCategory_6bd651bead.sizeSmall_c82827cd96 .comboboxCategory_c1e2e9cdfe {\n  top: 32px;\n}\n\n.combobox_5b0879e21a.stickyCategory_6bd651bead.sizeMedium_5b0879e21a .comboboxCategory_c1e2e9cdfe {\n  top: 40px;\n}\n\n.combobox_5b0879e21a.stickyCategory_6bd651bead.sizeLarge_c82827cd96 .comboboxCategory_c1e2e9cdfe {\n  top: 48px;\n}\n\n.combobox_5b0879e21a.empty_0d47148e7e {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_f1ff71e8c5 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_e165f2b224 {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_6818f2a422 {\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_6818f2a422 .comboboxMessageWrapper_2c4aef2681 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_6818f2a422 .comboboxMessageWrapper_2c4aef2681 .comboboxMessage_1229ee474e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_6818f2a422 .addNewButton_a4457224a9 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_6818f2a422 .addNewButton_a4457224a9 .buttonLabel_1229ee474e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_65feea3aac {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{e as default};
+var o={combobox:"combobox_36de9586ca",stickyCategory:"stickyCategory_913b9b4c25",comboboxCategory:"comboboxCategory_8b0087bf6e",sizeSmall:"sizeSmall_4bb7c876a2",sizeMedium:"sizeMedium_36de9586ca",sizeLarge:"sizeLarge_4bb7c876a2",empty:"empty_6c5d58c77c",comboboxSearchWrapper:"comboboxSearchWrapper_2fdda1070d",comboboxSearch:"comboboxSearch_73130da878",comboboxNoResults:"comboboxNoResults_c98a34308e",comboboxMessageWrapper:"comboboxMessageWrapper_c3995a7bf3",comboboxMessage:"comboboxMessage_ca614526b8",addNewButton:"addNewButton_b1b8c0f663",buttonLabel:"buttonLabel_ca614526b8",comboboxList:"comboboxList_724f4f6c6f"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_160";if(e.querySelector("#"+n))return;const b=document.createElement("style");b.id=n,e.firstChild?e.insertBefore(b,e.firstChild):e.appendChild(b),b.appendChild(document.createTextNode(o))}(".combobox_36de9586ca {\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_36de9586ca.stickyCategory_913b9b4c25 .comboboxCategory_8b0087bf6e {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_36de9586ca.stickyCategory_913b9b4c25.sizeSmall_4bb7c876a2 .comboboxCategory_8b0087bf6e {\n  top: 32px;\n}\n\n.combobox_36de9586ca.stickyCategory_913b9b4c25.sizeMedium_36de9586ca .comboboxCategory_8b0087bf6e {\n  top: 40px;\n}\n\n.combobox_36de9586ca.stickyCategory_913b9b4c25.sizeLarge_4bb7c876a2 .comboboxCategory_8b0087bf6e {\n  top: 48px;\n}\n\n.combobox_36de9586ca.empty_6c5d58c77c {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_2fdda1070d {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_73130da878 {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_c98a34308e {\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_c98a34308e .comboboxMessageWrapper_c3995a7bf3 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_c98a34308e .comboboxMessageWrapper_c3995a7bf3 .comboboxMessage_ca614526b8 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_c98a34308e .addNewButton_b1b8c0f663 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_c98a34308e .addNewButton_b1b8c0f663 .buttonLabel_ca614526b8 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_724f4f6c6f {\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/esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_4848d5bedd",dividerContainer:"dividerContainer_4436bcc74e",divider:"divider_90ccf59da1",sticky:"sticky_4a18273bef"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_158";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_4848d5bedd {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_4436bcc74e {\n  position: relative;\n  width: 95%;\n}\n\n.divider_90ccf59da1 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_4a18273bef {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_cf2f107f88",dividerContainer:"dividerContainer_d81e700a29",divider:"divider_649a727368",sticky:"sticky_1cfb110067"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_160";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_cf2f107f88 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_d81e700a29 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_649a727368 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_1cfb110067 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_a3986f6762"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_158";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_a3986f6762 {\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_db73368751"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_160";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_db73368751 {\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/esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_fb7a95d3b0",optionsContainer:"optionsContainer_f90457124c",firstCategory:"firstCategory_852e182f23",categoryWithOptions:"categoryWithOptions_805c2cfc8d",categoryWithoutOptions:"categoryWithoutOptions_f7a4bf7a1a"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_158";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_fb7a95d3b0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_fb7a95d3b0::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_f90457124c {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_852e182f23 {\n  padding-top: 0;\n}\n.categoryWithOptions_805c2cfc8d {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_f7a4bf7a1a {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_7ae24b574e",optionsContainer:"optionsContainer_3a1d5eb210",firstCategory:"firstCategory_e88e66be8f",categoryWithOptions:"categoryWithOptions_ac18b1dc96",categoryWithoutOptions:"categoryWithoutOptions_ea9f36648b"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7de573ecf1ec_0_0_160";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer_7ae24b574e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_7ae24b574e::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_3a1d5eb210 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_e88e66be8f {\n  padding-top: 0;\n}\n.categoryWithOptions_ac18b1dc96 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_ea9f36648b {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_3a4c53a205",disabled:"disabled_623507883d",selected:"selected_e2cc45d997",active:"active_a350f9362f",activeOutline:"activeOutline_47f92e6edb",optionLabel:"optionLabel_7348a2c226",optionIcon:"optionIcon_e165f2b224",left:"left_b7c23691ba"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_158";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}(".comboboxOption_3a4c53a205 {\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_3a4c53a205.disabled_623507883d {\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_3a4c53a205.disabled_623507883d:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_3a4c53a205.selected_e2cc45d997 {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_3a4c53a205:hover:not(.disabled_623507883d):not(.selected_e2cc45d997),\n.comboboxOption_3a4c53a205.active_a350f9362f {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_3a4c53a205.activeOutline_47f92e6edb {\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_3a4c53a205 .optionLabel_7348a2c226 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_3a4c53a205 .optionIcon_e165f2b224 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_3a4c53a205 .optionIcon_e165f2b224.left_b7c23691ba {\n  margin-right: 4px;\n}");export{o as default};
+var e={comboboxOption:"comboboxOption_ffef47c27d",disabled:"disabled_8961fb222f",selected:"selected_1e5d29fb85",active:"active_60213ecd7a",activeOutline:"activeOutline_854df445c2",optionLabel:"optionLabel_9e7a69a393",optionIcon:"optionIcon_73130da878",left:"left_b01a6d4037"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_160";if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxOption_ffef47c27d {\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_ffef47c27d.disabled_8961fb222f {\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_ffef47c27d.disabled_8961fb222f:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_ffef47c27d.selected_1e5d29fb85 {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_ffef47c27d:hover:not(.disabled_8961fb222f):not(.selected_1e5d29fb85),\n.comboboxOption_ffef47c27d.active_60213ecd7a {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_ffef47c27d.activeOutline_854df445c2 {\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_ffef47c27d .optionLabel_9e7a69a393 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_ffef47c27d .optionIcon_73130da878 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_ffef47c27d .optionIcon_73130da878.left_b01a6d4037 {\n  margin-right: 4px;\n}");export{e as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_8431486ec4"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_158";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_8431486ec4 {\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_6f3a3e76d5"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_160";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_6f3a3e76d5 {\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/esm/src/components/Comments/Comments.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as i}from"react/jsx-runtime";import{useRef as a,useEffect as c,createElement as o,useState as l,useCallback as m}from"react";import"./comments.scss.js";import u from"../Avatar/Avatar.js";import d from"../TextAreaField/TextAreaField.js";import p from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as g}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import j from"../Button/Button.js";import{FlexDirection as b,FlexGap as h,FlexAlign as T}from"../Flex/FlexConstants.js";import f from"../Icon/Icons/components/Info.js";import y from"../Text/Text.js";import v from"../Icon/Icon.js";function O(e){var t=e.comments,n=e.currentUser,i=e.onCommentSubmitted,l=e.isLabel,m=void 0!==l&&l,u=e.label,d=a(null);return c((function(){d.current&&(d.current.scrollTop=d.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[r(p,t.length>0?Object.assign({ref:d,className:"message-container",direction:b.COLUMN,gap:h.MEDIUM,justify:p.justify.END,align:T.START},{children:t.map((function(e,t){return o(E,Object.assign({},e,{currentUser:n,key:t}))}))}):Object.assign({className:"message-container",direction:b.COLUMN,gap:h.MEDIUM,align:T.STRETCH,justify:p.justify.CENTER},{children:r(y,Object.assign({align:y.align.CENTER},{children:"No Comments Yet."}))})),r(C,{onCommentSubmitted:i,currentUser:n,isLabel:m,label:u})]}))}function C(a){var c=this,o=a.onCommentSubmitted,u=a.isLabel,g=void 0!==u&&u,b=a.label,h=l(!1),T=e(h,2),O=T[0],C=T[1],E=l(""),N=e(E,2),A=N[0],S=N[1],x=m((function(e){return n(c,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return C(!0),t.next=3,o(e);case 3:s=t.sent,C(!1),s&&S("");case 6:case"end":return t.stop()}}),n)})))}),[o]);return s(p,Object.assign({className:"comments-top",direction:p.directions.COLUMN,justify:p.justify.END,align:p.align.STRETCH},{children:[s(p,Object.assign({gap:p.gaps.SMALL},{children:[g&&"internal"===b.status&&s(i,{children:[r(v,{iconType:v.type.SVG,style:{color:"#757575"},icon:f,iconSize:20,clickable:!1}),r(y,Object.assign({type:y.types.TEXT1,color:y.colors.SECONDARY},{children:"This is an internal conversation"}))]}),g&&"external"===b.status&&s(i,{children:[r(v,{iconType:v.type.SVG,style:{color:"#FF0020"},icon:f,iconSize:20,clickable:!1}),r(y,Object.assign({type:y.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(d,{disabled:O,onChange:S,placeholder:"What’s on your mind...",rows:3,value:A,isResizeable:!1}),r(j,Object.assign({disabled:!A||O,onClick:function(){return x(A)},size:j.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]}))]}))}function E(e){var t=e.author,n=e.commentedAt,i=e.label,a=e.text,c=e.currentUser;return s(p,Object.assign({direction:b.COLUMN,align:T.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:b.ROW,gap:h.SMALL,className:"comment-data"},{children:[!!i&&r(y,Object.assign({className:"comment-label",type:y.types.TEXT2},{children:i})),r("div",Object.assign({className:"comment-user"},{children:t&&r(N,{user:t})})),r(y,Object.assign({className:"comment-date",color:y.colors.SECONDARY,type:y.types.TEXT2},{children:n.toLocaleString()}))]})),r(y,Object.assign({className:"comment-text ".concat(c.id===t.id&&"comment-currentUser"),type:y.types.TEXT1},{children:a}))]}))}function N(e){var t=e.user;return s(p,Object.assign({gap:h.XS},{children:[r(u,{size:u.sizes.MEDIUM,type:g.TEXT,backgroundColor:u.colors.STEEL_DARK,text:A(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(y,Object.assign({type:y.types.TEXT2,weight:y.weights.BOLD},{children:t.name}))}))]}))}function A(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{E as Comment,C as CommentForm,O as Comments,N as UserCard};
+import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as i}from"react/jsx-runtime";import{useRef as a,useEffect as c,createElement as o,useState as l,useCallback as m}from"react";import"./comments.scss.js";import d from"../Avatar/Avatar.js";import u from"../TextAreaField/TextAreaField.js";import p from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as g}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import b from"../Button/Button.js";import{FlexDirection as h,FlexGap as j,FlexAlign as T}from"../Flex/FlexConstants.js";import f from"../Icon/Icons/components/Info.js";import v from"../Text/Text.js";import y from"../Icon/Icon.js";function O(e){var t=e.comments,n=e.currentUser,i=e.onCommentSubmitted,l=e.isLabel,m=void 0!==l&&l,d=e.label,u=a(null);return c((function(){u.current&&(u.current.scrollTop=u.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[r(p,t.length>0?Object.assign({ref:u,className:"message-container",direction:h.COLUMN,gap:j.MEDIUM,align:T.START},{children:t.map((function(e,t){return o(A,Object.assign({},e,{currentUser:n,key:t}))}))}):Object.assign({className:"message-container",direction:h.COLUMN,gap:j.MEDIUM,align:T.STRETCH,justify:p.justify.CENTER},{children:r(v,Object.assign({align:v.align.CENTER},{children:"No Comments Yet."}))})),r(C,{onCommentSubmitted:i,currentUser:n,isLabel:m,label:d})]}))}function C(a){var c=this,o=a.onCommentSubmitted,d=a.isLabel,g=void 0!==d&&d,h=a.label,j=l(!1),T=e(j,2),O=T[0],C=T[1],A=l(""),E=e(A,2),N=E[0],S=E[1],x=m((function(e){return n(c,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return C(!0),t.next=3,o(e);case 3:s=t.sent,C(!1),s&&S("");case 6:case"end":return t.stop()}}),n)})))}),[o]);return s(p,Object.assign({className:"comments-top",direction:p.directions.COLUMN,justify:p.justify.END,align:p.align.STRETCH},{children:[s(p,Object.assign({gap:p.gaps.SMALL},{children:[g&&"internal"===h.status&&s(i,{children:[r(y,{iconType:y.type.SVG,style:{color:"#757575"},icon:f,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,color:v.colors.SECONDARY},{children:"This is an internal conversation"}))]}),g&&"external"===h.status&&s(i,{children:[r(y,{iconType:y.type.SVG,style:{color:"#FF0020"},icon:f,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(u,{disabled:O,onChange:S,placeholder:"What’s on your mind...",rows:3,value:N,isResizeable:!1}),r(b,Object.assign({disabled:!N||O,onClick:function(){return x(N)},size:b.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]}))]}))}function A(e){var t=e.author,n=e.commentedAt,i=e.label,a=e.text,c=e.currentUser;return s(p,Object.assign({direction:h.COLUMN,align:T.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:h.ROW,gap:j.SMALL,className:"comment-data"},{children:[!!i&&r(v,Object.assign({className:"comment-label",type:v.types.TEXT2},{children:i})),r("div",Object.assign({className:"comment-user"},{children:t&&r(E,{user:t})})),r(v,Object.assign({className:"comment-date",color:v.colors.SECONDARY,type:v.types.TEXT2},{children:n.toLocaleString()}))]})),r(v,Object.assign({className:"comment-text ".concat(c.id===t.id&&"comment-currentUser"),type:v.types.TEXT1},{children:a}))]}))}function E(e){var t=e.user;return s(p,Object.assign({gap:j.XS},{children:[r(d,{size:d.sizes.MEDIUM,type:g.TEXT,backgroundColor:d.colors.STEEL_DARK,text:N(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(v,Object.assign({type:v.types.TEXT2,weight:v.weights.BOLD},{children:t.name}))}))]}))}function N(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{A as Comment,C as CommentForm,O as Comments,E as UserCard};
 //# sourceMappingURL=Comments.js.map

package/dist/esm/src/components/Comments/Comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\n// import Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n    text: string;\n    label?: string;\n    author: User;\n    commentedAt: Date;\n}\n\nexport interface User {\n    id: string;\n    email: string;\n    name: string;\n}\n\nexport interface CommentFormProps {\n    currentUser: User;\n    onCommentSubmitted: (text: string) => Promise<boolean>;\n    isLabel?: boolean;\n    label?: { status: \"external\" | \"internal\" };\n    // onClickAttachment?: () => void;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n    comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label }: CommentsProps) {\n    const messageContainerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (messageContainerRef.current) {\n            messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n        }\n    }, [comments]);\n    return (\n        <div className={'comments'}>\n            {comments.length > 0\n                ? (\n                    <Flex ref={messageContainerRef} className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} justify={Flex.justify.END} align={FlexAlign.START}>\n                        {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n                    </Flex>\n                )\n                : (\n                    <Flex className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH} justify={Flex.justify.CENTER}>\n                        <Text align={Text.align.CENTER}>\n                            No Comments Yet.\n                        </Text>\n                    </Flex>\n                )\n            }\n            <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} />\n        </div>\n    );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label }: CommentFormProps) {\n    const [isWaiting, setIsWaiting] = useState<boolean>(false);\n    const [text, setText] = useState<string>('');\n\n    const onSubmit = useCallback(async (text: string) => {\n        setIsWaiting(true);\n        const succeeded = await onCommentSubmitted(text);\n        setIsWaiting(false);\n\n        if (succeeded) {\n            setText('');\n        }\n    }, [onCommentSubmitted]);\n    return (\n        <Flex className={'comments-top'} direction={Flex.directions.COLUMN} justify={Flex.justify.END} align={Flex.align.STRETCH}>\n            <Flex gap={Flex.gaps.SMALL}>\n                {isLabel && label.status === \"internal\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#757575\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n                            This is an internal conversation\n                        </Text>\n                    </>\n                )}\n                {isLabel && label.status === \"external\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#FF0020\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n                            This is an external conversation\n                        </Text>\n                    </>\n                )}\n            </Flex>\n            <div className={'comments-buttons'}>\n                <TextAreaField\n                    disabled={isWaiting}\n                    onChange={setText}\n                    placeholder={'What’s on your mind...'}\n                    rows={3}\n                    value={text}\n                    isResizeable={false}\n                />\n                <Button\n                    disabled={!text || isWaiting}\n                    onClick={() => onSubmit(text)}\n                    size={Button.sizes.SMALL}\n                    style={{ width: \"100%\" }}\n                >\n                    Send\n                </Button>\n            </div>\n            {/* <Button\n                onClick={onClickAttachment}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                style={{ marginTop: \"var(--spacing-small)\" }}\n            >\n                <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n                <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>Attachment</Text>\n            </Button> */}\n        </Flex>\n    );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n    return (\n        <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n            <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n                {!!label && (\n                    <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n                )}\n                <div className={'comment-user'}>\n                    {author && <UserCard user={author} />}\n                </div>\n                <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n            </Flex>\n            <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n        </Flex>\n    );\n}\n\nexport function UserCard({ user }: { user: User }) {\n    return (\n        <Flex gap={FlexGap.XS}>\n            <Avatar\n                size={Avatar.sizes.MEDIUM}\n                type={AvatarType.TEXT}\n                backgroundColor={Avatar.colors.STEEL_DARK}\n                text={toInitials(user.name)}\n            />\n            <div className={'comment-user-name'}>\n                <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n            </div>\n        </Flex>\n    );\n}\n\nfunction toInitials(fullName: string) {\n    const names = fullName.split(' ');\n\n    if (names.length === 1) {\n        return names[0].charAt(0).toUpperCase();\n    }\n\n    return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","messageContainerRef","useRef","useEffect","current","scrollTop","scrollHeight","_jsxs","Object","assign","className","_jsx","Flex","length","ref","direction","FlexDirection","COLUMN","gap","FlexGap","MEDIUM","justify","END","align","FlexAlign","START","children","map","comment","i","_createElement","Comment","key","STRETCH","CENTER","Text","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","directions","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","style","color","icon","Info","iconSize","clickable","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","_ref3","author","commentedAt","ROW","TEXT2","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}
+{"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\n// import Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n    text: string;\n    label?: string;\n    author: User;\n    commentedAt: Date;\n}\n\nexport interface User {\n    id: string;\n    email: string;\n    name: string;\n}\n\nexport interface CommentFormProps {\n    currentUser: User;\n    onCommentSubmitted: (text: string) => Promise<boolean>;\n    isLabel?: boolean;\n    label?: { status: \"external\" | \"internal\" };\n    // onClickAttachment?: () => void;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n    comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label }: CommentsProps) {\n    const messageContainerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (messageContainerRef.current) {\n            messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n        }\n    }, [comments]);\n    return (\n        <div className={'comments'}>\n            {comments.length > 0\n                ? (\n                    <Flex ref={messageContainerRef} className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.START}>\n                        {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n                    </Flex>\n                )\n                : (\n                    <Flex className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH} justify={Flex.justify.CENTER}>\n                        <Text align={Text.align.CENTER}>\n                            No Comments Yet.\n                        </Text>\n                    </Flex>\n                )\n            }\n            <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} />\n        </div>\n    );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label }: CommentFormProps) {\n    const [isWaiting, setIsWaiting] = useState<boolean>(false);\n    const [text, setText] = useState<string>('');\n\n    const onSubmit = useCallback(async (text: string) => {\n        setIsWaiting(true);\n        const succeeded = await onCommentSubmitted(text);\n        setIsWaiting(false);\n\n        if (succeeded) {\n            setText('');\n        }\n    }, [onCommentSubmitted]);\n    return (\n        <Flex className={'comments-top'} direction={Flex.directions.COLUMN} justify={Flex.justify.END} align={Flex.align.STRETCH}>\n            <Flex gap={Flex.gaps.SMALL}>\n                {isLabel && label.status === \"internal\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#757575\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n                            This is an internal conversation\n                        </Text>\n                    </>\n                )}\n                {isLabel && label.status === \"external\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#FF0020\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n                            This is an external conversation\n                        </Text>\n                    </>\n                )}\n            </Flex>\n            <div className={'comments-buttons'}>\n                <TextAreaField\n                    disabled={isWaiting}\n                    onChange={setText}\n                    placeholder={'What’s on your mind...'}\n                    rows={3}\n                    value={text}\n                    isResizeable={false}\n                />\n                <Button\n                    disabled={!text || isWaiting}\n                    onClick={() => onSubmit(text)}\n                    size={Button.sizes.SMALL}\n                    style={{ width: \"100%\" }}\n                >\n                    Send\n                </Button>\n            </div>\n            {/* <Button\n                onClick={onClickAttachment}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                style={{ marginTop: \"var(--spacing-small)\" }}\n            >\n                <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n                <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>Attachment</Text>\n            </Button> */}\n        </Flex>\n    );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n    return (\n        <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n            <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n                {!!label && (\n                    <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n                )}\n                <div className={'comment-user'}>\n                    {author && <UserCard user={author} />}\n                </div>\n                <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n            </Flex>\n            <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n        </Flex>\n    );\n}\n\nexport function UserCard({ user }: { user: User }) {\n    return (\n        <Flex gap={FlexGap.XS}>\n            <Avatar\n                size={Avatar.sizes.MEDIUM}\n                type={AvatarType.TEXT}\n                backgroundColor={Avatar.colors.STEEL_DARK}\n                text={toInitials(user.name)}\n            />\n            <div className={'comment-user-name'}>\n                <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n            </div>\n        </Flex>\n    );\n}\n\nfunction toInitials(fullName: string) {\n    const names = fullName.split(' ');\n\n    if (names.length === 1) {\n        return names[0].charAt(0).toUpperCase();\n    }\n\n    return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","messageContainerRef","useRef","useEffect","current","scrollTop","scrollHeight","_jsxs","Object","assign","className","_jsx","Flex","length","ref","direction","FlexDirection","COLUMN","gap","FlexGap","MEDIUM","align","FlexAlign","START","children","map","comment","i","_createElement","Comment","key","STRETCH","justify","CENTER","Text","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","directions","END","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","style","color","icon","Info","iconSize","clickable","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","_ref3","author","commentedAt","ROW","TEXT2","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}