npm - @vibe/core - Versions diffs - 3.24.0 → 3.24.2 - Mend

@vibe/core 3.24.0 → 3.24.2

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 (339) hide show

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_c570bfff40",small:"small_1af8fa0c66",medium:"medium_9f25e20a00",large:"large_4986e9acec",rightThinnerPadding:"rightThinnerPadding_dfc1a646da",input:"input_080ede8aa8",success:"success_5fd645d2b5",readOnly:"readOnly_b2f38ebfed",disabled:"disabled_483968ca0c",error:"error_0a832b78a4"};!function(r){const e="s_id-1f2ba40749da_3_23_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_c570bfff40 {\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_c570bfff40.small_1af8fa0c66 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_c570bfff40.medium_9f25e20a00 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_c570bfff40.large_4986e9acec {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_c570bfff40.rightThinnerPadding_dfc1a646da {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_c570bfff40:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_c570bfff40:has(.input_080ede8aa8:active, .input_080ede8aa8:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_c570bfff40:has(.input_080ede8aa8:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_c570bfff40:has(.input_080ede8aa8:read-only) .input_080ede8aa8 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_c570bfff40:has(.input_080ede8aa8: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_c570bfff40:has(.input_080ede8aa8:disabled) .input_080ede8aa8 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_c570bfff40.success_5fd645d2b5 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_c570bfff40.success_5fd645d2b5:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_c570bfff40.success_5fd645d2b5:has(.input_080ede8aa8:active, .input_080ede8aa8:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_c570bfff40:has(.input_080ede8aa8[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_c570bfff40:has(.input_080ede8aa8[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_c570bfff40:has(.input_080ede8aa8[aria-invalid=true]):has(.input_080ede8aa8:active, .input_080ede8aa8:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_c570bfff40:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_c570bfff40.readOnly_b2f38ebfed {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_c570bfff40.readOnly_b2f38ebfed .input_080ede8aa8 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_c570bfff40.disabled_483968ca0c {\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_c570bfff40.disabled_483968ca0c .input_080ede8aa8 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_c570bfff40.success_5fd645d2b5 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_c570bfff40.success_5fd645d2b5:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_c570bfff40.success_5fd645d2b5:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_c570bfff40.error_0a832b78a4 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_c570bfff40.error_0a832b78a4:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_c570bfff40.error_0a832b78a4:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_c570bfff40 .input_080ede8aa8 {\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_c570bfff40 .input_080ede8aa8::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_c570bfff40 .input_080ede8aa8:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var e={wrapper:"wrapper_109cef9dfc",small:"small_26394a9770",medium:"medium_0e9bb9371f",large:"large_25a17a270e",rightThinnerPadding:"rightThinnerPadding_bd10d8f620",input:"input_1f5ee907c2",success:"success_caf224d09e",readOnly:"readOnly_a86c027e38",disabled:"disabled_62678157ab",error:"error_c7cddabe82"};!function(e){const r="s_id-1f2ba40749da_3_24_1";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)}(".wrapper_109cef9dfc {\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_109cef9dfc.small_26394a9770 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_109cef9dfc.medium_0e9bb9371f {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_109cef9dfc.large_25a17a270e {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_109cef9dfc.rightThinnerPadding_bd10d8f620 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_109cef9dfc:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_109cef9dfc:has(.input_1f5ee907c2:active, .input_1f5ee907c2:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_109cef9dfc:has(.input_1f5ee907c2:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_109cef9dfc:has(.input_1f5ee907c2:read-only) .input_1f5ee907c2 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_109cef9dfc:has(.input_1f5ee907c2: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_109cef9dfc:has(.input_1f5ee907c2:disabled) .input_1f5ee907c2 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_109cef9dfc.success_caf224d09e {\n    border-color: var(--positive-color);\n  }\n  .wrapper_109cef9dfc.success_caf224d09e:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_109cef9dfc.success_caf224d09e:has(.input_1f5ee907c2:active, .input_1f5ee907c2:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_109cef9dfc:has(.input_1f5ee907c2[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_109cef9dfc:has(.input_1f5ee907c2[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_109cef9dfc:has(.input_1f5ee907c2[aria-invalid=true]):has(.input_1f5ee907c2:active, .input_1f5ee907c2:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_109cef9dfc:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_109cef9dfc.readOnly_a86c027e38 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_109cef9dfc.readOnly_a86c027e38 .input_1f5ee907c2 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_109cef9dfc.disabled_62678157ab {\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_109cef9dfc.disabled_62678157ab .input_1f5ee907c2 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_109cef9dfc.success_caf224d09e {\n    border-color: var(--positive-color);\n  }\n  .wrapper_109cef9dfc.success_caf224d09e:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_109cef9dfc.success_caf224d09e:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_109cef9dfc.error_c7cddabe82 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_109cef9dfc.error_c7cddabe82:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_109cef9dfc.error_c7cddabe82:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_109cef9dfc .input_1f5ee907c2 {\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_109cef9dfc .input_1f5ee907c2::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_109cef9dfc .input_1f5ee907c2:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e 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_86611b98ca",scrollable:"scrollable_874cb20aac",opacityDisabled:"opacityDisabled_98a9804dba",border:"border_28f9ac1f34",borderColorUiBorderColor:"borderColorUiBorderColor_ca8da91de5",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_66a7edf9b0",rounded0:"rounded0_b21da422f3",roundedSmall:"roundedSmall_adf3a173f4",roundedMedium:"roundedMedium_6542f34937",roundedBig:"roundedBig_e5cff6c13e",shadowXs:"shadowXs_833b4e929b",shadowSmall:"shadowSmall_e62862d23b",shadowMedium:"shadowMedium_da5bb38d37",shadowLarge:"shadowLarge_7979d7373a",m0:"m0_ab0ab6fe6f",mXs:"mXs_7a5c832bb6",mSmall:"mSmall_6dff393f65",mMedium:"mMedium_ebec5dd93a",mLarge:"mLarge_e5cedf7beb",mXl:"mXl_6b69c3016a",mXxl:"mXxl_feac2efbb7",mXxxl:"mXxxl_38c88ee03b",mAuto:"mAuto_abe5f88af0",mx0:"mx0_0f0dd104ce",mxXs:"mxXs_9ae2c94c00",mxSmall:"mxSmall_c3004825bd",mxMedium:"mxMedium_c4b724397a",mxLarge:"mxLarge_acb58d147c",mxXl:"mxXl_306b57d64a",mxXxl:"mxXxl_35dc7bc3d5",mxXxxl:"mxXxxl_e1f244101a",mxAuto:"mxAuto_e98e9ea51e",my0:"my0_1e356c384c",myXs:"myXs_46f067a4ef",mySmall:"mySmall_ccf19cb2a4",myMedium:"myMedium_817ce82579",myLarge:"myLarge_8f7555617a",myXl:"myXl_aa391200f9",myXxl:"myXxl_5dd3a45231",myXxxl:"myXxxl_6446723029",myAuto:"myAuto_e9e6a71d19",mt0:"mt0_d04e1cf85d",mtXs:"mtXs_be8326399f",mtSmall:"mtSmall_e1cd8f86b9",mtMedium:"mtMedium_5e70bcb8cd",mtLarge:"mtLarge_bf91958c7a",mtXl:"mtXl_5302366b07",mtXxl:"mtXxl_7de2be8a49",mtXxxl:"mtXxxl_63fd1c73a0",mtAuto:"mtAuto_c926af373a",me0:"me0_e15aaf22a3",meXs:"meXs_4c7cc7c607",meSmall:"meSmall_95b867d9b3",meMedium:"meMedium_0c2b91ce57",meLarge:"meLarge_4115dbf01f",meXl:"meXl_10060ad499",meXxl:"meXxl_b23c4b65dc",meXxxl:"meXxxl_c66d95496e",meAuto:"meAuto_f9e0f4f9f8",mb0:"mb0_9130f96a94",mbXs:"mbXs_f57d2366e8",mbSmall:"mbSmall_9297a96f2e",mbMedium:"mbMedium_686fa4d7e6",mbLarge:"mbLarge_0907d36a0d",mbXl:"mbXl_0591650711",mbXxl:"mbXxl_f2f7e965c9",mbXxxl:"mbXxxl_07674dc56e",mbAuto:"mbAuto_acbcdca3bb",ms0:"ms0_2c463f63ba",msXs:"msXs_22442da6c4",msSmall:"msSmall_ae0b97cfcb",msMedium:"msMedium_549d4101c4",msLarge:"msLarge_5d43f9b5b1",msXl:"msXl_8a8f6585e3",msXxl:"msXxl_d30e9406ce",msXxxl:"msXxxl_19e660288c",msAuto:"msAuto_60dd42c494",p0:"p0_5ea2f61e04",pXs:"pXs_e01c7a3c39",pSmall:"pSmall_155b563efb",pMedium:"pMedium_6d009dfd96",pLarge:"pLarge_12343b2f06",pXl:"pXl_dabfe93cf5",pXxl:"pXxl_8d0b945ee1",pXxxl:"pXxxl_a4db042403",px0:"px0_21f5306f25",pxXs:"pxXs_179a75a7e9",pxSmall:"pxSmall_e6d58b1b70",pxMedium:"pxMedium_a5659db70a",pxLarge:"pxLarge_f45587cf85",pxXl:"pxXl_2c579ab206",pxXxl:"pxXxl_c820e506b6",pxXxxl:"pxXxxl_788513d8ff",py0:"py0_a79fcf8668",pyXs:"pyXs_ebc85fe72e",pySmall:"pySmall_a1adff78cc",pyMedium:"pyMedium_4546c5ff97",pyLarge:"pyLarge_c73ef7d656",pyXl:"pyXl_000a6eb96d",pyXxl:"pyXxl_d8c882a6df",pyXxxl:"pyXxxl_74710fb476",pt0:"pt0_3a3bed14ff",ptXs:"ptXs_8647e9ed6a",ptSmall:"ptSmall_48f6c5e8fc",ptMedium:"ptMedium_38e781980e",ptLarge:"ptLarge_61c7401e76",ptXl:"ptXl_78699aa30f",ptXxl:"ptXxl_8d474be89f",ptXxxl:"ptXxxl_4e99f0e929",pe0:"pe0_029be7f3a9",peXs:"peXs_1ece0e1035",peSmall:"peSmall_ad8d6f4974",peMedium:"peMedium_b90d912ef3",peLarge:"peLarge_fc395b3541",peXl:"peXl_82e48aba34",peXxl:"peXxl_5ba81b7297",peXxxl:"peXxxl_b9ff769798",pb0:"pb0_6e86fd80a9",pbXs:"pbXs_64e8e8def9",pbSmall:"pbSmall_55cf94e861",pbMedium:"pbMedium_a3fb1b3660",pbLarge:"pbLarge_7d2126d092",pbXl:"pbXl_fe53e0ef90",pbXxl:"pbXxl_03f8e01abd",pbXxxl:"pbXxxl_0a9d3a1a7b",ps0:"ps0_a8261090dd",psXs:"psXs_8f36edc6ea",psSmall:"psSmall_ffad175a6b",psMedium:"psMedium_943c35a10a",psLarge:"psLarge_cf33435dcd",psXl:"psXl_80d0bcb766",psXxl:"psXxl_a473fb1e32",psXxxl:"psXxxl_7e5b82ffd1",textPrimaryTextColor:"textPrimaryTextColor_2c3447b8bb",textTextColorOnInverted:"textTextColorOnInverted_c7fb23ea6c",textSecondaryTextColor:"textSecondaryTextColor_fe4844f494",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_2f57679aec",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_712dfadc4f",bgGreyBackgroundColor:"bgGreyBackgroundColor_057b8b2bcd",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_b4cf6c69b2",bgInvertedColorBackground:"bgInvertedColorBackground_d82b1ff583"};!function(n){const a="s_id-e8ebf0c89fee_3_23_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_86611b98ca {\n  overflow: hidden;\n}\n.box_86611b98ca.scrollable_874cb20aac {\n  overflow: auto;\n}\n.box_86611b98ca.scrollable_874cb20aac::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_86611b98ca.scrollable_874cb20aac::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_98a9804dba {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_28f9ac1f34 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_ca8da91de5 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_66a7edf9b0 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_b21da422f3 {\n  border-radius: 0 !important;\n}\n.roundedSmall_adf3a173f4 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_6542f34937 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_e5cff6c13e {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_833b4e929b {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_e62862d23b {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_da5bb38d37 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_7979d7373a {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_ab0ab6fe6f {\n  margin: 0 !important;\n}\n.mXs_7a5c832bb6 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_6dff393f65 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_ebec5dd93a {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_e5cedf7beb {\n  margin: var(--spacing-large) !important;\n}\n.mXl_6b69c3016a {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_feac2efbb7 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_38c88ee03b {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_abe5f88af0 {\n  margin: auto !important;\n}\n.mx0_0f0dd104ce {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_9ae2c94c00 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_c3004825bd {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_c4b724397a {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_acb58d147c {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_306b57d64a {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_35dc7bc3d5 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_e1f244101a {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_e98e9ea51e {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_1e356c384c {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_46f067a4ef {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_ccf19cb2a4 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_817ce82579 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_8f7555617a {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_aa391200f9 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_5dd3a45231 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_6446723029 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_e9e6a71d19 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_d04e1cf85d {\n  margin-top: 0 !important;\n}\n.mtXs_be8326399f {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_e1cd8f86b9 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_5e70bcb8cd {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_bf91958c7a {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_5302366b07 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_7de2be8a49 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_63fd1c73a0 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_c926af373a {\n  margin-top: auto !important;\n}\n.me0_e15aaf22a3 {\n  margin-inline-end: 0 !important;\n}\n.meXs_4c7cc7c607 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_95b867d9b3 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_0c2b91ce57 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_4115dbf01f {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_10060ad499 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_b23c4b65dc {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_c66d95496e {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_f9e0f4f9f8 {\n  margin-inline-end: auto !important;\n}\n.mb0_9130f96a94 {\n  margin-bottom: 0 !important;\n}\n.mbXs_f57d2366e8 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_9297a96f2e {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_686fa4d7e6 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_0907d36a0d {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_0591650711 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_f2f7e965c9 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_07674dc56e {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_acbcdca3bb {\n  margin-bottom: auto !important;\n}\n.ms0_2c463f63ba {\n  margin-inline-start: 0 !important;\n}\n.msXs_22442da6c4 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_ae0b97cfcb {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_549d4101c4 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_5d43f9b5b1 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_8a8f6585e3 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_d30e9406ce {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_19e660288c {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_60dd42c494 {\n  margin-inline-start: auto !important;\n}\n.p0_5ea2f61e04 {\n  padding: 0 !important;\n}\n.pXs_e01c7a3c39 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_155b563efb {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_6d009dfd96 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_12343b2f06 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_dabfe93cf5 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_8d0b945ee1 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_a4db042403 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_21f5306f25 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_179a75a7e9 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_e6d58b1b70 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_a5659db70a {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_f45587cf85 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_2c579ab206 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_c820e506b6 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_788513d8ff {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_a79fcf8668 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_ebc85fe72e {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_a1adff78cc {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_4546c5ff97 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_c73ef7d656 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_000a6eb96d {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_d8c882a6df {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_74710fb476 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_3a3bed14ff {\n  padding-top: 0 !important;\n}\n.ptXs_8647e9ed6a {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_48f6c5e8fc {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_38e781980e {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_61c7401e76 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_78699aa30f {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_8d474be89f {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_4e99f0e929 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_029be7f3a9 {\n  padding-inline-end: 0 !important;\n}\n.peXs_1ece0e1035 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_ad8d6f4974 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_b90d912ef3 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_fc395b3541 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_82e48aba34 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_5ba81b7297 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b9ff769798 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_6e86fd80a9 {\n  padding-bottom: 0 !important;\n}\n.pbXs_64e8e8def9 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_55cf94e861 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_a3fb1b3660 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_7d2126d092 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_fe53e0ef90 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_03f8e01abd {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_0a9d3a1a7b {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_a8261090dd {\n  padding-inline-start: 0 !important;\n}\n.psXs_8f36edc6ea {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_ffad175a6b {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_943c35a10a {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_cf33435dcd {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_80d0bcb766 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_a473fb1e32 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_7e5b82ffd1 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_2c3447b8bb {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_c7fb23ea6c {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_fe4844f494 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_2f57679aec {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_712dfadc4f {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_057b8b2bcd {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_b4cf6c69b2 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_d82b1ff583 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_466dedb192",scrollable:"scrollable_881c6e3abf",opacityDisabled:"opacityDisabled_66f1c7954e",border:"border_6075374aa2",borderColorUiBorderColor:"borderColorUiBorderColor_de62c119cf",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_0c6b8e78fd",rounded0:"rounded0_46cb8f3859",roundedSmall:"roundedSmall_9de7f67f1c",roundedMedium:"roundedMedium_707764668e",roundedBig:"roundedBig_9f1edc5529",shadowXs:"shadowXs_ff2b3f1ac8",shadowSmall:"shadowSmall_880069b2c7",shadowMedium:"shadowMedium_daa1b4061a",shadowLarge:"shadowLarge_4f4e25ddbe",m0:"m0_6e3411a1c9",mXs:"mXs_bcd53b92de",mSmall:"mSmall_e5d840f4a0",mMedium:"mMedium_06634171f6",mLarge:"mLarge_687e1f9fff",mXl:"mXl_8ffebe302d",mXxl:"mXxl_7fd21878a5",mXxxl:"mXxxl_fe73854762",mAuto:"mAuto_1add41a494",mx0:"mx0_3c90c750fe",mxXs:"mxXs_134d7d52f5",mxSmall:"mxSmall_20dff2456d",mxMedium:"mxMedium_80529d743b",mxLarge:"mxLarge_a19d8e283c",mxXl:"mxXl_707933c527",mxXxl:"mxXxl_ad2ee04ad5",mxXxxl:"mxXxxl_dc5a669b07",mxAuto:"mxAuto_293fcc23c2",my0:"my0_b8655d3000",myXs:"myXs_402b576caf",mySmall:"mySmall_d93dd93f82",myMedium:"myMedium_c140067715",myLarge:"myLarge_f49c4f2c62",myXl:"myXl_0765573b26",myXxl:"myXxl_32097fec72",myXxxl:"myXxxl_b793945973",myAuto:"myAuto_71f93814dd",mt0:"mt0_3a6e5d5616",mtXs:"mtXs_0b32cb3738",mtSmall:"mtSmall_f9711ddd09",mtMedium:"mtMedium_bc8d09cf9c",mtLarge:"mtLarge_8d4bbaafa3",mtXl:"mtXl_43a3f24dcd",mtXxl:"mtXxl_4bf255071f",mtXxxl:"mtXxxl_31a9fcce49",mtAuto:"mtAuto_5d60efeeb2",me0:"me0_8b0e4d6736",meXs:"meXs_b958bb26ec",meSmall:"meSmall_064af47848",meMedium:"meMedium_f0bd61cbb2",meLarge:"meLarge_9df5fad036",meXl:"meXl_59b9d72bc5",meXxl:"meXxl_e4ca1dba53",meXxxl:"meXxxl_736d477284",meAuto:"meAuto_9c47a63835",mb0:"mb0_026b2783b0",mbXs:"mbXs_9f29bdf675",mbSmall:"mbSmall_12f7a2c6c9",mbMedium:"mbMedium_372446d664",mbLarge:"mbLarge_1d44abdbc2",mbXl:"mbXl_47278ccc08",mbXxl:"mbXxl_6204d59f72",mbXxxl:"mbXxxl_61a16229d8",mbAuto:"mbAuto_ca355078d9",ms0:"ms0_9d0083fd9e",msXs:"msXs_39cbf5d821",msSmall:"msSmall_24812a5fb0",msMedium:"msMedium_c66ef0142c",msLarge:"msLarge_254fbaba08",msXl:"msXl_5501701e0c",msXxl:"msXxl_41ef303a4b",msXxxl:"msXxxl_14d24397e6",msAuto:"msAuto_5e70f1dc95",p0:"p0_4ad36ec049",pXs:"pXs_e1d9be00bc",pSmall:"pSmall_5d9de2b6a0",pMedium:"pMedium_9579ea18a8",pLarge:"pLarge_dd21b4b3ef",pXl:"pXl_4f2836edb4",pXxl:"pXxl_a53051d7e4",pXxxl:"pXxxl_2fe469b992",px0:"px0_7d55d4a105",pxXs:"pxXs_f07ad4c3c5",pxSmall:"pxSmall_13ce3f471f",pxMedium:"pxMedium_331fa47b25",pxLarge:"pxLarge_2acb9cb590",pxXl:"pxXl_a384e8c4a1",pxXxl:"pxXxl_ed2fd4046b",pxXxxl:"pxXxxl_f9cd83acd9",py0:"py0_121a8503d5",pyXs:"pyXs_a712d45287",pySmall:"pySmall_da32b34c18",pyMedium:"pyMedium_62436446f6",pyLarge:"pyLarge_4b8d452725",pyXl:"pyXl_11c953192a",pyXxl:"pyXxl_b4b48fe214",pyXxxl:"pyXxxl_f31f287d26",pt0:"pt0_af3a96bc17",ptXs:"ptXs_8d1d72ffa4",ptSmall:"ptSmall_fcfff43c8c",ptMedium:"ptMedium_c27970414b",ptLarge:"ptLarge_076844b030",ptXl:"ptXl_3efbbbddcf",ptXxl:"ptXxl_ec687694c6",ptXxxl:"ptXxxl_66a48b2352",pe0:"pe0_afce460750",peXs:"peXs_f95f819825",peSmall:"peSmall_2872dfce88",peMedium:"peMedium_930e98bb8b",peLarge:"peLarge_c9b3802fda",peXl:"peXl_b860b52c4a",peXxl:"peXxl_ca239b2379",peXxxl:"peXxxl_e689c0f028",pb0:"pb0_7ff6b9f4ba",pbXs:"pbXs_29ddcde815",pbSmall:"pbSmall_0307c6e54c",pbMedium:"pbMedium_bab9b560b5",pbLarge:"pbLarge_efc1065d31",pbXl:"pbXl_1b931285e9",pbXxl:"pbXxl_c807dae6db",pbXxxl:"pbXxxl_03cbb5ed4e",ps0:"ps0_91fc7dc279",psXs:"psXs_890b3f6eea",psSmall:"psSmall_a9004efc0c",psMedium:"psMedium_289dddac55",psLarge:"psLarge_8732f2d94c",psXl:"psXl_1d05b7ea92",psXxl:"psXxl_b5b25a26c4",psXxxl:"psXxxl_ea97699f7a",textPrimaryTextColor:"textPrimaryTextColor_c714671901",textTextColorOnInverted:"textTextColorOnInverted_4e38712643",textSecondaryTextColor:"textSecondaryTextColor_6dfbdfecd3",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_13d149a872",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_2c87e461f2",bgGreyBackgroundColor:"bgGreyBackgroundColor_dfb626c725",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_a0c8d4c20a",bgInvertedColorBackground:"bgInvertedColorBackground_19f14a244e"};!function(n){const a="s_id-e8ebf0c89fee_3_24_1";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_466dedb192 {\n  overflow: hidden;\n}\n.box_466dedb192.scrollable_881c6e3abf {\n  overflow: auto;\n}\n.box_466dedb192.scrollable_881c6e3abf::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_466dedb192.scrollable_881c6e3abf::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_66f1c7954e {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_6075374aa2 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_de62c119cf {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_0c6b8e78fd {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_46cb8f3859 {\n  border-radius: 0 !important;\n}\n.roundedSmall_9de7f67f1c {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_707764668e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_9f1edc5529 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_ff2b3f1ac8 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_880069b2c7 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_daa1b4061a {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_4f4e25ddbe {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_6e3411a1c9 {\n  margin: 0 !important;\n}\n.mXs_bcd53b92de {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_e5d840f4a0 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_06634171f6 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_687e1f9fff {\n  margin: var(--spacing-large) !important;\n}\n.mXl_8ffebe302d {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_7fd21878a5 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_fe73854762 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_1add41a494 {\n  margin: auto !important;\n}\n.mx0_3c90c750fe {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_134d7d52f5 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_20dff2456d {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_80529d743b {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_a19d8e283c {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_707933c527 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_ad2ee04ad5 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_dc5a669b07 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_293fcc23c2 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_b8655d3000 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_402b576caf {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_d93dd93f82 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_c140067715 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_f49c4f2c62 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_0765573b26 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_32097fec72 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_b793945973 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_71f93814dd {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_3a6e5d5616 {\n  margin-top: 0 !important;\n}\n.mtXs_0b32cb3738 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_f9711ddd09 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_bc8d09cf9c {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_8d4bbaafa3 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_43a3f24dcd {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_4bf255071f {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_31a9fcce49 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_5d60efeeb2 {\n  margin-top: auto !important;\n}\n.me0_8b0e4d6736 {\n  margin-inline-end: 0 !important;\n}\n.meXs_b958bb26ec {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_064af47848 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_f0bd61cbb2 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_9df5fad036 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_59b9d72bc5 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_e4ca1dba53 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_736d477284 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_9c47a63835 {\n  margin-inline-end: auto !important;\n}\n.mb0_026b2783b0 {\n  margin-bottom: 0 !important;\n}\n.mbXs_9f29bdf675 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_12f7a2c6c9 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_372446d664 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_1d44abdbc2 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_47278ccc08 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_6204d59f72 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_61a16229d8 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_ca355078d9 {\n  margin-bottom: auto !important;\n}\n.ms0_9d0083fd9e {\n  margin-inline-start: 0 !important;\n}\n.msXs_39cbf5d821 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_24812a5fb0 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_c66ef0142c {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_254fbaba08 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_5501701e0c {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_41ef303a4b {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_14d24397e6 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_5e70f1dc95 {\n  margin-inline-start: auto !important;\n}\n.p0_4ad36ec049 {\n  padding: 0 !important;\n}\n.pXs_e1d9be00bc {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_5d9de2b6a0 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_9579ea18a8 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_dd21b4b3ef {\n  padding: var(--spacing-large) !important;\n}\n.pXl_4f2836edb4 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_a53051d7e4 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_2fe469b992 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_7d55d4a105 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_f07ad4c3c5 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_13ce3f471f {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_331fa47b25 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_2acb9cb590 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_a384e8c4a1 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_ed2fd4046b {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_f9cd83acd9 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_121a8503d5 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_a712d45287 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_da32b34c18 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_62436446f6 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_4b8d452725 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_11c953192a {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_b4b48fe214 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_f31f287d26 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_af3a96bc17 {\n  padding-top: 0 !important;\n}\n.ptXs_8d1d72ffa4 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_fcfff43c8c {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_c27970414b {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_076844b030 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_3efbbbddcf {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_ec687694c6 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_66a48b2352 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_afce460750 {\n  padding-inline-end: 0 !important;\n}\n.peXs_f95f819825 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_2872dfce88 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_930e98bb8b {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_c9b3802fda {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_b860b52c4a {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_ca239b2379 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_e689c0f028 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_7ff6b9f4ba {\n  padding-bottom: 0 !important;\n}\n.pbXs_29ddcde815 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_0307c6e54c {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_bab9b560b5 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_efc1065d31 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_1b931285e9 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_c807dae6db {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_03cbb5ed4e {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_91fc7dc279 {\n  padding-inline-start: 0 !important;\n}\n.psXs_890b3f6eea {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_a9004efc0c {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_289dddac55 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_8732f2d94c {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_1d05b7ea92 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_b5b25a26c4 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_ea97699f7a {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_c714671901 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_4e38712643 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_6dfbdfecd3 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_13d149a872 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_2c87e461f2 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_dfb626c725 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_a0c8d4c20a {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_19f14a244e {\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_2aeaaad325",withoutText:"withoutText_54ab01028f",breadcrumbText:"breadcrumbText_31e69b71d8",breadcrumbIcon:"breadcrumbIcon_ceaa125b7c",clickable:"clickable_2ef2a13b58",current:"current_5b50878f1b",disabled:"disabled_b5a4449f6b",notClickable:"notClickable_8a42f35fa2"};!function(e){const n="s_id-55ff70da99a4_3_23_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_2aeaaad325 {\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_2aeaaad325.withoutText_54ab01028f {\n  padding: 4px;\n}\na.breadcrumbContent_2aeaaad325:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_2aeaaad325 .breadcrumbText_31e69b71d8 {\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_2aeaaad325 .breadcrumbIcon_ceaa125b7c {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_2aeaaad325:focus {\n  outline: none;\n}\n.breadcrumbContent_2aeaaad325.clickable_2ef2a13b58 {\n  cursor: pointer;\n}\n.breadcrumbContent_2aeaaad325.clickable_2ef2a13b58:hover,\n.breadcrumbContent_2aeaaad325:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_2aeaaad325.current_5b50878f1b {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_2aeaaad325.disabled_b5a4449f6b {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_2aeaaad325.disabled_b5a4449f6b:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_2aeaaad325.notClickable_8a42f35fa2 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_758c10e38d",withoutText:"withoutText_dc9a7c27d2",breadcrumbText:"breadcrumbText_8463ec4922",breadcrumbIcon:"breadcrumbIcon_a021456734",clickable:"clickable_fde58117cb",current:"current_ceba049e61",disabled:"disabled_26fb4b9088",notClickable:"notClickable_75a32a66d8"};!function(e){const n="s_id-55ff70da99a4_3_24_1";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_758c10e38d {\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_758c10e38d.withoutText_dc9a7c27d2 {\n  padding: 4px;\n}\na.breadcrumbContent_758c10e38d:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_758c10e38d .breadcrumbText_8463ec4922 {\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_758c10e38d .breadcrumbIcon_a021456734 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_758c10e38d:focus {\n  outline: none;\n}\n.breadcrumbContent_758c10e38d.clickable_fde58117cb {\n  cursor: pointer;\n}\n.breadcrumbContent_758c10e38d.clickable_fde58117cb:hover,\n.breadcrumbContent_758c10e38d:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_758c10e38d.current_ceba049e61 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_758c10e38d.disabled_26fb4b9088 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_758c10e38d.disabled_26fb4b9088:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_758c10e38d.notClickable_75a32a66d8 {\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_54a6de01e1",disabled:"disabled_947db875de"};!function(e){const d="s_id-03f482333e23_3_23_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_54a6de01e1 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_54a6de01e1.disabled_947db875de {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_8b211bd41c",disabled:"disabled_c5b7034653"};!function(e){const d="s_id-03f482333e23_3_24_1";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_8b211bd41c {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_8b211bd41c.disabled_c5b7034653 {\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_962491c4f8",separatorIcon:"separatorIcon_57054af475"};!function(e){const n="s_id-24567fd55d40_3_23_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_962491c4f8 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_962491c4f8 ol .separatorIcon_57054af475 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_7a673b5db8",separatorIcon:"separatorIcon_8aa7664666"};!function(e){const a="s_id-24567fd55d40_3_24_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".breadcrumbsBar_7a673b5db8 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_7a673b5db8 ol .separatorIcon_8aa7664666 {\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_5091fdfb62","focus-visible":"focus-visible_14c454e8c8",loader:"loader_608e41d7ec",loaderSvg:"loaderSvg_4a4d5ec81e",textPlaceholder:"textPlaceholder_ebf753d1c0",success:"success_0e8d1e10aa",successContent:"successContent_fd7a312170",marginRight:"marginRight_365001e173",marginLeft:"marginLeft_0b87696b7f",rightFlat:"rightFlat_7c633ded56",leftFlat:"leftFlat_cdd70ad769",preventClickAnimation:"preventClickAnimation_067c5ebaf3",leftIcon:"leftIcon_365001e173",rightIcon:"rightIcon_0b87696b7f",sizeXxs:"sizeXxs_b2cadea75d",sizeXs:"sizeXs_bc294ded7b",sizeSmall:"sizeSmall_9bfd51aaeb",sizeMedium:"sizeMedium_7084fb7639",sizeLarge:"sizeLarge_9629a395ab",kindPrimary:"kindPrimary_50735763b5",colorPrimary:"colorPrimary_7f7ed53e57",colorBrand:"colorBrand_9a32579ce1",colorPrimaryActive:"colorPrimaryActive_e526f3a5fe",colorBrandActive:"colorBrandActive_0546c19980",colorPositive:"colorPositive_9b9a024203",colorPositiveActive:"colorPositiveActive_ae57e70e56",colorNegative:"colorNegative_98927b908c",colorNegativeActive:"colorNegativeActive_ae57e70e56",colorInverted:"colorInverted_2b36aa117d",colorInvertedActive:"colorInvertedActive_ae57e70e56",disabled:"disabled_9237a4a840",colorOnPrimaryColor:"colorOnPrimaryColor_03e3d1cd8d",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_5abe5d8739",colorFixedLight:"colorFixedLight_d78a356c15",colorFixedLightActive:"colorFixedLightActive_067c5ebaf3",colorOnInvertedBackground:"colorOnInvertedBackground_b9da6a7248",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_2a0b79e8bb",kindSecondary:"kindSecondary_2819f75561",kindTertiary:"kindTertiary_ed7482990c",noSidePadding:"noSidePadding_30f7288320",insetFocusStyle:"insetFocusStyle_1ced1cfd41"};!function(o){const r="s_id-9fe829f89bf2_3_23_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_5091fdfb62 {\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_5091fdfb62:focus-visible, .button_5091fdfb62.focus-visible_14c454e8c8 {\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_5091fdfb62:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.button_5091fdfb62 .loader_608e41d7ec {\n  height: 100%;\n}\n.button_5091fdfb62 .loader_608e41d7ec .loaderSvg_4a4d5ec81e {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_5091fdfb62 .textPlaceholder_ebf753d1c0 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_5091fdfb62.success_0e8d1e10aa {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_5091fdfb62.success_0e8d1e10aa .successContent_fd7a312170 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_365001e173 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_0b87696b7f {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_7c633ded56 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_cdd70ad769 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_5091fdfb62:active:not(.preventClickAnimation_067c5ebaf3) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_5091fdfb62 .leftIcon_365001e173 {\n  margin-right: var(--spacing-small);\n}\n.button_5091fdfb62 .rightIcon_0b87696b7f {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_b2cadea75d {\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_bc294ded7b {\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_9bfd51aaeb {\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_9bfd51aaeb .loader_608e41d7ec {\n  top: 7px;\n}\n.sizeMedium_7084fb7639 {\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_9629a395ab {\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_50735763b5 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_50735763b5.colorPrimary_7f7ed53e57 {\n  background: var(--primary-color);\n}\n.kindPrimary_50735763b5.colorBrand_9a32579ce1 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_50735763b5.colorPrimaryActive_e526f3a5fe,\n.kindPrimary_50735763b5.colorPrimary_7f7ed53e57:hover,\n.kindPrimary_50735763b5.colorPrimary_7f7ed53e57:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_50735763b5.colorBrandActive_0546c19980,\n.kindPrimary_50735763b5.colorBrand_9a32579ce1:hover,\n.kindPrimary_50735763b5.colorBrand_9a32579ce1:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_50735763b5.colorPositive_9b9a024203 {\n  background: var(--positive-color);\n}\n.kindPrimary_50735763b5.colorPositiveActive_ae57e70e56,\n.kindPrimary_50735763b5.colorPositive_9b9a024203:hover,\n.kindPrimary_50735763b5.colorPositive_9b9a024203:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_50735763b5.colorNegative_98927b908c {\n  background: var(--negative-color);\n}\n.kindPrimary_50735763b5.colorNegativeActive_ae57e70e56,\n.kindPrimary_50735763b5.colorNegative_98927b908c:hover,\n.kindPrimary_50735763b5.colorNegative_98927b908c:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_50735763b5.colorInverted_2b36aa117d {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_50735763b5.colorInvertedActive_ae57e70e56,\n.kindPrimary_50735763b5.colorInverted_2b36aa117d:hover,\n.kindPrimary_50735763b5.colorInverted_2b36aa117d:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_50735763b5.button_5091fdfb62.colorInverted_2b36aa117d.disabled_9237a4a840 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_50735763b5.colorOnPrimaryColorActive_5abe5d8739,\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:hover,\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_50735763b5.colorOnPrimaryColorActive_5abe5d8739:focus-visible, .kindPrimary_50735763b5.colorOnPrimaryColorActive_5abe5d8739.focus-visible_14c454e8c8,\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:hover:focus-visible,\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:hover.focus-visible_14c454e8c8,\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:focus:focus-visible,\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:focus.focus-visible_14c454e8c8 {\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_50735763b5.colorOnPrimaryColorActive_5abe5d8739:focus:not(.focus-visible_14c454e8c8),\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:hover:focus:not(.focus-visible_14c454e8c8),\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d:focus:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.kindPrimary_50735763b5.colorOnPrimaryColor_03e3d1cd8d.disabled_9237a4a840 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_50735763b5.colorFixedLightActive_067c5ebaf3,\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:hover,\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_50735763b5.colorFixedLightActive_067c5ebaf3:focus-visible, .kindPrimary_50735763b5.colorFixedLightActive_067c5ebaf3.focus-visible_14c454e8c8,\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:hover:focus-visible,\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:hover.focus-visible_14c454e8c8,\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:focus:focus-visible,\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:focus.focus-visible_14c454e8c8 {\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_50735763b5.colorFixedLightActive_067c5ebaf3:focus:not(.focus-visible_14c454e8c8),\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:hover:focus:not(.focus-visible_14c454e8c8),\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15:focus:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.kindPrimary_50735763b5.colorFixedLight_d78a356c15.disabled_9237a4a840 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_50735763b5.colorOnInvertedBackground_b9da6a7248 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_50735763b5.colorOnInvertedBackgroundActive_2a0b79e8bb,\n.kindPrimary_50735763b5.colorOnInvertedBackground_b9da6a7248:hover,\n.kindPrimary_50735763b5.colorOnInvertedBackground_b9da6a7248:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_50735763b5.button_5091fdfb62.colorOnInvertedBackground_b9da6a7248.disabled_9237a4a840 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_50735763b5.button_5091fdfb62.disabled_9237a4a840 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2819f75561 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_2819f75561.sizeSmall_9bfd51aaeb {\n  line-height: 22px;\n}\n.kindSecondary_2819f75561.sizeMedium_7084fb7639 {\n  line-height: 22px;\n}\n.kindSecondary_2819f75561.sizeLarge_9629a395ab {\n  line-height: 22px;\n}\n.kindSecondary_2819f75561.colorPrimaryActive_e526f3a5fe {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2819f75561.colorPrimaryActive_e526f3a5fe:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2819f75561.colorBrandActive_0546c19980 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_2819f75561.colorBrandActive_0546c19980,\n.kindSecondary_2819f75561.colorBrandActive_0546c19980:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_2819f75561.colorPrimary_7f7ed53e57:hover:not(.colorPrimaryActive_e526f3a5fe),\n.kindSecondary_2819f75561.colorPrimary_7f7ed53e57:focus:not(.colorPrimaryActive_e526f3a5fe) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2819f75561.colorBrand_9a32579ce1:hover:not(.colorBrandActive_0546c19980),\n.kindSecondary_2819f75561.colorBrand_9a32579ce1:focus:not(.colorBrandActive_0546c19980) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2819f75561.colorPositive_9b9a024203 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_2819f75561.colorPositiveActive_ae57e70e56,\n.kindSecondary_2819f75561.colorPositive_9b9a024203:hover,\n.kindSecondary_2819f75561.colorPositive_9b9a024203:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_2819f75561.colorNegative_98927b908c {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_2819f75561.colorNegativeActive_ae57e70e56,\n.kindSecondary_2819f75561.colorNegative_98927b908c:hover,\n.kindSecondary_2819f75561.colorNegative_98927b908c:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_2819f75561.colorInverted_2b36aa117d {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_2819f75561.colorInvertedActive_ae57e70e56,\n.kindSecondary_2819f75561.colorInverted_2b36aa117d:hover,\n.kindSecondary_2819f75561.colorInverted_2b36aa117d:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2819f75561.colorInverted_2b36aa117d.disabled_9237a4a840 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_2819f75561.colorOnPrimaryColorActive_5abe5d8739,\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:hover,\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2819f75561.colorOnPrimaryColorActive_5abe5d8739:focus-visible, .kindSecondary_2819f75561.colorOnPrimaryColorActive_5abe5d8739.focus-visible_14c454e8c8,\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:hover:focus-visible,\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:hover.focus-visible_14c454e8c8,\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:focus:focus-visible,\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:focus.focus-visible_14c454e8c8 {\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_2819f75561.colorOnPrimaryColorActive_5abe5d8739:focus:not(.focus-visible_14c454e8c8),\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:hover:focus:not(.focus-visible_14c454e8c8),\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d:focus:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.kindSecondary_2819f75561.colorOnPrimaryColor_03e3d1cd8d.disabled_9237a4a840 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2819f75561.colorFixedLightActive_067c5ebaf3,\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:hover,\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2819f75561.colorFixedLightActive_067c5ebaf3:focus-visible, .kindSecondary_2819f75561.colorFixedLightActive_067c5ebaf3.focus-visible_14c454e8c8,\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:hover:focus-visible,\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:hover.focus-visible_14c454e8c8,\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:focus:focus-visible,\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:focus.focus-visible_14c454e8c8 {\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_2819f75561.colorFixedLightActive_067c5ebaf3:focus:not(.focus-visible_14c454e8c8),\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:hover:focus:not(.focus-visible_14c454e8c8),\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15:focus:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.kindSecondary_2819f75561.colorOnInvertedBackground_b9da6a7248 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_2819f75561.colorOnInvertedBackgroundActive_2a0b79e8bb,\n.kindSecondary_2819f75561.colorOnInvertedBackground_b9da6a7248:hover,\n.kindSecondary_2819f75561.colorOnInvertedBackground_b9da6a7248:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_2819f75561.colorOnInvertedBackground_b9da6a7248.disabled_9237a4a840 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_2819f75561.colorFixedLight_d78a356c15.disabled_9237a4a840 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2819f75561.disabled_9237a4a840 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2819f75561.disabled_9237a4a840:hover {\n  background-color: transparent;\n}\n.kindTertiary_ed7482990c {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_ed7482990c.colorPrimaryActive_e526f3a5fe {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_ed7482990c.colorPrimaryActive_e526f3a5fe:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_ed7482990c.colorBrandActive_0546c19980 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_ed7482990c.colorBrandActive_0546c19980,\n.kindTertiary_ed7482990c.colorBrandActive_0546c19980:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_ed7482990c.colorPrimary_7f7ed53e57:hover:not(.colorPrimaryActive_e526f3a5fe),\n.kindTertiary_ed7482990c.colorPrimary_7f7ed53e57:focus:not(.colorPrimaryActive_e526f3a5fe) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ed7482990c.colorBrand_9a32579ce1:hover:not(.colorBrandActive_0546c19980),\n.kindTertiary_ed7482990c.colorBrand_9a32579ce1:focus:not(.colorBrandActive_0546c19980) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ed7482990c.colorPositive_9b9a024203 {\n  color: var(--positive-color);\n}\n.kindTertiary_ed7482990c.colorPositiveActive_ae57e70e56,\n.kindTertiary_ed7482990c.colorPositive_9b9a024203:hover,\n.kindTertiary_ed7482990c.colorPositive_9b9a024203:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_ed7482990c.colorNegative_98927b908c {\n  color: var(--negative-color);\n}\n.kindTertiary_ed7482990c.colorNegativeActive_ae57e70e56,\n.kindTertiary_ed7482990c.colorNegative_98927b908c:hover,\n.kindTertiary_ed7482990c.colorNegative_98927b908c:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_ed7482990c.colorInverted_2b36aa117d {\n  color: var(--primary-text-color);\n}\n.kindTertiary_ed7482990c.colorInvertedActive_ae57e70e56,\n.kindTertiary_ed7482990c.colorInverted_2b36aa117d:hover,\n.kindTertiary_ed7482990c.colorInverted_2b36aa117d:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ed7482990c.colorInverted_2b36aa117d.disabled_9237a4a840 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ed7482990c.colorOnPrimaryColorActive_5abe5d8739,\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:hover,\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ed7482990c.colorOnPrimaryColorActive_5abe5d8739:focus-visible, .kindTertiary_ed7482990c.colorOnPrimaryColorActive_5abe5d8739.focus-visible_14c454e8c8,\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:hover:focus-visible,\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:hover.focus-visible_14c454e8c8,\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:focus:focus-visible,\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:focus.focus-visible_14c454e8c8 {\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_ed7482990c.colorOnPrimaryColorActive_5abe5d8739:focus:not(.focus-visible_14c454e8c8),\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:hover:focus:not(.focus-visible_14c454e8c8),\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d:focus:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.kindTertiary_ed7482990c.colorOnPrimaryColor_03e3d1cd8d.disabled_9237a4a840 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ed7482990c.colorFixedLightActive_067c5ebaf3,\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:hover,\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ed7482990c.colorFixedLightActive_067c5ebaf3:focus-visible, .kindTertiary_ed7482990c.colorFixedLightActive_067c5ebaf3.focus-visible_14c454e8c8,\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:hover:focus-visible,\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:hover.focus-visible_14c454e8c8,\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:focus:focus-visible,\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:focus.focus-visible_14c454e8c8 {\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_ed7482990c.colorFixedLightActive_067c5ebaf3:focus:not(.focus-visible_14c454e8c8),\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:hover:focus:not(.focus-visible_14c454e8c8),\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15:focus:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.kindTertiary_ed7482990c.colorFixedLight_d78a356c15.disabled_9237a4a840 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ed7482990c.colorOnInvertedBackground_b9da6a7248 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ed7482990c.colorOnInvertedBackgroundActive_2a0b79e8bb,\n.kindTertiary_ed7482990c.colorOnInvertedBackground_b9da6a7248:hover,\n.kindTertiary_ed7482990c.colorOnInvertedBackground_b9da6a7248:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_ed7482990c.colorOnInvertedBackground_b9da6a7248.disabled_9237a4a840 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ed7482990c.disabled_9237a4a840 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_ed7482990c.disabled_9237a4a840:hover {\n  background-color: transparent;\n}\n.noSidePadding_30f7288320 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_5091fdfb62.insetFocusStyle_1ced1cfd41:focus-visible, .button_5091fdfb62.insetFocusStyle_1ced1cfd41.focus-visible_14c454e8c8 {\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_5091fdfb62.insetFocusStyle_1ced1cfd41:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_ad68d8174f","focus-visible":"focus-visible_07442937b5",loader:"loader_1e47d0466f",loaderSvg:"loaderSvg_5f6d4f449c",textPlaceholder:"textPlaceholder_eb75b49ff2",success:"success_f861770453",successContent:"successContent_5c98bd3368",marginRight:"marginRight_188aa0860f",marginLeft:"marginLeft_576df9d104",rightFlat:"rightFlat_8cb2b1aa52",leftFlat:"leftFlat_6462fed53d",preventClickAnimation:"preventClickAnimation_073edfb7e8",leftIcon:"leftIcon_188aa0860f",rightIcon:"rightIcon_576df9d104",sizeXxs:"sizeXxs_6688724fde",sizeXs:"sizeXs_71e4e179c0",sizeSmall:"sizeSmall_2b3866764c",sizeMedium:"sizeMedium_a85759f37d",sizeLarge:"sizeLarge_ea7b0d480c",kindPrimary:"kindPrimary_1968aaf735",colorPrimary:"colorPrimary_cebd44b6cf",colorBrand:"colorBrand_88f902fd35",colorPrimaryActive:"colorPrimaryActive_577255ffc5",colorBrandActive:"colorBrandActive_0831022b9b",colorPositive:"colorPositive_e00c61d801",colorPositiveActive:"colorPositiveActive_a5205d9783",colorNegative:"colorNegative_5c7266772c",colorNegativeActive:"colorNegativeActive_a5205d9783",colorInverted:"colorInverted_6f8d416728",colorInvertedActive:"colorInvertedActive_a5205d9783",disabled:"disabled_6f34924572",colorOnPrimaryColor:"colorOnPrimaryColor_55eb3d1c0c",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_ae3cd74aa4",colorFixedLight:"colorFixedLight_30aec373fa",colorFixedLightActive:"colorFixedLightActive_073edfb7e8",colorOnInvertedBackground:"colorOnInvertedBackground_5b95160dc0",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_f316b82839",kindSecondary:"kindSecondary_2677eca127",kindTertiary:"kindTertiary_24c3228f6c",noSidePadding:"noSidePadding_9837d83caf",insetFocusStyle:"insetFocusStyle_aa0da59bf3"};!function(o){const r="s_id-9fe829f89bf2_3_24_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_ad68d8174f {\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_ad68d8174f:focus-visible, .button_ad68d8174f.focus-visible_07442937b5 {\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_ad68d8174f:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.button_ad68d8174f .loader_1e47d0466f {\n  height: 100%;\n}\n.button_ad68d8174f .loader_1e47d0466f .loaderSvg_5f6d4f449c {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_ad68d8174f .textPlaceholder_eb75b49ff2 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_ad68d8174f.success_f861770453 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_ad68d8174f.success_f861770453 .successContent_5c98bd3368 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_188aa0860f {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_576df9d104 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_8cb2b1aa52 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_6462fed53d {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_ad68d8174f:active:not(.preventClickAnimation_073edfb7e8) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_ad68d8174f .leftIcon_188aa0860f {\n  margin-right: var(--spacing-small);\n}\n.button_ad68d8174f .rightIcon_576df9d104 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_6688724fde {\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_71e4e179c0 {\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_2b3866764c {\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_2b3866764c .loader_1e47d0466f {\n  top: 7px;\n}\n.sizeMedium_a85759f37d {\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_ea7b0d480c {\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_1968aaf735 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1968aaf735.colorPrimary_cebd44b6cf {\n  background: var(--primary-color);\n}\n.kindPrimary_1968aaf735.colorBrand_88f902fd35 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_1968aaf735.colorPrimaryActive_577255ffc5,\n.kindPrimary_1968aaf735.colorPrimary_cebd44b6cf:hover,\n.kindPrimary_1968aaf735.colorPrimary_cebd44b6cf:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_1968aaf735.colorBrandActive_0831022b9b,\n.kindPrimary_1968aaf735.colorBrand_88f902fd35:hover,\n.kindPrimary_1968aaf735.colorBrand_88f902fd35:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_1968aaf735.colorPositive_e00c61d801 {\n  background: var(--positive-color);\n}\n.kindPrimary_1968aaf735.colorPositiveActive_a5205d9783,\n.kindPrimary_1968aaf735.colorPositive_e00c61d801:hover,\n.kindPrimary_1968aaf735.colorPositive_e00c61d801:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_1968aaf735.colorNegative_5c7266772c {\n  background: var(--negative-color);\n}\n.kindPrimary_1968aaf735.colorNegativeActive_a5205d9783,\n.kindPrimary_1968aaf735.colorNegative_5c7266772c:hover,\n.kindPrimary_1968aaf735.colorNegative_5c7266772c:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_1968aaf735.colorInverted_6f8d416728 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_1968aaf735.colorInvertedActive_a5205d9783,\n.kindPrimary_1968aaf735.colorInverted_6f8d416728:hover,\n.kindPrimary_1968aaf735.colorInverted_6f8d416728:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_1968aaf735.button_ad68d8174f.colorInverted_6f8d416728.disabled_6f34924572 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_1968aaf735.colorOnPrimaryColorActive_ae3cd74aa4,\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:hover,\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1968aaf735.colorOnPrimaryColorActive_ae3cd74aa4:focus-visible, .kindPrimary_1968aaf735.colorOnPrimaryColorActive_ae3cd74aa4.focus-visible_07442937b5,\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:hover:focus-visible,\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:hover.focus-visible_07442937b5,\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:focus:focus-visible,\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:focus.focus-visible_07442937b5 {\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_1968aaf735.colorOnPrimaryColorActive_ae3cd74aa4:focus:not(.focus-visible_07442937b5),\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:hover:focus:not(.focus-visible_07442937b5),\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c:focus:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.kindPrimary_1968aaf735.colorOnPrimaryColor_55eb3d1c0c.disabled_6f34924572 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_1968aaf735.colorFixedLightActive_073edfb7e8,\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:hover,\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1968aaf735.colorFixedLightActive_073edfb7e8:focus-visible, .kindPrimary_1968aaf735.colorFixedLightActive_073edfb7e8.focus-visible_07442937b5,\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:hover:focus-visible,\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:hover.focus-visible_07442937b5,\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:focus:focus-visible,\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:focus.focus-visible_07442937b5 {\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_1968aaf735.colorFixedLightActive_073edfb7e8:focus:not(.focus-visible_07442937b5),\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:hover:focus:not(.focus-visible_07442937b5),\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa:focus:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.kindPrimary_1968aaf735.colorFixedLight_30aec373fa.disabled_6f34924572 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1968aaf735.colorOnInvertedBackground_5b95160dc0 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_1968aaf735.colorOnInvertedBackgroundActive_f316b82839,\n.kindPrimary_1968aaf735.colorOnInvertedBackground_5b95160dc0:hover,\n.kindPrimary_1968aaf735.colorOnInvertedBackground_5b95160dc0:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_1968aaf735.button_ad68d8174f.colorOnInvertedBackground_5b95160dc0.disabled_6f34924572 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_1968aaf735.button_ad68d8174f.disabled_6f34924572 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2677eca127 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_2677eca127.sizeSmall_2b3866764c {\n  line-height: 22px;\n}\n.kindSecondary_2677eca127.sizeMedium_a85759f37d {\n  line-height: 22px;\n}\n.kindSecondary_2677eca127.sizeLarge_ea7b0d480c {\n  line-height: 22px;\n}\n.kindSecondary_2677eca127.colorPrimaryActive_577255ffc5 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2677eca127.colorPrimaryActive_577255ffc5:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2677eca127.colorBrandActive_0831022b9b {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_2677eca127.colorBrandActive_0831022b9b,\n.kindSecondary_2677eca127.colorBrandActive_0831022b9b:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_2677eca127.colorPrimary_cebd44b6cf:hover:not(.colorPrimaryActive_577255ffc5),\n.kindSecondary_2677eca127.colorPrimary_cebd44b6cf:focus:not(.colorPrimaryActive_577255ffc5) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2677eca127.colorBrand_88f902fd35:hover:not(.colorBrandActive_0831022b9b),\n.kindSecondary_2677eca127.colorBrand_88f902fd35:focus:not(.colorBrandActive_0831022b9b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2677eca127.colorPositive_e00c61d801 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_2677eca127.colorPositiveActive_a5205d9783,\n.kindSecondary_2677eca127.colorPositive_e00c61d801:hover,\n.kindSecondary_2677eca127.colorPositive_e00c61d801:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_2677eca127.colorNegative_5c7266772c {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_2677eca127.colorNegativeActive_a5205d9783,\n.kindSecondary_2677eca127.colorNegative_5c7266772c:hover,\n.kindSecondary_2677eca127.colorNegative_5c7266772c:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_2677eca127.colorInverted_6f8d416728 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_2677eca127.colorInvertedActive_a5205d9783,\n.kindSecondary_2677eca127.colorInverted_6f8d416728:hover,\n.kindSecondary_2677eca127.colorInverted_6f8d416728:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2677eca127.colorInverted_6f8d416728.disabled_6f34924572 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_2677eca127.colorOnPrimaryColorActive_ae3cd74aa4,\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:hover,\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2677eca127.colorOnPrimaryColorActive_ae3cd74aa4:focus-visible, .kindSecondary_2677eca127.colorOnPrimaryColorActive_ae3cd74aa4.focus-visible_07442937b5,\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:hover:focus-visible,\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:hover.focus-visible_07442937b5,\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:focus:focus-visible,\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:focus.focus-visible_07442937b5 {\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_2677eca127.colorOnPrimaryColorActive_ae3cd74aa4:focus:not(.focus-visible_07442937b5),\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:hover:focus:not(.focus-visible_07442937b5),\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c:focus:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.kindSecondary_2677eca127.colorOnPrimaryColor_55eb3d1c0c.disabled_6f34924572 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2677eca127.colorFixedLightActive_073edfb7e8,\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:hover,\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2677eca127.colorFixedLightActive_073edfb7e8:focus-visible, .kindSecondary_2677eca127.colorFixedLightActive_073edfb7e8.focus-visible_07442937b5,\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:hover:focus-visible,\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:hover.focus-visible_07442937b5,\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:focus:focus-visible,\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:focus.focus-visible_07442937b5 {\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_2677eca127.colorFixedLightActive_073edfb7e8:focus:not(.focus-visible_07442937b5),\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:hover:focus:not(.focus-visible_07442937b5),\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa:focus:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.kindSecondary_2677eca127.colorOnInvertedBackground_5b95160dc0 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_2677eca127.colorOnInvertedBackgroundActive_f316b82839,\n.kindSecondary_2677eca127.colorOnInvertedBackground_5b95160dc0:hover,\n.kindSecondary_2677eca127.colorOnInvertedBackground_5b95160dc0:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_2677eca127.colorOnInvertedBackground_5b95160dc0.disabled_6f34924572 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_2677eca127.colorFixedLight_30aec373fa.disabled_6f34924572 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2677eca127.disabled_6f34924572 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2677eca127.disabled_6f34924572:hover {\n  background-color: transparent;\n}\n.kindTertiary_24c3228f6c {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_24c3228f6c.colorPrimaryActive_577255ffc5 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_24c3228f6c.colorPrimaryActive_577255ffc5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_24c3228f6c.colorBrandActive_0831022b9b {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_24c3228f6c.colorBrandActive_0831022b9b,\n.kindTertiary_24c3228f6c.colorBrandActive_0831022b9b:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_24c3228f6c.colorPrimary_cebd44b6cf:hover:not(.colorPrimaryActive_577255ffc5),\n.kindTertiary_24c3228f6c.colorPrimary_cebd44b6cf:focus:not(.colorPrimaryActive_577255ffc5) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_24c3228f6c.colorBrand_88f902fd35:hover:not(.colorBrandActive_0831022b9b),\n.kindTertiary_24c3228f6c.colorBrand_88f902fd35:focus:not(.colorBrandActive_0831022b9b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_24c3228f6c.colorPositive_e00c61d801 {\n  color: var(--positive-color);\n}\n.kindTertiary_24c3228f6c.colorPositiveActive_a5205d9783,\n.kindTertiary_24c3228f6c.colorPositive_e00c61d801:hover,\n.kindTertiary_24c3228f6c.colorPositive_e00c61d801:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_24c3228f6c.colorNegative_5c7266772c {\n  color: var(--negative-color);\n}\n.kindTertiary_24c3228f6c.colorNegativeActive_a5205d9783,\n.kindTertiary_24c3228f6c.colorNegative_5c7266772c:hover,\n.kindTertiary_24c3228f6c.colorNegative_5c7266772c:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_24c3228f6c.colorInverted_6f8d416728 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_24c3228f6c.colorInvertedActive_a5205d9783,\n.kindTertiary_24c3228f6c.colorInverted_6f8d416728:hover,\n.kindTertiary_24c3228f6c.colorInverted_6f8d416728:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_24c3228f6c.colorInverted_6f8d416728.disabled_6f34924572 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_24c3228f6c.colorOnPrimaryColorActive_ae3cd74aa4,\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:hover,\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_24c3228f6c.colorOnPrimaryColorActive_ae3cd74aa4:focus-visible, .kindTertiary_24c3228f6c.colorOnPrimaryColorActive_ae3cd74aa4.focus-visible_07442937b5,\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:hover:focus-visible,\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:hover.focus-visible_07442937b5,\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:focus:focus-visible,\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:focus.focus-visible_07442937b5 {\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_24c3228f6c.colorOnPrimaryColorActive_ae3cd74aa4:focus:not(.focus-visible_07442937b5),\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:hover:focus:not(.focus-visible_07442937b5),\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c:focus:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.kindTertiary_24c3228f6c.colorOnPrimaryColor_55eb3d1c0c.disabled_6f34924572 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_24c3228f6c.colorFixedLightActive_073edfb7e8,\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:hover,\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_24c3228f6c.colorFixedLightActive_073edfb7e8:focus-visible, .kindTertiary_24c3228f6c.colorFixedLightActive_073edfb7e8.focus-visible_07442937b5,\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:hover:focus-visible,\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:hover.focus-visible_07442937b5,\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:focus:focus-visible,\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:focus.focus-visible_07442937b5 {\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_24c3228f6c.colorFixedLightActive_073edfb7e8:focus:not(.focus-visible_07442937b5),\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:hover:focus:not(.focus-visible_07442937b5),\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa:focus:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.kindTertiary_24c3228f6c.colorFixedLight_30aec373fa.disabled_6f34924572 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_24c3228f6c.colorOnInvertedBackground_5b95160dc0 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_24c3228f6c.colorOnInvertedBackgroundActive_f316b82839,\n.kindTertiary_24c3228f6c.colorOnInvertedBackground_5b95160dc0:hover,\n.kindTertiary_24c3228f6c.colorOnInvertedBackground_5b95160dc0:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_24c3228f6c.colorOnInvertedBackground_5b95160dc0.disabled_6f34924572 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_24c3228f6c.disabled_6f34924572 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_24c3228f6c.disabled_6f34924572:hover {\n  background-color: transparent;\n}\n.noSidePadding_9837d83caf {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_ad68d8174f.insetFocusStyle_aa0da59bf3:focus-visible, .button_ad68d8174f.insetFocusStyle_aa0da59bf3.focus-visible_07442937b5 {\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_ad68d8174f.insetFocusStyle_aa0da59bf3:focus:not(.focus-visible_07442937b5) {\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_e143057cf0",subTextContainer:"subTextContainer_bb7fab9137",buttonsContainer:"buttonsContainer_8732c1a307",button:"button_c24f2608ad",activeButton:"activeButton_e526f3a5fe",optionText:"optionText_24f9cffa56",disabled:"disabled_947db875de",selected:"selected_7252be53df",kindTertiary:"kindTertiary_948b62df4b",wrapper:"wrapper_3123e35dfa",buttonDisabled:"buttonDisabled_536d83efd6",fullWidth:"fullWidth_4dc12fd640"};!function(n){const o="s_id-51d51089eef9_3_23_0";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_e143057cf0 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_bb7fab9137 {\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_8732c1a307 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_8732c1a307 .button_c24f2608ad {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_8732c1a307 .button_c24f2608ad.activeButton_e526f3a5fe {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_8732c1a307 .button_c24f2608ad.activeButton_e526f3a5fe:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_24f9cffa56:not(.disabled_947db875de) {\n  color: var(--primary-text-color);\n}\n\n.optionText_24f9cffa56:not(.disabled_947db875de).selected_7252be53df {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_948b62df4b .button_c24f2608ad {\n  border-color: transparent;\n}\n\n.kindTertiary_948b62df4b .button_c24f2608ad:first-child {\n  border-color: transparent;\n}\n\n.wrapper_3123e35dfa.disabled_947db875de {\n  cursor: not-allowed;\n}\n\n.button_c24f2608ad.disabled_947db875de {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_c24f2608ad.buttonDisabled_536d83efd6 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_4dc12fd640 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_296684aef5",subTextContainer:"subTextContainer_e759f0eba5",buttonsContainer:"buttonsContainer_123fb7d96a",button:"button_55e1e0bf46",activeButton:"activeButton_577255ffc5",optionText:"optionText_6ebe1d84f7",disabled:"disabled_c5b7034653",selected:"selected_98c7076621",kindTertiary:"kindTertiary_7e090de3a5",wrapper:"wrapper_1be146eaef",buttonDisabled:"buttonDisabled_7f3dd6574b",fullWidth:"fullWidth_56b4a99111"};!function(n){const e="s_id-51d51089eef9_3_24_1";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_296684aef5 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_e759f0eba5 {\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_123fb7d96a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_123fb7d96a .button_55e1e0bf46 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_123fb7d96a .button_55e1e0bf46.activeButton_577255ffc5 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_123fb7d96a .button_55e1e0bf46.activeButton_577255ffc5:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_6ebe1d84f7:not(.disabled_c5b7034653) {\n  color: var(--primary-text-color);\n}\n\n.optionText_6ebe1d84f7:not(.disabled_c5b7034653).selected_98c7076621 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_7e090de3a5 .button_55e1e0bf46 {\n  border-color: transparent;\n}\n\n.kindTertiary_7e090de3a5 .button_55e1e0bf46:first-child {\n  border-color: transparent;\n}\n\n.wrapper_1be146eaef.disabled_c5b7034653 {\n  cursor: not-allowed;\n}\n\n.button_55e1e0bf46.disabled_c5b7034653 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_55e1e0bf46.buttonDisabled_7f3dd6574b {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_56b4a99111 {\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_973083c655",checkbox:"checkbox_60d956388b",icon:"icon_7f0cb9333e",label:"label_86511c6d60",input:"input_cb10da886d",checkboxGrowAnimation:"checkboxGrowAnimation_8c9a72d361"};!function(n){const e="s_id-a622c58c4e9d_3_23_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_973083c655 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_60d956388b {\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_60d956388b: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_60d956388b:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_7f0cb9333e {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_86511c6d60 {\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_cb10da886d {\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_cb10da886d:focus + .checkbox_60d956388b {\n  border-color: var(--secondary-text-color);\n}\n\n.input_cb10da886d:focus:checked + .checkbox_60d956388b {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_cb10da886d:focus-visible + .checkbox_60d956388b {\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_cb10da886d:checked:focus + .checkbox_60d956388b:after,\n.input_cb10da886d:indeterminate:focus + .checkbox_60d956388b:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_cb10da886d:checked + .checkbox_60d956388b,\n.input_cb10da886d:indeterminate + .checkbox_60d956388b {\n  animation: checkboxGrowAnimation_8c9a72d361 var(--motion-productive-short);\n}\n\n.input_cb10da886d:checked + .checkbox_60d956388b,\n.input_cb10da886d:indeterminate + .checkbox_60d956388b {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_cb10da886d:checked + .checkbox_60d956388b:hover,\n.input_cb10da886d:indeterminate + .checkbox_60d956388b:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_cb10da886d:checked + .checkbox_60d956388b:hover:after,\n.input_cb10da886d:indeterminate + .checkbox_60d956388b:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_cb10da886d:checked + .checkbox_60d956388b:after,\n.input_cb10da886d:indeterminate + .checkbox_60d956388b: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_cb10da886d:checked + .checkbox_60d956388b > .icon_7f0cb9333e,\n.input_cb10da886d:indeterminate + .checkbox_60d956388b > .icon_7f0cb9333e {\n  visibility: visible;\n}\n\n.input_cb10da886d:checked:disabled + .checkbox_60d956388b:after,\n.input_cb10da886d:indeterminate:disabled + .checkbox_60d956388b:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_cb10da886d:disabled + .checkbox_60d956388b,\n.input_cb10da886d:disabled + .checkbox_60d956388b:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_cb10da886d:disabled + .checkbox_60d956388b .icon_7f0cb9333e,\n.input_cb10da886d:disabled + .checkbox_60d956388b:hover .icon_7f0cb9333e {\n  color: var(--disabled-text-color);\n}\n\n.input_cb10da886d:disabled + .checkbox_60d956388b,\n.input_cb10da886d:disabled + .checkbox_60d956388b:hover {\n  cursor: not-allowed;\n}\n\n.input_cb10da886d:disabled ~ .label_86511c6d60 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_8c9a72d361 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_ed847ca6f5",checkbox:"checkbox_e4bac10bca",icon:"icon_40a34f9cda",label:"label_1bb9a3c9d9",input:"input_2d7213a073",checkboxGrowAnimation:"checkboxGrowAnimation_c48c810d90"};!function(n){const e="s_id-a622c58c4e9d_3_24_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_ed847ca6f5 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_e4bac10bca {\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_e4bac10bca: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_e4bac10bca:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_40a34f9cda {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_1bb9a3c9d9 {\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_2d7213a073 {\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_2d7213a073:focus + .checkbox_e4bac10bca {\n  border-color: var(--secondary-text-color);\n}\n\n.input_2d7213a073:focus:checked + .checkbox_e4bac10bca {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_2d7213a073:focus-visible + .checkbox_e4bac10bca {\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_2d7213a073:checked:focus + .checkbox_e4bac10bca:after,\n.input_2d7213a073:indeterminate:focus + .checkbox_e4bac10bca:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_2d7213a073:checked + .checkbox_e4bac10bca,\n.input_2d7213a073:indeterminate + .checkbox_e4bac10bca {\n  animation: checkboxGrowAnimation_c48c810d90 var(--motion-productive-short);\n}\n\n.input_2d7213a073:checked + .checkbox_e4bac10bca,\n.input_2d7213a073:indeterminate + .checkbox_e4bac10bca {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_2d7213a073:checked + .checkbox_e4bac10bca:hover,\n.input_2d7213a073:indeterminate + .checkbox_e4bac10bca:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_2d7213a073:checked + .checkbox_e4bac10bca:hover:after,\n.input_2d7213a073:indeterminate + .checkbox_e4bac10bca:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_2d7213a073:checked + .checkbox_e4bac10bca:after,\n.input_2d7213a073:indeterminate + .checkbox_e4bac10bca: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_2d7213a073:checked + .checkbox_e4bac10bca > .icon_40a34f9cda,\n.input_2d7213a073:indeterminate + .checkbox_e4bac10bca > .icon_40a34f9cda {\n  visibility: visible;\n}\n\n.input_2d7213a073:checked:disabled + .checkbox_e4bac10bca:after,\n.input_2d7213a073:indeterminate:disabled + .checkbox_e4bac10bca:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_2d7213a073:disabled + .checkbox_e4bac10bca,\n.input_2d7213a073:disabled + .checkbox_e4bac10bca:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_2d7213a073:disabled + .checkbox_e4bac10bca .icon_40a34f9cda,\n.input_2d7213a073:disabled + .checkbox_e4bac10bca:hover .icon_40a34f9cda {\n  color: var(--disabled-text-color);\n}\n\n.input_2d7213a073:disabled + .checkbox_e4bac10bca,\n.input_2d7213a073:disabled + .checkbox_e4bac10bca:hover {\n  cursor: not-allowed;\n}\n\n.input_2d7213a073:disabled ~ .label_1bb9a3c9d9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_c48c810d90 {\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_2ef2a13b58","focus-visible":"focus-visible_14c454e8c8",disabled:"disabled_2c2c3877ce",disableTextSelection:"disableTextSelection_f96643334c",chips:"chips_faeab62521","chips-pop-in-emphasized":"chips-pop-in-emphasized_3c337be64a",border:"border_4907d164c0",withUserSelect:"withUserSelect_2a0465082c",label:"label_dca6e216ee",noAnimation:"noAnimation_cbb5d7cd59",icon:"icon_ed56d21087",avatar:"avatar_bd41d0f9dc",customRenderer:"customRenderer_72de7044aa",left:"left_0c044f9e01",right:"right_be5dbbbd39",close:"close_4b9f089ff3",defaultCursor:"defaultCursor_2c2c3877ce"};!function(e){const n="s_id-a8c9f55659fd_3_23_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_2ef2a13b58 {\n  cursor: pointer;\n}\n.clickable_2ef2a13b58:focus-visible, .clickable_2ef2a13b58.focus-visible_14c454e8c8 {\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_2ef2a13b58:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.clickable_2ef2a13b58.disabled_2c2c3877ce {\n  cursor: default;\n}\n.disableTextSelection_f96643334c {\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_faeab62521 {\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_3c337be64a var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_faeab62521.border_4907d164c0 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_faeab62521.withUserSelect_2a0465082c {\n  user-select: text;\n  cursor: text;\n}\n.chips_faeab62521 .label_dca6e216ee {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_faeab62521.noAnimation_cbb5d7cd59 {\n  animation: none;\n}\n.chips_faeab62521 .icon_ed56d21087,\n.chips_faeab62521 .avatar_bd41d0f9dc,\n.chips_faeab62521 .customRenderer_72de7044aa {\n  min-width: 18px;\n}\n.chips_faeab62521 .icon_ed56d21087.left_0c044f9e01,\n.chips_faeab62521 .avatar_bd41d0f9dc.left_0c044f9e01,\n.chips_faeab62521 .customRenderer_72de7044aa.left_0c044f9e01 {\n  margin-right: var(--spacing-xs);\n}\n.chips_faeab62521 .icon_ed56d21087.right_be5dbbbd39,\n.chips_faeab62521 .avatar_bd41d0f9dc.right_be5dbbbd39,\n.chips_faeab62521 .customRenderer_72de7044aa.right_be5dbbbd39 {\n  margin-left: var(--spacing-xs);\n}\n.chips_faeab62521 .icon_ed56d21087.close_4b9f089ff3,\n.chips_faeab62521 .avatar_bd41d0f9dc.close_4b9f089ff3,\n.chips_faeab62521 .customRenderer_72de7044aa.close_4b9f089ff3 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_faeab62521.disabled_2c2c3877ce .icon_ed56d21087 {\n  color: var(--disabled-text-color);\n}\n.chips_faeab62521.disabled_2c2c3877ce .label_dca6e216ee {\n  color: var(--disabled-text-color);\n}\n.chips_faeab62521.defaultCursor_2c2c3877ce {\n  cursor: default;\n}\n.chips_faeab62521.clickable_2ef2a13b58 {\n  cursor: pointer;\n}\n.chips_faeab62521.clickable_2ef2a13b58:focus-visible, .chips_faeab62521.clickable_2ef2a13b58.focus-visible_14c454e8c8 {\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_faeab62521.clickable_2ef2a13b58:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.chips_faeab62521.clickable_2ef2a13b58.disabled_2c2c3877ce {\n  cursor: default;\n}\n.chips_faeab62521.clickable_2ef2a13b58.disableTextSelection_f96643334c {\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_3c337be64a {\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_fde58117cb","focus-visible":"focus-visible_07442937b5",disabled:"disabled_015a7384a5",disableTextSelection:"disableTextSelection_cb89c251f2",chips:"chips_00a7b38ed1","chips-pop-in-emphasized":"chips-pop-in-emphasized_da080e8a20",border:"border_d15893cb9d",withUserSelect:"withUserSelect_887694da96",label:"label_f22e3bf588",noAnimation:"noAnimation_3112c8d228",icon:"icon_f5b97cea4b",avatar:"avatar_4b2ad0b09b",customRenderer:"customRenderer_91cb6013dc",left:"left_1640c7c6b2",right:"right_3246c4f602",close:"close_178e5f4578",defaultCursor:"defaultCursor_015a7384a5"};!function(e){const n="s_id-a8c9f55659fd_3_24_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_fde58117cb {\n  cursor: pointer;\n}\n.clickable_fde58117cb:focus-visible, .clickable_fde58117cb.focus-visible_07442937b5 {\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_fde58117cb:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.clickable_fde58117cb.disabled_015a7384a5 {\n  cursor: default;\n}\n.disableTextSelection_cb89c251f2 {\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_00a7b38ed1 {\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_da080e8a20 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_00a7b38ed1.border_d15893cb9d {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_00a7b38ed1.withUserSelect_887694da96 {\n  user-select: text;\n  cursor: text;\n}\n.chips_00a7b38ed1 .label_f22e3bf588 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_00a7b38ed1.noAnimation_3112c8d228 {\n  animation: none;\n}\n.chips_00a7b38ed1 .icon_f5b97cea4b,\n.chips_00a7b38ed1 .avatar_4b2ad0b09b,\n.chips_00a7b38ed1 .customRenderer_91cb6013dc {\n  min-width: 18px;\n}\n.chips_00a7b38ed1 .icon_f5b97cea4b.left_1640c7c6b2,\n.chips_00a7b38ed1 .avatar_4b2ad0b09b.left_1640c7c6b2,\n.chips_00a7b38ed1 .customRenderer_91cb6013dc.left_1640c7c6b2 {\n  margin-right: var(--spacing-xs);\n}\n.chips_00a7b38ed1 .icon_f5b97cea4b.right_3246c4f602,\n.chips_00a7b38ed1 .avatar_4b2ad0b09b.right_3246c4f602,\n.chips_00a7b38ed1 .customRenderer_91cb6013dc.right_3246c4f602 {\n  margin-left: var(--spacing-xs);\n}\n.chips_00a7b38ed1 .icon_f5b97cea4b.close_178e5f4578,\n.chips_00a7b38ed1 .avatar_4b2ad0b09b.close_178e5f4578,\n.chips_00a7b38ed1 .customRenderer_91cb6013dc.close_178e5f4578 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_00a7b38ed1.disabled_015a7384a5 .icon_f5b97cea4b {\n  color: var(--disabled-text-color);\n}\n.chips_00a7b38ed1.disabled_015a7384a5 .label_f22e3bf588 {\n  color: var(--disabled-text-color);\n}\n.chips_00a7b38ed1.defaultCursor_015a7384a5 {\n  cursor: default;\n}\n.chips_00a7b38ed1.clickable_fde58117cb {\n  cursor: pointer;\n}\n.chips_00a7b38ed1.clickable_fde58117cb:focus-visible, .chips_00a7b38ed1.clickable_fde58117cb.focus-visible_07442937b5 {\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_00a7b38ed1.clickable_fde58117cb:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.chips_00a7b38ed1.clickable_fde58117cb.disabled_015a7384a5 {\n  cursor: default;\n}\n.chips_00a7b38ed1.clickable_fde58117cb.disableTextSelection_cb89c251f2 {\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_da080e8a20 {\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_2ef2a13b58","focus-visible":"focus-visible_14c454e8c8",disabled:"disabled_2c2c3877ce",disableTextSelection:"disableTextSelection_f96643334c"};!function(e){const n="s_id-8d33a9ee9e1f_3_23_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_2ef2a13b58 {\n  cursor: pointer;\n}\n.clickable_2ef2a13b58:focus-visible, .clickable_2ef2a13b58.focus-visible_14c454e8c8 {\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_2ef2a13b58:focus:not(.focus-visible_14c454e8c8) {\n  outline: none;\n}\n.clickable_2ef2a13b58.disabled_2c2c3877ce {\n  cursor: default;\n}\n.disableTextSelection_f96643334c {\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_fde58117cb","focus-visible":"focus-visible_07442937b5",disabled:"disabled_015a7384a5",disableTextSelection:"disableTextSelection_cb89c251f2"};!function(e){const n="s_id-8d33a9ee9e1f_3_24_1";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_fde58117cb {\n  cursor: pointer;\n}\n.clickable_fde58117cb:focus-visible, .clickable_fde58117cb.focus-visible_07442937b5 {\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_fde58117cb:focus:not(.focus-visible_07442937b5) {\n  outline: none;\n}\n.clickable_fde58117cb.disabled_015a7384a5 {\n  cursor: default;\n}\n.disableTextSelection_cb89c251f2 {\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_3be6032b57",colorPickerDialogContent:"colorPickerDialogContent_48103813c0"};!function(e){const t="s_id-ffacbf9b6446_3_23_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_3be6032b57.colorPickerDialogContent_48103813c0 {\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_5fa893ce46",colorPickerDialogContent:"colorPickerDialogContent_eae6e20ffb"};!function(e){const t="s_id-ffacbf9b6446_3_24_1";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_5fa893ce46.colorPickerDialogContent_eae6e20ffb {\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_365001e173",clearColorButton:"clearColorButton_64bd1b14b6"};!function(e){const n="s_id-774e60a23ee3_3_23_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_365001e173 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_64bd1b14b6 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_188aa0860f",clearColorButton:"clearColorButton_65b6078301"};!function(e){const n="s_id-774e60a23ee3_3_24_1";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_188aa0860f {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_65b6078301 {\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_7b38ad9910"};!function(e){const d="s_id-0a5f0eb78ee4_3_23_0";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_7b38ad9910 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_250ea8f9e3"};!function(e){const n="s_id-0a5f0eb78ee4_3_24_1";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_250ea8f9e3 {\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_a2803fba9b",circle:"circle_b0e09aa187",feedbackIndicator:"feedbackIndicator_7b3f0affa3",active:"active_415ad04ba2",selectedColor:"selectedColor_82931665d6",colorItem:"colorItem_9ca5f308ed",colorIndicatorWrapper:"colorIndicatorWrapper_9125af7d46",colorItemSizeSmall:"colorItemSizeSmall_0c502451ca",colorItemSizeMedium:"colorItemSizeMedium_7e03d7a974",colorItemSizeLarge:"colorItemSizeLarge_a4b87d757f",colorItemTextMode:"colorItemTextMode_bb617e4c9d",colorIconWhite:"colorIconWhite_22d8898fd0"};!function(e){const r="s_id-2198989e565d_3_23_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_a2803fba9b {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_a2803fba9b.circle_b0e09aa187 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_a2803fba9b {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_a2803fba9b .feedbackIndicator_7b3f0affa3 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_a2803fba9b:focus,\n.itemWrapper_a2803fba9b:focus-visible,\n.itemWrapper_a2803fba9b.active_415ad04ba2 {\n  outline: none;\n}\n\n.itemWrapper_a2803fba9b:focus .feedbackIndicator_7b3f0affa3:before,\n.itemWrapper_a2803fba9b:focus-visible .feedbackIndicator_7b3f0affa3:before,\n.itemWrapper_a2803fba9b.active_415ad04ba2 .feedbackIndicator_7b3f0affa3: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_a2803fba9b:focus .feedbackIndicator_7b3f0affa3:after,\n.itemWrapper_a2803fba9b:focus-visible .feedbackIndicator_7b3f0affa3:after,\n.itemWrapper_a2803fba9b.active_415ad04ba2 .feedbackIndicator_7b3f0affa3: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_a2803fba9b:hover:not(.active_415ad04ba2):not(.selectedColor_82931665d6) .feedbackIndicator_7b3f0affa3 {\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_a2803fba9b .colorItem_9ca5f308ed {\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_a2803fba9b .colorItem_9ca5f308ed .colorIndicatorWrapper_9125af7d46 {\n  margin-top: 3px;\n}\n\n.itemWrapper_a2803fba9b .colorItem_9ca5f308ed.colorItemSizeSmall_0c502451ca {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_a2803fba9b .colorItem_9ca5f308ed.colorItemSizeMedium_7e03d7a974 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_a2803fba9b .colorItem_9ca5f308ed.colorItemSizeLarge_a4b87d757f {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_a2803fba9b.selectedColor_82931665d6 {\n  position: relative;\n}\n\n.itemWrapper_a2803fba9b.selectedColor_82931665d6: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_a2803fba9b.selectedColor_82931665d6 .feedbackIndicator_7b3f0affa3:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_a2803fba9b .colorItemTextMode_bb617e4c9d:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_a2803fba9b .colorIconWhite_22d8898fd0 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_a475afe4a7",circle:"circle_12326ed249",feedbackIndicator:"feedbackIndicator_789fd18763",active:"active_65dfa73d02",selectedColor:"selectedColor_5d12b13df3",colorItem:"colorItem_8a0280286a",colorIndicatorWrapper:"colorIndicatorWrapper_e62f483644",colorItemSizeSmall:"colorItemSizeSmall_058272bc3c",colorItemSizeMedium:"colorItemSizeMedium_76f8c7fd43",colorItemSizeLarge:"colorItemSizeLarge_a54318f67f",colorItemTextMode:"colorItemTextMode_c1fdf52587",colorIconWhite:"colorIconWhite_84ba46c6af"};!function(e){const r="s_id-2198989e565d_3_24_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_a475afe4a7 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_a475afe4a7.circle_12326ed249 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_a475afe4a7 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_a475afe4a7 .feedbackIndicator_789fd18763 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_a475afe4a7:focus,\n.itemWrapper_a475afe4a7:focus-visible,\n.itemWrapper_a475afe4a7.active_65dfa73d02 {\n  outline: none;\n}\n\n.itemWrapper_a475afe4a7:focus .feedbackIndicator_789fd18763:before,\n.itemWrapper_a475afe4a7:focus-visible .feedbackIndicator_789fd18763:before,\n.itemWrapper_a475afe4a7.active_65dfa73d02 .feedbackIndicator_789fd18763: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_a475afe4a7:focus .feedbackIndicator_789fd18763:after,\n.itemWrapper_a475afe4a7:focus-visible .feedbackIndicator_789fd18763:after,\n.itemWrapper_a475afe4a7.active_65dfa73d02 .feedbackIndicator_789fd18763: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_a475afe4a7:hover:not(.active_65dfa73d02):not(.selectedColor_5d12b13df3) .feedbackIndicator_789fd18763 {\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_a475afe4a7 .colorItem_8a0280286a {\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_a475afe4a7 .colorItem_8a0280286a .colorIndicatorWrapper_e62f483644 {\n  margin-top: 3px;\n}\n\n.itemWrapper_a475afe4a7 .colorItem_8a0280286a.colorItemSizeSmall_058272bc3c {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_a475afe4a7 .colorItem_8a0280286a.colorItemSizeMedium_76f8c7fd43 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_a475afe4a7 .colorItem_8a0280286a.colorItemSizeLarge_a54318f67f {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_a475afe4a7.selectedColor_5d12b13df3 {\n  position: relative;\n}\n\n.itemWrapper_a475afe4a7.selectedColor_5d12b13df3: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_a475afe4a7.selectedColor_5d12b13df3 .feedbackIndicator_789fd18763:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_a475afe4a7 .colorItemTextMode_c1fdf52587:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_a475afe4a7 .colorIconWhite_84ba46c6af {\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":"uvCAkIA,IAkPeA,EAAAA,EA/OXC,GACF,SAAAC,EA2CEC,GACE,IAAAC,EAAAF,EA1CAG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACdK,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EACpBE,EAAsBN,EAAtBM,uBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACPW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAChBa,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAA4Bd,EAA5Bc,6BAA4BC,EAAAf,EAC5BgB,iBAAAA,OAAmB,IAAHD,EAAG,GAAEA,EACrBE,EAAiBjB,EAAjBiB,kBAAiBC,EAAAlB,EACjBmB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAApB,EACjBqB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAtB,EAChBuB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAUxB,EAAVwB,WAAUC,EAAAzB,EACV0B,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAA3B,EAC7B4B,iBAAAA,QAAmB,IAAHD,EAAG,mBAAkBA,EACrCE,GAAQ7B,EAAR6B,SAAQC,GAAA9B,EACR+B,YAAAA,QAAc,IAAHD,GAAG,UAASA,GAAAE,GAAAhC,EACvBiC,QAAAA,QAAU,IAAHD,GAAG,SAACE,GAAmC,EAAAF,GAAAG,GAAAnC,EAC9CoC,OAAAA,QAASC,IAAHF,GAAGE,EAAaF,GAAAG,GAAAtC,EACtBuC,cAAAA,QAAgB,IAAHD,IAAQA,GACRE,GAAexC,EAA5ByC,YACAC,GAAe1C,EAAf0C,gBAAeC,GAAA3C,EACf4C,QAAAA,QAAU,IAAHD,IAAQA,GAAAE,GAAA7C,EACf8C,cAAAA,QAAgBC,IAAHF,GAAGE,EAAIF,GAAAG,GAAAhD,EACpBiD,cAAAA,QAAgBF,IAAHC,GAAGD,EAAIC,GAAAE,GAAAlD,EACpBmD,2BAAAA,QAA6B,IAAHD,IAAOA,GACjCE,GAAiBpD,EAAjBoD,kBAAiBC,GAAArD,EACjBsD,iBAAAA,QAAmB,IAAHD,IAAQA,GAAAE,GAAAvD,EACxBwD,eAAAA,QAAiB,IAAHD,GAAG,KAAIA,GAAAE,GAAAzD,EACrB0D,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAA3D,EAChC4D,uBAAAA,QAAyB,IAAHD,IAAQA,GAC9BE,GAAuB7D,EAAvB6D,wBAAuBC,GAAA9D,EACvBqC,cAAe0B,QAAqB,IAAHD,GAAG,GAAEA,GAAAE,GAAAhE,EACtCiE,qBAAAA,QAAuB,IAAHD,GAAG,qBAAoBA,GAC5BE,GAAUlE,EAAzB,eACAmE,GAAYnE,EAAZmE,aACAC,GAAcpE,EAAdoE,eACcC,GAAYrE,EAA1BsE,aACAC,GAAuBvE,EAAvBuE,wBAIIC,GAAeC,EAAO,MACtBC,GAAWD,EAAO,MAClBE,GAAYC,EAAY3E,EAAKuE,IAC7BK,GAAiBD,EAAYF,GAAUN,IAE7CU,GAAsCC,EAASvC,IAAmBuB,IAAmBiB,GAAAC,EAAAH,GAAA,GAA9ErC,GAAWuC,GAAA,GAAEE,GAAcF,GAAA,QAEVG,IAApB3C,IAAiCA,KAAoBC,IACvDyC,GAAe1C,IAGjB,IAAM4C,GAAmBC,GACvB,SAACC,GACCC,IAAsB,GAClB7C,IACFA,GAAgB4C,GAElBJ,GAAeI,EACjB,GACA,CAACJ,GAAgBxC,KAGb8C,GAAkBH,GACtB,SAACI,EAAyBC,EAAeC,GACvC7C,GAAc2C,EAAOC,EAAOC,EAC9B,GACA,CAAC7C,KAGG8C,GAAqCC,GAAQ,WACjD,OAAItD,GACKhB,EAEFa,GAAOK,GAAalB,EAC5B,GAAE,CAACA,EAASkB,GAAaL,GAAQG,KAElCuD,GAAkDf,GAAU,GAAEgB,GAAAd,EAAAa,GAAA,GAAvDE,GAAiBD,GAAA,GAAER,GAAoBQ,GAAA,GAExCE,GAAoBZ,GACxB,SAACK,GACC,YAAiBP,IAAVO,GAAuBE,GAAgBF,KAAWE,GAAgBF,GAAOrE,QAClF,GACA,CAACuE,KAGGM,GAAmBb,GAAY,WACnCxD,IAAYA,GAASY,IAErByC,GAAe,GAChB,GAAE,CAACrD,GAAUY,GAAayC,KAErBiB,GAAaP,GAAgBQ,OAAS,EACtCC,GAAY5D,GAAY2D,OAAS,EA4BvC,IAAAE,GAA4CvB,IAA6BwB,GAAAtB,EAAAqB,GAAA,GAAlEE,GAAcD,GAAA,GAAEE,GAAiBF,GAAA,GAElCG,GAA0BrB,GAC9B,SAACsB,UAC2B,UAAtBA,aAAA,EAAAA,EAAcC,gBAAQ,IAAAC,OAAA,EAAAA,EAAEC,UAAUN,cAAc,EAAdA,GAAgBM,QACpDL,GAAkBE,eAAAA,EAAcC,SAEpC,GACA,CAACJ,KAGHO,GAA6CC,EAAa,CACxDxF,WAAAA,EACAD,QAASqE,GACTnD,YAAAA,GACAf,sBAAAA,EACAV,iBAAAA,IALMiG,GAAKF,GAALE,MAAOC,GAAQH,GAARG,SAAUC,GAAeJ,GAAfI,gBAQnBC,GAAkB/B,GACtB,SAACgC,EAAgDC,GAC/CrF,GAAQkF,GAAgBG,IACpBrB,GAAkBqB,IACpB/B,GAAqB+B,GAEnB1D,IAEFwB,GAAiB,GAErB,GACA,CAACnD,GAASkF,GAAiBlB,GAAmBrC,GAAwBwB,KAGxEmC,GAIIC,EAAsB,CACxBC,YAAAA,EACA3G,6BAAAA,EACAmB,QAASmF,GACTnB,kBAAAA,GACA1E,QAAS4F,GACTzC,SAAUG,KATV6C,GAAoBH,GAApBG,qBACAC,GAAiBJ,GAAjBI,kBACeC,GAAqBL,GAApCM,cAUF,OACEC,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLhI,IAAK0E,GACLxE,UAAW+H,EAAGC,EAAOC,SAAUjI,EAAWkI,EAASF,EAAQG,EAAU,QAAUzH,IAAM0H,EAAAA,EAClFJ,GAAAA,EAAOK,OAASrC,IAChBgC,EAAOM,eAAiBnF,KAE3B7C,GAAIA,EACS,cAAAyD,IAAcwE,EAAUC,EAAuBC,SAAUnI,GACtEoI,UAAU,GAEVf,EAAAC,cAAA,MAAA,CAAK5H,UAAWgI,EAAOW,aAAcC,MAAO,CAAEC,UAAW/H,IACvD6G,EAACC,cAAAkB,GACChJ,IAAK4E,GACLS,MAAO7C,GACPtC,UAAW+H,EAAGC,EAAOe,sBAAuB5I,GAC5C6I,eAAgBlF,GAChBmF,oBAAqBzB,GACrBlH,GAAG,kBACHE,YAAaA,EACbE,KAAMA,EACNQ,SAAUA,EACVgI,SAAUjE,GACVjE,UAAWA,EACXyB,QAASA,GACT0G,eAAgB/I,EAChBgJ,aAAclD,IAAaF,GAC3BqD,aAAa,UACbC,yBAA0BhJ,EAAE,GAAAiJ,OAAMjJ,cAAekJ,EACjDxF,aAAcA,GACdG,aAAcD,GACdE,wBAAyBA,KAE1BjB,IAAoBwE,gBAAC8B,EAAoB,CAAC9C,MAAON,cAAA,EAAAA,GAAgBM,MAAO+C,MAAOrD,cAAA,EAAAA,GAAgBqD,QAC/F1D,IACC2B,EAAAC,cAAC+B,EACC,CAAAxG,iBAAkBA,GAClB9B,WAAYA,EACZD,QAAS0F,GACTC,SAAUA,GACV7G,gBAAiBA,EACjBmD,eAAgBA,GAChBuG,gBAAiB/D,GACjBU,wBAAyBA,GACzBmB,cAAeD,GACfoC,cAAexE,GACfvC,cAAeA,GACfjC,iBAAkBA,EAClBmC,2BAA4BA,GAC5BO,yBAA0BA,GAC1BG,wBAAyBA,GACzB6D,qBAAsBA,GACtBjH,GAAIA,EAAE,GAAAiJ,OAAMjJ,EAAekJ,YAAAA,KAIhCtD,KAAcF,KAAevD,KAzH5BQ,GACKA,KAIP0E,EAAKC,cAAA,MAAA,CAAA5H,UAAWgI,EAAO8B,mBACrBnC,EAAAC,cAAA,MAAA,CAAK5H,UAAWgI,EAAO+B,wBACrBpC,EAAMC,cAAA,OAAA,CAAA5H,UAAWgI,EAAOgC,iBAAkBvI,KAE3CC,KAAaR,GACZyG,gBAACsC,EAAM,CAACjK,UAAWgI,EAAOkC,aAAcxJ,KAAMA,EAAMyJ,KAAK,WAAWrI,QAASiE,IAC3E4B,EAAAC,cAAA,OAAA,CAAM5H,UAAWgI,EAAOoC,aAlB5BC,EAAWzI,IACNA,GAAYU,IAEdV,OAgIX,IAOuC,CACvC0I,MAAOC,EACPC,UAAWC,EAAeD"}