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

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

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_5bc62cc2e6",tooltipContainer:"tooltipContainer_d84a78427e","focus-visible":"focus-visible_1c2b94df29",tooltipGridContainer:"tooltipGridContainer_b82eae1683",scrollableContainer:"scrollableContainer_edd0032e02"};!function(e){const t="s_id-de7e28416fbe_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tooltipAvatarItemTitle_5bc62cc2e6 {\n  white-space: nowrap;\n}\n\n.tooltipContainer_d84a78427e {\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_d84a78427e:focus, .tooltipContainer_d84a78427e:focus-visible, .tooltipContainer_d84a78427e.focus-visible_1c2b94df29 {\n  outline: none;\n}\n\n.tooltipGridContainer_b82eae1683 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_edd0032e02::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_edd0032e02::-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_2d5804dc9b",virtualizedTooltipContainer:"virtualizedTooltipContainer_ace449907d","focus-visible":"focus-visible_1c2b94df29"};!function(e){const i="s_id-13c8e71f272d_3_0_0-beta_0";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_2d5804dc9b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_2d5804dc9b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_ace449907d {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_ace449907d:focus, .virtualizedTooltipContainer_ace449907d:focus-visible, .virtualizedTooltipContainer_ace449907d.focus-visible_1c2b94df29 {\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_aeecad9b74",badge:"badge_261f127800",outside:"outside_8d7e44ada3",topEnd:"topEnd_a995dcb572",rectangular:"rectangular_0d0c829e9f",circular:"circular_176e8c8f48",topStart:"topStart_98c9c8c0f1",bottomEnd:"bottomEnd_b123e11941",bottomStart:"bottomStart_a856bd5d3d"};!function(e){const a="s_id-b5dca6298ea9_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_aeecad9b74 {\n  position: relative;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800:not(.outside_8d7e44ada3) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.topEnd_a995dcb572.rectangular_0d0c829e9f {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.topEnd_a995dcb572.outside_8d7e44ada3 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.topEnd_a995dcb572.circular_176e8c8f48 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.topStart_98c9c8c0f1.rectangular_0d0c829e9f {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.topStart_98c9c8c0f1.outside_8d7e44ada3 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.topStart_98c9c8c0f1.circular_176e8c8f48 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.bottomEnd_b123e11941.rectangular_0d0c829e9f {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.bottomEnd_b123e11941.outside_8d7e44ada3 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.bottomEnd_b123e11941.circular_176e8c8f48 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.bottomStart_a856bd5d3d.rectangular_0d0c829e9f {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.bottomStart_a856bd5d3d.outside_8d7e44ada3 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_aeecad9b74 .badge_261f127800.bottomStart_a856bd5d3d.circular_176e8c8f48 {\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_b3d3b8d3eb",primary:"primary_250b22e631",notification:"notification_578b32608e"};!function(e){const i="s_id-d6448d74722f_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_b3d3b8d3eb {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_b3d3b8d3eb.primary_250b22e631 {\n  background-color: var(--primary-color);\n}\n.indicator_b3d3b8d3eb.notification_578b32608e {\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_8910806681",small:"small_fe478d147c",medium:"medium_541c05e50c",large:"large_33eb00a74d",rightThinnerPadding:"rightThinnerPadding_784dd5cf77",input:"input_d154b99733",success:"success_70ac57307b",readOnly:"readOnly_d8ce1692d8",disabled:"disabled_5fb14e05cf",error:"error_a3fca45497"};!function(r){const n="s_id-1f2ba40749da_3_0_0-beta_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_8910806681 {\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_8910806681.small_fe478d147c {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_8910806681.medium_541c05e50c {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_8910806681.large_33eb00a74d {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_8910806681.rightThinnerPadding_784dd5cf77 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_8910806681:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_8910806681:has(.input_d154b99733:active, .input_d154b99733:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_8910806681:has(.input_d154b99733:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_8910806681:has(.input_d154b99733:read-only) .input_d154b99733 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_8910806681:has(.input_d154b99733: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_8910806681:has(.input_d154b99733:disabled) .input_d154b99733 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_8910806681.success_70ac57307b {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8910806681.success_70ac57307b:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8910806681.success_70ac57307b:has(.input_d154b99733:active, .input_d154b99733:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8910806681:has(.input_d154b99733[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8910806681:has(.input_d154b99733[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8910806681:has(.input_d154b99733[aria-invalid=true]):has(.input_d154b99733:active, .input_d154b99733:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_8910806681:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_8910806681.readOnly_d8ce1692d8 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_8910806681.readOnly_d8ce1692d8 .input_d154b99733 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_8910806681.disabled_5fb14e05cf {\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_8910806681.disabled_5fb14e05cf .input_d154b99733 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_8910806681.success_70ac57307b {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8910806681.success_70ac57307b:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8910806681.success_70ac57307b:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8910806681.error_a3fca45497 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8910806681.error_a3fca45497:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8910806681.error_a3fca45497:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_8910806681 .input_d154b99733 {\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_8910806681 .input_d154b99733::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_8910806681 .input_d154b99733: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_24247a4d79",scrollable:"scrollable_2c9cdcc74f",opacityDisabled:"opacityDisabled_6cf058ec0b",border:"border_0111a1f508",borderColorUiBorderColor:"borderColorUiBorderColor_eab196bc5d",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_b11473ea6a",rounded0:"rounded0_153d534d75",roundedSmall:"roundedSmall_9d71f6124e",roundedMedium:"roundedMedium_b8677d492e",roundedBig:"roundedBig_dc8769f6fa",shadowXs:"shadowXs_ebc0099b33",shadowSmall:"shadowSmall_f9b74b0b47",shadowMedium:"shadowMedium_424f19beb5",shadowLarge:"shadowLarge_3e9abae03c",m0:"m0_d821c584ee",mXs:"mXs_5d530b4965",mSmall:"mSmall_d7476ff241",mMedium:"mMedium_7c76d561d7",mLarge:"mLarge_76e18ee4f3",mXl:"mXl_0cf799bf39",mXxl:"mXxl_093b5c2248",mXxxl:"mXxxl_e1539ea204",mAuto:"mAuto_140382a6eb",mx0:"mx0_ec07be1497",mxXs:"mxXs_388f31b678",mxSmall:"mxSmall_d1ec9a28db",mxMedium:"mxMedium_8762943490",mxLarge:"mxLarge_bc10462bee",mxXl:"mxXl_41d31e7e75",mxXxl:"mxXxl_83597de2f4",mxXxxl:"mxXxxl_4c8245ce8b",mxAuto:"mxAuto_63ac3df249",my0:"my0_a8f5aa2df8",myXs:"myXs_6f3b95c04a",mySmall:"mySmall_a0f15169e2",myMedium:"myMedium_da05a2801e",myLarge:"myLarge_c6d5361a30",myXl:"myXl_40753f2a4c",myXxl:"myXxl_12e7e26f2a",myXxxl:"myXxxl_3639b44f74",myAuto:"myAuto_a9c46d1a62",mt0:"mt0_4fd242ea23",mtXs:"mtXs_ff54e7d597",mtSmall:"mtSmall_37042794e2",mtMedium:"mtMedium_f716be696a",mtLarge:"mtLarge_302dc48c5b",mtXl:"mtXl_26ff13c159",mtXxl:"mtXxl_8cae80b38a",mtXxxl:"mtXxxl_9ba3b8829d",mtAuto:"mtAuto_edadf15c86",me0:"me0_a1fa72603e",meXs:"meXs_3f1a623692",meSmall:"meSmall_67f819f684",meMedium:"meMedium_f4964ba4f3",meLarge:"meLarge_1cef564b9a",meXl:"meXl_8a06672fa9",meXxl:"meXxl_f4b3342dc0",meXxxl:"meXxxl_2e5cdca296",meAuto:"meAuto_4d3ae1f58b",mb0:"mb0_1631478557",mbXs:"mbXs_216e8030a2",mbSmall:"mbSmall_d50cb6a7d2",mbMedium:"mbMedium_204c10a3b2",mbLarge:"mbLarge_a4dc125e9b",mbXl:"mbXl_638636edf0",mbXxl:"mbXxl_214c573991",mbXxxl:"mbXxxl_2ea6704ff3",mbAuto:"mbAuto_130d1963a2",ms0:"ms0_620362f436",msXs:"msXs_aca2284255",msSmall:"msSmall_6bee0a7ac4",msMedium:"msMedium_7d15bdf083",msLarge:"msLarge_ddce21ad4b",msXl:"msXl_d22af769ea",msXxl:"msXxl_c33e720198",msXxxl:"msXxxl_9861bc8ada",msAuto:"msAuto_68fe9765dc",p0:"p0_2a4d6cea40",pXs:"pXs_51221446ec",pSmall:"pSmall_96c60470e5",pMedium:"pMedium_8809b7c428",pLarge:"pLarge_bb89493030",pXl:"pXl_66400947b8",pXxl:"pXxl_22ae671de2",pXxxl:"pXxxl_aad77840a6",px0:"px0_1c37c256b9",pxXs:"pxXs_220fb92901",pxSmall:"pxSmall_1fa72e7b7f",pxMedium:"pxMedium_0d873c3a3a",pxLarge:"pxLarge_1d42080ee4",pxXl:"pxXl_74ad652227",pxXxl:"pxXxl_7c94c43ddb",pxXxxl:"pxXxxl_15db0e1614",py0:"py0_c77ad39791",pyXs:"pyXs_7dca05562c",pySmall:"pySmall_8cd269457c",pyMedium:"pyMedium_6b03af6ee3",pyLarge:"pyLarge_17d4d77eeb",pyXl:"pyXl_fadb687b56",pyXxl:"pyXxl_3d16665a9a",pyXxxl:"pyXxxl_2faa4fc0b0",pt0:"pt0_7f9ceb2af6",ptXs:"ptXs_0b79c6fa2c",ptSmall:"ptSmall_215e793f1b",ptMedium:"ptMedium_46df91ec38",ptLarge:"ptLarge_0de1b7969f",ptXl:"ptXl_080fdfaee6",ptXxl:"ptXxl_3afb9aee9d",ptXxxl:"ptXxxl_f5647624a9",pe0:"pe0_39d3adc89e",peXs:"peXs_aa425aa58a",peSmall:"peSmall_9dc62fac0e",peMedium:"peMedium_2b3533a848",peLarge:"peLarge_186a626fdf",peXl:"peXl_96e01c79ec",peXxl:"peXxl_c1fade49fb",peXxxl:"peXxxl_d7ef49e730",pb0:"pb0_ed33de44cc",pbXs:"pbXs_5426cbff1a",pbSmall:"pbSmall_3c4ca285b0",pbMedium:"pbMedium_139e79e5dc",pbLarge:"pbLarge_1ee2041a31",pbXl:"pbXl_1f01b729b4",pbXxl:"pbXxl_4848bda53a",pbXxxl:"pbXxxl_2d69a68ed4",ps0:"ps0_1b7b4d6c26",psXs:"psXs_97d81d1ab9",psSmall:"psSmall_adaf783805",psMedium:"psMedium_576514b856",psLarge:"psLarge_210c721bbc",psXl:"psXl_22198ac1f3",psXxl:"psXxl_0ef64133f6",psXxxl:"psXxxl_4814f3d672",textPrimaryTextColor:"textPrimaryTextColor_14679f7f73",textTextColorOnInverted:"textTextColorOnInverted_a68e02025c",textSecondaryTextColor:"textSecondaryTextColor_e57787137c",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_e10d3aa3d7",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_668adfcfb6",bgGreyBackgroundColor:"bgGreyBackgroundColor_de82cfe9c6",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_53813ec9d0",bgInvertedColorBackground:"bgInvertedColorBackground_980f723933"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-beta_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_24247a4d79 {\n  overflow: hidden;\n}\n.box_24247a4d79.scrollable_2c9cdcc74f {\n  overflow: auto;\n}\n.box_24247a4d79.scrollable_2c9cdcc74f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_24247a4d79.scrollable_2c9cdcc74f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_6cf058ec0b {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_0111a1f508 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_eab196bc5d {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_b11473ea6a {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_153d534d75 {\n  border-radius: 0 !important;\n}\n.roundedSmall_9d71f6124e {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_b8677d492e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_dc8769f6fa {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_ebc0099b33 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f9b74b0b47 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_424f19beb5 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_3e9abae03c {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_d821c584ee {\n  margin: 0 !important;\n}\n.mXs_5d530b4965 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_d7476ff241 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_7c76d561d7 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_76e18ee4f3 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_0cf799bf39 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_093b5c2248 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_e1539ea204 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_140382a6eb {\n  margin: auto !important;\n}\n.mx0_ec07be1497 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_388f31b678 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_d1ec9a28db {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_8762943490 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_bc10462bee {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_41d31e7e75 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_83597de2f4 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_4c8245ce8b {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_63ac3df249 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_a8f5aa2df8 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_6f3b95c04a {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_a0f15169e2 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_da05a2801e {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_c6d5361a30 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_40753f2a4c {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_12e7e26f2a {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_3639b44f74 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_a9c46d1a62 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_4fd242ea23 {\n  margin-top: 0 !important;\n}\n.mtXs_ff54e7d597 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_37042794e2 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_f716be696a {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_302dc48c5b {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_26ff13c159 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_8cae80b38a {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_9ba3b8829d {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_edadf15c86 {\n  margin-top: auto !important;\n}\n.me0_a1fa72603e {\n  margin-inline-end: 0 !important;\n}\n.meXs_3f1a623692 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_67f819f684 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_f4964ba4f3 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_1cef564b9a {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_8a06672fa9 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_f4b3342dc0 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_2e5cdca296 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_4d3ae1f58b {\n  margin-inline-end: auto !important;\n}\n.mb0_1631478557 {\n  margin-bottom: 0 !important;\n}\n.mbXs_216e8030a2 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_d50cb6a7d2 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_204c10a3b2 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_a4dc125e9b {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_638636edf0 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_214c573991 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_2ea6704ff3 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_130d1963a2 {\n  margin-bottom: auto !important;\n}\n.ms0_620362f436 {\n  margin-inline-start: 0 !important;\n}\n.msXs_aca2284255 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_6bee0a7ac4 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_7d15bdf083 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_ddce21ad4b {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_d22af769ea {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_c33e720198 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_9861bc8ada {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_68fe9765dc {\n  margin-inline-start: auto !important;\n}\n.p0_2a4d6cea40 {\n  padding: 0 !important;\n}\n.pXs_51221446ec {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_96c60470e5 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_8809b7c428 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_bb89493030 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_66400947b8 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_22ae671de2 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_aad77840a6 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_1c37c256b9 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_220fb92901 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_1fa72e7b7f {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_0d873c3a3a {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_1d42080ee4 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_74ad652227 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_7c94c43ddb {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_15db0e1614 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_c77ad39791 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_7dca05562c {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_8cd269457c {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_6b03af6ee3 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_17d4d77eeb {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_fadb687b56 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_3d16665a9a {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_2faa4fc0b0 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_7f9ceb2af6 {\n  padding-top: 0 !important;\n}\n.ptXs_0b79c6fa2c {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_215e793f1b {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_46df91ec38 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_0de1b7969f {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_080fdfaee6 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_3afb9aee9d {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_f5647624a9 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_39d3adc89e {\n  padding-inline-end: 0 !important;\n}\n.peXs_aa425aa58a {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_9dc62fac0e {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_2b3533a848 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_186a626fdf {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_96e01c79ec {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_c1fade49fb {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_d7ef49e730 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_ed33de44cc {\n  padding-bottom: 0 !important;\n}\n.pbXs_5426cbff1a {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_3c4ca285b0 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_139e79e5dc {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_1ee2041a31 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_1f01b729b4 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_4848bda53a {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_2d69a68ed4 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_1b7b4d6c26 {\n  padding-inline-start: 0 !important;\n}\n.psXs_97d81d1ab9 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_adaf783805 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_576514b856 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_210c721bbc {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_22198ac1f3 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_0ef64133f6 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_4814f3d672 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_14679f7f73 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_a68e02025c {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_e57787137c {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_e10d3aa3d7 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_668adfcfb6 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_de82cfe9c6 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_53813ec9d0 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_980f723933 {\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_bbf7cd637d",withoutText:"withoutText_3e11a32c60",breadcrumbText:"breadcrumbText_3a4f356773",breadcrumbIcon:"breadcrumbIcon_e6e8d021b8",clickable:"clickable_619e45fcb4",current:"current_ec570a78cb",disabled:"disabled_05bfcb1d64",notClickable:"notClickable_43505cf193"};!function(e){const n="s_id-55ff70da99a4_3_0_0-beta_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_bbf7cd637d {\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_bbf7cd637d.withoutText_3e11a32c60 {\n  padding: 4px;\n}\na.breadcrumbContent_bbf7cd637d:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_bbf7cd637d .breadcrumbText_3a4f356773 {\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_bbf7cd637d .breadcrumbIcon_e6e8d021b8 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_bbf7cd637d:focus {\n  outline: none;\n}\n.breadcrumbContent_bbf7cd637d.clickable_619e45fcb4 {\n  cursor: pointer;\n}\n.breadcrumbContent_bbf7cd637d.clickable_619e45fcb4:hover,\n.breadcrumbContent_bbf7cd637d:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_bbf7cd637d.current_ec570a78cb {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_bbf7cd637d.disabled_05bfcb1d64 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_bbf7cd637d.disabled_05bfcb1d64:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_bbf7cd637d.notClickable_43505cf193 {\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_283fa660c7",disabled:"disabled_daef8ffa05"};!function(e){const d="s_id-03f482333e23_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_283fa660c7 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_283fa660c7.disabled_daef8ffa05 {\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_390cc26602",separatorIcon:"separatorIcon_31416e6369"};!function(e){const n="s_id-24567fd55d40_3_0_0-beta_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_390cc26602 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_390cc26602 ol .separatorIcon_31416e6369 {\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_54d08f9991","focus-visible":"focus-visible_3e99ea2942",loader:"loader_9415a6cfed",loaderSvg:"loaderSvg_dce9923d11",textPlaceholder:"textPlaceholder_cd02482938",success:"success_a568570588",successContent:"successContent_e7501b6d58",marginRight:"marginRight_afe3eaf070",marginLeft:"marginLeft_9aaa28273a",rightFlat:"rightFlat_3f163f5513",leftFlat:"leftFlat_be482cc59f",preventClickAnimation:"preventClickAnimation_5f7d629655",leftIcon:"leftIcon_afe3eaf070",rightIcon:"rightIcon_9aaa28273a",sizeXxs:"sizeXxs_2b6ee7e872",sizeXs:"sizeXs_cbd09bc38e",sizeSmall:"sizeSmall_04bc7af3c4",sizeMedium:"sizeMedium_34d5432431",sizeLarge:"sizeLarge_aead6ec260",kindPrimary:"kindPrimary_cb02ab0528",colorPrimary:"colorPrimary_ee6403f9f9",colorBrand:"colorBrand_e532a6e1d9",colorPrimaryActive:"colorPrimaryActive_e526589a4d",colorBrandActive:"colorBrandActive_94869eb900",colorPositive:"colorPositive_ef19ad642e",colorPositiveActive:"colorPositiveActive_dc8dce63ff",colorNegative:"colorNegative_b59b22c987",colorNegativeActive:"colorNegativeActive_dc8dce63ff",colorInverted:"colorInverted_ea7f941e8e",colorInvertedActive:"colorInvertedActive_dc8dce63ff",disabled:"disabled_df7eb5c6a2",colorOnPrimaryColor:"colorOnPrimaryColor_76cd95dc3f",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_19f0bc4438",colorFixedLight:"colorFixedLight_9966e1d5c7",colorFixedLightActive:"colorFixedLightActive_5f7d629655",colorOnInvertedBackground:"colorOnInvertedBackground_08e69dc768",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_6599e3dfe3",kindSecondary:"kindSecondary_2290d93f4e",kindTertiary:"kindTertiary_d172e05784",noSidePadding:"noSidePadding_15a09e4b1d",insetFocusStyle:"insetFocusStyle_296597c975"};!function(o){const r="s_id-cc4fb503a885_3_0_0-beta_0";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_54d08f9991 {\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_54d08f9991:focus-visible, .button_54d08f9991.focus-visible_3e99ea2942 {\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_54d08f9991:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.button_54d08f9991 .loader_9415a6cfed {\n  height: 100%;\n}\n.button_54d08f9991 .loader_9415a6cfed .loaderSvg_dce9923d11 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_54d08f9991 .textPlaceholder_cd02482938 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_54d08f9991.success_a568570588 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_54d08f9991.success_a568570588 .successContent_e7501b6d58 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_afe3eaf070 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_9aaa28273a {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_3f163f5513 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_be482cc59f {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_54d08f9991:active:not(.preventClickAnimation_5f7d629655) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_54d08f9991 .leftIcon_afe3eaf070 {\n  margin-right: var(--spacing-small);\n}\n.button_54d08f9991 .rightIcon_9aaa28273a {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_2b6ee7e872 {\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_cbd09bc38e {\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_04bc7af3c4 {\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_04bc7af3c4 .loader_9415a6cfed {\n  top: 7px;\n}\n.sizeMedium_34d5432431 {\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_aead6ec260 {\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_cb02ab0528 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cb02ab0528.colorPrimary_ee6403f9f9 {\n  background: var(--primary-color);\n}\n.kindPrimary_cb02ab0528.colorBrand_e532a6e1d9 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_cb02ab0528.colorPrimaryActive_e526589a4d,\n.kindPrimary_cb02ab0528.colorPrimary_ee6403f9f9:hover,\n.kindPrimary_cb02ab0528.colorPrimary_ee6403f9f9:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_cb02ab0528.colorBrandActive_94869eb900,\n.kindPrimary_cb02ab0528.colorBrand_e532a6e1d9:hover,\n.kindPrimary_cb02ab0528.colorBrand_e532a6e1d9:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_cb02ab0528.colorPositive_ef19ad642e {\n  background: var(--positive-color);\n}\n.kindPrimary_cb02ab0528.colorPositiveActive_dc8dce63ff,\n.kindPrimary_cb02ab0528.colorPositive_ef19ad642e:hover,\n.kindPrimary_cb02ab0528.colorPositive_ef19ad642e:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_cb02ab0528.colorNegative_b59b22c987 {\n  background: var(--negative-color);\n}\n.kindPrimary_cb02ab0528.colorNegativeActive_dc8dce63ff,\n.kindPrimary_cb02ab0528.colorNegative_b59b22c987:hover,\n.kindPrimary_cb02ab0528.colorNegative_b59b22c987:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_cb02ab0528.colorInverted_ea7f941e8e {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_cb02ab0528.colorInvertedActive_dc8dce63ff,\n.kindPrimary_cb02ab0528.colorInverted_ea7f941e8e:hover,\n.kindPrimary_cb02ab0528.colorInverted_ea7f941e8e:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_cb02ab0528.button_54d08f9991.colorInverted_ea7f941e8e.disabled_df7eb5c6a2 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_cb02ab0528.colorOnPrimaryColorActive_19f0bc4438,\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:hover,\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_cb02ab0528.colorOnPrimaryColorActive_19f0bc4438:focus-visible, .kindPrimary_cb02ab0528.colorOnPrimaryColorActive_19f0bc4438.focus-visible_3e99ea2942,\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:hover:focus-visible,\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:hover.focus-visible_3e99ea2942,\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:focus:focus-visible,\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:focus.focus-visible_3e99ea2942 {\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_cb02ab0528.colorOnPrimaryColorActive_19f0bc4438:focus:not(.focus-visible_3e99ea2942),\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:hover:focus:not(.focus-visible_3e99ea2942),\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f:focus:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.kindPrimary_cb02ab0528.colorOnPrimaryColor_76cd95dc3f.disabled_df7eb5c6a2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_cb02ab0528.colorFixedLightActive_5f7d629655,\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:hover,\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_cb02ab0528.colorFixedLightActive_5f7d629655:focus-visible, .kindPrimary_cb02ab0528.colorFixedLightActive_5f7d629655.focus-visible_3e99ea2942,\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:hover:focus-visible,\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:hover.focus-visible_3e99ea2942,\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:focus:focus-visible,\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:focus.focus-visible_3e99ea2942 {\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_cb02ab0528.colorFixedLightActive_5f7d629655:focus:not(.focus-visible_3e99ea2942),\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:hover:focus:not(.focus-visible_3e99ea2942),\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7:focus:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.kindPrimary_cb02ab0528.colorFixedLight_9966e1d5c7.disabled_df7eb5c6a2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cb02ab0528.colorOnInvertedBackground_08e69dc768 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_cb02ab0528.colorOnInvertedBackgroundActive_6599e3dfe3,\n.kindPrimary_cb02ab0528.colorOnInvertedBackground_08e69dc768:hover,\n.kindPrimary_cb02ab0528.colorOnInvertedBackground_08e69dc768:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_cb02ab0528.button_54d08f9991.colorOnInvertedBackground_08e69dc768.disabled_df7eb5c6a2 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_cb02ab0528.button_54d08f9991.disabled_df7eb5c6a2 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2290d93f4e {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_2290d93f4e.sizeSmall_04bc7af3c4 {\n  line-height: 22px;\n}\n.kindSecondary_2290d93f4e.sizeMedium_34d5432431 {\n  line-height: 22px;\n}\n.kindSecondary_2290d93f4e.sizeLarge_aead6ec260 {\n  line-height: 22px;\n}\n.kindSecondary_2290d93f4e.colorPrimaryActive_e526589a4d {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2290d93f4e.colorPrimaryActive_e526589a4d:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2290d93f4e.colorBrandActive_94869eb900 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_2290d93f4e.colorBrandActive_94869eb900,\n.kindSecondary_2290d93f4e.colorBrandActive_94869eb900:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_2290d93f4e.colorPrimary_ee6403f9f9:hover:not(.colorPrimaryActive_e526589a4d),\n.kindSecondary_2290d93f4e.colorPrimary_ee6403f9f9:focus:not(.colorPrimaryActive_e526589a4d) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2290d93f4e.colorBrand_e532a6e1d9:hover:not(.colorBrandActive_94869eb900),\n.kindSecondary_2290d93f4e.colorBrand_e532a6e1d9:focus:not(.colorBrandActive_94869eb900) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2290d93f4e.colorPositive_ef19ad642e {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_2290d93f4e.colorPositiveActive_dc8dce63ff,\n.kindSecondary_2290d93f4e.colorPositive_ef19ad642e:hover,\n.kindSecondary_2290d93f4e.colorPositive_ef19ad642e:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_2290d93f4e.colorNegative_b59b22c987 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_2290d93f4e.colorNegativeActive_dc8dce63ff,\n.kindSecondary_2290d93f4e.colorNegative_b59b22c987:hover,\n.kindSecondary_2290d93f4e.colorNegative_b59b22c987:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_2290d93f4e.colorInverted_ea7f941e8e {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_2290d93f4e.colorInvertedActive_dc8dce63ff,\n.kindSecondary_2290d93f4e.colorInverted_ea7f941e8e:hover,\n.kindSecondary_2290d93f4e.colorInverted_ea7f941e8e:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2290d93f4e.colorInverted_ea7f941e8e.disabled_df7eb5c6a2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_2290d93f4e.colorOnPrimaryColorActive_19f0bc4438,\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:hover,\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2290d93f4e.colorOnPrimaryColorActive_19f0bc4438:focus-visible, .kindSecondary_2290d93f4e.colorOnPrimaryColorActive_19f0bc4438.focus-visible_3e99ea2942,\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:hover:focus-visible,\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:hover.focus-visible_3e99ea2942,\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:focus:focus-visible,\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:focus.focus-visible_3e99ea2942 {\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_2290d93f4e.colorOnPrimaryColorActive_19f0bc4438:focus:not(.focus-visible_3e99ea2942),\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:hover:focus:not(.focus-visible_3e99ea2942),\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f:focus:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.kindSecondary_2290d93f4e.colorOnPrimaryColor_76cd95dc3f.disabled_df7eb5c6a2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2290d93f4e.colorFixedLightActive_5f7d629655,\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:hover,\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2290d93f4e.colorFixedLightActive_5f7d629655:focus-visible, .kindSecondary_2290d93f4e.colorFixedLightActive_5f7d629655.focus-visible_3e99ea2942,\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:hover:focus-visible,\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:hover.focus-visible_3e99ea2942,\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:focus:focus-visible,\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:focus.focus-visible_3e99ea2942 {\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_2290d93f4e.colorFixedLightActive_5f7d629655:focus:not(.focus-visible_3e99ea2942),\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:hover:focus:not(.focus-visible_3e99ea2942),\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7:focus:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.kindSecondary_2290d93f4e.colorOnInvertedBackground_08e69dc768 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_2290d93f4e.colorOnInvertedBackgroundActive_6599e3dfe3,\n.kindSecondary_2290d93f4e.colorOnInvertedBackground_08e69dc768:hover,\n.kindSecondary_2290d93f4e.colorOnInvertedBackground_08e69dc768:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_2290d93f4e.colorOnInvertedBackground_08e69dc768.disabled_df7eb5c6a2 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_2290d93f4e.colorFixedLight_9966e1d5c7.disabled_df7eb5c6a2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2290d93f4e.disabled_df7eb5c6a2 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2290d93f4e.disabled_df7eb5c6a2:hover {\n  background-color: transparent;\n}\n.kindTertiary_d172e05784 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_d172e05784.colorPrimaryActive_e526589a4d {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_d172e05784.colorPrimaryActive_e526589a4d:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_d172e05784.colorBrandActive_94869eb900 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_d172e05784.colorBrandActive_94869eb900,\n.kindTertiary_d172e05784.colorBrandActive_94869eb900:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_d172e05784.colorPrimary_ee6403f9f9:hover:not(.colorPrimaryActive_e526589a4d),\n.kindTertiary_d172e05784.colorPrimary_ee6403f9f9:focus:not(.colorPrimaryActive_e526589a4d) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d172e05784.colorBrand_e532a6e1d9:hover:not(.colorBrandActive_94869eb900),\n.kindTertiary_d172e05784.colorBrand_e532a6e1d9:focus:not(.colorBrandActive_94869eb900) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d172e05784.colorPositive_ef19ad642e {\n  color: var(--positive-color);\n}\n.kindTertiary_d172e05784.colorPositiveActive_dc8dce63ff,\n.kindTertiary_d172e05784.colorPositive_ef19ad642e:hover,\n.kindTertiary_d172e05784.colorPositive_ef19ad642e:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_d172e05784.colorNegative_b59b22c987 {\n  color: var(--negative-color);\n}\n.kindTertiary_d172e05784.colorNegativeActive_dc8dce63ff,\n.kindTertiary_d172e05784.colorNegative_b59b22c987:hover,\n.kindTertiary_d172e05784.colorNegative_b59b22c987:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_d172e05784.colorInverted_ea7f941e8e {\n  color: var(--primary-text-color);\n}\n.kindTertiary_d172e05784.colorInvertedActive_dc8dce63ff,\n.kindTertiary_d172e05784.colorInverted_ea7f941e8e:hover,\n.kindTertiary_d172e05784.colorInverted_ea7f941e8e:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d172e05784.colorInverted_ea7f941e8e.disabled_df7eb5c6a2 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d172e05784.colorOnPrimaryColorActive_19f0bc4438,\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:hover,\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d172e05784.colorOnPrimaryColorActive_19f0bc4438:focus-visible, .kindTertiary_d172e05784.colorOnPrimaryColorActive_19f0bc4438.focus-visible_3e99ea2942,\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:hover:focus-visible,\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:hover.focus-visible_3e99ea2942,\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:focus:focus-visible,\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:focus.focus-visible_3e99ea2942 {\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_d172e05784.colorOnPrimaryColorActive_19f0bc4438:focus:not(.focus-visible_3e99ea2942),\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:hover:focus:not(.focus-visible_3e99ea2942),\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f:focus:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.kindTertiary_d172e05784.colorOnPrimaryColor_76cd95dc3f.disabled_df7eb5c6a2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d172e05784.colorFixedLightActive_5f7d629655,\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:hover,\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d172e05784.colorFixedLightActive_5f7d629655:focus-visible, .kindTertiary_d172e05784.colorFixedLightActive_5f7d629655.focus-visible_3e99ea2942,\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:hover:focus-visible,\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:hover.focus-visible_3e99ea2942,\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:focus:focus-visible,\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:focus.focus-visible_3e99ea2942 {\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_d172e05784.colorFixedLightActive_5f7d629655:focus:not(.focus-visible_3e99ea2942),\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:hover:focus:not(.focus-visible_3e99ea2942),\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7:focus:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.kindTertiary_d172e05784.colorFixedLight_9966e1d5c7.disabled_df7eb5c6a2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d172e05784.colorOnInvertedBackground_08e69dc768 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d172e05784.colorOnInvertedBackgroundActive_6599e3dfe3,\n.kindTertiary_d172e05784.colorOnInvertedBackground_08e69dc768:hover,\n.kindTertiary_d172e05784.colorOnInvertedBackground_08e69dc768:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_d172e05784.colorOnInvertedBackground_08e69dc768.disabled_df7eb5c6a2 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d172e05784.disabled_df7eb5c6a2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_d172e05784.disabled_df7eb5c6a2:hover {\n  background-color: transparent;\n}\n.noSidePadding_15a09e4b1d {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_54d08f9991.insetFocusStyle_296597c975:focus-visible, .button_54d08f9991.insetFocusStyle_296597c975.focus-visible_3e99ea2942 {\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_54d08f9991.insetFocusStyle_296597c975:focus:not(.focus-visible_3e99ea2942) {\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_a22bca6f5d",subTextContainer:"subTextContainer_0eaa8ecf61",buttonsContainer:"buttonsContainer_03872bb354",button:"button_015bbc0ace",activeButton:"activeButton_b5a642b41e",optionText:"optionText_bcfafc3995",disabled:"disabled_daef8ffa05",selected:"selected_3a3c97d343",kindTertiary:"kindTertiary_600f33950a",wrapper:"wrapper_fb43b5e4c1",buttonDisabled:"buttonDisabled_bbe26041f8",fullWidth:"fullWidth_80a3f0d5a0"};!function(n){const t="s_id-d90954a39e96_3_0_0-beta_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_a22bca6f5d {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_0eaa8ecf61 {\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_03872bb354 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_03872bb354 .button_015bbc0ace {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_03872bb354 .button_015bbc0ace.activeButton_b5a642b41e {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_03872bb354 .button_015bbc0ace.activeButton_b5a642b41e:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_bcfafc3995:not(.disabled_daef8ffa05) {\n  color: var(--primary-text-color);\n}\n\n.optionText_bcfafc3995:not(.disabled_daef8ffa05).selected_3a3c97d343 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_600f33950a .button_015bbc0ace {\n  border-color: transparent;\n}\n\n.kindTertiary_600f33950a .button_015bbc0ace:first-child {\n  border-color: transparent;\n}\n\n.wrapper_fb43b5e4c1.disabled_daef8ffa05 {\n  cursor: not-allowed;\n}\n\n.button_015bbc0ace.disabled_daef8ffa05 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_015bbc0ace.buttonDisabled_bbe26041f8 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_80a3f0d5a0 {\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_ef1d6bc220",checkbox:"checkbox_23b197a4d3",icon:"icon_cfd40e8098",label:"label_6ed25ebae1",input:"input_0b29de4d61",checkboxGrowAnimation:"checkboxGrowAnimation_d55a4f8ec5"};!function(n){const e="s_id-a622c58c4e9d_3_0_0-beta_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_ef1d6bc220 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_23b197a4d3 {\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_23b197a4d3: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_23b197a4d3:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_cfd40e8098 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_6ed25ebae1 {\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_0b29de4d61 {\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_0b29de4d61:focus + .checkbox_23b197a4d3 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_0b29de4d61:focus:checked + .checkbox_23b197a4d3 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_0b29de4d61:focus-visible + .checkbox_23b197a4d3 {\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_0b29de4d61:checked:focus + .checkbox_23b197a4d3:after,\n.input_0b29de4d61:indeterminate:focus + .checkbox_23b197a4d3:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_0b29de4d61:checked + .checkbox_23b197a4d3,\n.input_0b29de4d61:indeterminate + .checkbox_23b197a4d3 {\n  animation: checkboxGrowAnimation_d55a4f8ec5 var(--motion-productive-short);\n}\n\n.input_0b29de4d61:checked + .checkbox_23b197a4d3,\n.input_0b29de4d61:indeterminate + .checkbox_23b197a4d3 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_0b29de4d61:checked + .checkbox_23b197a4d3:hover,\n.input_0b29de4d61:indeterminate + .checkbox_23b197a4d3:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_0b29de4d61:checked + .checkbox_23b197a4d3:hover:after,\n.input_0b29de4d61:indeterminate + .checkbox_23b197a4d3:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_0b29de4d61:checked + .checkbox_23b197a4d3:after,\n.input_0b29de4d61:indeterminate + .checkbox_23b197a4d3: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_0b29de4d61:checked + .checkbox_23b197a4d3 > .icon_cfd40e8098,\n.input_0b29de4d61:indeterminate + .checkbox_23b197a4d3 > .icon_cfd40e8098 {\n  visibility: visible;\n}\n\n.input_0b29de4d61:checked:disabled + .checkbox_23b197a4d3:after,\n.input_0b29de4d61:indeterminate:disabled + .checkbox_23b197a4d3:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_0b29de4d61:disabled + .checkbox_23b197a4d3,\n.input_0b29de4d61:disabled + .checkbox_23b197a4d3:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_0b29de4d61:disabled + .checkbox_23b197a4d3 .icon_cfd40e8098,\n.input_0b29de4d61:disabled + .checkbox_23b197a4d3:hover .icon_cfd40e8098 {\n  color: var(--disabled-text-color);\n}\n\n.input_0b29de4d61:disabled + .checkbox_23b197a4d3,\n.input_0b29de4d61:disabled + .checkbox_23b197a4d3:hover {\n  cursor: not-allowed;\n}\n\n.input_0b29de4d61:disabled ~ .label_6ed25ebae1 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_d55a4f8ec5 {\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