npm - @vibe/core - Versions diffs - 3.25.0-alpha-3706c.0 → 3.25.0 - Mend

@vibe/core 3.25.0-alpha-3706c.0 → 3.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (343) hide show

package/dist/src/components/BaseInput/BaseInput.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_02a4514a5d",small:"small_3246b9b741",medium:"medium_7eccecd36e",large:"large_146a545b2a",rightThinnerPadding:"rightThinnerPadding_3fe7c50cca",input:"input_1eefb5f2d4",success:"success_24d712b80c",readOnly:"readOnly_d66dfec937",disabled:"disabled_2136b6921f",error:"error_b494d5bc88"};!function(r){const e="s_id-1f2ba40749da_3_24_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_02a4514a5d {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_02a4514a5d.small_3246b9b741 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_02a4514a5d.medium_7eccecd36e {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_02a4514a5d.large_146a545b2a {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_02a4514a5d.rightThinnerPadding_3fe7c50cca {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_02a4514a5d:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4:active, .input_1eefb5f2d4:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4:read-only) .input_1eefb5f2d4 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4:disabled) .input_1eefb5f2d4 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_02a4514a5d.success_24d712b80c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_02a4514a5d.success_24d712b80c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_02a4514a5d.success_24d712b80c:has(.input_1eefb5f2d4:active, .input_1eefb5f2d4:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_02a4514a5d:has(.input_1eefb5f2d4[aria-invalid=true]):has(.input_1eefb5f2d4:active, .input_1eefb5f2d4:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_02a4514a5d:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_02a4514a5d.readOnly_d66dfec937 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_02a4514a5d.readOnly_d66dfec937 .input_1eefb5f2d4 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_02a4514a5d.disabled_2136b6921f {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_02a4514a5d.disabled_2136b6921f .input_1eefb5f2d4 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_02a4514a5d.success_24d712b80c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_02a4514a5d.success_24d712b80c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_02a4514a5d.success_24d712b80c:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_02a4514a5d.error_b494d5bc88 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_02a4514a5d.error_b494d5bc88:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_02a4514a5d.error_b494d5bc88:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_02a4514a5d .input_1eefb5f2d4 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_02a4514a5d .input_1eefb5f2d4::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_02a4514a5d .input_1eefb5f2d4:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_1715691051",small:"small_f78be60d31",medium:"medium_666260ce3f",large:"large_0a5387177f",rightThinnerPadding:"rightThinnerPadding_1b06132db1",input:"input_c3bd1e415e",success:"success_52a6c390d8",readOnly:"readOnly_3c24d0e327",disabled:"disabled_852a1f9fe9",error:"error_ee8799e8a0"};!function(r){const e="s_id-1f2ba40749da_3_24_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_1715691051 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_1715691051.small_f78be60d31 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_1715691051.medium_666260ce3f {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_1715691051.large_0a5387177f {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_1715691051.rightThinnerPadding_1b06132db1 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_1715691051:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_1715691051:has(.input_c3bd1e415e:active, .input_c3bd1e415e:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_1715691051:has(.input_c3bd1e415e:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_1715691051:has(.input_c3bd1e415e:read-only) .input_c3bd1e415e {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_1715691051:has(.input_c3bd1e415e:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_1715691051:has(.input_c3bd1e415e:disabled) .input_c3bd1e415e {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_1715691051.success_52a6c390d8 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1715691051.success_52a6c390d8:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1715691051.success_52a6c390d8:has(.input_c3bd1e415e:active, .input_c3bd1e415e:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1715691051:has(.input_c3bd1e415e[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1715691051:has(.input_c3bd1e415e[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1715691051:has(.input_c3bd1e415e[aria-invalid=true]):has(.input_c3bd1e415e:active, .input_c3bd1e415e:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_1715691051:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_1715691051.readOnly_3c24d0e327 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_1715691051.readOnly_3c24d0e327 .input_c3bd1e415e {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_1715691051.disabled_852a1f9fe9 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_1715691051.disabled_852a1f9fe9 .input_c3bd1e415e {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_1715691051.success_52a6c390d8 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1715691051.success_52a6c390d8:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1715691051.success_52a6c390d8:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1715691051.error_ee8799e8a0 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1715691051.error_ee8799e8a0:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1715691051.error_ee8799e8a0:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_1715691051 .input_c3bd1e415e {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_1715691051 .input_c3bd1e415e::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_1715691051 .input_c3bd1e415e:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

package/dist/src/components/Box/Box.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={box:"box_c0315ff02b",scrollable:"scrollable_268be4e413",opacityDisabled:"opacityDisabled_96f8dd1265",border:"border_939034bdbd",borderColorUiBorderColor:"borderColorUiBorderColor_7bb20aab61",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_c213119825",rounded0:"rounded0_e076d6e323",roundedSmall:"roundedSmall_a37c2bfeea",roundedMedium:"roundedMedium_4c33722ad5",roundedBig:"roundedBig_fbc464cb30",shadowXs:"shadowXs_bfc6808cf8",shadowSmall:"shadowSmall_5ff570a43d",shadowMedium:"shadowMedium_39b6eb397e",shadowLarge:"shadowLarge_68f1c55634",m0:"m0_4cbd2443fd",mXs:"mXs_cf2c7696e5",mSmall:"mSmall_1e0842f775",mMedium:"mMedium_8633683029",mLarge:"mLarge_74e788bef8",mXl:"mXl_9cd0964c69",mXxl:"mXxl_635b9e303d",mXxxl:"mXxxl_865ce71407",mAuto:"mAuto_d7aec7f154",mx0:"mx0_34344dbe1b",mxXs:"mxXs_6c650060e8",mxSmall:"mxSmall_2342b4ff17",mxMedium:"mxMedium_fd41bfdc25",mxLarge:"mxLarge_fc104d198d",mxXl:"mxXl_b69410dfa9",mxXxl:"mxXxl_75f57499e7",mxXxxl:"mxXxxl_0b9c6fa9eb",mxAuto:"mxAuto_d4fd264b4a",my0:"my0_b05fd056c3",myXs:"myXs_8517565586",mySmall:"mySmall_24fccd68ee",myMedium:"myMedium_99cb64e415",myLarge:"myLarge_8e96e9a0ce",myXl:"myXl_74012c199e",myXxl:"myXxl_480c16df52",myXxxl:"myXxxl_63dafb1b36",myAuto:"myAuto_461c0367f2",mt0:"mt0_70762237cc",mtXs:"mtXs_5e1b4a5033",mtSmall:"mtSmall_ac2dff400a",mtMedium:"mtMedium_61ee93263b",mtLarge:"mtLarge_4c5193083e",mtXl:"mtXl_61aaa727b2",mtXxl:"mtXxl_63d1077145",mtXxxl:"mtXxxl_68e5b8503b",mtAuto:"mtAuto_c0af38450e",me0:"me0_f08624dff6",meXs:"meXs_dd442c8133",meSmall:"meSmall_103a97c9a4",meMedium:"meMedium_956ba767c7",meLarge:"meLarge_7bc2c11b49",meXl:"meXl_858619e267",meXxl:"meXxl_003e3b2afd",meXxxl:"meXxxl_a928795e85",meAuto:"meAuto_4e3a4b6fb2",mb0:"mb0_6d3f09a406",mbXs:"mbXs_366871f9f8",mbSmall:"mbSmall_e606310c0b",mbMedium:"mbMedium_3196cf0ee3",mbLarge:"mbLarge_0613b65dc8",mbXl:"mbXl_a8e49fb745",mbXxl:"mbXxl_013a6e45b5",mbXxxl:"mbXxxl_8256a06f53",mbAuto:"mbAuto_7f3e3d2655",ms0:"ms0_99a2bb62fc",msXs:"msXs_ec283253cb",msSmall:"msSmall_13ebb6ae0e",msMedium:"msMedium_e32bd80745",msLarge:"msLarge_203e19f55e",msXl:"msXl_4606c77ea9",msXxl:"msXxl_6184f0500a",msXxxl:"msXxxl_13bd42b5bb",msAuto:"msAuto_62f27ea9bf",p0:"p0_b2ae50c46a",pXs:"pXs_512f5e80bc",pSmall:"pSmall_1c16e157c6",pMedium:"pMedium_7370c78327",pLarge:"pLarge_bbd94adf93",pXl:"pXl_c24bfa0c34",pXxl:"pXxl_ffe66b1c79",pXxxl:"pXxxl_be7e71740c",px0:"px0_fdfdec4230",pxXs:"pxXs_846f75acc0",pxSmall:"pxSmall_7088968ed7",pxMedium:"pxMedium_73e895d6f5",pxLarge:"pxLarge_8394f2f073",pxXl:"pxXl_f3b8c54278",pxXxl:"pxXxl_e78c47f0e1",pxXxxl:"pxXxxl_376994df71",py0:"py0_984df9347c",pyXs:"pyXs_08f0dd3728",pySmall:"pySmall_d873b57abf",pyMedium:"pyMedium_01df768dbc",pyLarge:"pyLarge_fe65df002f",pyXl:"pyXl_673e46190e",pyXxl:"pyXxl_c19f295435",pyXxxl:"pyXxxl_81fca00fb9",pt0:"pt0_17defad5ec",ptXs:"ptXs_970ef896a7",ptSmall:"ptSmall_9a268b6aa1",ptMedium:"ptMedium_9c2581c6fc",ptLarge:"ptLarge_32ed1f4b5b",ptXl:"ptXl_770f7bd7dd",ptXxl:"ptXxl_a71b6f05ba",ptXxxl:"ptXxxl_419fead238",pe0:"pe0_cb4d0d7d42",peXs:"peXs_2aca5bb169",peSmall:"peSmall_ccd763fc3b",peMedium:"peMedium_11de2d5862",peLarge:"peLarge_bea50d458c",peXl:"peXl_fc524755c5",peXxl:"peXxl_cdbafefeb1",peXxxl:"peXxxl_d1a9695b22",pb0:"pb0_b78e6ccd14",pbXs:"pbXs_d3c720e78b",pbSmall:"pbSmall_04129a8833",pbMedium:"pbMedium_7497d132cf",pbLarge:"pbLarge_501950c7fe",pbXl:"pbXl_1c91c299e0",pbXxl:"pbXxl_4d8e740ccf",pbXxxl:"pbXxxl_dab86a9cbd",ps0:"ps0_175782a68a",psXs:"psXs_b5b43af986",psSmall:"psSmall_538944c6d6",psMedium:"psMedium_e580ef23b3",psLarge:"psLarge_6311b3699d",psXl:"psXl_9eb2a745e7",psXxl:"psXxl_6bd0d26758",psXxxl:"psXxxl_7e209e6b13",textPrimaryTextColor:"textPrimaryTextColor_f7644da137",textTextColorOnInverted:"textTextColorOnInverted_9ce4e49d4c",textSecondaryTextColor:"textSecondaryTextColor_904cc3e9ab",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_c07e3ac345",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_362eaf6199",bgGreyBackgroundColor:"bgGreyBackgroundColor_03556538b5",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_dcbfa6a8b9",bgInvertedColorBackground:"bgInvertedColorBackground_7e8014d4ea"};!function(n){const a="s_id-e8ebf0c89fee_3_24_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_c0315ff02b {\n  overflow: hidden;\n}\n.box_c0315ff02b.scrollable_268be4e413 {\n  overflow: auto;\n}\n.box_c0315ff02b.scrollable_268be4e413::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_c0315ff02b.scrollable_268be4e413::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_96f8dd1265 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_939034bdbd {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_7bb20aab61 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_c213119825 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_e076d6e323 {\n  border-radius: 0 !important;\n}\n.roundedSmall_a37c2bfeea {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_4c33722ad5 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_fbc464cb30 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_bfc6808cf8 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_5ff570a43d {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_39b6eb397e {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_68f1c55634 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_4cbd2443fd {\n  margin: 0 !important;\n}\n.mXs_cf2c7696e5 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_1e0842f775 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_8633683029 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_74e788bef8 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_9cd0964c69 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_635b9e303d {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_865ce71407 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_d7aec7f154 {\n  margin: auto !important;\n}\n.mx0_34344dbe1b {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_6c650060e8 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_2342b4ff17 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_fd41bfdc25 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_fc104d198d {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_b69410dfa9 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_75f57499e7 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_0b9c6fa9eb {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_d4fd264b4a {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_b05fd056c3 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_8517565586 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_24fccd68ee {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_99cb64e415 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_8e96e9a0ce {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_74012c199e {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_480c16df52 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_63dafb1b36 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_461c0367f2 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_70762237cc {\n  margin-top: 0 !important;\n}\n.mtXs_5e1b4a5033 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_ac2dff400a {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_61ee93263b {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_4c5193083e {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_61aaa727b2 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_63d1077145 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_68e5b8503b {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_c0af38450e {\n  margin-top: auto !important;\n}\n.me0_f08624dff6 {\n  margin-inline-end: 0 !important;\n}\n.meXs_dd442c8133 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_103a97c9a4 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_956ba767c7 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_7bc2c11b49 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_858619e267 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_003e3b2afd {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_a928795e85 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_4e3a4b6fb2 {\n  margin-inline-end: auto !important;\n}\n.mb0_6d3f09a406 {\n  margin-bottom: 0 !important;\n}\n.mbXs_366871f9f8 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_e606310c0b {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_3196cf0ee3 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_0613b65dc8 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_a8e49fb745 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_013a6e45b5 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_8256a06f53 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_7f3e3d2655 {\n  margin-bottom: auto !important;\n}\n.ms0_99a2bb62fc {\n  margin-inline-start: 0 !important;\n}\n.msXs_ec283253cb {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_13ebb6ae0e {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_e32bd80745 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_203e19f55e {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_4606c77ea9 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_6184f0500a {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_13bd42b5bb {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_62f27ea9bf {\n  margin-inline-start: auto !important;\n}\n.p0_b2ae50c46a {\n  padding: 0 !important;\n}\n.pXs_512f5e80bc {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_1c16e157c6 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_7370c78327 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_bbd94adf93 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_c24bfa0c34 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_ffe66b1c79 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_be7e71740c {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_fdfdec4230 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_846f75acc0 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_7088968ed7 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_73e895d6f5 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_8394f2f073 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_f3b8c54278 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_e78c47f0e1 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_376994df71 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_984df9347c {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_08f0dd3728 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_d873b57abf {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_01df768dbc {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_fe65df002f {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_673e46190e {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_c19f295435 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_81fca00fb9 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_17defad5ec {\n  padding-top: 0 !important;\n}\n.ptXs_970ef896a7 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_9a268b6aa1 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_9c2581c6fc {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_32ed1f4b5b {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_770f7bd7dd {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_a71b6f05ba {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_419fead238 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_cb4d0d7d42 {\n  padding-inline-end: 0 !important;\n}\n.peXs_2aca5bb169 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_ccd763fc3b {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_11de2d5862 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_bea50d458c {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_fc524755c5 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_cdbafefeb1 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_d1a9695b22 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_b78e6ccd14 {\n  padding-bottom: 0 !important;\n}\n.pbXs_d3c720e78b {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_04129a8833 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_7497d132cf {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_501950c7fe {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_1c91c299e0 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_4d8e740ccf {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_dab86a9cbd {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_175782a68a {\n  padding-inline-start: 0 !important;\n}\n.psXs_b5b43af986 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_538944c6d6 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_e580ef23b3 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_6311b3699d {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_9eb2a745e7 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_6bd0d26758 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_7e209e6b13 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_f7644da137 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_9ce4e49d4c {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_904cc3e9ab {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_c07e3ac345 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_362eaf6199 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_03556538b5 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_dcbfa6a8b9 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_7e8014d4ea {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_07a03cc8a5",scrollable:"scrollable_dfa7164509",opacityDisabled:"opacityDisabled_f9bd046e3a",border:"border_81293ea6b8",borderColorUiBorderColor:"borderColorUiBorderColor_dde369550b",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_c8f4b96f22",rounded0:"rounded0_f22a02750a",roundedSmall:"roundedSmall_4b77356c64",roundedMedium:"roundedMedium_b305b89996",roundedBig:"roundedBig_dd0579a114",shadowXs:"shadowXs_3f45f4436f",shadowSmall:"shadowSmall_65b2a0531d",shadowMedium:"shadowMedium_5232a5048c",shadowLarge:"shadowLarge_32d8bb36e1",m0:"m0_a809d52550",mXs:"mXs_b7fec05aa9",mSmall:"mSmall_25ba86c7b4",mMedium:"mMedium_4760c534ac",mLarge:"mLarge_01dcdb296c",mXl:"mXl_5f7dc605cb",mXxl:"mXxl_9d34023f89",mXxxl:"mXxxl_ee4a203dec",mAuto:"mAuto_4e0172b9f0",mx0:"mx0_ae65d1d50e",mxXs:"mxXs_c7523e4447",mxSmall:"mxSmall_7a914268ed",mxMedium:"mxMedium_8215e0026f",mxLarge:"mxLarge_53896a22bd",mxXl:"mxXl_67e1fad2e0",mxXxl:"mxXxl_b65ebf1423",mxXxxl:"mxXxxl_44de6641db",mxAuto:"mxAuto_a7986e96b2",my0:"my0_f9212ed27f",myXs:"myXs_ef0a0f76c3",mySmall:"mySmall_d8c23ff38d",myMedium:"myMedium_0a5d00b020",myLarge:"myLarge_290c8ddbcd",myXl:"myXl_fab2f00f37",myXxl:"myXxl_889ccfe54e",myXxxl:"myXxxl_588d5d092b",myAuto:"myAuto_7b91727dee",mt0:"mt0_3dcd0157a7",mtXs:"mtXs_d845169096",mtSmall:"mtSmall_18427bcf08",mtMedium:"mtMedium_aa6b0e5830",mtLarge:"mtLarge_60487ec32a",mtXl:"mtXl_b933afbd87",mtXxl:"mtXxl_592ff8c2cd",mtXxxl:"mtXxxl_912abab0eb",mtAuto:"mtAuto_2afe6520da",me0:"me0_4f007165d9",meXs:"meXs_c8f0e647f0",meSmall:"meSmall_9575e877ac",meMedium:"meMedium_75c1687f5e",meLarge:"meLarge_b271578804",meXl:"meXl_b478ed2025",meXxl:"meXxl_eff9c59a4f",meXxxl:"meXxxl_665476dab9",meAuto:"meAuto_7bb1923ed3",mb0:"mb0_a513977ed9",mbXs:"mbXs_00df29461f",mbSmall:"mbSmall_90542ea659",mbMedium:"mbMedium_4615255835",mbLarge:"mbLarge_219ec16c34",mbXl:"mbXl_04970f3f5d",mbXxl:"mbXxl_9bfa609e03",mbXxxl:"mbXxxl_9639f77e73",mbAuto:"mbAuto_dc905c1612",ms0:"ms0_2a62f61240",msXs:"msXs_8859f8adbe",msSmall:"msSmall_67c3af0769",msMedium:"msMedium_adfcfb8cd3",msLarge:"msLarge_04368d0209",msXl:"msXl_445bcf5a62",msXxl:"msXxl_fb503c7a56",msXxxl:"msXxxl_16be8deee9",msAuto:"msAuto_21e19b0308",p0:"p0_2c6bbd2eb9",pXs:"pXs_ecd0e33aa2",pSmall:"pSmall_2af6a906e4",pMedium:"pMedium_2754a3eeb2",pLarge:"pLarge_3ef725c3af",pXl:"pXl_ef2832694c",pXxl:"pXxl_8b93a46ef8",pXxxl:"pXxxl_1ea3a3af07",px0:"px0_9199741a7a",pxXs:"pxXs_c0b1aab9f5",pxSmall:"pxSmall_41e9d22b6d",pxMedium:"pxMedium_aef1950483",pxLarge:"pxLarge_4270b9c4dd",pxXl:"pxXl_5cab88e1e3",pxXxl:"pxXxl_9d0332e50a",pxXxxl:"pxXxxl_0ee986f54e",py0:"py0_835223e87c",pyXs:"pyXs_1ea0c2f378",pySmall:"pySmall_b31d820f1e",pyMedium:"pyMedium_d4635056c6",pyLarge:"pyLarge_ea6441a3be",pyXl:"pyXl_2eb03d8bd8",pyXxl:"pyXxl_37c68f52ca",pyXxxl:"pyXxxl_d74429e475",pt0:"pt0_6ade86f8fd",ptXs:"ptXs_e06c1d1949",ptSmall:"ptSmall_7968874cf0",ptMedium:"ptMedium_85e6d681b0",ptLarge:"ptLarge_74c228e7ab",ptXl:"ptXl_9fe58f984d",ptXxl:"ptXxl_6fb0c1b8a3",ptXxxl:"ptXxxl_506c50b7d4",pe0:"pe0_03c288d013",peXs:"peXs_0c8d13411c",peSmall:"peSmall_7d52ba0730",peMedium:"peMedium_c4e18bc4f9",peLarge:"peLarge_7b5524d0c8",peXl:"peXl_34bc614228",peXxl:"peXxl_480e59c878",peXxxl:"peXxxl_5883cd4c24",pb0:"pb0_c28e460e07",pbXs:"pbXs_a0b688d6e7",pbSmall:"pbSmall_1d7678fcf1",pbMedium:"pbMedium_3c4deb3b1e",pbLarge:"pbLarge_b012510f1d",pbXl:"pbXl_b6ee4ccf73",pbXxl:"pbXxl_1d1c776d05",pbXxxl:"pbXxxl_fa6e73c112",ps0:"ps0_83dd4142bd",psXs:"psXs_38c4bd77f1",psSmall:"psSmall_cd931343ed",psMedium:"psMedium_c23239e52e",psLarge:"psLarge_f8009dad8d",psXl:"psXl_e99c632bdb",psXxl:"psXxl_3103951b83",psXxxl:"psXxxl_d9c427f81b",textPrimaryTextColor:"textPrimaryTextColor_bff66ff1e9",textTextColorOnInverted:"textTextColorOnInverted_15d78bdfd6",textSecondaryTextColor:"textSecondaryTextColor_8f2db09106",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_09ecae9bd8",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ef53e1a67c",bgGreyBackgroundColor:"bgGreyBackgroundColor_78158df31d",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_72305d090a",bgInvertedColorBackground:"bgInvertedColorBackground_5c5e74b808"};!function(n){const a="s_id-e8ebf0c89fee_3_24_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_07a03cc8a5 {\n  overflow: hidden;\n}\n.box_07a03cc8a5.scrollable_dfa7164509 {\n  overflow: auto;\n}\n.box_07a03cc8a5.scrollable_dfa7164509::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_07a03cc8a5.scrollable_dfa7164509::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_f9bd046e3a {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_81293ea6b8 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_dde369550b {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_c8f4b96f22 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_f22a02750a {\n  border-radius: 0 !important;\n}\n.roundedSmall_4b77356c64 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_b305b89996 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_dd0579a114 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_3f45f4436f {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_65b2a0531d {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_5232a5048c {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_32d8bb36e1 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_a809d52550 {\n  margin: 0 !important;\n}\n.mXs_b7fec05aa9 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_25ba86c7b4 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_4760c534ac {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_01dcdb296c {\n  margin: var(--spacing-large) !important;\n}\n.mXl_5f7dc605cb {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_9d34023f89 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_ee4a203dec {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_4e0172b9f0 {\n  margin: auto !important;\n}\n.mx0_ae65d1d50e {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_c7523e4447 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_7a914268ed {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_8215e0026f {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_53896a22bd {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_67e1fad2e0 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_b65ebf1423 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_44de6641db {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_a7986e96b2 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_f9212ed27f {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_ef0a0f76c3 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_d8c23ff38d {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_0a5d00b020 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_290c8ddbcd {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_fab2f00f37 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_889ccfe54e {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_588d5d092b {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_7b91727dee {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_3dcd0157a7 {\n  margin-top: 0 !important;\n}\n.mtXs_d845169096 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_18427bcf08 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_aa6b0e5830 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_60487ec32a {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_b933afbd87 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_592ff8c2cd {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_912abab0eb {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_2afe6520da {\n  margin-top: auto !important;\n}\n.me0_4f007165d9 {\n  margin-inline-end: 0 !important;\n}\n.meXs_c8f0e647f0 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_9575e877ac {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_75c1687f5e {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_b271578804 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_b478ed2025 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_eff9c59a4f {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_665476dab9 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_7bb1923ed3 {\n  margin-inline-end: auto !important;\n}\n.mb0_a513977ed9 {\n  margin-bottom: 0 !important;\n}\n.mbXs_00df29461f {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_90542ea659 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_4615255835 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_219ec16c34 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_04970f3f5d {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_9bfa609e03 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_9639f77e73 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_dc905c1612 {\n  margin-bottom: auto !important;\n}\n.ms0_2a62f61240 {\n  margin-inline-start: 0 !important;\n}\n.msXs_8859f8adbe {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_67c3af0769 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_adfcfb8cd3 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_04368d0209 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_445bcf5a62 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_fb503c7a56 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_16be8deee9 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_21e19b0308 {\n  margin-inline-start: auto !important;\n}\n.p0_2c6bbd2eb9 {\n  padding: 0 !important;\n}\n.pXs_ecd0e33aa2 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_2af6a906e4 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_2754a3eeb2 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_3ef725c3af {\n  padding: var(--spacing-large) !important;\n}\n.pXl_ef2832694c {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_8b93a46ef8 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_1ea3a3af07 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_9199741a7a {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_c0b1aab9f5 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_41e9d22b6d {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_aef1950483 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_4270b9c4dd {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_5cab88e1e3 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_9d0332e50a {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_0ee986f54e {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_835223e87c {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_1ea0c2f378 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_b31d820f1e {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_d4635056c6 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_ea6441a3be {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_2eb03d8bd8 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_37c68f52ca {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_d74429e475 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_6ade86f8fd {\n  padding-top: 0 !important;\n}\n.ptXs_e06c1d1949 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_7968874cf0 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_85e6d681b0 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_74c228e7ab {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_9fe58f984d {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_6fb0c1b8a3 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_506c50b7d4 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_03c288d013 {\n  padding-inline-end: 0 !important;\n}\n.peXs_0c8d13411c {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_7d52ba0730 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_c4e18bc4f9 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_7b5524d0c8 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_34bc614228 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_480e59c878 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_5883cd4c24 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_c28e460e07 {\n  padding-bottom: 0 !important;\n}\n.pbXs_a0b688d6e7 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_1d7678fcf1 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_3c4deb3b1e {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_b012510f1d {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_b6ee4ccf73 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_1d1c776d05 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_fa6e73c112 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_83dd4142bd {\n  padding-inline-start: 0 !important;\n}\n.psXs_38c4bd77f1 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_cd931343ed {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_c23239e52e {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_f8009dad8d {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_e99c632bdb {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_3103951b83 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_d9c427f81b {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_bff66ff1e9 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_15d78bdfd6 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_8f2db09106 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_09ecae9bd8 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ef53e1a67c {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_78158df31d {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_72305d090a {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_5c5e74b808 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_52b5470ab5",withoutText:"withoutText_a553644c0c",breadcrumbText:"breadcrumbText_729ed5c49e",breadcrumbIcon:"breadcrumbIcon_a99cecbcb9",clickable:"clickable_27f88c9eb3",current:"current_b40d974868",disabled:"disabled_92b030af7f",notClickable:"notClickable_3df5afacd6"};!function(e){const n="s_id-55ff70da99a4_3_24_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_52b5470ab5 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\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.breadcrumbContent_52b5470ab5.withoutText_a553644c0c {\n  padding: 4px;\n}\na.breadcrumbContent_52b5470ab5:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_52b5470ab5 .breadcrumbText_729ed5c49e {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_52b5470ab5 .breadcrumbIcon_a99cecbcb9 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_52b5470ab5:focus {\n  outline: none;\n}\n.breadcrumbContent_52b5470ab5.clickable_27f88c9eb3 {\n  cursor: pointer;\n}\n.breadcrumbContent_52b5470ab5.clickable_27f88c9eb3:hover,\n.breadcrumbContent_52b5470ab5:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_52b5470ab5.current_b40d974868 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_52b5470ab5.disabled_92b030af7f {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_52b5470ab5.disabled_92b030af7f:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_52b5470ab5.notClickable_3df5afacd6 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_a2dc5222f0",withoutText:"withoutText_98c55d5250",breadcrumbText:"breadcrumbText_af8aeecca1",breadcrumbIcon:"breadcrumbIcon_796e0938a7",clickable:"clickable_8e1b313e47",current:"current_d53558dbc5",disabled:"disabled_4c1fd27489",notClickable:"notClickable_c95570666f"};!function(e){const n="s_id-55ff70da99a4_3_24_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_a2dc5222f0 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\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.breadcrumbContent_a2dc5222f0.withoutText_98c55d5250 {\n  padding: 4px;\n}\na.breadcrumbContent_a2dc5222f0:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_a2dc5222f0 .breadcrumbText_af8aeecca1 {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_a2dc5222f0 .breadcrumbIcon_796e0938a7 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_a2dc5222f0:focus {\n  outline: none;\n}\n.breadcrumbContent_a2dc5222f0.clickable_8e1b313e47 {\n  cursor: pointer;\n}\n.breadcrumbContent_a2dc5222f0.clickable_8e1b313e47:hover,\n.breadcrumbContent_a2dc5222f0:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_a2dc5222f0.current_d53558dbc5 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_a2dc5222f0.disabled_4c1fd27489 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_a2dc5222f0.disabled_4c1fd27489:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_a2dc5222f0.notClickable_c95570666f {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_d7d9e214a5",disabled:"disabled_2090e3de03"};!function(e){const d="s_id-03f482333e23_3_24_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_d7d9e214a5 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_d7d9e214a5.disabled_2090e3de03 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_11b1f8cda2",disabled:"disabled_b73d32d46c"};!function(e){const d="s_id-03f482333e23_3_24_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_11b1f8cda2 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_11b1f8cda2.disabled_b73d32d46c {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_01f0e0c7f9",separatorIcon:"separatorIcon_c175f49832"};!function(e){const n="s_id-24567fd55d40_3_24_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_01f0e0c7f9 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_01f0e0c7f9 ol .separatorIcon_c175f49832 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_564abb3c2e",separatorIcon:"separatorIcon_37d0287274"};!function(e){const n="s_id-24567fd55d40_3_24_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_564abb3c2e ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_564abb3c2e ol .separatorIcon_37d0287274 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

package/dist/src/components/Button/Button.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={button:"button_3e8a03e951","focus-visible":"focus-visible_5bbe61fc8e",loader:"loader_417ee3d740",loaderSvg:"loaderSvg_00aeb02ab5",textPlaceholder:"textPlaceholder_8950ce8c4f",success:"success_00134b5b66",successContent:"successContent_0196ace92d",marginRight:"marginRight_2ae679b0e8",marginLeft:"marginLeft_6eb0405b7e",rightFlat:"rightFlat_e1c8a24f36",leftFlat:"leftFlat_255cc7b892",preventClickAnimation:"preventClickAnimation_1801ea5599",leftIcon:"leftIcon_2ae679b0e8",rightIcon:"rightIcon_6eb0405b7e",sizeXxs:"sizeXxs_fd99eef56f",sizeXs:"sizeXs_c0aa617d45",sizeSmall:"sizeSmall_70a6b4f05e",sizeMedium:"sizeMedium_6c6f9df95d",sizeLarge:"sizeLarge_a5ddb49123",kindPrimary:"kindPrimary_d04a76e7a2",colorPrimary:"colorPrimary_5fd1a8b488",colorBrand:"colorBrand_f9c82c9d0c",colorPrimaryActive:"colorPrimaryActive_18c117966b",colorBrandActive:"colorBrandActive_b62d377584",colorPositive:"colorPositive_edb9529dfc",colorPositiveActive:"colorPositiveActive_0e721e89e3",colorNegative:"colorNegative_9fb1dc6938",colorNegativeActive:"colorNegativeActive_0e721e89e3",colorInverted:"colorInverted_0716407d92",colorInvertedActive:"colorInvertedActive_0e721e89e3",disabled:"disabled_99db243cb9",colorOnPrimaryColor:"colorOnPrimaryColor_422bdc6191",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_832b7644f5",colorFixedLight:"colorFixedLight_0cac543a61",colorFixedLightActive:"colorFixedLightActive_1801ea5599",colorOnInvertedBackground:"colorOnInvertedBackground_d69d499d41",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_1367293539",kindSecondary:"kindSecondary_8d786a9160",kindTertiary:"kindTertiary_84c0e7a5d1",noSidePadding:"noSidePadding_262a97ea3c",insetFocusStyle:"insetFocusStyle_dad385c7cb"};!function(o){const r="s_id-9fe829f89bf2_3_24_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_3e8a03e951 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_3e8a03e951:focus-visible, .button_3e8a03e951.focus-visible_5bbe61fc8e {\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_3e8a03e951:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.button_3e8a03e951 .loader_417ee3d740 {\n  height: 100%;\n}\n.button_3e8a03e951 .loader_417ee3d740 .loaderSvg_00aeb02ab5 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_3e8a03e951 .textPlaceholder_8950ce8c4f {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_3e8a03e951.success_00134b5b66 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_3e8a03e951.success_00134b5b66 .successContent_0196ace92d {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_2ae679b0e8 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_6eb0405b7e {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_e1c8a24f36 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_255cc7b892 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_3e8a03e951:active:not(.preventClickAnimation_1801ea5599) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_3e8a03e951 .leftIcon_2ae679b0e8 {\n  margin-right: var(--spacing-small);\n}\n.button_3e8a03e951 .rightIcon_6eb0405b7e {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_fd99eef56f {\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_c0aa617d45 {\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.sizeSmall_70a6b4f05e {\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: 32px;\n  line-height: 24px;\n}\n.sizeSmall_70a6b4f05e .loader_417ee3d740 {\n  top: 7px;\n}\n.sizeMedium_6c6f9df95d {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_a5ddb49123 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_d04a76e7a2 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_d04a76e7a2.colorPrimary_5fd1a8b488 {\n  background: var(--primary-color);\n}\n.kindPrimary_d04a76e7a2.colorBrand_f9c82c9d0c {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_d04a76e7a2.colorPrimaryActive_18c117966b,\n.kindPrimary_d04a76e7a2.colorPrimary_5fd1a8b488:hover,\n.kindPrimary_d04a76e7a2.colorPrimary_5fd1a8b488:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_d04a76e7a2.colorBrandActive_b62d377584,\n.kindPrimary_d04a76e7a2.colorBrand_f9c82c9d0c:hover,\n.kindPrimary_d04a76e7a2.colorBrand_f9c82c9d0c:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_d04a76e7a2.colorPositive_edb9529dfc {\n  background: var(--positive-color);\n}\n.kindPrimary_d04a76e7a2.colorPositiveActive_0e721e89e3,\n.kindPrimary_d04a76e7a2.colorPositive_edb9529dfc:hover,\n.kindPrimary_d04a76e7a2.colorPositive_edb9529dfc:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_d04a76e7a2.colorNegative_9fb1dc6938 {\n  background: var(--negative-color);\n}\n.kindPrimary_d04a76e7a2.colorNegativeActive_0e721e89e3,\n.kindPrimary_d04a76e7a2.colorNegative_9fb1dc6938:hover,\n.kindPrimary_d04a76e7a2.colorNegative_9fb1dc6938:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_d04a76e7a2.colorInverted_0716407d92 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_d04a76e7a2.colorInvertedActive_0e721e89e3,\n.kindPrimary_d04a76e7a2.colorInverted_0716407d92:hover,\n.kindPrimary_d04a76e7a2.colorInverted_0716407d92:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_d04a76e7a2.button_3e8a03e951.colorInverted_0716407d92.disabled_99db243cb9 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_d04a76e7a2.colorOnPrimaryColorActive_832b7644f5,\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:hover,\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_d04a76e7a2.colorOnPrimaryColorActive_832b7644f5:focus-visible, .kindPrimary_d04a76e7a2.colorOnPrimaryColorActive_832b7644f5.focus-visible_5bbe61fc8e,\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:hover:focus-visible,\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:hover.focus-visible_5bbe61fc8e,\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:focus:focus-visible,\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:focus.focus-visible_5bbe61fc8e {\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_d04a76e7a2.colorOnPrimaryColorActive_832b7644f5:focus:not(.focus-visible_5bbe61fc8e),\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:hover:focus:not(.focus-visible_5bbe61fc8e),\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191:focus:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.kindPrimary_d04a76e7a2.colorOnPrimaryColor_422bdc6191.disabled_99db243cb9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_d04a76e7a2.colorFixedLightActive_1801ea5599,\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:hover,\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_d04a76e7a2.colorFixedLightActive_1801ea5599:focus-visible, .kindPrimary_d04a76e7a2.colorFixedLightActive_1801ea5599.focus-visible_5bbe61fc8e,\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:hover:focus-visible,\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:hover.focus-visible_5bbe61fc8e,\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:focus:focus-visible,\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:focus.focus-visible_5bbe61fc8e {\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_d04a76e7a2.colorFixedLightActive_1801ea5599:focus:not(.focus-visible_5bbe61fc8e),\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:hover:focus:not(.focus-visible_5bbe61fc8e),\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61:focus:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.kindPrimary_d04a76e7a2.colorFixedLight_0cac543a61.disabled_99db243cb9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_d04a76e7a2.colorOnInvertedBackground_d69d499d41 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_d04a76e7a2.colorOnInvertedBackgroundActive_1367293539,\n.kindPrimary_d04a76e7a2.colorOnInvertedBackground_d69d499d41:hover,\n.kindPrimary_d04a76e7a2.colorOnInvertedBackground_d69d499d41:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_d04a76e7a2.button_3e8a03e951.colorOnInvertedBackground_d69d499d41.disabled_99db243cb9 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_d04a76e7a2.button_3e8a03e951.disabled_99db243cb9 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_8d786a9160 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_8d786a9160.sizeSmall_70a6b4f05e {\n  line-height: 22px;\n}\n.kindSecondary_8d786a9160.sizeMedium_6c6f9df95d {\n  line-height: 22px;\n}\n.kindSecondary_8d786a9160.sizeLarge_a5ddb49123 {\n  line-height: 22px;\n}\n.kindSecondary_8d786a9160.colorPrimaryActive_18c117966b {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_8d786a9160.colorPrimaryActive_18c117966b:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_8d786a9160.colorBrandActive_b62d377584 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_8d786a9160.colorBrandActive_b62d377584,\n.kindSecondary_8d786a9160.colorBrandActive_b62d377584:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_8d786a9160.colorPrimary_5fd1a8b488:hover:not(.colorPrimaryActive_18c117966b),\n.kindSecondary_8d786a9160.colorPrimary_5fd1a8b488:focus:not(.colorPrimaryActive_18c117966b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_8d786a9160.colorBrand_f9c82c9d0c:hover:not(.colorBrandActive_b62d377584),\n.kindSecondary_8d786a9160.colorBrand_f9c82c9d0c:focus:not(.colorBrandActive_b62d377584) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_8d786a9160.colorPositive_edb9529dfc {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_8d786a9160.colorPositiveActive_0e721e89e3,\n.kindSecondary_8d786a9160.colorPositive_edb9529dfc:hover,\n.kindSecondary_8d786a9160.colorPositive_edb9529dfc:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_8d786a9160.colorNegative_9fb1dc6938 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_8d786a9160.colorNegativeActive_0e721e89e3,\n.kindSecondary_8d786a9160.colorNegative_9fb1dc6938:hover,\n.kindSecondary_8d786a9160.colorNegative_9fb1dc6938:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_8d786a9160.colorInverted_0716407d92 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_8d786a9160.colorInvertedActive_0e721e89e3,\n.kindSecondary_8d786a9160.colorInverted_0716407d92:hover,\n.kindSecondary_8d786a9160.colorInverted_0716407d92:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_8d786a9160.colorInverted_0716407d92.disabled_99db243cb9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_8d786a9160.colorOnPrimaryColorActive_832b7644f5,\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:hover,\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_8d786a9160.colorOnPrimaryColorActive_832b7644f5:focus-visible, .kindSecondary_8d786a9160.colorOnPrimaryColorActive_832b7644f5.focus-visible_5bbe61fc8e,\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:hover:focus-visible,\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:hover.focus-visible_5bbe61fc8e,\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:focus:focus-visible,\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:focus.focus-visible_5bbe61fc8e {\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_8d786a9160.colorOnPrimaryColorActive_832b7644f5:focus:not(.focus-visible_5bbe61fc8e),\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:hover:focus:not(.focus-visible_5bbe61fc8e),\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191:focus:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.kindSecondary_8d786a9160.colorOnPrimaryColor_422bdc6191.disabled_99db243cb9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_8d786a9160.colorFixedLightActive_1801ea5599,\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:hover,\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_8d786a9160.colorFixedLightActive_1801ea5599:focus-visible, .kindSecondary_8d786a9160.colorFixedLightActive_1801ea5599.focus-visible_5bbe61fc8e,\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:hover:focus-visible,\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:hover.focus-visible_5bbe61fc8e,\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:focus:focus-visible,\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:focus.focus-visible_5bbe61fc8e {\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_8d786a9160.colorFixedLightActive_1801ea5599:focus:not(.focus-visible_5bbe61fc8e),\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:hover:focus:not(.focus-visible_5bbe61fc8e),\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61:focus:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.kindSecondary_8d786a9160.colorOnInvertedBackground_d69d499d41 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_8d786a9160.colorOnInvertedBackgroundActive_1367293539,\n.kindSecondary_8d786a9160.colorOnInvertedBackground_d69d499d41:hover,\n.kindSecondary_8d786a9160.colorOnInvertedBackground_d69d499d41:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_8d786a9160.colorOnInvertedBackground_d69d499d41.disabled_99db243cb9 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_8d786a9160.colorFixedLight_0cac543a61.disabled_99db243cb9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_8d786a9160.disabled_99db243cb9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_8d786a9160.disabled_99db243cb9:hover {\n  background-color: transparent;\n}\n.kindTertiary_84c0e7a5d1 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_84c0e7a5d1.colorPrimaryActive_18c117966b {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_84c0e7a5d1.colorPrimaryActive_18c117966b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_84c0e7a5d1.colorBrandActive_b62d377584 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_84c0e7a5d1.colorBrandActive_b62d377584,\n.kindTertiary_84c0e7a5d1.colorBrandActive_b62d377584:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_84c0e7a5d1.colorPrimary_5fd1a8b488:hover:not(.colorPrimaryActive_18c117966b),\n.kindTertiary_84c0e7a5d1.colorPrimary_5fd1a8b488:focus:not(.colorPrimaryActive_18c117966b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_84c0e7a5d1.colorBrand_f9c82c9d0c:hover:not(.colorBrandActive_b62d377584),\n.kindTertiary_84c0e7a5d1.colorBrand_f9c82c9d0c:focus:not(.colorBrandActive_b62d377584) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_84c0e7a5d1.colorPositive_edb9529dfc {\n  color: var(--positive-color);\n}\n.kindTertiary_84c0e7a5d1.colorPositiveActive_0e721e89e3,\n.kindTertiary_84c0e7a5d1.colorPositive_edb9529dfc:hover,\n.kindTertiary_84c0e7a5d1.colorPositive_edb9529dfc:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_84c0e7a5d1.colorNegative_9fb1dc6938 {\n  color: var(--negative-color);\n}\n.kindTertiary_84c0e7a5d1.colorNegativeActive_0e721e89e3,\n.kindTertiary_84c0e7a5d1.colorNegative_9fb1dc6938:hover,\n.kindTertiary_84c0e7a5d1.colorNegative_9fb1dc6938:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_84c0e7a5d1.colorInverted_0716407d92 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_84c0e7a5d1.colorInvertedActive_0e721e89e3,\n.kindTertiary_84c0e7a5d1.colorInverted_0716407d92:hover,\n.kindTertiary_84c0e7a5d1.colorInverted_0716407d92:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_84c0e7a5d1.colorInverted_0716407d92.disabled_99db243cb9 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColorActive_832b7644f5,\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:hover,\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColorActive_832b7644f5:focus-visible, .kindTertiary_84c0e7a5d1.colorOnPrimaryColorActive_832b7644f5.focus-visible_5bbe61fc8e,\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:hover:focus-visible,\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:hover.focus-visible_5bbe61fc8e,\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:focus:focus-visible,\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:focus.focus-visible_5bbe61fc8e {\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_84c0e7a5d1.colorOnPrimaryColorActive_832b7644f5:focus:not(.focus-visible_5bbe61fc8e),\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:hover:focus:not(.focus-visible_5bbe61fc8e),\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191:focus:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.kindTertiary_84c0e7a5d1.colorOnPrimaryColor_422bdc6191.disabled_99db243cb9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_84c0e7a5d1.colorFixedLightActive_1801ea5599,\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:hover,\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_84c0e7a5d1.colorFixedLightActive_1801ea5599:focus-visible, .kindTertiary_84c0e7a5d1.colorFixedLightActive_1801ea5599.focus-visible_5bbe61fc8e,\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:hover:focus-visible,\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:hover.focus-visible_5bbe61fc8e,\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:focus:focus-visible,\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:focus.focus-visible_5bbe61fc8e {\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_84c0e7a5d1.colorFixedLightActive_1801ea5599:focus:not(.focus-visible_5bbe61fc8e),\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:hover:focus:not(.focus-visible_5bbe61fc8e),\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61:focus:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.kindTertiary_84c0e7a5d1.colorFixedLight_0cac543a61.disabled_99db243cb9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_84c0e7a5d1.colorOnInvertedBackground_d69d499d41 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_84c0e7a5d1.colorOnInvertedBackgroundActive_1367293539,\n.kindTertiary_84c0e7a5d1.colorOnInvertedBackground_d69d499d41:hover,\n.kindTertiary_84c0e7a5d1.colorOnInvertedBackground_d69d499d41:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_84c0e7a5d1.colorOnInvertedBackground_d69d499d41.disabled_99db243cb9 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_84c0e7a5d1.disabled_99db243cb9 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_84c0e7a5d1.disabled_99db243cb9:hover {\n  background-color: transparent;\n}\n.noSidePadding_262a97ea3c {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_3e8a03e951.insetFocusStyle_dad385c7cb:focus-visible, .button_3e8a03e951.insetFocusStyle_dad385c7cb.focus-visible_5bbe61fc8e {\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_3e8a03e951.insetFocusStyle_dad385c7cb:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_ac06e5a427","focus-visible":"focus-visible_b3adf3121c",loader:"loader_43011379fa",loaderSvg:"loaderSvg_e99016186d",textPlaceholder:"textPlaceholder_99248fb27a",success:"success_2654322169",successContent:"successContent_3c72597f47",marginRight:"marginRight_8eee95ae76",marginLeft:"marginLeft_4981020850",rightFlat:"rightFlat_065eb529f7",leftFlat:"leftFlat_04b1976f3c",preventClickAnimation:"preventClickAnimation_558f0dfba8",leftIcon:"leftIcon_8eee95ae76",rightIcon:"rightIcon_4981020850",sizeXxs:"sizeXxs_e3123ba9b1",sizeXs:"sizeXs_c6c8616341",sizeSmall:"sizeSmall_a18c8d5d5b",sizeMedium:"sizeMedium_d572598604",sizeLarge:"sizeLarge_5e35f70fd7",kindPrimary:"kindPrimary_2ebf3ff743",colorPrimary:"colorPrimary_61c60a7d25",colorBrand:"colorBrand_305a8f8afd",colorPrimaryActive:"colorPrimaryActive_90c4b3385e",colorBrandActive:"colorBrandActive_34163fddaf",colorPositive:"colorPositive_309b8ea1d9",colorPositiveActive:"colorPositiveActive_55bfcada51",colorNegative:"colorNegative_982adefccc",colorNegativeActive:"colorNegativeActive_55bfcada51",colorInverted:"colorInverted_77612ae545",colorInvertedActive:"colorInvertedActive_55bfcada51",disabled:"disabled_0fa7656bef",colorOnPrimaryColor:"colorOnPrimaryColor_72de2cd6b7",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_981e2d6086",colorFixedLight:"colorFixedLight_5ff16c9d0f",colorFixedLightActive:"colorFixedLightActive_558f0dfba8",colorOnInvertedBackground:"colorOnInvertedBackground_5e926a349f",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_90f2f45dc7",kindSecondary:"kindSecondary_3422016b42",kindTertiary:"kindTertiary_f5d25eb15c",noSidePadding:"noSidePadding_d57b7e2f0d",insetFocusStyle:"insetFocusStyle_911b5a2c30"};!function(o){const r="s_id-9fe829f89bf2_3_24_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_ac06e5a427 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_ac06e5a427:focus-visible, .button_ac06e5a427.focus-visible_b3adf3121c {\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_ac06e5a427:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.button_ac06e5a427 .loader_43011379fa {\n  height: 100%;\n}\n.button_ac06e5a427 .loader_43011379fa .loaderSvg_e99016186d {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_ac06e5a427 .textPlaceholder_99248fb27a {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_ac06e5a427.success_2654322169 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_ac06e5a427.success_2654322169 .successContent_3c72597f47 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_8eee95ae76 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_4981020850 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_065eb529f7 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_04b1976f3c {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_ac06e5a427:active:not(.preventClickAnimation_558f0dfba8) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_ac06e5a427 .leftIcon_8eee95ae76 {\n  margin-right: var(--spacing-small);\n}\n.button_ac06e5a427 .rightIcon_4981020850 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_e3123ba9b1 {\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_c6c8616341 {\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.sizeSmall_a18c8d5d5b {\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: 32px;\n  line-height: 24px;\n}\n.sizeSmall_a18c8d5d5b .loader_43011379fa {\n  top: 7px;\n}\n.sizeMedium_d572598604 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_5e35f70fd7 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_2ebf3ff743 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2ebf3ff743.colorPrimary_61c60a7d25 {\n  background: var(--primary-color);\n}\n.kindPrimary_2ebf3ff743.colorBrand_305a8f8afd {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_2ebf3ff743.colorPrimaryActive_90c4b3385e,\n.kindPrimary_2ebf3ff743.colorPrimary_61c60a7d25:hover,\n.kindPrimary_2ebf3ff743.colorPrimary_61c60a7d25:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_2ebf3ff743.colorBrandActive_34163fddaf,\n.kindPrimary_2ebf3ff743.colorBrand_305a8f8afd:hover,\n.kindPrimary_2ebf3ff743.colorBrand_305a8f8afd:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_2ebf3ff743.colorPositive_309b8ea1d9 {\n  background: var(--positive-color);\n}\n.kindPrimary_2ebf3ff743.colorPositiveActive_55bfcada51,\n.kindPrimary_2ebf3ff743.colorPositive_309b8ea1d9:hover,\n.kindPrimary_2ebf3ff743.colorPositive_309b8ea1d9:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_2ebf3ff743.colorNegative_982adefccc {\n  background: var(--negative-color);\n}\n.kindPrimary_2ebf3ff743.colorNegativeActive_55bfcada51,\n.kindPrimary_2ebf3ff743.colorNegative_982adefccc:hover,\n.kindPrimary_2ebf3ff743.colorNegative_982adefccc:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_2ebf3ff743.colorInverted_77612ae545 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_2ebf3ff743.colorInvertedActive_55bfcada51,\n.kindPrimary_2ebf3ff743.colorInverted_77612ae545:hover,\n.kindPrimary_2ebf3ff743.colorInverted_77612ae545:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_2ebf3ff743.button_ac06e5a427.colorInverted_77612ae545.disabled_0fa7656bef {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_2ebf3ff743.colorOnPrimaryColorActive_981e2d6086,\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:hover,\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_2ebf3ff743.colorOnPrimaryColorActive_981e2d6086:focus-visible, .kindPrimary_2ebf3ff743.colorOnPrimaryColorActive_981e2d6086.focus-visible_b3adf3121c,\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:hover:focus-visible,\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:hover.focus-visible_b3adf3121c,\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:focus:focus-visible,\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:focus.focus-visible_b3adf3121c {\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_2ebf3ff743.colorOnPrimaryColorActive_981e2d6086:focus:not(.focus-visible_b3adf3121c),\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:hover:focus:not(.focus-visible_b3adf3121c),\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7:focus:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.kindPrimary_2ebf3ff743.colorOnPrimaryColor_72de2cd6b7.disabled_0fa7656bef {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_2ebf3ff743.colorFixedLightActive_558f0dfba8,\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:hover,\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_2ebf3ff743.colorFixedLightActive_558f0dfba8:focus-visible, .kindPrimary_2ebf3ff743.colorFixedLightActive_558f0dfba8.focus-visible_b3adf3121c,\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:hover:focus-visible,\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:hover.focus-visible_b3adf3121c,\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:focus:focus-visible,\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:focus.focus-visible_b3adf3121c {\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_2ebf3ff743.colorFixedLightActive_558f0dfba8:focus:not(.focus-visible_b3adf3121c),\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:hover:focus:not(.focus-visible_b3adf3121c),\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f:focus:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.kindPrimary_2ebf3ff743.colorFixedLight_5ff16c9d0f.disabled_0fa7656bef {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2ebf3ff743.colorOnInvertedBackground_5e926a349f {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_2ebf3ff743.colorOnInvertedBackgroundActive_90f2f45dc7,\n.kindPrimary_2ebf3ff743.colorOnInvertedBackground_5e926a349f:hover,\n.kindPrimary_2ebf3ff743.colorOnInvertedBackground_5e926a349f:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_2ebf3ff743.button_ac06e5a427.colorOnInvertedBackground_5e926a349f.disabled_0fa7656bef {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_2ebf3ff743.button_ac06e5a427.disabled_0fa7656bef {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_3422016b42 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_3422016b42.sizeSmall_a18c8d5d5b {\n  line-height: 22px;\n}\n.kindSecondary_3422016b42.sizeMedium_d572598604 {\n  line-height: 22px;\n}\n.kindSecondary_3422016b42.sizeLarge_5e35f70fd7 {\n  line-height: 22px;\n}\n.kindSecondary_3422016b42.colorPrimaryActive_90c4b3385e {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_3422016b42.colorPrimaryActive_90c4b3385e:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_3422016b42.colorBrandActive_34163fddaf {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_3422016b42.colorBrandActive_34163fddaf,\n.kindSecondary_3422016b42.colorBrandActive_34163fddaf:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_3422016b42.colorPrimary_61c60a7d25:hover:not(.colorPrimaryActive_90c4b3385e),\n.kindSecondary_3422016b42.colorPrimary_61c60a7d25:focus:not(.colorPrimaryActive_90c4b3385e) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3422016b42.colorBrand_305a8f8afd:hover:not(.colorBrandActive_34163fddaf),\n.kindSecondary_3422016b42.colorBrand_305a8f8afd:focus:not(.colorBrandActive_34163fddaf) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3422016b42.colorPositive_309b8ea1d9 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_3422016b42.colorPositiveActive_55bfcada51,\n.kindSecondary_3422016b42.colorPositive_309b8ea1d9:hover,\n.kindSecondary_3422016b42.colorPositive_309b8ea1d9:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_3422016b42.colorNegative_982adefccc {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_3422016b42.colorNegativeActive_55bfcada51,\n.kindSecondary_3422016b42.colorNegative_982adefccc:hover,\n.kindSecondary_3422016b42.colorNegative_982adefccc:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_3422016b42.colorInverted_77612ae545 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_3422016b42.colorInvertedActive_55bfcada51,\n.kindSecondary_3422016b42.colorInverted_77612ae545:hover,\n.kindSecondary_3422016b42.colorInverted_77612ae545:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3422016b42.colorInverted_77612ae545.disabled_0fa7656bef {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_3422016b42.colorOnPrimaryColorActive_981e2d6086,\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:hover,\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_3422016b42.colorOnPrimaryColorActive_981e2d6086:focus-visible, .kindSecondary_3422016b42.colorOnPrimaryColorActive_981e2d6086.focus-visible_b3adf3121c,\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:hover:focus-visible,\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:hover.focus-visible_b3adf3121c,\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:focus:focus-visible,\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:focus.focus-visible_b3adf3121c {\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_3422016b42.colorOnPrimaryColorActive_981e2d6086:focus:not(.focus-visible_b3adf3121c),\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:hover:focus:not(.focus-visible_b3adf3121c),\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7:focus:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.kindSecondary_3422016b42.colorOnPrimaryColor_72de2cd6b7.disabled_0fa7656bef {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_3422016b42.colorFixedLightActive_558f0dfba8,\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:hover,\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_3422016b42.colorFixedLightActive_558f0dfba8:focus-visible, .kindSecondary_3422016b42.colorFixedLightActive_558f0dfba8.focus-visible_b3adf3121c,\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:hover:focus-visible,\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:hover.focus-visible_b3adf3121c,\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:focus:focus-visible,\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:focus.focus-visible_b3adf3121c {\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_3422016b42.colorFixedLightActive_558f0dfba8:focus:not(.focus-visible_b3adf3121c),\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:hover:focus:not(.focus-visible_b3adf3121c),\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f:focus:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.kindSecondary_3422016b42.colorOnInvertedBackground_5e926a349f {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_3422016b42.colorOnInvertedBackgroundActive_90f2f45dc7,\n.kindSecondary_3422016b42.colorOnInvertedBackground_5e926a349f:hover,\n.kindSecondary_3422016b42.colorOnInvertedBackground_5e926a349f:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_3422016b42.colorOnInvertedBackground_5e926a349f.disabled_0fa7656bef {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_3422016b42.colorFixedLight_5ff16c9d0f.disabled_0fa7656bef {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_3422016b42.disabled_0fa7656bef {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_3422016b42.disabled_0fa7656bef:hover {\n  background-color: transparent;\n}\n.kindTertiary_f5d25eb15c {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_f5d25eb15c.colorPrimaryActive_90c4b3385e {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_f5d25eb15c.colorPrimaryActive_90c4b3385e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f5d25eb15c.colorBrandActive_34163fddaf {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_f5d25eb15c.colorBrandActive_34163fddaf,\n.kindTertiary_f5d25eb15c.colorBrandActive_34163fddaf:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_f5d25eb15c.colorPrimary_61c60a7d25:hover:not(.colorPrimaryActive_90c4b3385e),\n.kindTertiary_f5d25eb15c.colorPrimary_61c60a7d25:focus:not(.colorPrimaryActive_90c4b3385e) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f5d25eb15c.colorBrand_305a8f8afd:hover:not(.colorBrandActive_34163fddaf),\n.kindTertiary_f5d25eb15c.colorBrand_305a8f8afd:focus:not(.colorBrandActive_34163fddaf) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f5d25eb15c.colorPositive_309b8ea1d9 {\n  color: var(--positive-color);\n}\n.kindTertiary_f5d25eb15c.colorPositiveActive_55bfcada51,\n.kindTertiary_f5d25eb15c.colorPositive_309b8ea1d9:hover,\n.kindTertiary_f5d25eb15c.colorPositive_309b8ea1d9:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_f5d25eb15c.colorNegative_982adefccc {\n  color: var(--negative-color);\n}\n.kindTertiary_f5d25eb15c.colorNegativeActive_55bfcada51,\n.kindTertiary_f5d25eb15c.colorNegative_982adefccc:hover,\n.kindTertiary_f5d25eb15c.colorNegative_982adefccc:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_f5d25eb15c.colorInverted_77612ae545 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_f5d25eb15c.colorInvertedActive_55bfcada51,\n.kindTertiary_f5d25eb15c.colorInverted_77612ae545:hover,\n.kindTertiary_f5d25eb15c.colorInverted_77612ae545:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f5d25eb15c.colorInverted_77612ae545.disabled_0fa7656bef {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f5d25eb15c.colorOnPrimaryColorActive_981e2d6086,\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:hover,\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f5d25eb15c.colorOnPrimaryColorActive_981e2d6086:focus-visible, .kindTertiary_f5d25eb15c.colorOnPrimaryColorActive_981e2d6086.focus-visible_b3adf3121c,\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:hover:focus-visible,\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:hover.focus-visible_b3adf3121c,\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:focus:focus-visible,\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:focus.focus-visible_b3adf3121c {\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_f5d25eb15c.colorOnPrimaryColorActive_981e2d6086:focus:not(.focus-visible_b3adf3121c),\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:hover:focus:not(.focus-visible_b3adf3121c),\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7:focus:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.kindTertiary_f5d25eb15c.colorOnPrimaryColor_72de2cd6b7.disabled_0fa7656bef {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f5d25eb15c.colorFixedLightActive_558f0dfba8,\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:hover,\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f5d25eb15c.colorFixedLightActive_558f0dfba8:focus-visible, .kindTertiary_f5d25eb15c.colorFixedLightActive_558f0dfba8.focus-visible_b3adf3121c,\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:hover:focus-visible,\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:hover.focus-visible_b3adf3121c,\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:focus:focus-visible,\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:focus.focus-visible_b3adf3121c {\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_f5d25eb15c.colorFixedLightActive_558f0dfba8:focus:not(.focus-visible_b3adf3121c),\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:hover:focus:not(.focus-visible_b3adf3121c),\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f:focus:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.kindTertiary_f5d25eb15c.colorFixedLight_5ff16c9d0f.disabled_0fa7656bef {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f5d25eb15c.colorOnInvertedBackground_5e926a349f {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f5d25eb15c.colorOnInvertedBackgroundActive_90f2f45dc7,\n.kindTertiary_f5d25eb15c.colorOnInvertedBackground_5e926a349f:hover,\n.kindTertiary_f5d25eb15c.colorOnInvertedBackground_5e926a349f:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_f5d25eb15c.colorOnInvertedBackground_5e926a349f.disabled_0fa7656bef {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f5d25eb15c.disabled_0fa7656bef {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_f5d25eb15c.disabled_0fa7656bef:hover {\n  background-color: transparent;\n}\n.noSidePadding_d57b7e2f0d {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_ac06e5a427.insetFocusStyle_911b5a2c30:focus-visible, .button_ac06e5a427.insetFocusStyle_911b5a2c30.focus-visible_b3adf3121c {\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_ac06e5a427.insetFocusStyle_911b5a2c30:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_2e42912d45",subTextContainer:"subTextContainer_080347dff5",buttonsContainer:"buttonsContainer_9c23292593",button:"button_b8592fd0ea",activeButton:"activeButton_18c117966b",optionText:"optionText_dfbab11705",disabled:"disabled_2090e3de03",selected:"selected_d19feb5c4c",kindTertiary:"kindTertiary_692c35c16f",wrapper:"wrapper_0de78d7864",buttonDisabled:"buttonDisabled_23aa205244",fullWidth:"fullWidth_a2e62c4ba2"};!function(n){const e="s_id-51d51089eef9_3_24_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_2e42912d45 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_080347dff5 {\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_9c23292593 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_9c23292593 .button_b8592fd0ea {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_9c23292593 .button_b8592fd0ea.activeButton_18c117966b {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_9c23292593 .button_b8592fd0ea.activeButton_18c117966b:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_dfbab11705:not(.disabled_2090e3de03) {\n  color: var(--primary-text-color);\n}\n\n.optionText_dfbab11705:not(.disabled_2090e3de03).selected_d19feb5c4c {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_692c35c16f .button_b8592fd0ea {\n  border-color: transparent;\n}\n\n.kindTertiary_692c35c16f .button_b8592fd0ea:first-child {\n  border-color: transparent;\n}\n\n.wrapper_0de78d7864.disabled_2090e3de03 {\n  cursor: not-allowed;\n}\n\n.button_b8592fd0ea.disabled_2090e3de03 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_b8592fd0ea.buttonDisabled_23aa205244 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_a2e62c4ba2 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_b0516f0d61",subTextContainer:"subTextContainer_bd849464e7",buttonsContainer:"buttonsContainer_f97351bd50",button:"button_c2e9332444",activeButton:"activeButton_90c4b3385e",optionText:"optionText_81181a4856",disabled:"disabled_b73d32d46c",selected:"selected_d2be0d5d68",kindTertiary:"kindTertiary_562e5ad8a9",wrapper:"wrapper_dea879d964",buttonDisabled:"buttonDisabled_febfb63ed8",fullWidth:"fullWidth_9bf2bfd7a1"};!function(n){const o="s_id-51d51089eef9_3_24_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_b0516f0d61 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_bd849464e7 {\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_f97351bd50 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_f97351bd50 .button_c2e9332444 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_f97351bd50 .button_c2e9332444.activeButton_90c4b3385e {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_f97351bd50 .button_c2e9332444.activeButton_90c4b3385e:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_81181a4856:not(.disabled_b73d32d46c) {\n  color: var(--primary-text-color);\n}\n\n.optionText_81181a4856:not(.disabled_b73d32d46c).selected_d2be0d5d68 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_562e5ad8a9 .button_c2e9332444 {\n  border-color: transparent;\n}\n\n.kindTertiary_562e5ad8a9 .button_c2e9332444:first-child {\n  border-color: transparent;\n}\n\n.wrapper_dea879d964.disabled_b73d32d46c {\n  cursor: not-allowed;\n}\n\n.button_c2e9332444.disabled_b73d32d46c {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_c2e9332444.buttonDisabled_febfb63ed8 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_9bf2bfd7a1 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

package/dist/src/components/Checkbox/Checkbox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_106518fb57",checkbox:"checkbox_23d3bfa855",icon:"icon_59405ed646",label:"label_29464afcd5",input:"input_570b17c846",checkboxGrowAnimation:"checkboxGrowAnimation_6f0a06f6df"};!function(n){const e="s_id-a622c58c4e9d_3_24_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_106518fb57 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_23d3bfa855 {\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(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_23d3bfa855: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_23d3bfa855:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_59405ed646 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_29464afcd5 {\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_570b17c846 {\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_570b17c846:focus + .checkbox_23d3bfa855 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_570b17c846:focus:checked + .checkbox_23d3bfa855 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_570b17c846:focus-visible + .checkbox_23d3bfa855 {\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_570b17c846:checked:focus + .checkbox_23d3bfa855:after,\n.input_570b17c846:indeterminate:focus + .checkbox_23d3bfa855:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_570b17c846:checked + .checkbox_23d3bfa855,\n.input_570b17c846:indeterminate + .checkbox_23d3bfa855 {\n  animation: checkboxGrowAnimation_6f0a06f6df var(--motion-productive-short);\n}\n\n.input_570b17c846:checked + .checkbox_23d3bfa855,\n.input_570b17c846:indeterminate + .checkbox_23d3bfa855 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_570b17c846:checked + .checkbox_23d3bfa855:hover,\n.input_570b17c846:indeterminate + .checkbox_23d3bfa855:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_570b17c846:checked + .checkbox_23d3bfa855:hover:after,\n.input_570b17c846:indeterminate + .checkbox_23d3bfa855:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_570b17c846:checked + .checkbox_23d3bfa855:after,\n.input_570b17c846:indeterminate + .checkbox_23d3bfa855: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_570b17c846:checked + .checkbox_23d3bfa855 > .icon_59405ed646,\n.input_570b17c846:indeterminate + .checkbox_23d3bfa855 > .icon_59405ed646 {\n  visibility: visible;\n}\n\n.input_570b17c846:checked:disabled + .checkbox_23d3bfa855:after,\n.input_570b17c846:indeterminate:disabled + .checkbox_23d3bfa855:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_570b17c846:disabled + .checkbox_23d3bfa855,\n.input_570b17c846:disabled + .checkbox_23d3bfa855:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_570b17c846:disabled + .checkbox_23d3bfa855 .icon_59405ed646,\n.input_570b17c846:disabled + .checkbox_23d3bfa855:hover .icon_59405ed646 {\n  color: var(--disabled-text-color);\n}\n\n.input_570b17c846:disabled + .checkbox_23d3bfa855,\n.input_570b17c846:disabled + .checkbox_23d3bfa855:hover {\n  cursor: not-allowed;\n}\n\n.input_570b17c846:disabled ~ .label_29464afcd5 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_6f0a06f6df {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_5754191851",checkbox:"checkbox_881b4c3f38",icon:"icon_eec8dc0d6b",label:"label_ddf87fb942",input:"input_85fd0572ff",checkboxGrowAnimation:"checkboxGrowAnimation_01c1ac38e0"};!function(n){const e="s_id-a622c58c4e9d_3_24_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_5754191851 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_881b4c3f38 {\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(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_881b4c3f38: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_881b4c3f38:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_eec8dc0d6b {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_ddf87fb942 {\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_85fd0572ff {\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_85fd0572ff:focus + .checkbox_881b4c3f38 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_85fd0572ff:focus:checked + .checkbox_881b4c3f38 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_85fd0572ff:focus-visible + .checkbox_881b4c3f38 {\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_85fd0572ff:checked:focus + .checkbox_881b4c3f38:after,\n.input_85fd0572ff:indeterminate:focus + .checkbox_881b4c3f38:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_85fd0572ff:checked + .checkbox_881b4c3f38,\n.input_85fd0572ff:indeterminate + .checkbox_881b4c3f38 {\n  animation: checkboxGrowAnimation_01c1ac38e0 var(--motion-productive-short);\n}\n\n.input_85fd0572ff:checked + .checkbox_881b4c3f38,\n.input_85fd0572ff:indeterminate + .checkbox_881b4c3f38 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_85fd0572ff:checked + .checkbox_881b4c3f38:hover,\n.input_85fd0572ff:indeterminate + .checkbox_881b4c3f38:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_85fd0572ff:checked + .checkbox_881b4c3f38:hover:after,\n.input_85fd0572ff:indeterminate + .checkbox_881b4c3f38:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_85fd0572ff:checked + .checkbox_881b4c3f38:after,\n.input_85fd0572ff:indeterminate + .checkbox_881b4c3f38: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_85fd0572ff:checked + .checkbox_881b4c3f38 > .icon_eec8dc0d6b,\n.input_85fd0572ff:indeterminate + .checkbox_881b4c3f38 > .icon_eec8dc0d6b {\n  visibility: visible;\n}\n\n.input_85fd0572ff:checked:disabled + .checkbox_881b4c3f38:after,\n.input_85fd0572ff:indeterminate:disabled + .checkbox_881b4c3f38:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_85fd0572ff:disabled + .checkbox_881b4c3f38,\n.input_85fd0572ff:disabled + .checkbox_881b4c3f38:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_85fd0572ff:disabled + .checkbox_881b4c3f38 .icon_eec8dc0d6b,\n.input_85fd0572ff:disabled + .checkbox_881b4c3f38:hover .icon_eec8dc0d6b {\n  color: var(--disabled-text-color);\n}\n\n.input_85fd0572ff:disabled + .checkbox_881b4c3f38,\n.input_85fd0572ff:disabled + .checkbox_881b4c3f38:hover {\n  cursor: not-allowed;\n}\n\n.input_85fd0572ff:disabled ~ .label_ddf87fb942 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_01c1ac38e0 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/src/components/Chips/Chips.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_27f88c9eb3","focus-visible":"focus-visible_5bbe61fc8e",disabled:"disabled_4391183a53",disableTextSelection:"disableTextSelection_deff0c4c17",chips:"chips_86008beadd","chips-pop-in-emphasized":"chips-pop-in-emphasized_8c506cb64b",border:"border_c97a132e72",withUserSelect:"withUserSelect_5707bdc642",label:"label_43425797b8",noAnimation:"noAnimation_aa673e7275",icon:"icon_0638ccd574",avatar:"avatar_f2ab78f6b7",customRenderer:"customRenderer_a540ed6888",left:"left_3967cc3b89",right:"right_f5e925e70e",close:"close_4d5441a653",defaultCursor:"defaultCursor_4391183a53"};!function(e){const n="s_id-a8c9f55659fd_3_24_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_27f88c9eb3 {\n  cursor: pointer;\n}\n.clickable_27f88c9eb3:focus-visible, .clickable_27f88c9eb3.focus-visible_5bbe61fc8e {\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_27f88c9eb3:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.clickable_27f88c9eb3.disabled_4391183a53 {\n  cursor: default;\n}\n.disableTextSelection_deff0c4c17 {\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}\n.chips_86008beadd {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_8c506cb64b var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_86008beadd.border_c97a132e72 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_86008beadd.withUserSelect_5707bdc642 {\n  user-select: text;\n  cursor: text;\n}\n.chips_86008beadd .label_43425797b8 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_86008beadd.noAnimation_aa673e7275 {\n  animation: none;\n}\n.chips_86008beadd .icon_0638ccd574,\n.chips_86008beadd .avatar_f2ab78f6b7,\n.chips_86008beadd .customRenderer_a540ed6888 {\n  min-width: 18px;\n}\n.chips_86008beadd .icon_0638ccd574.left_3967cc3b89,\n.chips_86008beadd .avatar_f2ab78f6b7.left_3967cc3b89,\n.chips_86008beadd .customRenderer_a540ed6888.left_3967cc3b89 {\n  margin-right: var(--spacing-xs);\n}\n.chips_86008beadd .icon_0638ccd574.right_f5e925e70e,\n.chips_86008beadd .avatar_f2ab78f6b7.right_f5e925e70e,\n.chips_86008beadd .customRenderer_a540ed6888.right_f5e925e70e {\n  margin-left: var(--spacing-xs);\n}\n.chips_86008beadd .icon_0638ccd574.close_4d5441a653,\n.chips_86008beadd .avatar_f2ab78f6b7.close_4d5441a653,\n.chips_86008beadd .customRenderer_a540ed6888.close_4d5441a653 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_86008beadd.disabled_4391183a53 .icon_0638ccd574 {\n  color: var(--disabled-text-color);\n}\n.chips_86008beadd.disabled_4391183a53 .label_43425797b8 {\n  color: var(--disabled-text-color);\n}\n.chips_86008beadd.defaultCursor_4391183a53 {\n  cursor: default;\n}\n.chips_86008beadd.clickable_27f88c9eb3 {\n  cursor: pointer;\n}\n.chips_86008beadd.clickable_27f88c9eb3:focus-visible, .chips_86008beadd.clickable_27f88c9eb3.focus-visible_5bbe61fc8e {\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.chips_86008beadd.clickable_27f88c9eb3:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.chips_86008beadd.clickable_27f88c9eb3.disabled_4391183a53 {\n  cursor: default;\n}\n.chips_86008beadd.clickable_27f88c9eb3.disableTextSelection_deff0c4c17 {\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}\n@keyframes chips-pop-in-emphasized_8c506cb64b {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={clickable:"clickable_8e1b313e47","focus-visible":"focus-visible_b3adf3121c",disabled:"disabled_d8e3399755",disableTextSelection:"disableTextSelection_1d4b311c0e",chips:"chips_a9396a9e00","chips-pop-in-emphasized":"chips-pop-in-emphasized_83d5cb3f38",border:"border_c07620ae71",withUserSelect:"withUserSelect_b8146673da",label:"label_205e0bc882",noAnimation:"noAnimation_b693226580",icon:"icon_5d0320b35a",avatar:"avatar_c2edf004f9",customRenderer:"customRenderer_fadb721a5c",left:"left_ba495f3303",right:"right_1f29a3735e",close:"close_dcf6ffcaca",defaultCursor:"defaultCursor_d8e3399755"};!function(e){const n="s_id-a8c9f55659fd_3_24_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_8e1b313e47 {\n  cursor: pointer;\n}\n.clickable_8e1b313e47:focus-visible, .clickable_8e1b313e47.focus-visible_b3adf3121c {\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_8e1b313e47:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.clickable_8e1b313e47.disabled_d8e3399755 {\n  cursor: default;\n}\n.disableTextSelection_1d4b311c0e {\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}\n.chips_a9396a9e00 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_83d5cb3f38 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_a9396a9e00.border_c07620ae71 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_a9396a9e00.withUserSelect_b8146673da {\n  user-select: text;\n  cursor: text;\n}\n.chips_a9396a9e00 .label_205e0bc882 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_a9396a9e00.noAnimation_b693226580 {\n  animation: none;\n}\n.chips_a9396a9e00 .icon_5d0320b35a,\n.chips_a9396a9e00 .avatar_c2edf004f9,\n.chips_a9396a9e00 .customRenderer_fadb721a5c {\n  min-width: 18px;\n}\n.chips_a9396a9e00 .icon_5d0320b35a.left_ba495f3303,\n.chips_a9396a9e00 .avatar_c2edf004f9.left_ba495f3303,\n.chips_a9396a9e00 .customRenderer_fadb721a5c.left_ba495f3303 {\n  margin-right: var(--spacing-xs);\n}\n.chips_a9396a9e00 .icon_5d0320b35a.right_1f29a3735e,\n.chips_a9396a9e00 .avatar_c2edf004f9.right_1f29a3735e,\n.chips_a9396a9e00 .customRenderer_fadb721a5c.right_1f29a3735e {\n  margin-left: var(--spacing-xs);\n}\n.chips_a9396a9e00 .icon_5d0320b35a.close_dcf6ffcaca,\n.chips_a9396a9e00 .avatar_c2edf004f9.close_dcf6ffcaca,\n.chips_a9396a9e00 .customRenderer_fadb721a5c.close_dcf6ffcaca {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_a9396a9e00.disabled_d8e3399755 .icon_5d0320b35a {\n  color: var(--disabled-text-color);\n}\n.chips_a9396a9e00.disabled_d8e3399755 .label_205e0bc882 {\n  color: var(--disabled-text-color);\n}\n.chips_a9396a9e00.defaultCursor_d8e3399755 {\n  cursor: default;\n}\n.chips_a9396a9e00.clickable_8e1b313e47 {\n  cursor: pointer;\n}\n.chips_a9396a9e00.clickable_8e1b313e47:focus-visible, .chips_a9396a9e00.clickable_8e1b313e47.focus-visible_b3adf3121c {\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.chips_a9396a9e00.clickable_8e1b313e47:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.chips_a9396a9e00.clickable_8e1b313e47.disabled_d8e3399755 {\n  cursor: default;\n}\n.chips_a9396a9e00.clickable_8e1b313e47.disableTextSelection_1d4b311c0e {\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}\n@keyframes chips-pop-in-emphasized_83d5cb3f38 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

package/dist/src/components/Clickable/Clickable.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_27f88c9eb3","focus-visible":"focus-visible_5bbe61fc8e",disabled:"disabled_4391183a53",disableTextSelection:"disableTextSelection_deff0c4c17"};!function(e){const n="s_id-8d33a9ee9e1f_3_24_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_27f88c9eb3 {\n  cursor: pointer;\n}\n.clickable_27f88c9eb3:focus-visible, .clickable_27f88c9eb3.focus-visible_5bbe61fc8e {\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_27f88c9eb3:focus:not(.focus-visible_5bbe61fc8e) {\n  outline: none;\n}\n.clickable_27f88c9eb3.disabled_4391183a53 {\n  cursor: default;\n}\n.disableTextSelection_deff0c4c17 {\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_8e1b313e47","focus-visible":"focus-visible_b3adf3121c",disabled:"disabled_d8e3399755",disableTextSelection:"disableTextSelection_1d4b311c0e"};!function(e){const n="s_id-8d33a9ee9e1f_3_24_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_8e1b313e47 {\n  cursor: pointer;\n}\n.clickable_8e1b313e47:focus-visible, .clickable_8e1b313e47.focus-visible_b3adf3121c {\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_8e1b313e47:focus:not(.focus-visible_b3adf3121c) {\n  outline: none;\n}\n.clickable_8e1b313e47.disabled_d8e3399755 {\n  cursor: default;\n}\n.disableTextSelection_1d4b311c0e {\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/src/components/ColorPicker/ColorPicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_f1f6f6f30e",colorPickerDialogContent:"colorPickerDialogContent_b0bb33d089"};!function(e){const t="s_id-ffacbf9b6446_3_24_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_f1f6f6f30e.colorPickerDialogContent_b0bb33d089 {\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_44d451e358",colorPickerDialogContent:"colorPickerDialogContent_f505feaa9f"};!function(e){const t="s_id-ffacbf9b6446_3_24_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_44d451e358.colorPickerDialogContent_f505feaa9f {\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/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_2ae679b0e8",clearColorButton:"clearColorButton_01785975fa"};!function(e){const n="s_id-774e60a23ee3_3_24_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_2ae679b0e8 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_01785975fa {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_8eee95ae76",clearColorButton:"clearColorButton_c79a90de13"};!function(e){const n="s_id-774e60a23ee3_3_24_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_8eee95ae76 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_c79a90de13 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

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

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

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_2f874bb683",circle:"circle_f890579839",feedbackIndicator:"feedbackIndicator_d090b0f3f6",active:"active_c2134efedb",selectedColor:"selectedColor_875a1ad18a",colorItem:"colorItem_5065971774",colorIndicatorWrapper:"colorIndicatorWrapper_718d41e8cd",colorItemSizeSmall:"colorItemSizeSmall_7c2e7c3d43",colorItemSizeMedium:"colorItemSizeMedium_771816ba3a",colorItemSizeLarge:"colorItemSizeLarge_4c349bbff1",colorItemTextMode:"colorItemTextMode_7302f899eb",colorIconWhite:"colorIconWhite_0d67bca269"};!function(e){const r="s_id-2198989e565d_3_24_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_2f874bb683 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_2f874bb683.circle_f890579839 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_2f874bb683 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_2f874bb683 .feedbackIndicator_d090b0f3f6 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_2f874bb683:focus,\n.itemWrapper_2f874bb683:focus-visible,\n.itemWrapper_2f874bb683.active_c2134efedb {\n  outline: none;\n}\n\n.itemWrapper_2f874bb683:focus .feedbackIndicator_d090b0f3f6:before,\n.itemWrapper_2f874bb683:focus-visible .feedbackIndicator_d090b0f3f6:before,\n.itemWrapper_2f874bb683.active_c2134efedb .feedbackIndicator_d090b0f3f6: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(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_2f874bb683:focus .feedbackIndicator_d090b0f3f6:after,\n.itemWrapper_2f874bb683:focus-visible .feedbackIndicator_d090b0f3f6:after,\n.itemWrapper_2f874bb683.active_c2134efedb .feedbackIndicator_d090b0f3f6: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_2f874bb683:hover:not(.active_c2134efedb):not(.selectedColor_875a1ad18a) .feedbackIndicator_d090b0f3f6 {\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(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_2f874bb683 .colorItem_5065971774 {\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_2f874bb683 .colorItem_5065971774 .colorIndicatorWrapper_718d41e8cd {\n  margin-top: 3px;\n}\n\n.itemWrapper_2f874bb683 .colorItem_5065971774.colorItemSizeSmall_7c2e7c3d43 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_2f874bb683 .colorItem_5065971774.colorItemSizeMedium_771816ba3a {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_2f874bb683 .colorItem_5065971774.colorItemSizeLarge_4c349bbff1 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_2f874bb683.selectedColor_875a1ad18a {\n  position: relative;\n}\n\n.itemWrapper_2f874bb683.selectedColor_875a1ad18a: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_2f874bb683.selectedColor_875a1ad18a .feedbackIndicator_d090b0f3f6:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_2f874bb683 .colorItemTextMode_7302f899eb:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_2f874bb683 .colorIconWhite_0d67bca269 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_2abfea219f",circle:"circle_9eebab9310",feedbackIndicator:"feedbackIndicator_7dc4258039",active:"active_a4927a90c6",selectedColor:"selectedColor_5d9b35b164",colorItem:"colorItem_36e0245ca8",colorIndicatorWrapper:"colorIndicatorWrapper_72d70e7e2c",colorItemSizeSmall:"colorItemSizeSmall_e3178e2e52",colorItemSizeMedium:"colorItemSizeMedium_269a2fe021",colorItemSizeLarge:"colorItemSizeLarge_5598813f2c",colorItemTextMode:"colorItemTextMode_2fa937f6bc",colorIconWhite:"colorIconWhite_b93a228577"};!function(e){const r="s_id-2198989e565d_3_24_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_2abfea219f {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_2abfea219f.circle_9eebab9310 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_2abfea219f {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_2abfea219f .feedbackIndicator_7dc4258039 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_2abfea219f:focus,\n.itemWrapper_2abfea219f:focus-visible,\n.itemWrapper_2abfea219f.active_a4927a90c6 {\n  outline: none;\n}\n\n.itemWrapper_2abfea219f:focus .feedbackIndicator_7dc4258039:before,\n.itemWrapper_2abfea219f:focus-visible .feedbackIndicator_7dc4258039:before,\n.itemWrapper_2abfea219f.active_a4927a90c6 .feedbackIndicator_7dc4258039: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(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_2abfea219f:focus .feedbackIndicator_7dc4258039:after,\n.itemWrapper_2abfea219f:focus-visible .feedbackIndicator_7dc4258039:after,\n.itemWrapper_2abfea219f.active_a4927a90c6 .feedbackIndicator_7dc4258039: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_2abfea219f:hover:not(.active_a4927a90c6):not(.selectedColor_5d9b35b164) .feedbackIndicator_7dc4258039 {\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(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_2abfea219f .colorItem_36e0245ca8 {\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_2abfea219f .colorItem_36e0245ca8 .colorIndicatorWrapper_72d70e7e2c {\n  margin-top: 3px;\n}\n\n.itemWrapper_2abfea219f .colorItem_36e0245ca8.colorItemSizeSmall_e3178e2e52 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_2abfea219f .colorItem_36e0245ca8.colorItemSizeMedium_269a2fe021 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_2abfea219f .colorItem_36e0245ca8.colorItemSizeLarge_5598813f2c {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_2abfea219f.selectedColor_5d9b35b164 {\n  position: relative;\n}\n\n.itemWrapper_2abfea219f.selectedColor_5d9b35b164: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_2abfea219f.selectedColor_5d9b35b164 .feedbackIndicator_7dc4258039:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_2abfea219f .colorItemTextMode_2fa937f6bc:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_2abfea219f .colorIconWhite_b93a228577 {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

package/dist/src/components/Combobox/Combobox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t,noop as i,isFunction as s}from"lodash-es";import r from"classnames";import n,{forwardRef as a,useRef as l,useState as c,useCallback as d,useMemo as m}from"react";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as u,ComponentDefaultTestId as v}from"../../tests/testIds.js";import b from"../../hooks/useMergeRef.js";import f from"../Search/Search.js";import{BASE_SIZES as h}from"../../constants/sizes.js";import C from"../Button/Button.js";import x from"../Text/Text.js";import g from"./components/ComboboxOption/ComboboxOption.js";import{defaultFilter as I}from"./ComboboxService.js";import{ComboboxItems as y}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as O}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as j,useKeyboardNavigation as N}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as S}from"./helpers.js";import{withStaticProps as R}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{COMBOBOX_LISTBOX_ID as F}from"./components/ComboboxConstants.js";import H from"./Combobox.module.scss.js";var k=R(a((function(a,h){var g=a.className,R=void 0===g?"":g,k=a.optionClassName,E=void 0===k?"":k,A=a.searchWrapperClassName,L=a.searchIcon,M=a.id,w=void 0===M?"":M,T=a.placeholder,z=void 0===T?"":T,B=a.size,V=void 0===B?"medium":B,W=a.defaultVisualFocusFirstIndex,P=a.optionLineHeight,D=void 0===P?32:P,_=a.optionsListHeight,X=a.autoFocus,q=void 0!==X&&X,G=a.disabled,J=void 0!==G&&G,K=a.options,Q=void 0===K?[]:K,U=a.categories,Y=a.withCategoriesDivider,Z=void 0!==Y&&Y,$=a.noResultsMessage,ee=void 0===$?"No results found":$,oe=a.onAddNew,te=a.addNewLabel,ie=void 0===te?"Add new":te,se=a.onClick,re=void 0===se?function(e){}:se,ne=a.filter,ae=void 0===ne?I:ne,le=a.disableFilter,ce=void 0!==le&&le,de=a.filterValue,me=a.onFilterChanged,pe=a.loading,ue=void 0!==pe&&pe,ve=a.onOptionHover,be=void 0===ve?i:ve,fe=a.onOptionLeave,he=void 0===fe?i:fe,Ce=a.shouldScrollToSelectedItem,xe=void 0===Ce||Ce,ge=a.noResultsRenderer,Ie=a.stickyCategories,ye=void 0!==Ie&&Ie,Oe=a.optionRenderer,je=void 0===Oe?null:Oe,Ne=a.renderOnlyVisibleOptions,Se=void 0!==Ne&&Ne,Re=a.clearFilterOnSelection,Fe=void 0!==Re&&Re,He=a.maxOptionsWithoutScroll,ke=a.defaultFilter,Ee=void 0===ke?"":ke,Ae=a.searchInputAriaLabel,Le=void 0===Ae?"Search for content":Ae,Me=a["data-testid"],we=a.debounceRate,Te=a.searchInputRef,ze=a.renderAction,Be=a.hideRenderActionOnInput,Ve=l(null),We=l(null),Pe=b(h,Ve),De=b(We,Te),_e=c(de||Ee),Xe=e(_e,2),qe=Xe[0],Ge=Xe[1];void 0!==de&&de!==qe&&Ge(de);var Je=d((function(e){$e(-1),me&&me(e),Ge(e)}),[Ge,me]),Ke=d((function(e,o,t){be(e,o,t)}),[be]),Qe=m((function(){return ce?Q:ae(qe,Q)}),[Q,qe,ae,ce]),Ue=c(-1),Ye=e(Ue,2),Ze=Ye[0],$e=Ye[1],eo=d((function(e){return void 0!==e&&Qe[e]&&!Qe[e].disabled}),[Qe]),oo=d((function(){oe&&oe(qe),Ge("")}),[oe,qe,Ge]),to=Qe.length>0,io=qe.length>0;var so=c(),ro=e(so,2),no=ro[0],ao=ro[1],lo=d((function(e){var o,t;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==no&&ao(null===(t=null==e?void 0:e.category)||void 0===t?void 0:t.label)}),[no]),co=j({categories:U,options:Qe,filterValue:qe,withCategoriesDivider:Z,optionLineHeight:D}),mo=co.items,po=co.itemsMap,uo=co.selectableItems,vo=d((function(e,o){re(uo[o]),eo(o)&&$e(o),Fe&&Je("")}),[re,uo,eo,Fe,Je]),bo=N({getOptionId:S,defaultVisualFocusFirstIndex:W,onClick:vo,isChildSelectable:eo,options:uo,inputRef:De}),fo=bo.visualFocusItemIndex,ho=bo.visualFocusItemId,Co=bo.onOptionClick;return n.createElement(x,{type:"text2",ref:Pe,className:r(H.combobox,R,p(H,t("size-"+V)),o(o({},H.empty,!to),H.stickyCategory,ye)),id:w,"data-testid":Me||u(v.COMBOBOX,w),ellipsis:!1},n.createElement("div",{className:H.comboboxList,style:{maxHeight:_}},n.createElement(f,{ref:De,value:qe,className:r(H.comboboxSearchWrapper,A),inputAriaLabel:Le,currentAriaResultId:ho,id:"combobox-search",placeholder:z,size:V,disabled:J,onChange:Je,autoFocus:q,loading:ue,searchIconName:L,ariaExpanded:io||to,ariaHasPopup:"listbox",searchResultsContainerId:w?"".concat(w,"-listbox"):F,debounceRate:we,renderAction:ze,hideRenderActionOnInput:Be}),ye&&n.createElement(O,{label:no}),to&&n.createElement(y,{stickyCategories:ye,categories:U,options:mo,itemsMap:po,optionClassName:E,optionRenderer:je,activeItemIndex:Ze,onActiveCategoryChanged:lo,onOptionClick:Co,onOptionEnter:Ke,onOptionLeave:he,optionLineHeight:D,shouldScrollToSelectedItem:xe,renderOnlyVisibleOptions:Se,maxOptionsWithoutScroll:He,visualFocusItemIndex:fo,id:w?"".concat(w,"-listbox"):F})),io&&!to&&!ue&&(ge?ge():n.createElement("div",{className:H.comboboxNoResults},n.createElement("div",{className:H.comboboxMessageWrapper},n.createElement("span",{className:H.comboboxMessage},ee)),oe&&!J&&n.createElement(C,{className:H.addNewButton,size:V,kind:"tertiary",onClick:oo},n.createElement("span",{className:H.buttonLabel},s(ie)?ie(qe):ie)))))})),{sizes:h,iconTypes:g.iconTypes});export{k as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t,noop as i,isFunction as s}from"lodash-es";import r from"classnames";import n,{forwardRef as a,useRef as l,useState as c,useCallback as d,useMemo as m}from"react";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as u,ComponentDefaultTestId as v}from"../../tests/testIds.js";import b from"../../hooks/useMergeRef.js";import f from"../Search/Search.js";import{BASE_SIZES as h}from"../../constants/sizes.js";import C from"../Button/Button.js";import x from"../Text/Text.js";import g from"./components/ComboboxOption/ComboboxOption.js";import{defaultFilter as I}from"./ComboboxService.js";import{ComboboxItems as y}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as O}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as j,useKeyboardNavigation as N}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as S}from"./helpers.js";import{withStaticProps as R}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{COMBOBOX_LISTBOX_ID as F}from"./components/ComboboxConstants.js";import H from"./Combobox.module.scss.js";var k=R(a((function(a,h){var g=a.className,R=void 0===g?"":g,k=a.optionClassName,E=void 0===k?"":k,A=a.searchWrapperClassName,L=a.searchIcon,M=a.id,w=void 0===M?"":M,T=a.placeholder,z=void 0===T?"":T,B=a.size,V=void 0===B?"medium":B,W=a.defaultVisualFocusFirstIndex,P=a.optionLineHeight,D=void 0===P?32:P,_=a.optionsListHeight,X=a.autoFocus,q=void 0!==X&&X,G=a.disabled,J=void 0!==G&&G,K=a.options,Q=void 0===K?[]:K,U=a.categories,Y=a.withCategoriesDivider,Z=void 0!==Y&&Y,$=a.noResultsMessage,ee=void 0===$?"No results found":$,oe=a.onAddNew,te=a.addNewLabel,ie=void 0===te?"Add new":te,se=a.onClick,re=void 0===se?function(e){}:se,ne=a.filter,ae=void 0===ne?I:ne,le=a.disableFilter,ce=void 0!==le&&le,de=a.filterValue,me=a.onFilterChanged,pe=a.loading,ue=void 0!==pe&&pe,ve=a.onOptionHover,be=void 0===ve?i:ve,fe=a.onOptionLeave,he=void 0===fe?i:fe,Ce=a.shouldScrollToSelectedItem,xe=void 0===Ce||Ce,ge=a.noResultsRenderer,Ie=a.stickyCategories,ye=void 0!==Ie&&Ie,Oe=a.optionRenderer,je=void 0===Oe?null:Oe,Ne=a.renderOnlyVisibleOptions,Se=void 0!==Ne&&Ne,Re=a.clearFilterOnSelection,Fe=void 0!==Re&&Re,He=a.maxOptionsWithoutScroll,ke=a.defaultFilter,Ee=void 0===ke?"":ke,Ae=a.searchInputAriaLabel,Le=void 0===Ae?"Search for content":Ae,Me=a["data-testid"],we=a.debounceRate,Te=a.searchInputRef,ze=a.renderAction,Be=a.hideRenderActionOnInput,Ve=l(null),We=l(null),Pe=b(h,Ve),De=b(We,Te),_e=c(de||Ee),Xe=e(_e,2),qe=Xe[0],Ge=Xe[1];void 0!==de&&de!==qe&&Ge(de);var Je=d((function(e){$e(-1),me&&me(e),Ge(e)}),[Ge,me]),Ke=d((function(e,o,t){be(e,o,t)}),[be]),Qe=m((function(){return ce?Q:ae(qe,Q)}),[Q,qe,ae,ce]),Ue=c(-1),Ye=e(Ue,2),Ze=Ye[0],$e=Ye[1],eo=d((function(e){return void 0!==e&&Qe[e]&&!Qe[e].disabled}),[Qe]),oo=d((function(){oe&&oe(qe),Ge("")}),[oe,qe,Ge]),to=Qe.length>0,io=qe.length>0;var so=c(),ro=e(so,2),no=ro[0],ao=ro[1],lo=d((function(e){var o;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==(null==no?void 0:no.label)&&ao(null==e?void 0:e.category)}),[no]),co=j({categories:U,options:Qe,filterValue:qe,withCategoriesDivider:Z,optionLineHeight:D}),mo=co.items,po=co.itemsMap,uo=co.selectableItems,vo=d((function(e,o){re(uo[o]),eo(o)&&$e(o),Fe&&Je("")}),[re,uo,eo,Fe,Je]),bo=N({getOptionId:S,defaultVisualFocusFirstIndex:W,onClick:vo,isChildSelectable:eo,options:uo,inputRef:De}),fo=bo.visualFocusItemIndex,ho=bo.visualFocusItemId,Co=bo.onOptionClick;return n.createElement(x,{type:"text2",ref:Pe,className:r(H.combobox,R,p(H,t("size-"+V)),o(o({},H.empty,!to),H.stickyCategory,ye)),id:w,"data-testid":Me||u(v.COMBOBOX,w),ellipsis:!1},n.createElement("div",{className:H.comboboxList,style:{maxHeight:_}},n.createElement(f,{ref:De,value:qe,className:r(H.comboboxSearchWrapper,A),inputAriaLabel:Le,currentAriaResultId:ho,id:"combobox-search",placeholder:z,size:V,disabled:J,onChange:Je,autoFocus:q,loading:ue,searchIconName:L,ariaExpanded:io||to,ariaHasPopup:"listbox",searchResultsContainerId:w?"".concat(w,"-listbox"):F,debounceRate:we,renderAction:ze,hideRenderActionOnInput:Be}),ye&&n.createElement(O,{label:null==no?void 0:no.label,color:null==no?void 0:no.color}),to&&n.createElement(y,{stickyCategories:ye,categories:U,options:mo,itemsMap:po,optionClassName:E,optionRenderer:je,activeItemIndex:Ze,onActiveCategoryChanged:lo,onOptionClick:Co,onOptionEnter:Ke,onOptionLeave:he,optionLineHeight:D,shouldScrollToSelectedItem:xe,renderOnlyVisibleOptions:Se,maxOptionsWithoutScroll:He,visualFocusItemIndex:fo,id:w?"".concat(w,"-listbox"):F})),io&&!to&&!ue&&(ge?ge():n.createElement("div",{className:H.comboboxNoResults},n.createElement("div",{className:H.comboboxMessageWrapper},n.createElement("span",{className:H.comboboxMessage},ee)),oe&&!J&&n.createElement(C,{className:H.addNewButton,size:V,kind:"tertiary",onClick:oo},n.createElement("span",{className:H.buttonLabel},s(ie)?ie(qe):ie)))))})),{sizes:h,iconTypes:g.iconTypes});export{k as default};
 //# sourceMappingURL=Combobox.js.map

package/dist/src/components/Combobox/Combobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { useRef, useState, forwardRef, useMemo, useCallback } from \"react\";\nimport { isFunction, noop as NOOP } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Search from \"../Search/Search\";\nimport { BASE_SIZES } from \"../../constants\";\nimport Button from \"../Button/Button\";\nimport Text from \"../Text/Text\";\nimport ComboboxOption from \"./components/ComboboxOption/ComboboxOption\";\nimport { defaultFilter } from \"./ComboboxService\";\nimport { ComboboxItems } from \"./components/ComboboxItems/ComboboxItems\";\nimport { StickyCategoryHeader } from \"./components/StickyCategoryHeader/StickyCategoryHeader\";\nimport { useItemsData, useKeyboardNavigation } from \"./ComboboxHelpers/ComboboxHelpers\";\nimport { getOptionId } from \"./helpers\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n IComboboxCategoryMap,\n IComboboxItem,\n IComboboxOption,\n COMBOBOX_LISTBOX_ID\n} from \"./components/ComboboxConstants\";\nimport styles from \"./Combobox.module.scss\";\nimport { ComboboxSizes } from \"./Combobox.types\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MenuButton from \"../MenuButton/MenuButton\";\n\nexport interface ComboboxProps extends VibeComponentProps {\n className?: string;\n optionClassName?: string;\n searchWrapperClassName?: string;\n /*\n Placeholder to show when no value was selected\n /\n placeholder?: string;\n /\n Unique element id\n /\n id?: string;\n /\n A message that will be displayed inside the combo box when no results are found\n /\n noResultsMessage?: string;\n disabled?: boolean;\n options?: IComboboxOption[];\n categories?: IComboboxCategoryMap;\n /\n Divider between categories sections\n /\n withCategoriesDivider?: boolean;\n size?: ComboboxSizes;\n optionLineHeight?: number;\n optionsListHeight?: number;\n autoFocus?: boolean;\n /\n Callback that called after clicking on the add new combo box button.\n * @param {string} _filterValue\n /\n onAddNew?: (value: string) => void;\n /\n The label of the button that appears at the end of the combo box when the search does not return appropriate options\n /\n addNewLabel?: ((label: string) => ElementContent) \| string;\n filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];\n /\n Default search input\n /\n defaultFilter?: string;\n disableFilter?: boolean;\n /\n For controlled search input. If provided, `defaultFilter` will be ignored\n /\n filterValue?: string;\n onFilterChanged?: (value: string) => void;\n /\n Display the combo box with loading state\n /\n loading?: boolean;\n /\n on mouse hover callback for option\n /\n // onOptionHover?: PropTypes.func,\n onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;\n /\n on mouse leave callback for option\n /\n // onOptionLeave?: PropTypes.func,\n onOptionLeave?: () => void;\n /\n Allowed to the following behavior: scrolling automatically to the combo box's selected option\n /\n shouldScrollToSelectedItem?: boolean;\n noResultsRenderer?: () => JSX.Element;\n stickyCategories?: boolean;\n /* By default, the first option will be selected, when focusing selecting the first option, or when changing items /\n defaultVisualFocusFirstIndex?: boolean;\n /* Clear the filter/search on selection (click or enter) /\n clearFilterOnSelection?: boolean;\n /* Replace the regular appearance of combo box option with custom renderer. /\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n /* Maximum options count without scroll /\n maxOptionsWithoutScroll?: number;\n /\n Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)\n /\n renderOnlyVisibleOptions?: boolean;\n /\n On option click callback\n /\n onClick?: (optionData: IComboboxOption) => void;\n /\n Custom search icon\n /\n searchIcon?: SubIcon;\n searchInputAriaLabel?: string;\n debounceRate?: number;\n searchInputRef?: React.RefObject<HTMLInputElement>;\n /\n Render additional action within the right section of search component.\n /\n renderAction?: React.ReactElement<typeof IconButton \| typeof MenuButton>;\n /\n If true, hides the additional action when the user types in the search input.\n */\n hideRenderActionOnInput?: boolean;\n}\n\nconst Combobox: React.FC<ComboboxProps> & {\n sizes?: typeof BASE_SIZES;\n iconTypes?: typeof ComboboxOption.iconTypes;\n} = forwardRef(\n (\n {\n className = \"\",\n optionClassName = \"\",\n searchWrapperClassName,\n searchIcon,\n id = \"\",\n placeholder = \"\",\n size = \"medium\",\n defaultVisualFocusFirstIndex,\n optionLineHeight = 32,\n optionsListHeight,\n autoFocus = false,\n disabled = false,\n options = [],\n categories,\n withCategoriesDivider = false,\n noResultsMessage = \"No results found\",\n onAddNew,\n addNewLabel = \"Add new\",\n onClick = (_optionData: IComboboxOption) => {},\n filter = defaultFilter,\n disableFilter = false,\n filterValue: filterValueProp,\n onFilterChanged,\n loading = false,\n onOptionHover = NOOP,\n onOptionLeave = NOOP,\n shouldScrollToSelectedItem = true,\n noResultsRenderer,\n stickyCategories = false,\n optionRenderer = null,\n renderOnlyVisibleOptions = false,\n clearFilterOnSelection = false,\n maxOptionsWithoutScroll,\n defaultFilter: defaultFilterValue = \"\",\n searchInputAriaLabel = \"Search for content\",\n \"data-testid\": dataTestId,\n debounceRate,\n searchInputRef,\n renderAction: RenderAction,\n hideRenderActionOnInput\n }: ComboboxProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const mergedInputRef = useMergeRef(inputRef, searchInputRef);\n\n const [filterValue, setFilterValue] = useState(filterValueProp \|\| defaultFilterValue);\n\n if (filterValueProp !== undefined && filterValueProp !== filterValue) {\n setFilterValue(filterValueProp);\n }\n\n const onChangeCallback = useCallback(\n (value: string) => {\n setActiveOptionIndex(-1);\n if (onFilterChanged) {\n onFilterChanged(value);\n }\n setFilterValue(value);\n },\n [setFilterValue, onFilterChanged]\n );\n\n const onOptionHoverCB = useCallback(\n (event: React.MouseEvent, index: number, option: IComboboxOption) => {\n onOptionHover(event, index, option);\n },\n [onOptionHover]\n );\n\n const filteredOptions: IComboboxOption[] = useMemo(() => {\n if (disableFilter) {\n return options;\n }\n return filter(filterValue, options);\n }, [options, filterValue, filter, disableFilter]);\n\n const [activeOptionIndex, setActiveOptionIndex] = useState(-1);\n\n const isChildSelectable = useCallback(\n (index: number) => {\n return index !== undefined && filteredOptions[index] && !filteredOptions[index].disabled;\n },\n [filteredOptions]\n );\n\n const onAddNewCallback = useCallback(() => {\n onAddNew && onAddNew(filterValue);\n // clear filter after adding\n setFilterValue(\"\");\n }, [onAddNew, filterValue, setFilterValue]);\n\n const hasResults = filteredOptions.length > 0;\n const hasFilter = filterValue.length > 0;\n\n function getAddNewLabel() {\n if (isFunction(addNewLabel)) {\n return addNewLabel(filterValue);\n }\n return addNewLabel;\n }\n\n function renderNoResults() {\n if (noResultsRenderer) {\n return noResultsRenderer();\n }\n\n return (\n <div className={styles.comboboxNoResults}>\n <div className={styles.comboboxMessageWrapper}>\n <span className={styles.comboboxMessage}>{noResultsMessage}</span>\n </div>\n {onAddNew && !disabled && (\n <Button className={styles.addNewButton} size={size} kind=\"tertiary\" onClick={onAddNewCallback}>\n <span className={styles.buttonLabel}>{getAddNewLabel()}</span>\n </Button>\n )}\n </div>\n );\n }\n\n const [activeCategoryLabel, setActiveCategoryLabel] = useState<string>();\n\n const onActiveCategoryChanged = useCallback(\n (categoryData: IComboboxItem) => {\n if (categoryData?.category?.label !== activeCategoryLabel) {\n setActiveCategoryLabel(categoryData?.category?.label);\n }\n },\n [activeCategoryLabel]\n );\n\n const { items, itemsMap, selectableItems } = useItemsData({\n categories,\n options: filteredOptions,\n filterValue,\n withCategoriesDivider,\n optionLineHeight\n });\n\n const overrideOnClick = useCallback(\n (_event: React.MouseEvent \| React.KeyboardEvent, itemIndex: number) => {\n onClick(selectableItems[itemIndex]);\n if (isChildSelectable(itemIndex)) {\n setActiveOptionIndex(itemIndex);\n }\n if (clearFilterOnSelection) {\n // clear filter after adding\n onChangeCallback(\"\");\n }\n },\n [onClick, selectableItems, isChildSelectable, clearFilterOnSelection, onChangeCallback]\n );\n\n const {\n visualFocusItemIndex,\n visualFocusItemId,\n onOptionClick: overrideOnOptionClick\n } = useKeyboardNavigation({\n getOptionId,\n defaultVisualFocusFirstIndex,\n onClick: overrideOnClick,\n isChildSelectable,\n options: selectableItems,\n inputRef: mergedInputRef\n });\n\n return (\n <Text\n type=\"text2\"\n ref={mergedRef}\n className={cx(styles.combobox, className, getStyle(styles, camelCase(\"size-\" + size)), {\n [styles.empty]: !hasResults,\n [styles.stickyCategory]: stickyCategories\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COMBOBOX, id)}\n ellipsis={false}\n >\n <div className={styles.comboboxList} style={{ maxHeight: optionsListHeight }}>\n <Search\n ref={mergedInputRef}\n value={filterValue}\n className={cx(styles.comboboxSearchWrapper, searchWrapperClassName)}\n inputAriaLabel={searchInputAriaLabel}\n currentAriaResultId={visualFocusItemId}\n id=\"combobox-search\"\n placeholder={placeholder}\n size={size}\n disabled={disabled}\n onChange={onChangeCallback}\n autoFocus={autoFocus}\n loading={loading}\n searchIconName={searchIcon}\n ariaExpanded={hasFilter \|\| hasResults}\n ariaHasPopup=\"listbox\"\n searchResultsContainerId={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n debounceRate={debounceRate}\n renderAction={RenderAction}\n hideRenderActionOnInput={hideRenderActionOnInput}\n />\n {stickyCategories && <StickyCategoryHeader label={activeCategoryLabel} />}\n {hasResults && (\n <ComboboxItems\n stickyCategories={stickyCategories}\n categories={categories}\n options={items}\n itemsMap={itemsMap}\n optionClassName={optionClassName}\n optionRenderer={optionRenderer}\n activeItemIndex={activeOptionIndex}\n onActiveCategoryChanged={onActiveCategoryChanged}\n onOptionClick={overrideOnOptionClick}\n onOptionEnter={onOptionHoverCB}\n onOptionLeave={onOptionLeave}\n optionLineHeight={optionLineHeight}\n shouldScrollToSelectedItem={shouldScrollToSelectedItem}\n renderOnlyVisibleOptions={renderOnlyVisibleOptions}\n maxOptionsWithoutScroll={maxOptionsWithoutScroll}\n visualFocusItemIndex={visualFocusItemIndex}\n id={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n />\n )}\n </div>\n {hasFilter && !hasResults && !loading && renderNoResults()}\n </Text>\n );\n }\n);\n\n// Locate loading next to search icon\n// color it with --secondary-text-color\n// size it like the icon - we think it's 16px - make sure it's not fat\n\nexport default withStaticProps(Combobox, {\n sizes: BASE_SIZES,\n iconTypes: ComboboxOption.iconTypes\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$optionClassName","optionClassName","searchWrapperClassName","searchIcon","_ref$id","id","_ref$placeholder","placeholder","_ref$size","size","defaultVisualFocusFirstIndex","_ref$optionLineHeight","optionLineHeight","optionsListHeight","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$options","options","categories","_ref$withCategoriesDi","withCategoriesDivider","_ref$noResultsMessage","noResultsMessage","onAddNew","_ref$addNewLabel","addNewLabel","_ref$onClick","onClick","_optionData","_ref$filter","filter","defaultFilter","_ref$disableFilter","disableFilter","filterValueProp","filterValue","onFilterChanged","_ref$loading","loading","_ref$onOptionHover","onOptionHover","NOOP","_ref$onOptionLeave","onOptionLeave","_ref$shouldScrollToSe","shouldScrollToSelectedItem","noResultsRenderer","_ref$stickyCategories","stickyCategories","_ref$optionRenderer","optionRenderer","_ref$renderOnlyVisibl","renderOnlyVisibleOptions","_ref$clearFilterOnSel","clearFilterOnSelection","maxOptionsWithoutScroll","_ref$defaultFilter","defaultFilterValue","_ref$searchInputAriaL","searchInputAriaLabel","dataTestId","debounceRate","searchInputRef","RenderAction","renderAction","hideRenderActionOnInput","componentRef","useRef","inputRef","mergedRef","useMergeRef","mergedInputRef","_useState","useState","_useState2","_slicedToArray","setFilterValue","undefined","onChangeCallback","useCallback","value","setActiveOptionIndex","onOptionHoverCB","event","index","option","filteredOptions","useMemo","_useState3","_useState4","activeOptionIndex","isChildSelectable","onAddNewCallback","hasResults","length","hasFilter","_useState5","_useState6","activeCategoryLabel","setActiveCategoryLabel","onActiveCategoryChanged","categoryData","_a","category","label","_b","_useItemsData","useItemsData","items","itemsMap","selectableItems","overrideOnClick","_event","itemIndex","_useKeyboardNavigatio","useKeyboardNavigation","getOptionId","visualFocusItemIndex","visualFocusItemId","overrideOnOptionClick","onOptionClick","React","createElement","Text","type","cx","styles","combobox","getStyle","camelCase","_defineProperty","empty","stickyCategory","getTestId","ComponentDefaultTestId","COMBOBOX","ellipsis","comboboxList","style","maxHeight","Search","comboboxSearchWrapper","inputAriaLabel","currentAriaResultId","onChange","searchIconName","ariaExpanded","ariaHasPopup","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction","sizes","BASE_SIZES","iconTypes","ComboboxOption"],"mappings":"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"}
1	+ {"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { useRef, useState, forwardRef, useMemo, useCallback } from \"react\";\nimport { isFunction, noop as NOOP } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Search from \"../Search/Search\";\nimport { BASE_SIZES } from \"../../constants\";\nimport Button from \"../Button/Button\";\nimport Text from \"../Text/Text\";\nimport ComboboxOption from \"./components/ComboboxOption/ComboboxOption\";\nimport { defaultFilter } from \"./ComboboxService\";\nimport { ComboboxItems } from \"./components/ComboboxItems/ComboboxItems\";\nimport { StickyCategoryHeader } from \"./components/StickyCategoryHeader/StickyCategoryHeader\";\nimport { useItemsData, useKeyboardNavigation } from \"./ComboboxHelpers/ComboboxHelpers\";\nimport { getOptionId } from \"./helpers\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n IComboboxCategoryMap,\n IComboboxItem,\n IComboboxOption,\n COMBOBOX_LISTBOX_ID,\n IComboboxCategory\n} from \"./components/ComboboxConstants\";\nimport styles from \"./Combobox.module.scss\";\nimport { ComboboxSizes } from \"./Combobox.types\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MenuButton from \"../MenuButton/MenuButton\";\n\nexport interface ComboboxProps extends VibeComponentProps {\n className?: string;\n optionClassName?: string;\n searchWrapperClassName?: string;\n /*\n Placeholder to show when no value was selected\n /\n placeholder?: string;\n /\n Unique element id\n /\n id?: string;\n /\n A message that will be displayed inside the combo box when no results are found\n /\n noResultsMessage?: string;\n disabled?: boolean;\n options?: IComboboxOption[];\n categories?: IComboboxCategoryMap;\n /\n Divider between categories sections\n /\n withCategoriesDivider?: boolean;\n size?: ComboboxSizes;\n optionLineHeight?: number;\n optionsListHeight?: number;\n autoFocus?: boolean;\n /\n Callback that called after clicking on the add new combo box button.\n * @param {string} _filterValue\n /\n onAddNew?: (value: string) => void;\n /\n The label of the button that appears at the end of the combo box when the search does not return appropriate options\n /\n addNewLabel?: ((label: string) => ElementContent) \| string;\n filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];\n /\n Default search input\n /\n defaultFilter?: string;\n disableFilter?: boolean;\n /\n For controlled search input. If provided, `defaultFilter` will be ignored\n /\n filterValue?: string;\n onFilterChanged?: (value: string) => void;\n /\n Display the combo box with loading state\n /\n loading?: boolean;\n /\n on mouse hover callback for option\n /\n // onOptionHover?: PropTypes.func,\n onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;\n /\n on mouse leave callback for option\n /\n // onOptionLeave?: PropTypes.func,\n onOptionLeave?: () => void;\n /\n Allowed to the following behavior: scrolling automatically to the combo box's selected option\n /\n shouldScrollToSelectedItem?: boolean;\n noResultsRenderer?: () => JSX.Element;\n stickyCategories?: boolean;\n /* By default, the first option will be selected, when focusing selecting the first option, or when changing items /\n defaultVisualFocusFirstIndex?: boolean;\n /* Clear the filter/search on selection (click or enter) /\n clearFilterOnSelection?: boolean;\n /* Replace the regular appearance of combo box option with custom renderer. /\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n /* Maximum options count without scroll /\n maxOptionsWithoutScroll?: number;\n /\n Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)\n /\n renderOnlyVisibleOptions?: boolean;\n /\n On option click callback\n /\n onClick?: (optionData: IComboboxOption) => void;\n /\n Custom search icon\n /\n searchIcon?: SubIcon;\n searchInputAriaLabel?: string;\n debounceRate?: number;\n searchInputRef?: React.RefObject<HTMLInputElement>;\n /\n Render additional action within the right section of search component.\n /\n renderAction?: React.ReactElement<typeof IconButton \| typeof MenuButton>;\n /\n If true, hides the additional action when the user types in the search input.\n */\n hideRenderActionOnInput?: boolean;\n}\n\nconst Combobox: React.FC<ComboboxProps> & {\n sizes?: typeof BASE_SIZES;\n iconTypes?: typeof ComboboxOption.iconTypes;\n} = forwardRef(\n (\n {\n className = \"\",\n optionClassName = \"\",\n searchWrapperClassName,\n searchIcon,\n id = \"\",\n placeholder = \"\",\n size = \"medium\",\n defaultVisualFocusFirstIndex,\n optionLineHeight = 32,\n optionsListHeight,\n autoFocus = false,\n disabled = false,\n options = [],\n categories,\n withCategoriesDivider = false,\n noResultsMessage = \"No results found\",\n onAddNew,\n addNewLabel = \"Add new\",\n onClick = (_optionData: IComboboxOption) => {},\n filter = defaultFilter,\n disableFilter = false,\n filterValue: filterValueProp,\n onFilterChanged,\n loading = false,\n onOptionHover = NOOP,\n onOptionLeave = NOOP,\n shouldScrollToSelectedItem = true,\n noResultsRenderer,\n stickyCategories = false,\n optionRenderer = null,\n renderOnlyVisibleOptions = false,\n clearFilterOnSelection = false,\n maxOptionsWithoutScroll,\n defaultFilter: defaultFilterValue = \"\",\n searchInputAriaLabel = \"Search for content\",\n \"data-testid\": dataTestId,\n debounceRate,\n searchInputRef,\n renderAction: RenderAction,\n hideRenderActionOnInput\n }: ComboboxProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const mergedInputRef = useMergeRef(inputRef, searchInputRef);\n\n const [filterValue, setFilterValue] = useState(filterValueProp \|\| defaultFilterValue);\n\n if (filterValueProp !== undefined && filterValueProp !== filterValue) {\n setFilterValue(filterValueProp);\n }\n\n const onChangeCallback = useCallback(\n (value: string) => {\n setActiveOptionIndex(-1);\n if (onFilterChanged) {\n onFilterChanged(value);\n }\n setFilterValue(value);\n },\n [setFilterValue, onFilterChanged]\n );\n\n const onOptionHoverCB = useCallback(\n (event: React.MouseEvent, index: number, option: IComboboxOption) => {\n onOptionHover(event, index, option);\n },\n [onOptionHover]\n );\n\n const filteredOptions: IComboboxOption[] = useMemo(() => {\n if (disableFilter) {\n return options;\n }\n return filter(filterValue, options);\n }, [options, filterValue, filter, disableFilter]);\n\n const [activeOptionIndex, setActiveOptionIndex] = useState(-1);\n\n const isChildSelectable = useCallback(\n (index: number) => {\n return index !== undefined && filteredOptions[index] && !filteredOptions[index].disabled;\n },\n [filteredOptions]\n );\n\n const onAddNewCallback = useCallback(() => {\n onAddNew && onAddNew(filterValue);\n // clear filter after adding\n setFilterValue(\"\");\n }, [onAddNew, filterValue, setFilterValue]);\n\n const hasResults = filteredOptions.length > 0;\n const hasFilter = filterValue.length > 0;\n\n function getAddNewLabel() {\n if (isFunction(addNewLabel)) {\n return addNewLabel(filterValue);\n }\n return addNewLabel;\n }\n\n function renderNoResults() {\n if (noResultsRenderer) {\n return noResultsRenderer();\n }\n\n return (\n <div className={styles.comboboxNoResults}>\n <div className={styles.comboboxMessageWrapper}>\n <span className={styles.comboboxMessage}>{noResultsMessage}</span>\n </div>\n {onAddNew && !disabled && (\n <Button className={styles.addNewButton} size={size} kind=\"tertiary\" onClick={onAddNewCallback}>\n <span className={styles.buttonLabel}>{getAddNewLabel()}</span>\n </Button>\n )}\n </div>\n );\n }\n\n const [activeCategory, setActiveCategory] = useState<IComboboxCategory>();\n\n const onActiveCategoryChanged = useCallback(\n (categoryData: IComboboxItem) => {\n if (categoryData?.category?.label !== activeCategory?.label) {\n setActiveCategory(categoryData?.category);\n }\n },\n [activeCategory]\n );\n\n const { items, itemsMap, selectableItems } = useItemsData({\n categories,\n options: filteredOptions,\n filterValue,\n withCategoriesDivider,\n optionLineHeight\n });\n\n const overrideOnClick = useCallback(\n (_event: React.MouseEvent \| React.KeyboardEvent, itemIndex: number) => {\n onClick(selectableItems[itemIndex]);\n if (isChildSelectable(itemIndex)) {\n setActiveOptionIndex(itemIndex);\n }\n if (clearFilterOnSelection) {\n // clear filter after adding\n onChangeCallback(\"\");\n }\n },\n [onClick, selectableItems, isChildSelectable, clearFilterOnSelection, onChangeCallback]\n );\n\n const {\n visualFocusItemIndex,\n visualFocusItemId,\n onOptionClick: overrideOnOptionClick\n } = useKeyboardNavigation({\n getOptionId,\n defaultVisualFocusFirstIndex,\n onClick: overrideOnClick,\n isChildSelectable,\n options: selectableItems,\n inputRef: mergedInputRef\n });\n\n return (\n <Text\n type=\"text2\"\n ref={mergedRef}\n className={cx(styles.combobox, className, getStyle(styles, camelCase(\"size-\" + size)), {\n [styles.empty]: !hasResults,\n [styles.stickyCategory]: stickyCategories\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COMBOBOX, id)}\n ellipsis={false}\n >\n <div className={styles.comboboxList} style={{ maxHeight: optionsListHeight }}>\n <Search\n ref={mergedInputRef}\n value={filterValue}\n className={cx(styles.comboboxSearchWrapper, searchWrapperClassName)}\n inputAriaLabel={searchInputAriaLabel}\n currentAriaResultId={visualFocusItemId}\n id=\"combobox-search\"\n placeholder={placeholder}\n size={size}\n disabled={disabled}\n onChange={onChangeCallback}\n autoFocus={autoFocus}\n loading={loading}\n searchIconName={searchIcon}\n ariaExpanded={hasFilter \|\| hasResults}\n ariaHasPopup=\"listbox\"\n searchResultsContainerId={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n debounceRate={debounceRate}\n renderAction={RenderAction}\n hideRenderActionOnInput={hideRenderActionOnInput}\n />\n {stickyCategories && <StickyCategoryHeader label={activeCategory?.label} color={activeCategory?.color} />}\n {hasResults && (\n <ComboboxItems\n stickyCategories={stickyCategories}\n categories={categories}\n options={items}\n itemsMap={itemsMap}\n optionClassName={optionClassName}\n optionRenderer={optionRenderer}\n activeItemIndex={activeOptionIndex}\n onActiveCategoryChanged={onActiveCategoryChanged}\n onOptionClick={overrideOnOptionClick}\n onOptionEnter={onOptionHoverCB}\n onOptionLeave={onOptionLeave}\n optionLineHeight={optionLineHeight}\n shouldScrollToSelectedItem={shouldScrollToSelectedItem}\n renderOnlyVisibleOptions={renderOnlyVisibleOptions}\n maxOptionsWithoutScroll={maxOptionsWithoutScroll}\n visualFocusItemIndex={visualFocusItemIndex}\n id={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n />\n )}\n </div>\n {hasFilter && !hasResults && !loading && renderNoResults()}\n </Text>\n );\n }\n);\n\n// Locate loading next to search icon\n// color it with --secondary-text-color\n// size it like the icon - we think it's 16px - make sure it's not fat\n\nexport default withStaticProps(Combobox, {\n sizes: BASE_SIZES,\n iconTypes: ComboboxOption.iconTypes\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$optionClassName","optionClassName","searchWrapperClassName","searchIcon","_ref$id","id","_ref$placeholder","placeholder","_ref$size","size","defaultVisualFocusFirstIndex","_ref$optionLineHeight","optionLineHeight","optionsListHeight","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$options","options","categories","_ref$withCategoriesDi","withCategoriesDivider","_ref$noResultsMessage","noResultsMessage","onAddNew","_ref$addNewLabel","addNewLabel","_ref$onClick","onClick","_optionData","_ref$filter","filter","defaultFilter","_ref$disableFilter","disableFilter","filterValueProp","filterValue","onFilterChanged","_ref$loading","loading","_ref$onOptionHover","onOptionHover","NOOP","_ref$onOptionLeave","onOptionLeave","_ref$shouldScrollToSe","shouldScrollToSelectedItem","noResultsRenderer","_ref$stickyCategories","stickyCategories","_ref$optionRenderer","optionRenderer","_ref$renderOnlyVisibl","renderOnlyVisibleOptions","_ref$clearFilterOnSel","clearFilterOnSelection","maxOptionsWithoutScroll","_ref$defaultFilter","defaultFilterValue","_ref$searchInputAriaL","searchInputAriaLabel","dataTestId","debounceRate","searchInputRef","RenderAction","renderAction","hideRenderActionOnInput","componentRef","useRef","inputRef","mergedRef","useMergeRef","mergedInputRef","_useState","useState","_useState2","_slicedToArray","setFilterValue","undefined","onChangeCallback","useCallback","value","setActiveOptionIndex","onOptionHoverCB","event","index","option","filteredOptions","useMemo","_useState3","_useState4","activeOptionIndex","isChildSelectable","onAddNewCallback","hasResults","length","hasFilter","_useState5","_useState6","activeCategory","setActiveCategory","onActiveCategoryChanged","categoryData","category","_a","label","_useItemsData","useItemsData","items","itemsMap","selectableItems","overrideOnClick","_event","itemIndex","_useKeyboardNavigatio","useKeyboardNavigation","getOptionId","visualFocusItemIndex","visualFocusItemId","overrideOnOptionClick","onOptionClick","React","createElement","Text","type","cx","styles","combobox","getStyle","camelCase","_defineProperty","empty","stickyCategory","getTestId","ComponentDefaultTestId","COMBOBOX","ellipsis","comboboxList","style","maxHeight","Search","comboboxSearchWrapper","inputAriaLabel","currentAriaResultId","onChange","searchIconName","ariaExpanded","ariaHasPopup","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","color","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction","sizes","BASE_SIZES","iconTypes","ComboboxOption"],"mappings":"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"}