npm - @vibe/core - Versions diffs - 3.0.0-alpha.9 → 3.0.0-beta.0 - Mend

@vibe/core 3.0.0-alpha.9 → 3.0.0-beta.0

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

Files changed (419) hide show

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_daf4ca2f21",tooltipContainer:"tooltipContainer_eee51e5a71","focus-visible":"focus-visible_1c2a237175",tooltipGridContainer:"tooltipGridContainer_d2392e5725",scrollableContainer:"scrollableContainer_a56cce38f7"};!function(e){const t="s_id-de7e28416fbe_3_0_0-alpha_8";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)}(".tooltipAvatarItemTitle_daf4ca2f21 {\n  white-space: nowrap;\n}\n\n.tooltipContainer_eee51e5a71 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_eee51e5a71:focus, .tooltipContainer_eee51e5a71:focus-visible, .tooltipContainer_eee51e5a71.focus-visible_1c2a237175 {\n  outline: none;\n}\n\n.tooltipGridContainer_d2392e5725 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_a56cce38f7::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_a56cce38f7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_a6b3fbd1c4",tooltipContainer:"tooltipContainer_9c418948b0","focus-visible":"focus-visible_c9e13e3571",tooltipGridContainer:"tooltipGridContainer_2faee4fb6a",scrollableContainer:"scrollableContainer_aecb261828"};!function(e){const t="s_id-de7e28416fbe_3_0_0-alpha_17";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)}(".tooltipAvatarItemTitle_a6b3fbd1c4 {\n  white-space: nowrap;\n}\n\n.tooltipContainer_9c418948b0 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_9c418948b0:focus, .tooltipContainer_9c418948b0:focus-visible, .tooltipContainer_9c418948b0.focus-visible_c9e13e3571 {\n  outline: none;\n}\n\n.tooltipGridContainer_2faee4fb6a {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_aecb261828::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_aecb261828::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var a={badgeWrapper:"badgeWrapper_15af74e04d",badge:"badge_6a6269753d",outside:"outside_bc76ae78cd",topEnd:"topEnd_54942b129c",rectangular:"rectangular_bf2159165f",circular:"circular_f10c32cc5a",topStart:"topStart_07cff8db27",bottomEnd:"bottomEnd_0f9e28ccf8",bottomStart:"bottomStart_8e4d95b068"};!function(a){const e="s_id-b5dca6298ea9_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_15af74e04d {\n  position: relative;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d:not(.outside_bc76ae78cd) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.topEnd_54942b129c.rectangular_bf2159165f {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.topEnd_54942b129c.outside_bc76ae78cd {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.topEnd_54942b129c.circular_f10c32cc5a {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.topStart_07cff8db27.rectangular_bf2159165f {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.topStart_07cff8db27.outside_bc76ae78cd {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.topStart_07cff8db27.circular_f10c32cc5a {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.bottomEnd_0f9e28ccf8.rectangular_bf2159165f {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.bottomEnd_0f9e28ccf8.outside_bc76ae78cd {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.bottomEnd_0f9e28ccf8.circular_f10c32cc5a {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.bottomStart_8e4d95b068.rectangular_bf2159165f {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.bottomStart_8e4d95b068.outside_bc76ae78cd {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_15af74e04d .badge_6a6269753d.bottomStart_8e4d95b068.circular_f10c32cc5a {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
+var e={badgeWrapper:"badgeWrapper_4fb1ff7086",badge:"badge_0129ffbe0d",outside:"outside_effc07056e",topEnd:"topEnd_0e6ab875ab",rectangular:"rectangular_112821beec",circular:"circular_3c766b0451",topStart:"topStart_34a7afd4ed",bottomEnd:"bottomEnd_3a428cb340",bottomStart:"bottomStart_5536cae019"};!function(e){const t="s_id-b5dca6298ea9_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_4fb1ff7086 {\n  position: relative;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d:not(.outside_effc07056e) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topEnd_0e6ab875ab.rectangular_112821beec {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topEnd_0e6ab875ab.outside_effc07056e {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topEnd_0e6ab875ab.circular_3c766b0451 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topStart_34a7afd4ed.rectangular_112821beec {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topStart_34a7afd4ed.outside_effc07056e {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topStart_34a7afd4ed.circular_3c766b0451 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomEnd_3a428cb340.rectangular_112821beec {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomEnd_3a428cb340.outside_effc07056e {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomEnd_3a428cb340.circular_3c766b0451 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomStart_5536cae019.rectangular_112821beec {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomStart_5536cae019.outside_effc07056e {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomStart_5536cae019.circular_3c766b0451 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_51b00e3dec",primary:"primary_de97afdda7",notification:"notification_b78d395007"};!function(e){const d="s_id-d6448d74722f_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".indicator_51b00e3dec {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_51b00e3dec.primary_de97afdda7 {\n  background-color: var(--primary-color);\n}\n.indicator_51b00e3dec.notification_b78d395007 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_dede31f005",primary:"primary_aff14c6a74",notification:"notification_e45bc9cade"};!function(e){const i="s_id-d6448d74722f_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_dede31f005 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_dede31f005.primary_aff14c6a74 {\n  background-color: var(--primary-color);\n}\n.indicator_dede31f005.notification_e45bc9cade {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_1c99b86da7",small:"small_7d2147d4f4",medium:"medium_4118750032",large:"large_82a8563f54",rightThinnerPadding:"rightThinnerPadding_80dd72680d",input:"input_a5998d59c5",success:"success_27cc1441ea",readOnly:"readOnly_5a23840f86",disabled:"disabled_7ffb417d87",error:"error_891118d40e"};!function(r){const n="s_id-1f2ba40749da_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_1c99b86da7 {\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_1c99b86da7.small_7d2147d4f4 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_1c99b86da7.medium_4118750032 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_1c99b86da7.large_82a8563f54 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_1c99b86da7.rightThinnerPadding_80dd72680d {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_1c99b86da7:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_1c99b86da7:has(.input_a5998d59c5:active, .input_a5998d59c5:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_1c99b86da7:has(.input_a5998d59c5:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_1c99b86da7:has(.input_a5998d59c5:read-only) .input_a5998d59c5 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_1c99b86da7:has(.input_a5998d59c5: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_1c99b86da7:has(.input_a5998d59c5:disabled) .input_a5998d59c5 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_1c99b86da7.success_27cc1441ea {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1c99b86da7.success_27cc1441ea:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1c99b86da7.success_27cc1441ea:has(.input_a5998d59c5:active, .input_a5998d59c5:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1c99b86da7:has(.input_a5998d59c5[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1c99b86da7:has(.input_a5998d59c5[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1c99b86da7:has(.input_a5998d59c5[aria-invalid=true]):has(.input_a5998d59c5:active, .input_a5998d59c5:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_1c99b86da7:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_1c99b86da7.readOnly_5a23840f86 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_1c99b86da7.readOnly_5a23840f86 .input_a5998d59c5 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_1c99b86da7.disabled_7ffb417d87 {\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_1c99b86da7.disabled_7ffb417d87 .input_a5998d59c5 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_1c99b86da7.success_27cc1441ea {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1c99b86da7.success_27cc1441ea:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1c99b86da7.success_27cc1441ea:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_1c99b86da7.error_891118d40e {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1c99b86da7.error_891118d40e:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_1c99b86da7.error_891118d40e:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_1c99b86da7 .input_a5998d59c5 {\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_1c99b86da7 .input_a5998d59c5::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_1c99b86da7 .input_a5998d59c5:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_3540849003",small:"small_b9d800bdbf",medium:"medium_31b6f63d6b",large:"large_6d8bc42ba3",rightThinnerPadding:"rightThinnerPadding_ea1a329348",input:"input_53150aa792",success:"success_4b58b7ae9c",readOnly:"readOnly_df4499e4a5",disabled:"disabled_25458a38a0",error:"error_14ddac1bf9"};!function(r){const n="s_id-1f2ba40749da_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_3540849003 {\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_3540849003.small_b9d800bdbf {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_3540849003.medium_31b6f63d6b {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_3540849003.large_6d8bc42ba3 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_3540849003.rightThinnerPadding_ea1a329348 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_3540849003:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_3540849003:has(.input_53150aa792:active, .input_53150aa792:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3540849003:has(.input_53150aa792:read-only) .input_53150aa792 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792: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_3540849003:has(.input_53150aa792:disabled) .input_53150aa792 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:has(.input_53150aa792:active, .input_53150aa792:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792[aria-invalid=true]):has(.input_53150aa792:active, .input_53150aa792:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_3540849003:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3540849003.readOnly_df4499e4a5 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3540849003.readOnly_df4499e4a5 .input_53150aa792 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3540849003.disabled_25458a38a0 {\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_3540849003.disabled_25458a38a0 .input_53150aa792 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.error_14ddac1bf9 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003.error_14ddac1bf9:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003.error_14ddac1bf9:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_3540849003 .input_53150aa792 {\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_3540849003 .input_53150aa792::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_3540849003 .input_53150aa792:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={box:"box_3610ceff0b",scrollable:"scrollable_506a7dc5fc",opacityDisabled:"opacityDisabled_2e413c2eae",border:"border_4ddef1c95b",borderColorUiBorderColor:"borderColorUiBorderColor_5e863d0478",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_290ba22561",rounded0:"rounded0_3d72766886",roundedSmall:"roundedSmall_7503d1594c",roundedMedium:"roundedMedium_136eaa9da9",roundedBig:"roundedBig_62b962b2dd",shadowXs:"shadowXs_4b78596529",shadowSmall:"shadowSmall_be54600533",shadowMedium:"shadowMedium_0907bd593f",shadowLarge:"shadowLarge_20ec6ee3eb",m0:"m0_621fc41fd9",mXs:"mXs_a5d17c3b2c",mSmall:"mSmall_1378a6df05",mMedium:"mMedium_9f5be96f4e",mLarge:"mLarge_4c5a41c3fd",mXl:"mXl_9d1f8d352b",mXxl:"mXxl_a996f14cc5",mXxxl:"mXxxl_a2a479f70d",mAuto:"mAuto_23aed8998e",mx0:"mx0_c2bf158d42",mxXs:"mxXs_44c1e2e27d",mxSmall:"mxSmall_64daf27974",mxMedium:"mxMedium_06ce02ff4d",mxLarge:"mxLarge_a4da9e337c",mxXl:"mxXl_2f4b3086cc",mxXxl:"mxXxl_630cbdd93f",mxXxxl:"mxXxxl_58f1acbb21",mxAuto:"mxAuto_a6bc772970",my0:"my0_09d2c4d5e3",myXs:"myXs_7c80c3153a",mySmall:"mySmall_4f76dbeee4",myMedium:"myMedium_fbf0f86232",myLarge:"myLarge_f1fc2279c1",myXl:"myXl_794d4cf706",myXxl:"myXxl_b46c25d5cd",myXxxl:"myXxxl_5e849f87de",myAuto:"myAuto_42b4741453",mt0:"mt0_d97330e747",mtXs:"mtXs_bfabdd6602",mtSmall:"mtSmall_bbb118ad48",mtMedium:"mtMedium_27a4979f31",mtLarge:"mtLarge_3b00264db8",mtXl:"mtXl_60668c4154",mtXxl:"mtXxl_14f5d5f568",mtXxxl:"mtXxxl_d248b1cd7d",mtAuto:"mtAuto_d5c9d1a57c",me0:"me0_c11d7d02c1",meXs:"meXs_9105cc8286",meSmall:"meSmall_98be2cbcf0",meMedium:"meMedium_8a08fab22b",meLarge:"meLarge_f3ed1284a7",meXl:"meXl_448d117166",meXxl:"meXxl_eb2aa2ceea",meXxxl:"meXxxl_3b062c4468",meAuto:"meAuto_9cd1dedd50",mb0:"mb0_9e32feca13",mbXs:"mbXs_619fb9a6d2",mbSmall:"mbSmall_366f66cd8f",mbMedium:"mbMedium_8f74d550ff",mbLarge:"mbLarge_82b9fb2b4f",mbXl:"mbXl_21b4440a7d",mbXxl:"mbXxl_8895cb089d",mbXxxl:"mbXxxl_66b031db6e",mbAuto:"mbAuto_e2432c05dd",ms0:"ms0_3cb41f1f98",msXs:"msXs_c3058191b4",msSmall:"msSmall_7e03bbb210",msMedium:"msMedium_c8442582ee",msLarge:"msLarge_aab6f052c2",msXl:"msXl_a379d8c09c",msXxl:"msXxl_50de6e56a0",msXxxl:"msXxxl_ac6a170990",msAuto:"msAuto_64457f130a",p0:"p0_99dc3f55a8",pXs:"pXs_929779cf49",pSmall:"pSmall_b61ca864d3",pMedium:"pMedium_434b938f23",pLarge:"pLarge_145d68dbc9",pXl:"pXl_bd337d2579",pXxl:"pXxl_dd93abf0de",pXxxl:"pXxxl_5d621fd597",px0:"px0_1a4ad680ce",pxXs:"pxXs_fdfc8e04c4",pxSmall:"pxSmall_218fce397c",pxMedium:"pxMedium_ff9ec78eb7",pxLarge:"pxLarge_f21f9e36ae",pxXl:"pxXl_94e7b4a5a0",pxXxl:"pxXxl_0af0e137e1",pxXxxl:"pxXxxl_dfa2ee0550",py0:"py0_1cf05afe11",pyXs:"pyXs_83fe9ada34",pySmall:"pySmall_fc601cf7ed",pyMedium:"pyMedium_12d51c475d",pyLarge:"pyLarge_f2b4db86ca",pyXl:"pyXl_7f72b5f931",pyXxl:"pyXxl_0fef0cc634",pyXxxl:"pyXxxl_e55ecd9b6b",pt0:"pt0_eca254dc1d",ptXs:"ptXs_a9ded1e9eb",ptSmall:"ptSmall_d04c58bea4",ptMedium:"ptMedium_1e8239c365",ptLarge:"ptLarge_f21fbf1dc3",ptXl:"ptXl_ca0cfb2fe0",ptXxl:"ptXxl_7e7f132d88",ptXxxl:"ptXxxl_39c50cf83b",pe0:"pe0_d53df9e06c",peXs:"peXs_03c941f4b9",peSmall:"peSmall_0bfc46f932",peMedium:"peMedium_91837d6aa0",peLarge:"peLarge_c4d4430fef",peXl:"peXl_8eabbd5d1f",peXxl:"peXxl_f2aa44d20b",peXxxl:"peXxxl_4f3f674bfe",pb0:"pb0_dcece33e29",pbXs:"pbXs_1d56f04e02",pbSmall:"pbSmall_b51cd40372",pbMedium:"pbMedium_6bed7aa9eb",pbLarge:"pbLarge_71b7f91ed4",pbXl:"pbXl_49c312ef7d",pbXxl:"pbXxl_7b1296035b",pbXxxl:"pbXxxl_48994d7374",ps0:"ps0_00a1a3ff76",psXs:"psXs_90c32a0466",psSmall:"psSmall_179b432c09",psMedium:"psMedium_51fb1bed91",psLarge:"psLarge_0214e7fc99",psXl:"psXl_9346e43f9d",psXxl:"psXxl_c3229e69ae",psXxxl:"psXxxl_3fa19b8db7",textPrimaryTextColor:"textPrimaryTextColor_6937ea4afa",textTextColorOnInverted:"textTextColorOnInverted_d91add6c24",textSecondaryTextColor:"textSecondaryTextColor_557c929904",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_d79a6e965f",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_250fa24af2",bgGreyBackgroundColor:"bgGreyBackgroundColor_f9eddd91f2",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_0e2e5a69e2",bgInvertedColorBackground:"bgInvertedColorBackground_7082bca7b1"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_8";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_3610ceff0b {\n  overflow: hidden;\n}\n.box_3610ceff0b.scrollable_506a7dc5fc {\n  overflow: auto;\n}\n.box_3610ceff0b.scrollable_506a7dc5fc::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_3610ceff0b.scrollable_506a7dc5fc::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_2e413c2eae {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_4ddef1c95b {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_5e863d0478 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_290ba22561 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_3d72766886 {\n  border-radius: 0 !important;\n}\n.roundedSmall_7503d1594c {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_136eaa9da9 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_62b962b2dd {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_4b78596529 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_be54600533 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_0907bd593f {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_20ec6ee3eb {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_621fc41fd9 {\n  margin: 0 !important;\n}\n.mXs_a5d17c3b2c {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_1378a6df05 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_9f5be96f4e {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_4c5a41c3fd {\n  margin: var(--spacing-large) !important;\n}\n.mXl_9d1f8d352b {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_a996f14cc5 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_a2a479f70d {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_23aed8998e {\n  margin: auto !important;\n}\n.mx0_c2bf158d42 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_44c1e2e27d {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_64daf27974 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_06ce02ff4d {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_a4da9e337c {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_2f4b3086cc {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_630cbdd93f {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_58f1acbb21 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_a6bc772970 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_09d2c4d5e3 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_7c80c3153a {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_4f76dbeee4 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_fbf0f86232 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_f1fc2279c1 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_794d4cf706 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_b46c25d5cd {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_5e849f87de {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_42b4741453 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_d97330e747 {\n  margin-top: 0 !important;\n}\n.mtXs_bfabdd6602 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_bbb118ad48 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_27a4979f31 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_3b00264db8 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_60668c4154 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_14f5d5f568 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_d248b1cd7d {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_d5c9d1a57c {\n  margin-top: auto !important;\n}\n.me0_c11d7d02c1 {\n  margin-inline-end: 0 !important;\n}\n.meXs_9105cc8286 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_98be2cbcf0 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_8a08fab22b {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_f3ed1284a7 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_448d117166 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_eb2aa2ceea {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_3b062c4468 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_9cd1dedd50 {\n  margin-inline-end: auto !important;\n}\n.mb0_9e32feca13 {\n  margin-bottom: 0 !important;\n}\n.mbXs_619fb9a6d2 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_366f66cd8f {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_8f74d550ff {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_82b9fb2b4f {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_21b4440a7d {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_8895cb089d {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_66b031db6e {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_e2432c05dd {\n  margin-bottom: auto !important;\n}\n.ms0_3cb41f1f98 {\n  margin-inline-start: 0 !important;\n}\n.msXs_c3058191b4 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_7e03bbb210 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_c8442582ee {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_aab6f052c2 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_a379d8c09c {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_50de6e56a0 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_ac6a170990 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_64457f130a {\n  margin-inline-start: auto !important;\n}\n.p0_99dc3f55a8 {\n  padding: 0 !important;\n}\n.pXs_929779cf49 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_b61ca864d3 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_434b938f23 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_145d68dbc9 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_bd337d2579 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_dd93abf0de {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_5d621fd597 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_1a4ad680ce {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_fdfc8e04c4 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_218fce397c {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_ff9ec78eb7 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_f21f9e36ae {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_94e7b4a5a0 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_0af0e137e1 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_dfa2ee0550 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_1cf05afe11 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_83fe9ada34 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_fc601cf7ed {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_12d51c475d {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_f2b4db86ca {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_7f72b5f931 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_0fef0cc634 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_e55ecd9b6b {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_eca254dc1d {\n  padding-top: 0 !important;\n}\n.ptXs_a9ded1e9eb {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_d04c58bea4 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_1e8239c365 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_f21fbf1dc3 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_ca0cfb2fe0 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_7e7f132d88 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_39c50cf83b {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_d53df9e06c {\n  padding-inline-end: 0 !important;\n}\n.peXs_03c941f4b9 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_0bfc46f932 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_91837d6aa0 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_c4d4430fef {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_8eabbd5d1f {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_f2aa44d20b {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_4f3f674bfe {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_dcece33e29 {\n  padding-bottom: 0 !important;\n}\n.pbXs_1d56f04e02 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_b51cd40372 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_6bed7aa9eb {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_71b7f91ed4 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_49c312ef7d {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_7b1296035b {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_48994d7374 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_00a1a3ff76 {\n  padding-inline-start: 0 !important;\n}\n.psXs_90c32a0466 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_179b432c09 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_51fb1bed91 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_0214e7fc99 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_9346e43f9d {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_c3229e69ae {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_3fa19b8db7 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_6937ea4afa {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_d91add6c24 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_557c929904 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_d79a6e965f {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_250fa24af2 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_f9eddd91f2 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_0e2e5a69e2 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_7082bca7b1 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_a420ccb769",scrollable:"scrollable_5881cdde2d",opacityDisabled:"opacityDisabled_87be06f8b1",border:"border_e8c2a341bf",borderColorUiBorderColor:"borderColorUiBorderColor_b1654a6405",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_e60127ab93",rounded0:"rounded0_2b8a3e274b",roundedSmall:"roundedSmall_e6eb04e114",roundedMedium:"roundedMedium_48b0cce6b1",roundedBig:"roundedBig_992d609c08",shadowXs:"shadowXs_e24fe8d239",shadowSmall:"shadowSmall_a9ac94cf80",shadowMedium:"shadowMedium_69143778eb",shadowLarge:"shadowLarge_cc46922f0e",m0:"m0_92efb34870",mXs:"mXs_d8672fbc99",mSmall:"mSmall_8cf7549ce1",mMedium:"mMedium_8b52ec2cab",mLarge:"mLarge_bd48d4d4c5",mXl:"mXl_9dc2832ae8",mXxl:"mXxl_e80874b1f1",mXxxl:"mXxxl_836b67f008",mAuto:"mAuto_bf54dfbc1d",mx0:"mx0_50371b4995",mxXs:"mxXs_83df14866e",mxSmall:"mxSmall_6613399bce",mxMedium:"mxMedium_766968f5ce",mxLarge:"mxLarge_9eac5f5b12",mxXl:"mxXl_010a97697f",mxXxl:"mxXxl_92b7a2c27a",mxXxxl:"mxXxxl_88a31ae127",mxAuto:"mxAuto_8816d38340",my0:"my0_fc6cf13bf2",myXs:"myXs_4a29c4e393",mySmall:"mySmall_7514026112",myMedium:"myMedium_97f3ec8eba",myLarge:"myLarge_0569ef1621",myXl:"myXl_4b57f80fc0",myXxl:"myXxl_b3e9e2d98d",myXxxl:"myXxxl_fb9a7067d3",myAuto:"myAuto_5ef101a1ee",mt0:"mt0_b0e82f766f",mtXs:"mtXs_32c65c79cd",mtSmall:"mtSmall_4eab34db69",mtMedium:"mtMedium_f30c553701",mtLarge:"mtLarge_cc3dc783c0",mtXl:"mtXl_dd51491076",mtXxl:"mtXxl_cdd0e55a84",mtXxxl:"mtXxxl_aedafc1cfa",mtAuto:"mtAuto_117ad3ded4",me0:"me0_d033234dd0",meXs:"meXs_95ce980516",meSmall:"meSmall_a9c3987971",meMedium:"meMedium_22f955bd25",meLarge:"meLarge_c28b931812",meXl:"meXl_65bc414521",meXxl:"meXxl_e2594d7b04",meXxxl:"meXxxl_50cbdc93c8",meAuto:"meAuto_82c1b64bee",mb0:"mb0_70e4537e79",mbXs:"mbXs_7a662b3e78",mbSmall:"mbSmall_8e5dd721a0",mbMedium:"mbMedium_cc8e4c2460",mbLarge:"mbLarge_c46d9b00f0",mbXl:"mbXl_0585664fc7",mbXxl:"mbXxl_dca52665de",mbXxxl:"mbXxxl_a2edae212d",mbAuto:"mbAuto_72258a01d4",ms0:"ms0_d2c0f7a287",msXs:"msXs_f71ff6ff66",msSmall:"msSmall_3efc0826b7",msMedium:"msMedium_83a1a14a07",msLarge:"msLarge_69ecf8ce5d",msXl:"msXl_846b993a04",msXxl:"msXxl_7677ae6713",msXxxl:"msXxxl_c5bc042981",msAuto:"msAuto_e3d29b044a",p0:"p0_9853cb4be1",pXs:"pXs_e4a993acfc",pSmall:"pSmall_3feb1a0f71",pMedium:"pMedium_c7a5377297",pLarge:"pLarge_5c656bfb8e",pXl:"pXl_29f1cb0478",pXxl:"pXxl_eefce788ba",pXxxl:"pXxxl_e8e16ee737",px0:"px0_248ed3f50c",pxXs:"pxXs_51dcb24606",pxSmall:"pxSmall_43cc3b5dd0",pxMedium:"pxMedium_51c254836c",pxLarge:"pxLarge_d41a3887e5",pxXl:"pxXl_04dd18579c",pxXxl:"pxXxl_523e4765f3",pxXxxl:"pxXxxl_c6a6160021",py0:"py0_2ee603fbf5",pyXs:"pyXs_0bfefeb7b1",pySmall:"pySmall_433320e9e4",pyMedium:"pyMedium_df557cd480",pyLarge:"pyLarge_f09bc1e8e8",pyXl:"pyXl_6548d396f2",pyXxl:"pyXxl_3d989a2fa2",pyXxxl:"pyXxxl_4b2e3dd55b",pt0:"pt0_e70d56cd6d",ptXs:"ptXs_74c8180ed9",ptSmall:"ptSmall_63a13e14d0",ptMedium:"ptMedium_93bf13d93f",ptLarge:"ptLarge_16dde0635e",ptXl:"ptXl_1bc20b06c7",ptXxl:"ptXxl_8003e703e0",ptXxxl:"ptXxxl_95d5ec81ca",pe0:"pe0_b3bede9015",peXs:"peXs_118d5672ea",peSmall:"peSmall_69328d7ac4",peMedium:"peMedium_786afc2148",peLarge:"peLarge_c2cb07cc5a",peXl:"peXl_d76407e8f2",peXxl:"peXxl_bc7064ebb0",peXxxl:"peXxxl_ad0d0866b2",pb0:"pb0_3e042b2020",pbXs:"pbXs_23658b5b00",pbSmall:"pbSmall_e50376f257",pbMedium:"pbMedium_4d9a0fcda1",pbLarge:"pbLarge_ad5d289674",pbXl:"pbXl_c222694401",pbXxl:"pbXxl_0a189499da",pbXxxl:"pbXxxl_79eff6c152",ps0:"ps0_9c5223640b",psXs:"psXs_5138813cc5",psSmall:"psSmall_269353b430",psMedium:"psMedium_7200cab794",psLarge:"psLarge_ac3e042ed4",psXl:"psXl_28dea39f1b",psXxl:"psXxl_87e45a1039",psXxxl:"psXxxl_8754e5d249",textPrimaryTextColor:"textPrimaryTextColor_6caf4fb43f",textTextColorOnInverted:"textTextColorOnInverted_6d9cba24a3",textSecondaryTextColor:"textSecondaryTextColor_e9f91f843b",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_23d9a04b1f",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_da513cd7c5",bgGreyBackgroundColor:"bgGreyBackgroundColor_41d898c9d6",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_3bcd5fa816",bgInvertedColorBackground:"bgInvertedColorBackground_f876d82cd7"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_17";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_a420ccb769 {\n  overflow: hidden;\n}\n.box_a420ccb769.scrollable_5881cdde2d {\n  overflow: auto;\n}\n.box_a420ccb769.scrollable_5881cdde2d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_a420ccb769.scrollable_5881cdde2d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_87be06f8b1 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_e8c2a341bf {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_b1654a6405 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_e60127ab93 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_2b8a3e274b {\n  border-radius: 0 !important;\n}\n.roundedSmall_e6eb04e114 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_48b0cce6b1 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_992d609c08 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_e24fe8d239 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_a9ac94cf80 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_69143778eb {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_cc46922f0e {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_92efb34870 {\n  margin: 0 !important;\n}\n.mXs_d8672fbc99 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_8cf7549ce1 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_8b52ec2cab {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_bd48d4d4c5 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_9dc2832ae8 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_e80874b1f1 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_836b67f008 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_bf54dfbc1d {\n  margin: auto !important;\n}\n.mx0_50371b4995 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_83df14866e {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_6613399bce {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_766968f5ce {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_9eac5f5b12 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_010a97697f {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_92b7a2c27a {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_88a31ae127 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_8816d38340 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_fc6cf13bf2 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_4a29c4e393 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_7514026112 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_97f3ec8eba {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_0569ef1621 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_4b57f80fc0 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_b3e9e2d98d {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_fb9a7067d3 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_5ef101a1ee {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_b0e82f766f {\n  margin-top: 0 !important;\n}\n.mtXs_32c65c79cd {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_4eab34db69 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_f30c553701 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_cc3dc783c0 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_dd51491076 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_cdd0e55a84 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_aedafc1cfa {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_117ad3ded4 {\n  margin-top: auto !important;\n}\n.me0_d033234dd0 {\n  margin-inline-end: 0 !important;\n}\n.meXs_95ce980516 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_a9c3987971 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_22f955bd25 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_c28b931812 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_65bc414521 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_e2594d7b04 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_50cbdc93c8 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_82c1b64bee {\n  margin-inline-end: auto !important;\n}\n.mb0_70e4537e79 {\n  margin-bottom: 0 !important;\n}\n.mbXs_7a662b3e78 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_8e5dd721a0 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_cc8e4c2460 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_c46d9b00f0 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_0585664fc7 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_dca52665de {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_a2edae212d {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_72258a01d4 {\n  margin-bottom: auto !important;\n}\n.ms0_d2c0f7a287 {\n  margin-inline-start: 0 !important;\n}\n.msXs_f71ff6ff66 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_3efc0826b7 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_83a1a14a07 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_69ecf8ce5d {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_846b993a04 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_7677ae6713 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_c5bc042981 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e3d29b044a {\n  margin-inline-start: auto !important;\n}\n.p0_9853cb4be1 {\n  padding: 0 !important;\n}\n.pXs_e4a993acfc {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_3feb1a0f71 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_c7a5377297 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_5c656bfb8e {\n  padding: var(--spacing-large) !important;\n}\n.pXl_29f1cb0478 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_eefce788ba {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_e8e16ee737 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_248ed3f50c {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_51dcb24606 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_43cc3b5dd0 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_51c254836c {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_d41a3887e5 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_04dd18579c {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_523e4765f3 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_c6a6160021 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_2ee603fbf5 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_0bfefeb7b1 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_433320e9e4 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_df557cd480 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_f09bc1e8e8 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_6548d396f2 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_3d989a2fa2 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_4b2e3dd55b {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_e70d56cd6d {\n  padding-top: 0 !important;\n}\n.ptXs_74c8180ed9 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_63a13e14d0 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_93bf13d93f {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_16dde0635e {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_1bc20b06c7 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_8003e703e0 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_95d5ec81ca {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_b3bede9015 {\n  padding-inline-end: 0 !important;\n}\n.peXs_118d5672ea {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_69328d7ac4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_786afc2148 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_c2cb07cc5a {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_d76407e8f2 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_bc7064ebb0 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_ad0d0866b2 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_3e042b2020 {\n  padding-bottom: 0 !important;\n}\n.pbXs_23658b5b00 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_e50376f257 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4d9a0fcda1 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_ad5d289674 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_c222694401 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_0a189499da {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_79eff6c152 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_9c5223640b {\n  padding-inline-start: 0 !important;\n}\n.psXs_5138813cc5 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_269353b430 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_7200cab794 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_ac3e042ed4 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_28dea39f1b {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_87e45a1039 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_8754e5d249 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_6caf4fb43f {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_6d9cba24a3 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_e9f91f843b {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_23d9a04b1f {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_da513cd7c5 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_41d898c9d6 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_3bcd5fa816 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_f876d82cd7 {\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_4011a0f673",withoutText:"withoutText_73a08cdc4f",breadcrumbText:"breadcrumbText_990f58c91b",breadcrumbIcon:"breadcrumbIcon_30ea6eaf09",clickable:"clickable_cc17068872",current:"current_45ef0cab62",disabled:"disabled_b82cc6dd61",notClickable:"notClickable_04a1a7fd22"};!function(e){const n="s_id-55ff70da99a4_3_0_0-alpha_8";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_4011a0f673 {\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_4011a0f673.withoutText_73a08cdc4f {\n  padding: 4px;\n}\na.breadcrumbContent_4011a0f673:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_4011a0f673 .breadcrumbText_990f58c91b {\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_4011a0f673 .breadcrumbIcon_30ea6eaf09 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_4011a0f673:focus {\n  outline: none;\n}\n.breadcrumbContent_4011a0f673.clickable_cc17068872 {\n  cursor: pointer;\n}\n.breadcrumbContent_4011a0f673.clickable_cc17068872:hover,\n.breadcrumbContent_4011a0f673:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_4011a0f673.current_45ef0cab62 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_4011a0f673.disabled_b82cc6dd61 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_4011a0f673.disabled_b82cc6dd61:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_4011a0f673.notClickable_04a1a7fd22 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_f056fb22be",withoutText:"withoutText_90b88648c7",breadcrumbText:"breadcrumbText_a6f6171171",breadcrumbIcon:"breadcrumbIcon_2bf3d56af3",clickable:"clickable_76d1c9af1c",current:"current_de242fd023",disabled:"disabled_91a4df7342",notClickable:"notClickable_ddc6d5953a"};!function(e){const n="s_id-55ff70da99a4_3_0_0-alpha_17";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_f056fb22be {\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_f056fb22be.withoutText_90b88648c7 {\n  padding: 4px;\n}\na.breadcrumbContent_f056fb22be:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_f056fb22be .breadcrumbText_a6f6171171 {\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_f056fb22be .breadcrumbIcon_2bf3d56af3 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_f056fb22be:focus {\n  outline: none;\n}\n.breadcrumbContent_f056fb22be.clickable_76d1c9af1c {\n  cursor: pointer;\n}\n.breadcrumbContent_f056fb22be.clickable_76d1c9af1c:hover,\n.breadcrumbContent_f056fb22be:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_f056fb22be.current_de242fd023 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_f056fb22be.disabled_91a4df7342 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_f056fb22be.disabled_91a4df7342:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_f056fb22be.notClickable_ddc6d5953a {\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_b81179984c",disabled:"disabled_d88d1e9acc"};!function(e){const d="s_id-03f482333e23_3_0_0-alpha_8";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_b81179984c {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_b81179984c.disabled_d88d1e9acc {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_1c31a42e90",disabled:"disabled_4161b3f686"};!function(e){const t="s_id-03f482333e23_3_0_0-alpha_17";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_1c31a42e90 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_1c31a42e90.disabled_4161b3f686 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"classnames";import i from"react";import{getTestId as s,ComponentDefaultTestId as r}from"../../tests/testIds.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import o from"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{BreadcrumbsBarType as e}from"./BreadcrumbsConstants.js";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import c from"./BreadcrumbsBar.module.scss.js";var n=a((function(e){var a=e.children,n=e.type,m=void 0===n?"indication":n,d=e.id,p=e["data-testid"];return i.createElement("nav",{"aria-label":"Breadcrumb",className:t(c.breadcrumbsBar,e.className),id:d,"data-testid":p||s(r.BREADCRUMBS_BAR,d)},i.createElement("ol",null,a&&i.Children.map(a,(function(t,s){return i.isValidElement(t)?[s>0&&i.createElement(o,{className:c.separatorIcon,size:"14","aria-hidden":"true"}),i.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{isClickable:"indication"!==m}))]:null}))))}),{types:e});export{n as default};
+import t from"classnames";import e from"react";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as s}from"./BreadcrumbsConstants.js";import{withStaticProps as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import n from"../../../icons/dist/react/NavigationChevronRight.js";var m=i((function(s){var i=s.children,m=s.type,l=void 0===m?"indication":m,c=s.id,d=s["data-testid"];return e.createElement("nav",{"aria-label":"Breadcrumb",className:t(o.breadcrumbsBar,s.className),id:c,"data-testid":d||r(a.BREADCRUMBS_BAR,c)},e.createElement("ol",null,i&&e.Children.map(i,(function(t,r){return e.isValidElement(t)?[r>0&&e.createElement(n,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),e.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{isClickable:"indication"!==l}))]:null}))))}),{types:s});export{m as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /** The type of the bar is responsible for whether it will be navigational or for indication only */\n type: BreadcrumbsBarType;\n children: ReactElement<BreadcrumbItemProps> \| ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\nexport default withStaticProps(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"~~61CAgBA~~,IA8BeA,EAAAA,GA9B4E,SAAvEC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAGuC,CAC7CyB,MAAOC"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /** The type of the bar is responsible for whether it will be navigational or for indication only */\n type: BreadcrumbsBarType;\n children: ReactElement<BreadcrumbItemProps> \| ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\nexport default withStaticProps(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"uZAgBA,IA8BeA,EAAAA,GA9B4E,SAAvEC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAGuC,CAC7CyB,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_7c426dab87",separatorIcon:"separatorIcon_7d3cf5be7a"};!function(e){const a="s_id-24567fd55d40_3_0_0-alpha_8";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_7c426dab87 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_7c426dab87 ol .separatorIcon_7d3cf5be7a {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_8b166353ab",separatorIcon:"separatorIcon_e7951eaaa1"};!function(e){const a="s_id-24567fd55d40_3_0_0-alpha_17";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_8b166353ab ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_8b166353ab ol .separatorIcon_e7951eaaa1 {\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_8475e0cbba","focus-visible":"focus-visible_78a95fb4b9",loader:"loader_900b1f00c1",loaderSvg:"loaderSvg_969fa8be68",textPlaceholder:"textPlaceholder_f4aec15bb2",success:"success_f12165a300",successContent:"successContent_5bb7b3c6f0",marginRight:"marginRight_ee089cb006",marginLeft:"marginLeft_c7122b2288",rightFlat:"rightFlat_e694bab01d",leftFlat:"leftFlat_2e5b6fe1ca",preventClickAnimation:"preventClickAnimation_551c1cf7a5",leftIcon:"leftIcon_ee089cb006",rightIcon:"rightIcon_c7122b2288",sizeXxs:"sizeXxs_71493bb4d4",sizeXs:"sizeXs_4da3954809",sizeSmall:"sizeSmall_2a75d76954",sizeMedium:"sizeMedium_f86e427865",sizeLarge:"sizeLarge_1228b6d7cf",kindPrimary:"kindPrimary_61785c1c54",colorPrimary:"colorPrimary_bf3c537579",colorBrand:"colorBrand_b97acea838",colorPrimaryActive:"colorPrimaryActive_caddaca6a9",colorBrandActive:"colorBrandActive_edf413c4ad",colorPositive:"colorPositive_2c1a52eefd",colorPositiveActive:"colorPositiveActive_e49cf38579",colorNegative:"colorNegative_c3df0e7cb7",colorNegativeActive:"colorNegativeActive_e49cf38579",colorInverted:"colorInverted_47c362dbf5",colorInvertedActive:"colorInvertedActive_e49cf38579",disabled:"disabled_78dd5f884d",colorOnPrimaryColor:"colorOnPrimaryColor_0f3acd9f46",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_d67cb2c92e",colorFixedLight:"colorFixedLight_2346ff6324",colorFixedLightActive:"colorFixedLightActive_551c1cf7a5",colorOnInvertedBackground:"colorOnInvertedBackground_19b32527f3",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_5b20e49fab",kindSecondary:"kindSecondary_22295d3d87",kindTertiary:"kindTertiary_b202e44a82",noSidePadding:"noSidePadding_77bb4c3b88",insetFocusStyle:"insetFocusStyle_297785afc1"};!function(o){const r="s_id-cc4fb503a885_3_0_0-alpha_8";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_8475e0cbba {\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_8475e0cbba:focus-visible, .button_8475e0cbba.focus-visible_78a95fb4b9 {\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_8475e0cbba:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.button_8475e0cbba .loader_900b1f00c1 {\n  height: 100%;\n}\n.button_8475e0cbba .loader_900b1f00c1 .loaderSvg_969fa8be68 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_8475e0cbba .textPlaceholder_f4aec15bb2 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_8475e0cbba.success_f12165a300 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_8475e0cbba.success_f12165a300 .successContent_5bb7b3c6f0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_c7122b2288 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_e694bab01d {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_2e5b6fe1ca {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_8475e0cbba:active:not(.preventClickAnimation_551c1cf7a5) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_8475e0cbba .leftIcon_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n.button_8475e0cbba .rightIcon_c7122b2288 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_71493bb4d4 {\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_4da3954809 {\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_2a75d76954 {\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_2a75d76954 .loader_900b1f00c1 {\n  top: 7px;\n}\n.sizeMedium_f86e427865 {\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_1228b6d7cf {\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_61785c1c54 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_61785c1c54.colorPrimary_bf3c537579 {\n  background: var(--primary-color);\n}\n.kindPrimary_61785c1c54.colorBrand_b97acea838 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_61785c1c54.colorPrimaryActive_caddaca6a9,\n.kindPrimary_61785c1c54.colorPrimary_bf3c537579:hover,\n.kindPrimary_61785c1c54.colorPrimary_bf3c537579:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_61785c1c54.colorBrandActive_edf413c4ad,\n.kindPrimary_61785c1c54.colorBrand_b97acea838:hover,\n.kindPrimary_61785c1c54.colorBrand_b97acea838:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_61785c1c54.colorPositive_2c1a52eefd {\n  background: var(--positive-color);\n}\n.kindPrimary_61785c1c54.colorPositiveActive_e49cf38579,\n.kindPrimary_61785c1c54.colorPositive_2c1a52eefd:hover,\n.kindPrimary_61785c1c54.colorPositive_2c1a52eefd:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_61785c1c54.colorNegative_c3df0e7cb7 {\n  background: var(--negative-color);\n}\n.kindPrimary_61785c1c54.colorNegativeActive_e49cf38579,\n.kindPrimary_61785c1c54.colorNegative_c3df0e7cb7:hover,\n.kindPrimary_61785c1c54.colorNegative_c3df0e7cb7:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_61785c1c54.colorInverted_47c362dbf5 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_61785c1c54.colorInvertedActive_e49cf38579,\n.kindPrimary_61785c1c54.colorInverted_47c362dbf5:hover,\n.kindPrimary_61785c1c54.colorInverted_47c362dbf5:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_61785c1c54.button_8475e0cbba.colorInverted_47c362dbf5.disabled_78dd5f884d {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e:focus-visible, .kindPrimary_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover:focus-visible,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus:focus-visible,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus.focus-visible_78a95fb4b9 {\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_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_61785c1c54.colorFixedLightActive_551c1cf7a5,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_61785c1c54.colorFixedLightActive_551c1cf7a5:focus-visible, .kindPrimary_61785c1c54.colorFixedLightActive_551c1cf7a5.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover:focus-visible,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus:focus-visible,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus.focus-visible_78a95fb4b9 {\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_61785c1c54.colorFixedLightActive_551c1cf7a5:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_61785c1c54.colorOnInvertedBackground_19b32527f3 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_61785c1c54.colorOnInvertedBackgroundActive_5b20e49fab,\n.kindPrimary_61785c1c54.colorOnInvertedBackground_19b32527f3:hover,\n.kindPrimary_61785c1c54.colorOnInvertedBackground_19b32527f3:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_61785c1c54.button_8475e0cbba.colorOnInvertedBackground_19b32527f3.disabled_78dd5f884d {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_61785c1c54.button_8475e0cbba.disabled_78dd5f884d {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_22295d3d87 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_22295d3d87.sizeSmall_2a75d76954 {\n  line-height: 22px;\n}\n.kindSecondary_22295d3d87.sizeMedium_f86e427865 {\n  line-height: 22px;\n}\n.kindSecondary_22295d3d87.sizeLarge_1228b6d7cf {\n  line-height: 22px;\n}\n.kindSecondary_22295d3d87.colorPrimaryActive_caddaca6a9 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_22295d3d87.colorPrimaryActive_caddaca6a9:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_22295d3d87.colorBrandActive_edf413c4ad {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_22295d3d87.colorBrandActive_edf413c4ad,\n.kindSecondary_22295d3d87.colorBrandActive_edf413c4ad:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_22295d3d87.colorPrimary_bf3c537579:hover:not(.colorPrimaryActive_caddaca6a9),\n.kindSecondary_22295d3d87.colorPrimary_bf3c537579:focus:not(.colorPrimaryActive_caddaca6a9) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22295d3d87.colorBrand_b97acea838:hover:not(.colorBrandActive_edf413c4ad),\n.kindSecondary_22295d3d87.colorBrand_b97acea838:focus:not(.colorBrandActive_edf413c4ad) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22295d3d87.colorPositive_2c1a52eefd {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_22295d3d87.colorPositiveActive_e49cf38579,\n.kindSecondary_22295d3d87.colorPositive_2c1a52eefd:hover,\n.kindSecondary_22295d3d87.colorPositive_2c1a52eefd:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_22295d3d87.colorNegative_c3df0e7cb7 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_22295d3d87.colorNegativeActive_e49cf38579,\n.kindSecondary_22295d3d87.colorNegative_c3df0e7cb7:hover,\n.kindSecondary_22295d3d87.colorNegative_c3df0e7cb7:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_22295d3d87.colorInvertedActive_e49cf38579,\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5:hover,\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5.disabled_78dd5f884d {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e:focus-visible, .kindSecondary_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover:focus-visible,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus:focus-visible,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus.focus-visible_78a95fb4b9 {\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_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_22295d3d87.colorFixedLightActive_551c1cf7a5,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_22295d3d87.colorFixedLightActive_551c1cf7a5:focus-visible, .kindSecondary_22295d3d87.colorFixedLightActive_551c1cf7a5.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover:focus-visible,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus:focus-visible,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus.focus-visible_78a95fb4b9 {\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_22295d3d87.colorFixedLightActive_551c1cf7a5:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_22295d3d87.colorOnInvertedBackgroundActive_5b20e49fab,\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3:hover,\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3.disabled_78dd5f884d {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_22295d3d87.disabled_78dd5f884d {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_22295d3d87.disabled_78dd5f884d:hover {\n  background-color: transparent;\n}\n.kindTertiary_b202e44a82 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_b202e44a82.colorPrimaryActive_caddaca6a9 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_b202e44a82.colorPrimaryActive_caddaca6a9:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_b202e44a82.colorBrandActive_edf413c4ad {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b202e44a82.colorBrandActive_edf413c4ad,\n.kindTertiary_b202e44a82.colorBrandActive_edf413c4ad:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b202e44a82.colorPrimary_bf3c537579:hover:not(.colorPrimaryActive_caddaca6a9),\n.kindTertiary_b202e44a82.colorPrimary_bf3c537579:focus:not(.colorPrimaryActive_caddaca6a9) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b202e44a82.colorBrand_b97acea838:hover:not(.colorBrandActive_edf413c4ad),\n.kindTertiary_b202e44a82.colorBrand_b97acea838:focus:not(.colorBrandActive_edf413c4ad) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b202e44a82.colorPositive_2c1a52eefd {\n  color: var(--positive-color);\n}\n.kindTertiary_b202e44a82.colorPositiveActive_e49cf38579,\n.kindTertiary_b202e44a82.colorPositive_2c1a52eefd:hover,\n.kindTertiary_b202e44a82.colorPositive_2c1a52eefd:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b202e44a82.colorNegative_c3df0e7cb7 {\n  color: var(--negative-color);\n}\n.kindTertiary_b202e44a82.colorNegativeActive_e49cf38579,\n.kindTertiary_b202e44a82.colorNegative_c3df0e7cb7:hover,\n.kindTertiary_b202e44a82.colorNegative_c3df0e7cb7:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_b202e44a82.colorInvertedActive_e49cf38579,\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5:hover,\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5.disabled_78dd5f884d {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e:focus-visible, .kindTertiary_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover:focus-visible,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus:focus-visible,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus.focus-visible_78a95fb4b9 {\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_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b202e44a82.colorFixedLightActive_551c1cf7a5,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b202e44a82.colorFixedLightActive_551c1cf7a5:focus-visible, .kindTertiary_b202e44a82.colorFixedLightActive_551c1cf7a5.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover:focus-visible,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus:focus-visible,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus.focus-visible_78a95fb4b9 {\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_b202e44a82.colorFixedLightActive_551c1cf7a5:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b202e44a82.colorOnInvertedBackgroundActive_5b20e49fab,\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3:hover,\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3.disabled_78dd5f884d {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b202e44a82.disabled_78dd5f884d {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b202e44a82.disabled_78dd5f884d:hover {\n  background-color: transparent;\n}\n.noSidePadding_77bb4c3b88 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_8475e0cbba.insetFocusStyle_297785afc1:focus-visible, .button_8475e0cbba.insetFocusStyle_297785afc1.focus-visible_78a95fb4b9 {\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_8475e0cbba.insetFocusStyle_297785afc1:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_88964aa453","focus-visible":"focus-visible_773cf54552",loader:"loader_f0e2c7a150",loaderSvg:"loaderSvg_13ab607250",textPlaceholder:"textPlaceholder_cf1fe57058",success:"success_7145587066",successContent:"successContent_239fb4c903",marginRight:"marginRight_1b59a1dd24",marginLeft:"marginLeft_4edee43379",rightFlat:"rightFlat_95cb4a2981",leftFlat:"leftFlat_17149c0a5e",preventClickAnimation:"preventClickAnimation_de23bbd7a1",leftIcon:"leftIcon_1b59a1dd24",rightIcon:"rightIcon_4edee43379",sizeXxs:"sizeXxs_07accb4f41",sizeXs:"sizeXs_f9c8cdda26",sizeSmall:"sizeSmall_921495ff84",sizeMedium:"sizeMedium_1e2c728c55",sizeLarge:"sizeLarge_4a93629b5d",kindPrimary:"kindPrimary_419ce7fe82",colorPrimary:"colorPrimary_9b01efa007",colorBrand:"colorBrand_2c5d3b2408",colorPrimaryActive:"colorPrimaryActive_40413971e5",colorBrandActive:"colorBrandActive_4854f07d02",colorPositive:"colorPositive_07011196ac",colorPositiveActive:"colorPositiveActive_eb48268b55",colorNegative:"colorNegative_8435bb88bd",colorNegativeActive:"colorNegativeActive_eb48268b55",colorInverted:"colorInverted_add45e91a1",colorInvertedActive:"colorInvertedActive_eb48268b55",disabled:"disabled_d3fca6be72",colorOnPrimaryColor:"colorOnPrimaryColor_6ff9637550",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_db55d2ecd3",colorFixedLight:"colorFixedLight_8c63a39ed3",colorFixedLightActive:"colorFixedLightActive_de23bbd7a1",colorOnInvertedBackground:"colorOnInvertedBackground_e727a04c0f",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_cfe8c53d29",kindSecondary:"kindSecondary_628052ef24",kindTertiary:"kindTertiary_eb4a5afafb",noSidePadding:"noSidePadding_c76b1d8389",insetFocusStyle:"insetFocusStyle_43aabbf6cc"};!function(o){const r="s_id-cc4fb503a885_3_0_0-alpha_17";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_88964aa453 {\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_88964aa453:focus-visible, .button_88964aa453.focus-visible_773cf54552 {\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_88964aa453:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.button_88964aa453 .loader_f0e2c7a150 {\n  height: 100%;\n}\n.button_88964aa453 .loader_f0e2c7a150 .loaderSvg_13ab607250 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_88964aa453 .textPlaceholder_cf1fe57058 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_88964aa453.success_7145587066 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_88964aa453.success_7145587066 .successContent_239fb4c903 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_1b59a1dd24 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_4edee43379 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_95cb4a2981 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_17149c0a5e {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_88964aa453:active:not(.preventClickAnimation_de23bbd7a1) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_88964aa453 .leftIcon_1b59a1dd24 {\n  margin-right: var(--spacing-small);\n}\n.button_88964aa453 .rightIcon_4edee43379 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_07accb4f41 {\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_f9c8cdda26 {\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_921495ff84 {\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_921495ff84 .loader_f0e2c7a150 {\n  top: 7px;\n}\n.sizeMedium_1e2c728c55 {\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_4a93629b5d {\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_419ce7fe82 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_419ce7fe82.colorPrimary_9b01efa007 {\n  background: var(--primary-color);\n}\n.kindPrimary_419ce7fe82.colorBrand_2c5d3b2408 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_419ce7fe82.colorPrimaryActive_40413971e5,\n.kindPrimary_419ce7fe82.colorPrimary_9b01efa007:hover,\n.kindPrimary_419ce7fe82.colorPrimary_9b01efa007:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_419ce7fe82.colorBrandActive_4854f07d02,\n.kindPrimary_419ce7fe82.colorBrand_2c5d3b2408:hover,\n.kindPrimary_419ce7fe82.colorBrand_2c5d3b2408:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_419ce7fe82.colorPositive_07011196ac {\n  background: var(--positive-color);\n}\n.kindPrimary_419ce7fe82.colorPositiveActive_eb48268b55,\n.kindPrimary_419ce7fe82.colorPositive_07011196ac:hover,\n.kindPrimary_419ce7fe82.colorPositive_07011196ac:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_419ce7fe82.colorNegative_8435bb88bd {\n  background: var(--negative-color);\n}\n.kindPrimary_419ce7fe82.colorNegativeActive_eb48268b55,\n.kindPrimary_419ce7fe82.colorNegative_8435bb88bd:hover,\n.kindPrimary_419ce7fe82.colorNegative_8435bb88bd:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_419ce7fe82.colorInverted_add45e91a1 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_419ce7fe82.colorInvertedActive_eb48268b55,\n.kindPrimary_419ce7fe82.colorInverted_add45e91a1:hover,\n.kindPrimary_419ce7fe82.colorInverted_add45e91a1:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_419ce7fe82.button_88964aa453.colorInverted_add45e91a1.disabled_d3fca6be72 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3:focus-visible, .kindPrimary_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover:focus-visible,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus:focus-visible,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus.focus-visible_773cf54552 {\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_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_419ce7fe82.colorFixedLightActive_de23bbd7a1,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_419ce7fe82.colorFixedLightActive_de23bbd7a1:focus-visible, .kindPrimary_419ce7fe82.colorFixedLightActive_de23bbd7a1.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover:focus-visible,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus:focus-visible,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus.focus-visible_773cf54552 {\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_419ce7fe82.colorFixedLightActive_de23bbd7a1:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_419ce7fe82.colorOnInvertedBackground_e727a04c0f {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_419ce7fe82.colorOnInvertedBackgroundActive_cfe8c53d29,\n.kindPrimary_419ce7fe82.colorOnInvertedBackground_e727a04c0f:hover,\n.kindPrimary_419ce7fe82.colorOnInvertedBackground_e727a04c0f:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_419ce7fe82.button_88964aa453.colorOnInvertedBackground_e727a04c0f.disabled_d3fca6be72 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_419ce7fe82.button_88964aa453.disabled_d3fca6be72 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_628052ef24 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_628052ef24.sizeSmall_921495ff84 {\n  line-height: 22px;\n}\n.kindSecondary_628052ef24.sizeMedium_1e2c728c55 {\n  line-height: 22px;\n}\n.kindSecondary_628052ef24.sizeLarge_4a93629b5d {\n  line-height: 22px;\n}\n.kindSecondary_628052ef24.colorPrimaryActive_40413971e5 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_628052ef24.colorPrimaryActive_40413971e5:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_628052ef24.colorBrandActive_4854f07d02 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_628052ef24.colorBrandActive_4854f07d02,\n.kindSecondary_628052ef24.colorBrandActive_4854f07d02:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_628052ef24.colorPrimary_9b01efa007:hover:not(.colorPrimaryActive_40413971e5),\n.kindSecondary_628052ef24.colorPrimary_9b01efa007:focus:not(.colorPrimaryActive_40413971e5) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_628052ef24.colorBrand_2c5d3b2408:hover:not(.colorBrandActive_4854f07d02),\n.kindSecondary_628052ef24.colorBrand_2c5d3b2408:focus:not(.colorBrandActive_4854f07d02) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_628052ef24.colorPositive_07011196ac {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_628052ef24.colorPositiveActive_eb48268b55,\n.kindSecondary_628052ef24.colorPositive_07011196ac:hover,\n.kindSecondary_628052ef24.colorPositive_07011196ac:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_628052ef24.colorNegative_8435bb88bd {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_628052ef24.colorNegativeActive_eb48268b55,\n.kindSecondary_628052ef24.colorNegative_8435bb88bd:hover,\n.kindSecondary_628052ef24.colorNegative_8435bb88bd:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_628052ef24.colorInverted_add45e91a1 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_628052ef24.colorInvertedActive_eb48268b55,\n.kindSecondary_628052ef24.colorInverted_add45e91a1:hover,\n.kindSecondary_628052ef24.colorInverted_add45e91a1:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_628052ef24.colorInverted_add45e91a1.disabled_d3fca6be72 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_628052ef24.colorOnPrimaryColorActive_db55d2ecd3,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_628052ef24.colorOnPrimaryColorActive_db55d2ecd3:focus-visible, .kindSecondary_628052ef24.colorOnPrimaryColorActive_db55d2ecd3.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover:focus-visible,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus:focus-visible,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus.focus-visible_773cf54552 {\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_628052ef24.colorOnPrimaryColorActive_db55d2ecd3:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_628052ef24.colorFixedLightActive_de23bbd7a1,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_628052ef24.colorFixedLightActive_de23bbd7a1:focus-visible, .kindSecondary_628052ef24.colorFixedLightActive_de23bbd7a1.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover:focus-visible,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus:focus-visible,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus.focus-visible_773cf54552 {\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_628052ef24.colorFixedLightActive_de23bbd7a1:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_628052ef24.colorOnInvertedBackgroundActive_cfe8c53d29,\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f:hover,\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f.disabled_d3fca6be72 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_628052ef24.disabled_d3fca6be72 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_628052ef24.disabled_d3fca6be72:hover {\n  background-color: transparent;\n}\n.kindTertiary_eb4a5afafb {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_eb4a5afafb.colorPrimaryActive_40413971e5 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_eb4a5afafb.colorPrimaryActive_40413971e5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorBrandActive_4854f07d02 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_eb4a5afafb.colorBrandActive_4854f07d02,\n.kindTertiary_eb4a5afafb.colorBrandActive_4854f07d02:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_eb4a5afafb.colorPrimary_9b01efa007:hover:not(.colorPrimaryActive_40413971e5),\n.kindTertiary_eb4a5afafb.colorPrimary_9b01efa007:focus:not(.colorPrimaryActive_40413971e5) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorBrand_2c5d3b2408:hover:not(.colorBrandActive_4854f07d02),\n.kindTertiary_eb4a5afafb.colorBrand_2c5d3b2408:focus:not(.colorBrandActive_4854f07d02) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorPositive_07011196ac {\n  color: var(--positive-color);\n}\n.kindTertiary_eb4a5afafb.colorPositiveActive_eb48268b55,\n.kindTertiary_eb4a5afafb.colorPositive_07011196ac:hover,\n.kindTertiary_eb4a5afafb.colorPositive_07011196ac:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_eb4a5afafb.colorNegative_8435bb88bd {\n  color: var(--negative-color);\n}\n.kindTertiary_eb4a5afafb.colorNegativeActive_eb48268b55,\n.kindTertiary_eb4a5afafb.colorNegative_8435bb88bd:hover,\n.kindTertiary_eb4a5afafb.colorNegative_8435bb88bd:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_eb4a5afafb.colorInvertedActive_eb48268b55,\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1:hover,\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1.disabled_d3fca6be72 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3:focus-visible, .kindTertiary_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover:focus-visible,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus:focus-visible,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus.focus-visible_773cf54552 {\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_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_eb4a5afafb.colorFixedLightActive_de23bbd7a1,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_eb4a5afafb.colorFixedLightActive_de23bbd7a1:focus-visible, .kindTertiary_eb4a5afafb.colorFixedLightActive_de23bbd7a1.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover:focus-visible,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus:focus-visible,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus.focus-visible_773cf54552 {\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_eb4a5afafb.colorFixedLightActive_de23bbd7a1:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_eb4a5afafb.colorOnInvertedBackgroundActive_cfe8c53d29,\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f:hover,\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f.disabled_d3fca6be72 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_eb4a5afafb.disabled_d3fca6be72 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_eb4a5afafb.disabled_d3fca6be72:hover {\n  background-color: transparent;\n}\n.noSidePadding_c76b1d8389 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_88964aa453.insetFocusStyle_43aabbf6cc:focus-visible, .button_88964aa453.insetFocusStyle_43aabbf6cc.focus-visible_773cf54552 {\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_88964aa453.insetFocusStyle_43aabbf6cc:focus:not(.focus-visible_773cf54552) {\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_3dc0a39688",subTextContainer:"subTextContainer_4238672867",buttonsContainer:"buttonsContainer_dc1b810a17",button:"button_abeaf743fa",activeButton:"activeButton_97d70db9dd",optionText:"optionText_9b509a75a3",disabled:"disabled_d88d1e9acc",selected:"selected_6cea9b6ff8",kindTertiary:"kindTertiary_f687951319",wrapper:"wrapper_0e3034007f",buttonDisabled:"buttonDisabled_56c79e582e",fullWidth:"fullWidth_c2f364411a"};!function(n){const o="s_id-d90954a39e96_3_0_0-alpha_8";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_3dc0a39688 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_4238672867 {\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_dc1b810a17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_dc1b810a17 .button_abeaf743fa {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_dc1b810a17 .button_abeaf743fa.activeButton_97d70db9dd {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_dc1b810a17 .button_abeaf743fa.activeButton_97d70db9dd:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_9b509a75a3:not(.disabled_d88d1e9acc) {\n  color: var(--primary-text-color);\n}\n\n.optionText_9b509a75a3:not(.disabled_d88d1e9acc).selected_6cea9b6ff8 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_f687951319 .button_abeaf743fa {\n  border-color: transparent;\n}\n\n.kindTertiary_f687951319 .button_abeaf743fa:first-child {\n  border-color: transparent;\n}\n\n.wrapper_0e3034007f.disabled_d88d1e9acc {\n  cursor: not-allowed;\n}\n\n.button_abeaf743fa.disabled_d88d1e9acc {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_abeaf743fa.buttonDisabled_56c79e582e {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_c2f364411a {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_2b5938e17f",subTextContainer:"subTextContainer_92997f39ae",buttonsContainer:"buttonsContainer_209c505f6f",button:"button_51d43f5083",activeButton:"activeButton_5bddbbe2d5",optionText:"optionText_7f44e49aef",disabled:"disabled_4161b3f686",selected:"selected_82f5ffcc79",kindTertiary:"kindTertiary_053a9bb937",wrapper:"wrapper_9c88509317",buttonDisabled:"buttonDisabled_795eacaf4a",fullWidth:"fullWidth_e651b23f35"};!function(n){const o="s_id-d90954a39e96_3_0_0-alpha_17";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_2b5938e17f {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_92997f39ae {\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_209c505f6f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_209c505f6f .button_51d43f5083 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_209c505f6f .button_51d43f5083.activeButton_5bddbbe2d5 {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_209c505f6f .button_51d43f5083.activeButton_5bddbbe2d5:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_7f44e49aef:not(.disabled_4161b3f686) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7f44e49aef:not(.disabled_4161b3f686).selected_82f5ffcc79 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_053a9bb937 .button_51d43f5083 {\n  border-color: transparent;\n}\n\n.kindTertiary_053a9bb937 .button_51d43f5083:first-child {\n  border-color: transparent;\n}\n\n.wrapper_9c88509317.disabled_4161b3f686 {\n  cursor: not-allowed;\n}\n\n.button_51d43f5083.disabled_4161b3f686 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_51d43f5083.buttonDisabled_795eacaf4a {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_e651b23f35 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"classnames";import e,{forwardRef as o,useRef as i,useCallback as r,useEffect as s,useMemo as a}from"react";import{isNil as n,noop as c}from"lodash-es";import m from"../Icon/Icon.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import d from"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import l from"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{useSupportFirefoxLabelClick as p}from"./hooks/useSupportFirefoxLabelClick.js";import u from"../../hooks/useMergeRef.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import C from"../Text/Text.js";import h from"./Checkbox.module.scss.js";var v=o((function(o,v){var b=o.className,g=o.checkboxClassName,k=o.labelClassName,w=o.ariaLabel,x=o.label,N=o.ariaLabelledBy,E=o.onChange,S=void 0===E?c:E,A=o.checked,y=o.autoFocus,F=o.indeterminate,L=void 0!==F&&F,B=o.disabled,I=void 0!==B&&B,R=o.defaultChecked,D=o.tabIndex,H=o.value,M=void 0===H?"":H,K=o.name,O=void 0===K?"":K,X=o.id,_=o["data-testid"],T=i(null),q=u(v,T),U=i(null),z=r((function(){var t=T.current;t&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){t.blur()}))}))}),[T]),W=R;n(W)&&n(A)&&(W=!1),s((function(){T.current&&(T.current.indeterminate=L)}),[T,L]);var G=p({inputRef:T}).onClickCapture,J=a((function(){return w||("string"==typeof x?x:"")}),[w,x]);return e.createElement("label",{className:t(h.wrapper,b),onMouseUp:z,"data-testid":_||f(j.CHECKBOX,X),htmlFor:X,onClickCapture:G},e.createElement("input",{ref:q,id:X,className:h.input,value:M,name:O,type:"checkbox",autoFocus:y,onChange:S,defaultChecked:W,disabled:I,"aria-label":J,"aria-labelledby":N,checked:A,tabIndex:D}),e.createElement("div",{className:t(h.checkbox,g),ref:U,"data-testid":f(j.CHECKBOX_CHECKBOX,X)},e.createElement(m,{className:h.icon,iconType:"svg",icon:L?l:d,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===x?null:e.createElement(C,{element:"span",type:"text2",className:t(h.label,k),"data-testid":f(j.CHECKBOX_LABEL,X)},x))}));export{v as default};
+import e from"classnames";import t,{forwardRef as a,useRef as o,useCallback as r,useEffect as i,useMemo as n}from"react";import{isNil as s,noop as c}from"lodash-es";import l from"../Icon/Icon.js";import{useSupportFirefoxLabelClick as m}from"./hooks/useSupportFirefoxLabelClick.js";import d from"../../hooks/useMergeRef.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import f from"../Text/Text.js";import C from"./Checkbox.module.scss.js";import b from"../../../icons/dist/react/Remove.js";import h from"../../../icons/dist/react/Check.js";var k=a((function(a,k){var v=a.className,x=a.checkboxClassName,E=a.labelClassName,j=a.ariaLabel,N=a.label,y=a.ariaLabelledBy,F=a.onChange,g=void 0===F?c:F,B=a.checked,w=a.autoFocus,H=a.indeterminate,I=void 0!==H&&H,L=a.disabled,K=void 0!==L&&L,O=a.defaultChecked,X=a.tabIndex,A=a.value,R=void 0===A?"":A,S=a.name,T=void 0===S?"":S,q=a.id,M=a["data-testid"],_=o(null),z=d(k,_),U=o(null),D=r((function(){var e=_.current;e&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){e.blur()}))}))}),[_]),G=O;s(G)&&s(B)&&(G=!1),i((function(){_.current&&(_.current.indeterminate=I)}),[_,I]);var J=m({inputRef:_}).onClickCapture,P=n((function(){return j||("string"==typeof N?N:"")}),[j,N]);return t.createElement("label",{className:e(C.wrapper,v),onMouseUp:D,"data-testid":M||u(p.CHECKBOX,q),htmlFor:q,onClickCapture:J},t.createElement("input",{ref:z,id:q,className:C.input,value:R,name:T,type:"checkbox",autoFocus:w,onChange:g,defaultChecked:G,disabled:K,"aria-label":P,"aria-labelledby":y,checked:B,tabIndex:X}),t.createElement("div",{className:e(C.checkbox,x),ref:U,"data-testid":u(p.CHECKBOX_CHECKBOX,q)},t.createElement(l,{className:C.icon,iconType:"svg",icon:I?b:h,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===N?null:t.createElement(f,{element:"span",type:"text2",className:e(C.label,E),"data-testid":u(p.CHECKBOX_LABEL,q)},N))}));export{k as default};
 //# sourceMappingURL=Checkbox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { isNil, noop as NOOP } from \"lodash-es\";\nimport Icon from \"../Icon/Icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /** A classname to be added to the wrapping element /\n className?: string;\n /* A classname to be added to the checkbox element label /\n checkboxClassName?: string;\n /* A classname to be added to the label element /\n labelClassName?: string;\n /* A11y prop to describe the content for screen readers /\n ariaLabel?: string;\n /* The content to be rendered within the option /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /* A11y prop - An Id of an element which describes this option /\n ariaLabelledBy?: string;\n /* callback function when the value changes /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /* Use this when you want to control the component, this will set the state of the component /\n checked?: boolean;\n /* An in between state to display a non selected /\n indeterminate?: boolean;\n /* is autoFocus /\n autoFocus?: boolean;\n /* Set the option to be disabled /\n disabled?: boolean;\n /* the default value which the checkbox will start from /\n defaultChecked?: boolean;\n /* The input control's value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object's value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l /\n value?: string;\n /* A string specifying a name for the input control. This name is submitted along with the control's value when the form data is submitted. /\n name?: string;\n /* An id to be added the input element /\n id?: string;\n /* Specifies the tab order of the input element */\n tabIndex?: number;\n}\n\nconst Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement> = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","onMouseUp","getTestId","ComponentDefaultTestId","CHECKBOX","htmlFor","type","checkbox","CHECKBOX_CHECKBOX","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","Text","element","CHECKBOX_LABEL"],"mappings":"~~ghDAgDMA~~,IAAAA,EAA2DC,GAC/D,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,gBACQsB,EAAUC,EAAuBK,kBAAmBlC,IAEjEsB,EAAAC,cAACY,EAAI,CACHxD,UAAW8C,EAAOW,KAClBC,SAAS,MACTD,KAAM7C,EAAgB+C,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV3D,EAAkB,KACjBuC,gBAACqB,EAAI,CACHC,QAAQ,OACRZ,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBgB,eAAgB7C,IAE7DjB,GAKX"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { isNil, noop as NOOP } from \"lodash-es\";\nimport Icon from \"../Icon/Icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /** A classname to be added to the wrapping element /\n className?: string;\n /* A classname to be added to the checkbox element label /\n checkboxClassName?: string;\n /* A classname to be added to the label element /\n labelClassName?: string;\n /* A11y prop to describe the content for screen readers /\n ariaLabel?: string;\n /* The content to be rendered within the option /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /* A11y prop - An Id of an element which describes this option /\n ariaLabelledBy?: string;\n /* callback function when the value changes /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /* Use this when you want to control the component, this will set the state of the component /\n checked?: boolean;\n /* An in between state to display a non selected /\n indeterminate?: boolean;\n /* is autoFocus /\n autoFocus?: boolean;\n /* Set the option to be disabled /\n disabled?: boolean;\n /* the default value which the checkbox will start from /\n defaultChecked?: boolean;\n /* The input control's value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object's value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l /\n value?: string;\n /* A string specifying a name for the input control. This name is submitted along with the control's value when the form data is submitted. /\n name?: string;\n /* An id to be added the input element /\n id?: string;\n /* Specifies the tab order of the input element */\n tabIndex?: number;\n}\n\nconst Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement> = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","onMouseUp","getTestId","ComponentDefaultTestId","CHECKBOX","htmlFor","type","checkbox","CHECKBOX_CHECKBOX","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","Text","element","CHECKBOX_LABEL"],"mappings":"qmBAgDMA,IAAAA,EAA2DC,GAC/D,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,gBACQsB,EAAUC,EAAuBK,kBAAmBlC,IAEjEsB,EAAAC,cAACY,EAAI,CACHxD,UAAW8C,EAAOW,KAClBC,SAAS,MACTD,KAAM7C,EAAgB+C,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV3D,EAAkB,KACjBuC,gBAACqB,EAAI,CACHC,QAAQ,OACRZ,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBgB,eAAgB7C,IAE7DjB,GAKX"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_1ee1c6771a",checkbox:"checkbox_e5623fe3e5",icon:"icon_c07fbf7ee5",label:"label_41b821ae1f",input:"input_edecdf561b",checkboxGrowAnimation:"checkboxGrowAnimation_97dbda3e36"};!function(e){const n="s_id-a622c58c4e9d_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.wrapper_1ee1c6771a {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_e5623fe3e5 {\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_e5623fe3e5: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_e5623fe3e5:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_c07fbf7ee5 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_41b821ae1f {\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_edecdf561b {\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_edecdf561b:focus + .checkbox_e5623fe3e5 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_edecdf561b:focus:checked + .checkbox_e5623fe3e5 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_edecdf561b:focus-visible + .checkbox_e5623fe3e5 {\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_edecdf561b:checked:focus + .checkbox_e5623fe3e5:after,\n.input_edecdf561b:indeterminate:focus + .checkbox_e5623fe3e5:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5 {\n  animation: checkboxGrowAnimation_97dbda3e36 var(--motion-productive-short);\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5:hover,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5:hover:after,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5:after,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5: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_edecdf561b:checked + .checkbox_e5623fe3e5 > .icon_c07fbf7ee5,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5 > .icon_c07fbf7ee5 {\n  visibility: visible;\n}\n\n.input_edecdf561b:checked:disabled + .checkbox_e5623fe3e5:after,\n.input_edecdf561b:indeterminate:disabled + .checkbox_e5623fe3e5:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5,\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5 .icon_c07fbf7ee5,\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5:hover .icon_c07fbf7ee5 {\n  color: var(--disabled-text-color);\n}\n\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5,\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5:hover {\n  cursor: not-allowed;\n}\n\n.input_edecdf561b:disabled ~ .label_41b821ae1f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_97dbda3e36 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var n={wrapper:"wrapper_1f94f3a4b9",checkbox:"checkbox_4ad7727008",icon:"icon_130cef9f58",label:"label_fee0414f81",input:"input_8186a81cc4",checkboxGrowAnimation:"checkboxGrowAnimation_948b1a710d"};!function(n){const e="s_id-a622c58c4e9d_3_0_0-alpha_17";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_1f94f3a4b9 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_4ad7727008 {\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_4ad7727008: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_4ad7727008:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_130cef9f58 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_fee0414f81 {\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_8186a81cc4 {\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_8186a81cc4:focus + .checkbox_4ad7727008 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_8186a81cc4:focus:checked + .checkbox_4ad7727008 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8186a81cc4:focus-visible + .checkbox_4ad7727008 {\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_8186a81cc4:checked:focus + .checkbox_4ad7727008:after,\n.input_8186a81cc4:indeterminate:focus + .checkbox_4ad7727008:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008 {\n  animation: checkboxGrowAnimation_948b1a710d var(--motion-productive-short);\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008:hover,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008:hover:after,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008:after,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008: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_8186a81cc4:checked + .checkbox_4ad7727008 > .icon_130cef9f58,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008 > .icon_130cef9f58 {\n  visibility: visible;\n}\n\n.input_8186a81cc4:checked:disabled + .checkbox_4ad7727008:after,\n.input_8186a81cc4:indeterminate:disabled + .checkbox_4ad7727008:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_8186a81cc4:disabled + .checkbox_4ad7727008,\n.input_8186a81cc4:disabled + .checkbox_4ad7727008:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_8186a81cc4:disabled + .checkbox_4ad7727008 .icon_130cef9f58,\n.input_8186a81cc4:disabled + .checkbox_4ad7727008:hover .icon_130cef9f58 {\n  color: var(--disabled-text-color);\n}\n\n.input_8186a81cc4:disabled + .checkbox_4ad7727008,\n.input_8186a81cc4:disabled + .checkbox_4ad7727008:hover {\n  cursor: not-allowed;\n}\n\n.input_8186a81cc4:disabled ~ .label_fee0414f81 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_948b1a710d {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as o,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useRef as r,useMemo as s,useCallback as a}from"react";import n from"classnames";import c from"../Icon/Icon.js";import l from"../../hooks/useMergeRef.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import m from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getCSSVar as d}from"../../services/themes.js";import{ElementAllowedColor as p}from"../../utils/colors-vars-map.js";import{getElementColor as v}from"../../types/Colors.js";import u from"../Avatar/Avatar.js";import f from"../IconButton/IconButton.js";import j from"../Text/Text.js";import{getTestId as g,ComponentDefaultTestId as h}from"../../tests/testIds.js";import{AvatarType as b}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import C from"../../hooks/useHover/useHover.js";import S from"../../hooks/useSetFocus/index.js";import k from"../../hooks/useClickableProps/useClickableProps.js";import A from"./Chips.module.scss.js";var N=y(i((function(i,p){var b=i.className,y=i.avatarClassName,N=i.iconClassName,w=i.id,x=i.label,T=void 0===x?"":x,D=i.leftIcon,E=void 0===D?null:D,R=i.rightIcon,I=void 0===R?null:R,B=i.leftAvatar,P=void 0===B?null:B,M=i.rightAvatar,z=void 0===M?null:M,H=i.disabled,L=void 0!==H&&H,O=i.readOnly,F=void 0!==O&&O,_=i.allowTextSelection,U=void 0!==_&&_,W=i.color,q=void 0===W?"primary":W,G=i.iconSize,J=void 0===G?18:G,K=i.onDelete,Q=void 0===K?function(o,e){}:K,V=i.onMouseDown,X=i.onClick,Y=i.noAnimation,Z=void 0===Y||Y,$=i.ariaLabel,oo=i.disableClickableBehavior,eo=void 0!==oo&&oo,to=i.leftAvatarType,io=void 0===to?"img":to,ro=i.rightAvatarType,so=void 0===ro?"img":ro,ao=i.showBorder,no=void 0!==ao&&ao,co=i.leftRenderer,lo=i.rightRenderer,mo=i.closeButtonAriaLabel,po=void 0===mo?"Remove":mo,vo=i["data-testid"]||g(h.CHIP,w),uo=!(!X&&!V||eo),fo=!F&&!L,jo=$||"string"==typeof T&&T||"",go=r(null),ho=r(null),bo=C(),yo=o(bo,2),Co=yo[0],So=yo[1],ko=S({ref:ho}).isFocused,Ao=l(p,ho,Co),No=n(A.chips,b,e(e(e(e({},A.disabled,L),A.noAnimation,Z),A.withUserSelect,U),A.border,no)),wo=n(A.clickable,No,e(e({},A.disabled,L),A.disableTextSelection,!U)),xo=s((function(){return{backgroundColor:L?d("disabled-background-color"):uo&&(So||ko)?v(q,!0,!0):v(q,!0)}}),[L,uo,So,ko,q]),To=a((function(o){o.stopPropagation(),Q&&Q(w,o)}),[w,Q]),Do=a((function(o){void 0!==X&&o.target!==go.current&&(o.preventDefault(),X(o))}),[X]),Eo=k({onClick:Do,onMouseDown:V,disabled:L,id:w,"data-testid":vo,ariaLabel:jo,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},Ao),Ro=uo?Object.assign(Object.assign({},Eo),{ref:Eo.ref,className:wo,style:xo}):{className:No,"aria-label":jo,style:xo,ref:Ao,onClick:Do,onMouseDown:V,id:w,"data-testid":vo},Io="text"===io?{text:P}:{src:P},Bo="text"===io?{text:z}:{src:z};return t.createElement("div",Object.assign({},Ro),P?t.createElement(u,Object.assign({withoutBorder:!0,className:n(A.avatar,A.left,y),customSize:18,type:io,key:w},Io)):null,E?t.createElement(c,{className:n(A.icon,A.left,N),iconType:"font",icon:E,iconSize:J,ignoreFocusStyle:!0}):null,co&&t.createElement("div",{className:n(A.customRenderer,A.left)},co),t.createElement(j,{type:"text2",className:A.label},T),I?t.createElement(c,{className:n(A.icon,A.right,N),iconType:"font",icon:I,iconSize:J,ignoreFocusStyle:!0}):null,z?t.createElement(u,Object.assign({withoutBorder:!0,className:n(A.avatar,A.right,y),customSize:18,type:so,key:w},Bo)):null,lo&&t.createElement("div",{className:n(A.customRenderer,A.right)},lo),fo&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:n(A.icon,A.close),ariaLabel:po,hideTooltip:!0,icon:m,onClick:To,"data-testid":"".concat(vo,"-close"),ref:go}))})),{colors:p,avatarTypes:b});export{N as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useMemo as i,useCallback as s}from"react";import l from"classnames";import n from"../Icon/Icon.js";import c from"../../hooks/useMergeRef.js";import{getCSSVar as m}from"../../services/themes.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{getElementColor as u}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import f from"../IconButton/IconButton.js";import v from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useHover/useHover.js";import k from"../../hooks/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import x from"./Chips.module.scss.js";import N from"../../../icons/dist/react/CloseSmall.js";var S=y(r((function(r,d){var j=r.className,y=r.avatarClassName,S=r.iconClassName,A=r.id,T=r.label,E=void 0===T?"":T,w=r.leftIcon,B=void 0===w?null:w,I=r.rightIcon,P=void 0===I?null:I,z=r.leftAvatar,H=void 0===z?null:z,O=r.rightAvatar,R=void 0===O?null:O,D=r.disabled,F=void 0!==D&&D,L=r.readOnly,M=void 0!==L&&L,_=r.allowTextSelection,U=void 0!==_&&_,q=r.color,G=void 0===q?"primary":q,J=r.iconSize,K=void 0===J?18:J,Q=r.onDelete,V=void 0===Q?function(e,o){}:Q,W=r.onMouseDown,X=r.onClick,Y=r.noAnimation,Z=void 0===Y||Y,$=r.ariaLabel,ee=r.disableClickableBehavior,oe=void 0!==ee&&ee,te=r.leftAvatarType,re=void 0===te?"img":te,ae=r.rightAvatarType,ie=void 0===ae?"img":ae,se=r.showBorder,le=void 0!==se&&se,ne=r.leftRenderer,ce=r.rightRenderer,me=r.closeButtonAriaLabel,de=void 0===me?"Remove":me,ue=r["data-testid"]||b(g.CHIP,A),pe=!(!X&&!W||oe),fe=!M&&!F,ve=$||"string"==typeof E&&E||"",be=a(null),ge=a(null),je=h(),ye=e(je,2),he=ye[0],ke=ye[1],Ce=k({ref:ge}).isFocused,xe=c(d,ge,he),Ne=l(x.chips,j,o(o(o(o({},x.disabled,F),x.noAnimation,Z),x.withUserSelect,U),x.border,le)),Se=l(x.clickable,Ne,o(o({},x.disabled,F),x.disableTextSelection,!U)),Ae=i((function(){return{backgroundColor:F?m("disabled-background-color"):pe&&(ke||Ce)?u(G,!0,!0):u(G,!0)}}),[F,pe,ke,Ce,G]),Te=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Ee=s((function(e){void 0!==X&&e.target!==be.current&&(e.preventDefault(),X(e))}),[X]),we=C({onClick:Ee,onMouseDown:W,disabled:F,id:A,"data-testid":ue,ariaLabel:ve,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},xe),Be=pe?Object.assign(Object.assign({},we),{ref:we.ref,className:Se,style:Ae}):{className:Ne,"aria-label":ve,style:Ae,ref:xe,onClick:Ee,onMouseDown:W,id:A,"data-testid":ue},Ie="text"===re?{text:H}:{src:H},Pe="text"===re?{text:R}:{src:R};return t.createElement("div",Object.assign({},Be),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,y),customSize:18,type:re,key:A},Ie)):null,B?t.createElement(n,{className:l(x.icon,x.left,S),iconType:"font",icon:B,iconSize:K,ignoreFocusStyle:!0}):null,ne&&t.createElement("div",{className:l(x.customRenderer,x.left)},ne),t.createElement(v,{type:"text2",className:x.label},E),P?t.createElement(n,{className:l(x.icon,x.right,S),iconType:"font",icon:P,iconSize:K,ignoreFocusStyle:!0}):null,R?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,y),customSize:18,type:ie,key:A},Pe)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),fe&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:Te,"data-testid":"".concat(ue,"-close"),ref:be}))})),{colors:d,avatarTypes:j});export{S as default};
 //# sourceMappingURL=Chips.js.map