npm - @vibe/core - Versions diffs - 3.51.2 → 3.52.0 - Mend

@vibe/core 3.51.2 → 3.52.0

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

Files changed (340) hide show

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

@@ -1,2 +1,2 @@
-var e={counterContainer:"counterContainer_c2a52f6ceb","focus-visible":"focus-visible_abcd34f5e6",xs:"xs_fec1a281e4",small:"small_b8b3027f93",medium:"medium_1d7ff2e6c5",large:"large_812f85eb41",primary:"primary_aea32bdf33",dark:"dark_419de51576",negative:"negative_5c40a5e19e",light:"light_eb88cabb03",disabled:"disabled_2b331df0d9",menu:"menu_10638337d1"};!function(e){const n="s_id-6c7433759f1e_3_51_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".counterContainer_c2a52f6ceb {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_c2a52f6ceb:focus-visible, .counterContainer_c2a52f6ceb.focus-visible_abcd34f5e6 {\n  outline: none;\n}\n.counterContainer_c2a52f6ceb:focus-visible:focus-visible, .counterContainer_c2a52f6ceb:focus-visible.focus-visible_abcd34f5e6, .counterContainer_c2a52f6ceb.focus-visible_abcd34f5e6:focus-visible, .counterContainer_c2a52f6ceb.focus-visible_abcd34f5e6.focus-visible_abcd34f5e6 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_c2a52f6ceb:focus-visible:focus:not(.focus-visible_abcd34f5e6), .counterContainer_c2a52f6ceb.focus-visible_abcd34f5e6:focus:not(.focus-visible_abcd34f5e6) {\n  outline: none;\n}\n.counterContainer_c2a52f6ceb.xs_fec1a281e4 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_c2a52f6ceb.small_b8b3027f93 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_c2a52f6ceb.medium_1d7ff2e6c5 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_c2a52f6ceb.large_812f85eb41 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_c2a52f6ceb.primary_aea32bdf33 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_c2a52f6ceb.dark_419de51576 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_c2a52f6ceb.negative_5c40a5e19e {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_c2a52f6ceb.light_eb88cabb03 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_c2a52f6ceb .disabled_2b331df0d9, .counterContainer_c2a52f6ceb.disabled_2b331df0d9 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_10638337d1 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_10638337d1::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_10638337d1::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var n={counterContainer:"counterContainer_58c1e6257e","focus-visible":"focus-visible_d154b8a3fc",xs:"xs_b0ca0379f0",small:"small_21df56f86b",medium:"medium_55142a821b",large:"large_4f948f44ca",primary:"primary_e45134d58a",dark:"dark_108a06d3df",negative:"negative_992ce6ac54",light:"light_365d12966d",disabled:"disabled_b15489d594",menu:"menu_8f455f3c23"};!function(n){const e="s_id-6c7433759f1e_3_51_3";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)}(".counterContainer_58c1e6257e {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_58c1e6257e:focus-visible, .counterContainer_58c1e6257e.focus-visible_d154b8a3fc {\n  outline: none;\n}\n.counterContainer_58c1e6257e:focus-visible:focus-visible, .counterContainer_58c1e6257e:focus-visible.focus-visible_d154b8a3fc, .counterContainer_58c1e6257e.focus-visible_d154b8a3fc:focus-visible, .counterContainer_58c1e6257e.focus-visible_d154b8a3fc.focus-visible_d154b8a3fc {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_58c1e6257e:focus-visible:focus:not(.focus-visible_d154b8a3fc), .counterContainer_58c1e6257e.focus-visible_d154b8a3fc:focus:not(.focus-visible_d154b8a3fc) {\n  outline: none;\n}\n.counterContainer_58c1e6257e.xs_b0ca0379f0 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_58c1e6257e.small_21df56f86b {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_58c1e6257e.medium_55142a821b {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_58c1e6257e.large_4f948f44ca {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_58c1e6257e.primary_e45134d58a {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_58c1e6257e.dark_108a06d3df {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_58c1e6257e.negative_992ce6ac54 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_58c1e6257e.light_365d12966d {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_58c1e6257e .disabled_b15489d594, .counterContainer_58c1e6257e.disabled_b15489d594 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_8f455f3c23 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_8f455f3c23::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_8f455f3c23::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_50e82fa432",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_6201d66307",tooltipContainer:"tooltipContainer_78c4f02eac","focus-visible":"focus-visible_abcd34f5e6",tooltipGridContainer:"tooltipGridContainer_7ed547f834",scrollableContainer:"scrollableContainer_c4a93b45e5"};!function(t){const e="s_id-6cc986178da6_3_51_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_50e82fa432 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_6201d66307 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_78c4f02eac {\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_78c4f02eac:focus, .tooltipContainer_78c4f02eac:focus-visible, .tooltipContainer_78c4f02eac.focus-visible_abcd34f5e6 {\n  outline: none;\n}\n\n.tooltipGridContainer_7ed547f834 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_c4a93b45e5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_c4a93b45e5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_d648b7975c",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_365e1bddfb",tooltipContainer:"tooltipContainer_7942665ff1","focus-visible":"focus-visible_d154b8a3fc",tooltipGridContainer:"tooltipGridContainer_b80a5e0197",scrollableContainer:"scrollableContainer_dca21323da"};!function(t){const e="s_id-6cc986178da6_3_51_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_d648b7975c {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_365e1bddfb {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_7942665ff1 {\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_7942665ff1:focus, .tooltipContainer_7942665ff1:focus-visible, .tooltipContainer_7942665ff1.focus-visible_d154b8a3fc {\n  outline: none;\n}\n\n.tooltipGridContainer_b80a5e0197 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_dca21323da::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_dca21323da::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t 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_6fd93d9bc7",virtualizedTooltipContainer:"virtualizedTooltipContainer_dd9a59d607","focus-visible":"focus-visible_abcd34f5e6"};!function(e){const i="s_id-13c8e71f272d_3_51_1";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_6fd93d9bc7::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_6fd93d9bc7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_dd9a59d607 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_dd9a59d607:focus, .virtualizedTooltipContainer_dd9a59d607:focus-visible, .virtualizedTooltipContainer_dd9a59d607.focus-visible_abcd34f5e6 {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_109ac00d1a",virtualizedTooltipContainer:"virtualizedTooltipContainer_7e97e0de68","focus-visible":"focus-visible_d154b8a3fc"};!function(e){const i="s_id-13c8e71f272d_3_51_3";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_109ac00d1a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_109ac00d1a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_7e97e0de68 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_7e97e0de68:focus, .virtualizedTooltipContainer_7e97e0de68:focus-visible, .virtualizedTooltipContainer_7e97e0de68.focus-visible_d154b8a3fc {\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 e={badgeWrapper:"badgeWrapper_822e9560c8",badge:"badge_2c69356b0e",outside:"outside_49b4fe0f91",topEnd:"topEnd_878e92d501",rectangular:"rectangular_3e68433979",circular:"circular_6aae94b73c",topStart:"topStart_a0d49e5c80",bottomEnd:"bottomEnd_eec31de572",bottomStart:"bottomStart_42bd6176da"};!function(e){const t="s_id-b5dca6298ea9_3_51_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_822e9560c8 {\n  position: relative;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e:not(.outside_49b4fe0f91) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.topEnd_878e92d501.rectangular_3e68433979 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.topEnd_878e92d501.outside_49b4fe0f91 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.topEnd_878e92d501.circular_6aae94b73c {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.topStart_a0d49e5c80.rectangular_3e68433979 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.topStart_a0d49e5c80.outside_49b4fe0f91 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.topStart_a0d49e5c80.circular_6aae94b73c {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.bottomEnd_eec31de572.rectangular_3e68433979 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.bottomEnd_eec31de572.outside_49b4fe0f91 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.bottomEnd_eec31de572.circular_6aae94b73c {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.bottomStart_42bd6176da.rectangular_3e68433979 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.bottomStart_42bd6176da.outside_49b4fe0f91 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_822e9560c8 .badge_2c69356b0e.bottomStart_42bd6176da.circular_6aae94b73c {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var a={badgeWrapper:"badgeWrapper_ea9d8a29c1",badge:"badge_a39b4151a5",outside:"outside_52fef408f7",topEnd:"topEnd_49085f140e",rectangular:"rectangular_98151d7a73",circular:"circular_f3bf8bdcae",topStart:"topStart_87cc218e3c",bottomEnd:"bottomEnd_ec0b994bb4",bottomStart:"bottomStart_79096ded7f"};!function(a){const e="s_id-b5dca6298ea9_3_51_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_ea9d8a29c1 {\n  position: relative;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5:not(.outside_52fef408f7) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.topEnd_49085f140e.rectangular_98151d7a73 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.topEnd_49085f140e.outside_52fef408f7 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.topEnd_49085f140e.circular_f3bf8bdcae {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.topStart_87cc218e3c.rectangular_98151d7a73 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.topStart_87cc218e3c.outside_52fef408f7 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.topStart_87cc218e3c.circular_f3bf8bdcae {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.bottomEnd_ec0b994bb4.rectangular_98151d7a73 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.bottomEnd_ec0b994bb4.outside_52fef408f7 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.bottomEnd_ec0b994bb4.circular_f3bf8bdcae {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.bottomStart_79096ded7f.rectangular_98151d7a73 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.bottomStart_79096ded7f.outside_52fef408f7 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_ea9d8a29c1 .badge_a39b4151a5.bottomStart_79096ded7f.circular_f3bf8bdcae {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a 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_2bec0cbe2e",primary:"primary_69d65e3ef5",notification:"notification_e95a0b27c0"};!function(e){const i="s_id-d6448d74722f_3_51_1";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_2bec0cbe2e {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_2bec0cbe2e.primary_69d65e3ef5 {\n  background-color: var(--primary-color);\n}\n.indicator_2bec0cbe2e.notification_e95a0b27c0 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_cf8801b490",primary:"primary_8140877c36",notification:"notification_0ef8178c79"};!function(e){const i="s_id-d6448d74722f_3_51_3";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_cf8801b490 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_cf8801b490.primary_8140877c36 {\n  background-color: var(--primary-color);\n}\n.indicator_cf8801b490.notification_0ef8178c79 {\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_98e918d049",small:"small_eb1c6c3148",medium:"medium_5eca6b6a8a",large:"large_242aea00e8",rightThinnerPadding:"rightThinnerPadding_5b51a9bfb8",input:"input_5039830761",success:"success_c29971fdf2",readOnly:"readOnly_306e3fa7db",disabled:"disabled_c480347975",error:"error_56019f275e"};!function(r){const n="s_id-1f2ba40749da_3_51_1";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_98e918d049 {\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_98e918d049.small_eb1c6c3148 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_98e918d049.medium_5eca6b6a8a {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_98e918d049.large_242aea00e8 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_98e918d049.rightThinnerPadding_5b51a9bfb8 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_98e918d049:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_98e918d049:has(.input_5039830761:active, .input_5039830761:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_98e918d049:has(.input_5039830761:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_98e918d049:has(.input_5039830761:read-only) .input_5039830761 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_98e918d049:has(.input_5039830761: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_98e918d049:has(.input_5039830761:disabled) .input_5039830761 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_98e918d049.success_c29971fdf2 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_98e918d049.success_c29971fdf2:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_98e918d049.success_c29971fdf2:has(.input_5039830761:active, .input_5039830761:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_98e918d049:has(.input_5039830761[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_98e918d049:has(.input_5039830761[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_98e918d049:has(.input_5039830761[aria-invalid=true]):has(.input_5039830761:active, .input_5039830761:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_98e918d049:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_98e918d049.readOnly_306e3fa7db {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_98e918d049.readOnly_306e3fa7db .input_5039830761 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_98e918d049.disabled_c480347975 {\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_98e918d049.disabled_c480347975 .input_5039830761 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_98e918d049.success_c29971fdf2 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_98e918d049.success_c29971fdf2:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_98e918d049.success_c29971fdf2:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_98e918d049.error_56019f275e {\n    border-color: var(--negative-color);\n  }\n  .wrapper_98e918d049.error_56019f275e:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_98e918d049.error_56019f275e:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_98e918d049 .input_5039830761 {\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_98e918d049 .input_5039830761::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_98e918d049 .input_5039830761:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_3a39bd8933",small:"small_88b38130c7",medium:"medium_8e0d5bd9fa",large:"large_f1a4e212b7",rightThinnerPadding:"rightThinnerPadding_d4510248a1",input:"input_449e99bf3c",success:"success_1e328e7e1d",readOnly:"readOnly_a8167f3543",disabled:"disabled_cce524fd7d",error:"error_a6e33401e7"};!function(r){const e="s_id-1f2ba40749da_3_51_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_3a39bd8933 {\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_3a39bd8933.small_88b38130c7 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_3a39bd8933.medium_8e0d5bd9fa {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_3a39bd8933.large_f1a4e212b7 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_3a39bd8933.rightThinnerPadding_d4510248a1 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_3a39bd8933:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_3a39bd8933:has(.input_449e99bf3c:active, .input_449e99bf3c:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3a39bd8933:has(.input_449e99bf3c:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3a39bd8933:has(.input_449e99bf3c:read-only) .input_449e99bf3c {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3a39bd8933:has(.input_449e99bf3c: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_3a39bd8933:has(.input_449e99bf3c:disabled) .input_449e99bf3c {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3a39bd8933.success_1e328e7e1d {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3a39bd8933.success_1e328e7e1d:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3a39bd8933.success_1e328e7e1d:has(.input_449e99bf3c:active, .input_449e99bf3c:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3a39bd8933:has(.input_449e99bf3c[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3a39bd8933:has(.input_449e99bf3c[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3a39bd8933:has(.input_449e99bf3c[aria-invalid=true]):has(.input_449e99bf3c:active, .input_449e99bf3c:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_3a39bd8933:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3a39bd8933.readOnly_a8167f3543 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3a39bd8933.readOnly_a8167f3543 .input_449e99bf3c {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3a39bd8933.disabled_cce524fd7d {\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_3a39bd8933.disabled_cce524fd7d .input_449e99bf3c {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3a39bd8933.success_1e328e7e1d {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3a39bd8933.success_1e328e7e1d:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3a39bd8933.success_1e328e7e1d:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3a39bd8933.error_a6e33401e7 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3a39bd8933.error_a6e33401e7:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3a39bd8933.error_a6e33401e7:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_3a39bd8933 .input_449e99bf3c {\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_3a39bd8933 .input_449e99bf3c::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_3a39bd8933 .input_449e99bf3c: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_cfdc50890d",scrollable:"scrollable_15d2935e3c",opacityDisabled:"opacityDisabled_1148a5ffae",border:"border_88e1fba268",borderColorUiBorderColor:"borderColorUiBorderColor_5fbe85565a",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_28e53ce6e8",rounded0:"rounded0_1775c4ad5c",roundedSmall:"roundedSmall_d00c7959dd",roundedMedium:"roundedMedium_fe5ff71a5a",roundedBig:"roundedBig_4ff3a961ca",shadowXs:"shadowXs_ad5f9f8dd3",shadowSmall:"shadowSmall_03b691a9dd",shadowMedium:"shadowMedium_fb64fd936f",shadowLarge:"shadowLarge_b765696cc5",m0:"m0_22502ba073",mXs:"mXs_718396c80e",mSmall:"mSmall_4a91ea05e7",mMedium:"mMedium_4b6e22d5e3",mLarge:"mLarge_9d787ade76",mXl:"mXl_7021ea8bb8",mXxl:"mXxl_4c05aaf263",mXxxl:"mXxxl_2ebe80fa30",mAuto:"mAuto_39434b6cd2",mx0:"mx0_6da429654e",mxXs:"mxXs_e420ea7cbb",mxSmall:"mxSmall_77473bb668",mxMedium:"mxMedium_e4e812e716",mxLarge:"mxLarge_580d65667d",mxXl:"mxXl_143b486a0c",mxXxl:"mxXxl_c79c9613a9",mxXxxl:"mxXxxl_8300429f62",mxAuto:"mxAuto_d213f03bf2",my0:"my0_8fb5175ff3",myXs:"myXs_51c6a4250a",mySmall:"mySmall_c9be89b6d0",myMedium:"myMedium_f20db5bd26",myLarge:"myLarge_5229f8a2f8",myXl:"myXl_6f0d78ff82",myXxl:"myXxl_9552ca80f6",myXxxl:"myXxxl_943c31e2a5",myAuto:"myAuto_2e91112496",mt0:"mt0_c8f0ac687e",mtXs:"mtXs_365009bc04",mtSmall:"mtSmall_5f7ebe034d",mtMedium:"mtMedium_fcaedad98f",mtLarge:"mtLarge_5f34618fec",mtXl:"mtXl_909bf0201f",mtXxl:"mtXxl_05321423d3",mtXxxl:"mtXxxl_e990ab1f65",mtAuto:"mtAuto_e9c05d34b5",me0:"me0_15820205e4",meXs:"meXs_584afa89e1",meSmall:"meSmall_93b5b15cb6",meMedium:"meMedium_13678cf596",meLarge:"meLarge_f44e1b75b7",meXl:"meXl_c240c013e4",meXxl:"meXxl_7d51d3f655",meXxxl:"meXxxl_cd145a6e4a",meAuto:"meAuto_14c737ea08",mb0:"mb0_178aaa98fc",mbXs:"mbXs_44c229d9b9",mbSmall:"mbSmall_6026706cb8",mbMedium:"mbMedium_bf71667017",mbLarge:"mbLarge_9ea3071cd9",mbXl:"mbXl_b01121d701",mbXxl:"mbXxl_745597da16",mbXxxl:"mbXxxl_cc19097764",mbAuto:"mbAuto_551a0d860f",ms0:"ms0_d86c501069",msXs:"msXs_3c6754b0cf",msSmall:"msSmall_4492e040d7",msMedium:"msMedium_2be4895f1e",msLarge:"msLarge_711fdd7094",msXl:"msXl_3bf8e08ccc",msXxl:"msXxl_7bd6091b91",msXxxl:"msXxxl_f90554c977",msAuto:"msAuto_9a775fa554",p0:"p0_1389f942cd",pXs:"pXs_8b754b74b4",pSmall:"pSmall_fdc14acfd1",pMedium:"pMedium_d369d2946e",pLarge:"pLarge_9e35548bd3",pXl:"pXl_e338bc5a8e",pXxl:"pXxl_45afa7fcdb",pXxxl:"pXxxl_b6fdb2f649",px0:"px0_0ace13944a",pxXs:"pxXs_93a6beb28a",pxSmall:"pxSmall_5f6e291be7",pxMedium:"pxMedium_a95077869f",pxLarge:"pxLarge_3499a2e007",pxXl:"pxXl_c42d50cb96",pxXxl:"pxXxl_890a4c8e1e",pxXxxl:"pxXxxl_7fa78919e3",py0:"py0_4262ec50c2",pyXs:"pyXs_76f5825d43",pySmall:"pySmall_7f60c765fe",pyMedium:"pyMedium_41b5259e84",pyLarge:"pyLarge_d92d69ff9d",pyXl:"pyXl_212b25ce66",pyXxl:"pyXxl_a579fbabde",pyXxxl:"pyXxxl_f3b2a4ca43",pt0:"pt0_67cb17c26a",ptXs:"ptXs_13cda2b07a",ptSmall:"ptSmall_8b29fa1d74",ptMedium:"ptMedium_f8eaf6acca",ptLarge:"ptLarge_6b654a3279",ptXl:"ptXl_5f59965ed7",ptXxl:"ptXxl_beeb246de7",ptXxxl:"ptXxxl_c802b8f767",pe0:"pe0_c4ea9027f4",peXs:"peXs_bdfdcffcda",peSmall:"peSmall_0e919999fd",peMedium:"peMedium_bc9f340bbb",peLarge:"peLarge_d9b144800d",peXl:"peXl_b55afd1897",peXxl:"peXxl_97245c910d",peXxxl:"peXxxl_6fa1c52e2f",pb0:"pb0_d5afcfc0c5",pbXs:"pbXs_4c866c9da2",pbSmall:"pbSmall_e5e3d5c035",pbMedium:"pbMedium_4fc8866539",pbLarge:"pbLarge_70c25feae2",pbXl:"pbXl_472294b5e1",pbXxl:"pbXxl_efbb84d7c3",pbXxxl:"pbXxxl_f4ab24b19f",ps0:"ps0_c7af7acf79",psXs:"psXs_6cffeb229e",psSmall:"psSmall_a5af92c924",psMedium:"psMedium_256aa65ecf",psLarge:"psLarge_0730b113c8",psXl:"psXl_bfc963af97",psXxl:"psXxl_a3025b026b",psXxxl:"psXxxl_319cb547aa",textPrimaryTextColor:"textPrimaryTextColor_a26ac3682d",textTextColorOnInverted:"textTextColorOnInverted_0dcb29eb21",textSecondaryTextColor:"textSecondaryTextColor_e2a9d6e879",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_b6094ac9f8",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_8fca857cbb",bgGreyBackgroundColor:"bgGreyBackgroundColor_b214c47689",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_2a237972ef",bgInvertedColorBackground:"bgInvertedColorBackground_6d360882da"};!function(n){const a="s_id-e8ebf0c89fee_3_51_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_cfdc50890d {\n  overflow: hidden;\n}\n.box_cfdc50890d.scrollable_15d2935e3c {\n  overflow: auto;\n}\n.box_cfdc50890d.scrollable_15d2935e3c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_cfdc50890d.scrollable_15d2935e3c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_1148a5ffae {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_88e1fba268 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_5fbe85565a {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_28e53ce6e8 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_1775c4ad5c {\n  border-radius: 0 !important;\n}\n.roundedSmall_d00c7959dd {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_fe5ff71a5a {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_4ff3a961ca {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_ad5f9f8dd3 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_03b691a9dd {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_fb64fd936f {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_b765696cc5 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_22502ba073 {\n  margin: 0 !important;\n}\n.mXs_718396c80e {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_4a91ea05e7 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_4b6e22d5e3 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_9d787ade76 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_7021ea8bb8 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_4c05aaf263 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_2ebe80fa30 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_39434b6cd2 {\n  margin: auto !important;\n}\n.mx0_6da429654e {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_e420ea7cbb {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_77473bb668 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_e4e812e716 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_580d65667d {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_143b486a0c {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_c79c9613a9 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_8300429f62 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_d213f03bf2 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_8fb5175ff3 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_51c6a4250a {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_c9be89b6d0 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_f20db5bd26 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_5229f8a2f8 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_6f0d78ff82 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_9552ca80f6 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_943c31e2a5 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_2e91112496 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_c8f0ac687e {\n  margin-top: 0 !important;\n}\n.mtXs_365009bc04 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_5f7ebe034d {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_fcaedad98f {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_5f34618fec {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_909bf0201f {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_05321423d3 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_e990ab1f65 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_e9c05d34b5 {\n  margin-top: auto !important;\n}\n.me0_15820205e4 {\n  margin-inline-end: 0 !important;\n}\n.meXs_584afa89e1 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_93b5b15cb6 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_13678cf596 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_f44e1b75b7 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_c240c013e4 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_7d51d3f655 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_cd145a6e4a {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_14c737ea08 {\n  margin-inline-end: auto !important;\n}\n.mb0_178aaa98fc {\n  margin-bottom: 0 !important;\n}\n.mbXs_44c229d9b9 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_6026706cb8 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_bf71667017 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_9ea3071cd9 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_b01121d701 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_745597da16 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_cc19097764 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_551a0d860f {\n  margin-bottom: auto !important;\n}\n.ms0_d86c501069 {\n  margin-inline-start: 0 !important;\n}\n.msXs_3c6754b0cf {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_4492e040d7 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_2be4895f1e {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_711fdd7094 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_3bf8e08ccc {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_7bd6091b91 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_f90554c977 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_9a775fa554 {\n  margin-inline-start: auto !important;\n}\n.p0_1389f942cd {\n  padding: 0 !important;\n}\n.pXs_8b754b74b4 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_fdc14acfd1 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_d369d2946e {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_9e35548bd3 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_e338bc5a8e {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_45afa7fcdb {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_b6fdb2f649 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_0ace13944a {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_93a6beb28a {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_5f6e291be7 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_a95077869f {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_3499a2e007 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_c42d50cb96 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_890a4c8e1e {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_7fa78919e3 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_4262ec50c2 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_76f5825d43 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_7f60c765fe {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_41b5259e84 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_d92d69ff9d {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_212b25ce66 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_a579fbabde {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_f3b2a4ca43 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_67cb17c26a {\n  padding-top: 0 !important;\n}\n.ptXs_13cda2b07a {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_8b29fa1d74 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_f8eaf6acca {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_6b654a3279 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_5f59965ed7 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_beeb246de7 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_c802b8f767 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_c4ea9027f4 {\n  padding-inline-end: 0 !important;\n}\n.peXs_bdfdcffcda {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_0e919999fd {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_bc9f340bbb {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_d9b144800d {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_b55afd1897 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_97245c910d {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_6fa1c52e2f {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_d5afcfc0c5 {\n  padding-bottom: 0 !important;\n}\n.pbXs_4c866c9da2 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_e5e3d5c035 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4fc8866539 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_70c25feae2 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_472294b5e1 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_efbb84d7c3 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_f4ab24b19f {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_c7af7acf79 {\n  padding-inline-start: 0 !important;\n}\n.psXs_6cffeb229e {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_a5af92c924 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_256aa65ecf {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_0730b113c8 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_bfc963af97 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_a3025b026b {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_319cb547aa {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_a26ac3682d {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_0dcb29eb21 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_e2a9d6e879 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_b6094ac9f8 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_8fca857cbb {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_b214c47689 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_2a237972ef {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_6d360882da {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_f23dccf30e",scrollable:"scrollable_b1a6fbe846",opacityDisabled:"opacityDisabled_bdc6f23e98",border:"border_ec06f156fd",borderColorUiBorderColor:"borderColorUiBorderColor_7ace62db27",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_ec4b0742f3",rounded0:"rounded0_09a7b1c697",roundedSmall:"roundedSmall_29c1604581",roundedMedium:"roundedMedium_6ac46a5825",roundedBig:"roundedBig_4de19601f4",shadowXs:"shadowXs_74af520903",shadowSmall:"shadowSmall_f5ed09e02c",shadowMedium:"shadowMedium_0a33de30a5",shadowLarge:"shadowLarge_99702a0bc9",m0:"m0_79a60e3ab1",mXs:"mXs_87476fdd05",mSmall:"mSmall_6fbea573be",mMedium:"mMedium_4b006a927c",mLarge:"mLarge_8fcfe1ded2",mXl:"mXl_7dec493927",mXxl:"mXxl_b62d554803",mXxxl:"mXxxl_41534aa2fc",mAuto:"mAuto_7e9da564c0",mx0:"mx0_99cfa972cd",mxXs:"mxXs_14966d65dd",mxSmall:"mxSmall_15a646ec4c",mxMedium:"mxMedium_b6e6af0b36",mxLarge:"mxLarge_d909c29be1",mxXl:"mxXl_c38897b893",mxXxl:"mxXxl_7710bf6311",mxXxxl:"mxXxxl_f1299947d3",mxAuto:"mxAuto_8c5c4421f6",my0:"my0_7638dc8a3a",myXs:"myXs_2c8a71af8c",mySmall:"mySmall_7cbffd397e",myMedium:"myMedium_8c7c190289",myLarge:"myLarge_6442610279",myXl:"myXl_30f275bbcd",myXxl:"myXxl_0228a8dfcf",myXxxl:"myXxxl_e9f694189f",myAuto:"myAuto_5ef0cefc6b",mt0:"mt0_1dc817be44",mtXs:"mtXs_7bd7e0abb8",mtSmall:"mtSmall_d7351626f8",mtMedium:"mtMedium_9f5d149da1",mtLarge:"mtLarge_7832613293",mtXl:"mtXl_8e6a49f058",mtXxl:"mtXxl_c7adb5426e",mtXxxl:"mtXxxl_47bbf9db7b",mtAuto:"mtAuto_1b7415391f",me0:"me0_a199bb8c8f",meXs:"meXs_b5a73b149b",meSmall:"meSmall_36682ee2db",meMedium:"meMedium_6e1d3d1c30",meLarge:"meLarge_cc01495237",meXl:"meXl_321774010b",meXxl:"meXxl_ac4ff586c8",meXxxl:"meXxxl_2d98057e86",meAuto:"meAuto_bbb33b2ab7",mb0:"mb0_4dde32c8d9",mbXs:"mbXs_a9916b4b83",mbSmall:"mbSmall_e8c3f21d94",mbMedium:"mbMedium_10b8502046",mbLarge:"mbLarge_012b8f0c5e",mbXl:"mbXl_399d4ccbe0",mbXxl:"mbXxl_d4edb12370",mbXxxl:"mbXxxl_13e0f28ab9",mbAuto:"mbAuto_db591f764c",ms0:"ms0_dbbc0cb578",msXs:"msXs_d63c4b8567",msSmall:"msSmall_4314632d19",msMedium:"msMedium_7205b71fb6",msLarge:"msLarge_568cce0515",msXl:"msXl_e2ec978915",msXxl:"msXxl_e11e74be93",msXxxl:"msXxxl_d6f119c85a",msAuto:"msAuto_91207b6036",p0:"p0_5f2f1bf2de",pXs:"pXs_c201e86803",pSmall:"pSmall_0c93be46bd",pMedium:"pMedium_26be7c72a3",pLarge:"pLarge_8f9f9163f4",pXl:"pXl_cff69cd638",pXxl:"pXxl_9c89d63292",pXxxl:"pXxxl_b49a0352e4",px0:"px0_e966da6386",pxXs:"pxXs_7d02ab72f6",pxSmall:"pxSmall_0b2a1bfb0a",pxMedium:"pxMedium_f07c3b9602",pxLarge:"pxLarge_9436306870",pxXl:"pxXl_21ce437129",pxXxl:"pxXxl_1a04ee1f6d",pxXxxl:"pxXxxl_82704d1426",py0:"py0_2f5fad4c9c",pyXs:"pyXs_17e84d2a3a",pySmall:"pySmall_ae427e91f4",pyMedium:"pyMedium_e59548d3e4",pyLarge:"pyLarge_c9437c4516",pyXl:"pyXl_b67ecf1546",pyXxl:"pyXxl_1b6398d7a3",pyXxxl:"pyXxxl_c80a648809",pt0:"pt0_fa0895b333",ptXs:"ptXs_230e82e546",ptSmall:"ptSmall_9a57de397f",ptMedium:"ptMedium_936f51a277",ptLarge:"ptLarge_3770057e2e",ptXl:"ptXl_df9cc193ba",ptXxl:"ptXxl_e2e084157f",ptXxxl:"ptXxxl_fad20483ba",pe0:"pe0_b6ee38328e",peXs:"peXs_343550c154",peSmall:"peSmall_2b67e32206",peMedium:"peMedium_aa7229b2c2",peLarge:"peLarge_148a1a3504",peXl:"peXl_f050d91696",peXxl:"peXxl_e10a77ddba",peXxxl:"peXxxl_0181b8baa2",pb0:"pb0_c593b7cee8",pbXs:"pbXs_042cedc9b9",pbSmall:"pbSmall_23128bbc84",pbMedium:"pbMedium_8aa15a6d26",pbLarge:"pbLarge_3031905f1e",pbXl:"pbXl_867807753b",pbXxl:"pbXxl_a918c9c93d",pbXxxl:"pbXxxl_a506fda3fd",ps0:"ps0_7f2c53bee1",psXs:"psXs_96b091e7c8",psSmall:"psSmall_3e47ba2574",psMedium:"psMedium_8fdaca2e17",psLarge:"psLarge_0b0aa5876d",psXl:"psXl_908d1eea7c",psXxl:"psXxl_48734458cd",psXxxl:"psXxxl_a96c3aba45",textPrimaryTextColor:"textPrimaryTextColor_4c9b3da882",textTextColorOnInverted:"textTextColorOnInverted_3c88782fd6",textSecondaryTextColor:"textSecondaryTextColor_ed4d37c600",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_bf82990f98",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_3bf1278925",bgGreyBackgroundColor:"bgGreyBackgroundColor_f557a6d519",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_c8f64eeab1",bgInvertedColorBackground:"bgInvertedColorBackground_ea85522caa"};!function(n){const a="s_id-e8ebf0c89fee_3_51_3";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_f23dccf30e {\n  overflow: hidden;\n}\n.box_f23dccf30e.scrollable_b1a6fbe846 {\n  overflow: auto;\n}\n.box_f23dccf30e.scrollable_b1a6fbe846::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_f23dccf30e.scrollable_b1a6fbe846::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_bdc6f23e98 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_ec06f156fd {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_7ace62db27 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_ec4b0742f3 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_09a7b1c697 {\n  border-radius: 0 !important;\n}\n.roundedSmall_29c1604581 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_6ac46a5825 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_4de19601f4 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_74af520903 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f5ed09e02c {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_0a33de30a5 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_99702a0bc9 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_79a60e3ab1 {\n  margin: 0 !important;\n}\n.mXs_87476fdd05 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_6fbea573be {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_4b006a927c {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_8fcfe1ded2 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_7dec493927 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_b62d554803 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_41534aa2fc {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_7e9da564c0 {\n  margin: auto !important;\n}\n.mx0_99cfa972cd {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_14966d65dd {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_15a646ec4c {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_b6e6af0b36 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_d909c29be1 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_c38897b893 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_7710bf6311 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_f1299947d3 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_8c5c4421f6 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_7638dc8a3a {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_2c8a71af8c {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_7cbffd397e {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_8c7c190289 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_6442610279 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_30f275bbcd {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_0228a8dfcf {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_e9f694189f {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_5ef0cefc6b {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_1dc817be44 {\n  margin-top: 0 !important;\n}\n.mtXs_7bd7e0abb8 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_d7351626f8 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_9f5d149da1 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7832613293 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_8e6a49f058 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_c7adb5426e {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_47bbf9db7b {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_1b7415391f {\n  margin-top: auto !important;\n}\n.me0_a199bb8c8f {\n  margin-inline-end: 0 !important;\n}\n.meXs_b5a73b149b {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_36682ee2db {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_6e1d3d1c30 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_cc01495237 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_321774010b {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_ac4ff586c8 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_2d98057e86 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_bbb33b2ab7 {\n  margin-inline-end: auto !important;\n}\n.mb0_4dde32c8d9 {\n  margin-bottom: 0 !important;\n}\n.mbXs_a9916b4b83 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_e8c3f21d94 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_10b8502046 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_012b8f0c5e {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_399d4ccbe0 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_d4edb12370 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_13e0f28ab9 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_db591f764c {\n  margin-bottom: auto !important;\n}\n.ms0_dbbc0cb578 {\n  margin-inline-start: 0 !important;\n}\n.msXs_d63c4b8567 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_4314632d19 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_7205b71fb6 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_568cce0515 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_e2ec978915 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_e11e74be93 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_d6f119c85a {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_91207b6036 {\n  margin-inline-start: auto !important;\n}\n.p0_5f2f1bf2de {\n  padding: 0 !important;\n}\n.pXs_c201e86803 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_0c93be46bd {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_26be7c72a3 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_8f9f9163f4 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_cff69cd638 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_9c89d63292 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_b49a0352e4 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_e966da6386 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_7d02ab72f6 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_0b2a1bfb0a {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_f07c3b9602 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_9436306870 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_21ce437129 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_1a04ee1f6d {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_82704d1426 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_2f5fad4c9c {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_17e84d2a3a {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_ae427e91f4 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_e59548d3e4 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_c9437c4516 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_b67ecf1546 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_1b6398d7a3 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_c80a648809 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_fa0895b333 {\n  padding-top: 0 !important;\n}\n.ptXs_230e82e546 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_9a57de397f {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_936f51a277 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_3770057e2e {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_df9cc193ba {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_e2e084157f {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_fad20483ba {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_b6ee38328e {\n  padding-inline-end: 0 !important;\n}\n.peXs_343550c154 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_2b67e32206 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_aa7229b2c2 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_148a1a3504 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_f050d91696 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_e10a77ddba {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_0181b8baa2 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_c593b7cee8 {\n  padding-bottom: 0 !important;\n}\n.pbXs_042cedc9b9 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_23128bbc84 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_8aa15a6d26 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_3031905f1e {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_867807753b {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_a918c9c93d {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_a506fda3fd {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_7f2c53bee1 {\n  padding-inline-start: 0 !important;\n}\n.psXs_96b091e7c8 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_3e47ba2574 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_8fdaca2e17 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_0b0aa5876d {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_908d1eea7c {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_48734458cd {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_a96c3aba45 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_4c9b3da882 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_3c88782fd6 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_ed4d37c600 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_bf82990f98 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_3bf1278925 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_f557a6d519 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_c8f64eeab1 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_ea85522caa {\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_4055d8d367",withoutText:"withoutText_3e11f65fdf",breadcrumbText:"breadcrumbText_dce71441e3",breadcrumbIcon:"breadcrumbIcon_fa19397e06",clickable:"clickable_39f4b4d6c2",current:"current_109464e00a",disabled:"disabled_8b63836f72",notClickable:"notClickable_934ee060a1"};!function(e){const n="s_id-55ff70da99a4_3_51_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_4055d8d367 {\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_4055d8d367.withoutText_3e11f65fdf {\n  padding: 4px;\n}\na.breadcrumbContent_4055d8d367:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_4055d8d367 .breadcrumbText_dce71441e3 {\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_4055d8d367 .breadcrumbIcon_fa19397e06 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_4055d8d367:focus {\n  outline: none;\n}\n.breadcrumbContent_4055d8d367.clickable_39f4b4d6c2 {\n  cursor: pointer;\n}\n.breadcrumbContent_4055d8d367.clickable_39f4b4d6c2:hover,\n.breadcrumbContent_4055d8d367:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_4055d8d367.current_109464e00a {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_4055d8d367.disabled_8b63836f72 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_4055d8d367.disabled_8b63836f72:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_4055d8d367.notClickable_934ee060a1 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_65346dea5f",withoutText:"withoutText_2e50c4b2f9",breadcrumbText:"breadcrumbText_41f324d90e",breadcrumbIcon:"breadcrumbIcon_bad23b1b96",clickable:"clickable_de8329f48d",current:"current_f5e5c4680c",disabled:"disabled_2d11e2c4f3",notClickable:"notClickable_1373dc6277"};!function(e){const n="s_id-55ff70da99a4_3_51_3";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_65346dea5f {\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_65346dea5f.withoutText_2e50c4b2f9 {\n  padding: 4px;\n}\na.breadcrumbContent_65346dea5f:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_65346dea5f .breadcrumbText_41f324d90e {\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_65346dea5f .breadcrumbIcon_bad23b1b96 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_65346dea5f:focus {\n  outline: none;\n}\n.breadcrumbContent_65346dea5f.clickable_de8329f48d {\n  cursor: pointer;\n}\n.breadcrumbContent_65346dea5f.clickable_de8329f48d:hover,\n.breadcrumbContent_65346dea5f:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_65346dea5f.current_f5e5c4680c {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_65346dea5f.disabled_2d11e2c4f3 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_65346dea5f.disabled_2d11e2c4f3:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_65346dea5f.notClickable_1373dc6277 {\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_e867d7f5a7",disabled:"disabled_78cc7ed1c6"};!function(e){const d="s_id-03f482333e23_3_51_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_e867d7f5a7 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_e867d7f5a7.disabled_78cc7ed1c6 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_bc7c9c810d",disabled:"disabled_7c504738b6"};!function(e){const d="s_id-03f482333e23_3_51_3";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_bc7c9c810d {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_bc7c9c810d.disabled_7c504738b6 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_e867d7f5a7"};!function(e){const n="s_id-fc5ae89c4b65_3_51_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_e867d7f5a7 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_bc7c9c810d"};!function(e){const n="s_id-fc5ae89c4b65_3_51_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_bc7c9c810d {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_26e063e727",separatorIcon:"separatorIcon_82e4436fde"};!function(e){const n="s_id-24567fd55d40_3_51_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_26e063e727 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_26e063e727 ol .separatorIcon_82e4436fde {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_bdee28693e",separatorIcon:"separatorIcon_d880cdb938"};!function(e){const n="s_id-24567fd55d40_3_51_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_bdee28693e ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_bdee28693e ol .separatorIcon_d880cdb938 {\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_bcc5167a11","focus-visible":"focus-visible_0c2bb3c18b",loader:"loader_0a3af39b8f",loaderSvg:"loaderSvg_decccfd9b1",textPlaceholder:"textPlaceholder_c2aaff5620",success:"success_e5426b0989",successContent:"successContent_8ac3e432ba",marginRight:"marginRight_d4703169c4",marginLeft:"marginLeft_4b2cb4e59f",rightFlat:"rightFlat_418e4fe297",leftFlat:"leftFlat_2b785c965f",preventClickAnimation:"preventClickAnimation_cfc0b72c1d",leftIcon:"leftIcon_d4703169c4",rightIcon:"rightIcon_4b2cb4e59f",sizeXxs:"sizeXxs_5a9ce448f2",sizeXs:"sizeXs_2a94e2f14b",sizeSmall:"sizeSmall_08d673023e",sizeMedium:"sizeMedium_83d1a60a0c",sizeLarge:"sizeLarge_6c0e061c2c",kindPrimary:"kindPrimary_8a51829b0a",colorPrimary:"colorPrimary_e3efdfd743",colorBrand:"colorBrand_38c5452258",colorPrimaryActive:"colorPrimaryActive_98f88a130a",colorBrandActive:"colorBrandActive_a2c012fa84",colorPositive:"colorPositive_5d6962529b",colorPositiveActive:"colorPositiveActive_21e65719de",colorNegative:"colorNegative_7fc186bbe7",colorNegativeActive:"colorNegativeActive_21e65719de",colorInverted:"colorInverted_a678eb8b74",colorInvertedActive:"colorInvertedActive_21e65719de",disabled:"disabled_a7c7cad582",colorOnPrimaryColor:"colorOnPrimaryColor_b821bfbc80",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_a0a70b1277",colorFixedLight:"colorFixedLight_043986c3c1",colorFixedLightActive:"colorFixedLightActive_cfc0b72c1d",colorFixedDark:"colorFixedDark_ce27fa98ed",colorFixedDarkActive:"colorFixedDarkActive_3b54886107",colorOnInvertedBackground:"colorOnInvertedBackground_eaf88642fe",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_da557fa139",kindSecondary:"kindSecondary_dae3827362",kindTertiary:"kindTertiary_2e7dfb1e6a",noSidePadding:"noSidePadding_2fc24d96b8",insetFocusStyle:"insetFocusStyle_5913d1c1eb"};!function(o){const r="s_id-f5db469b1a79_3_51_1";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_bcc5167a11 {\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_bcc5167a11:focus-visible, .button_bcc5167a11.focus-visible_0c2bb3c18b {\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_bcc5167a11:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.button_bcc5167a11 .loader_0a3af39b8f {\n  height: 100%;\n}\n.button_bcc5167a11 .loader_0a3af39b8f .loaderSvg_decccfd9b1 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_bcc5167a11 .textPlaceholder_c2aaff5620 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_bcc5167a11.success_e5426b0989 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_bcc5167a11.success_e5426b0989 .successContent_8ac3e432ba {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_d4703169c4 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_4b2cb4e59f {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_418e4fe297 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_2b785c965f {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_bcc5167a11:active:not(.preventClickAnimation_cfc0b72c1d) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_bcc5167a11 .leftIcon_d4703169c4 {\n  margin-right: var(--spacing-small);\n}\n.button_bcc5167a11 .rightIcon_4b2cb4e59f {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_5a9ce448f2 {\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_2a94e2f14b {\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_08d673023e {\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_08d673023e .loader_0a3af39b8f {\n  top: 7px;\n}\n.sizeMedium_83d1a60a0c {\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_6c0e061c2c {\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_8a51829b0a {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_8a51829b0a.colorPrimary_e3efdfd743 {\n  background: var(--primary-color);\n}\n.kindPrimary_8a51829b0a.colorBrand_38c5452258 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_8a51829b0a.colorPrimaryActive_98f88a130a,\n.kindPrimary_8a51829b0a.colorPrimary_e3efdfd743:hover,\n.kindPrimary_8a51829b0a.colorPrimary_e3efdfd743:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_8a51829b0a.colorBrandActive_a2c012fa84,\n.kindPrimary_8a51829b0a.colorBrand_38c5452258:hover,\n.kindPrimary_8a51829b0a.colorBrand_38c5452258:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_8a51829b0a.colorPositive_5d6962529b {\n  background: var(--positive-color);\n}\n.kindPrimary_8a51829b0a.colorPositiveActive_21e65719de,\n.kindPrimary_8a51829b0a.colorPositive_5d6962529b:hover,\n.kindPrimary_8a51829b0a.colorPositive_5d6962529b:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_8a51829b0a.colorNegative_7fc186bbe7 {\n  background: var(--negative-color);\n}\n.kindPrimary_8a51829b0a.colorNegativeActive_21e65719de,\n.kindPrimary_8a51829b0a.colorNegative_7fc186bbe7:hover,\n.kindPrimary_8a51829b0a.colorNegative_7fc186bbe7:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_8a51829b0a.colorInverted_a678eb8b74 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_8a51829b0a.colorInvertedActive_21e65719de,\n.kindPrimary_8a51829b0a.colorInverted_a678eb8b74:hover,\n.kindPrimary_8a51829b0a.colorInverted_a678eb8b74:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_8a51829b0a.button_bcc5167a11.colorInverted_a678eb8b74.disabled_a7c7cad582 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_8a51829b0a.colorOnPrimaryColorActive_a0a70b1277,\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:hover,\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_8a51829b0a.colorOnPrimaryColorActive_a0a70b1277:focus-visible, .kindPrimary_8a51829b0a.colorOnPrimaryColorActive_a0a70b1277.focus-visible_0c2bb3c18b,\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:hover:focus-visible,\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:hover.focus-visible_0c2bb3c18b,\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:focus:focus-visible,\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:focus.focus-visible_0c2bb3c18b {\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_8a51829b0a.colorOnPrimaryColorActive_a0a70b1277:focus:not(.focus-visible_0c2bb3c18b),\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindPrimary_8a51829b0a.colorOnPrimaryColor_b821bfbc80.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_8a51829b0a.colorFixedLightActive_cfc0b72c1d,\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:hover,\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_8a51829b0a.colorFixedLightActive_cfc0b72c1d:focus-visible, .kindPrimary_8a51829b0a.colorFixedLightActive_cfc0b72c1d.focus-visible_0c2bb3c18b,\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:hover:focus-visible,\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:hover.focus-visible_0c2bb3c18b,\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:focus:focus-visible,\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:focus.focus-visible_0c2bb3c18b {\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_8a51829b0a.colorFixedLightActive_cfc0b72c1d:focus:not(.focus-visible_0c2bb3c18b),\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindPrimary_8a51829b0a.colorFixedLight_043986c3c1.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_8a51829b0a.colorFixedDarkActive_3b54886107,\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:hover,\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_8a51829b0a.colorFixedDarkActive_3b54886107:focus-visible, .kindPrimary_8a51829b0a.colorFixedDarkActive_3b54886107.focus-visible_0c2bb3c18b,\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:hover:focus-visible,\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:hover.focus-visible_0c2bb3c18b,\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:focus:focus-visible,\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:focus.focus-visible_0c2bb3c18b {\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_8a51829b0a.colorFixedDarkActive_3b54886107:focus:not(.focus-visible_0c2bb3c18b),\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindPrimary_8a51829b0a.colorFixedDark_ce27fa98ed.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_8a51829b0a.colorOnInvertedBackground_eaf88642fe {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_8a51829b0a.colorOnInvertedBackgroundActive_da557fa139,\n.kindPrimary_8a51829b0a.colorOnInvertedBackground_eaf88642fe:hover,\n.kindPrimary_8a51829b0a.colorOnInvertedBackground_eaf88642fe:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_8a51829b0a.button_bcc5167a11.colorOnInvertedBackground_eaf88642fe.disabled_a7c7cad582 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_8a51829b0a.button_bcc5167a11.disabled_a7c7cad582 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_dae3827362 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_dae3827362.sizeSmall_08d673023e {\n  line-height: 22px;\n}\n.kindSecondary_dae3827362.sizeMedium_83d1a60a0c {\n  line-height: 22px;\n}\n.kindSecondary_dae3827362.sizeLarge_6c0e061c2c {\n  line-height: 22px;\n}\n.kindSecondary_dae3827362.colorPrimaryActive_98f88a130a {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_dae3827362.colorPrimaryActive_98f88a130a:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_dae3827362.colorBrandActive_a2c012fa84 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_dae3827362.colorBrandActive_a2c012fa84,\n.kindSecondary_dae3827362.colorBrandActive_a2c012fa84:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_dae3827362.colorPrimary_e3efdfd743:hover:not(.colorPrimaryActive_98f88a130a),\n.kindSecondary_dae3827362.colorPrimary_e3efdfd743:focus:not(.colorPrimaryActive_98f88a130a) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_dae3827362.colorBrand_38c5452258:hover:not(.colorBrandActive_a2c012fa84),\n.kindSecondary_dae3827362.colorBrand_38c5452258:focus:not(.colorBrandActive_a2c012fa84) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_dae3827362.colorPositive_5d6962529b {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_dae3827362.colorPositiveActive_21e65719de,\n.kindSecondary_dae3827362.colorPositive_5d6962529b:hover,\n.kindSecondary_dae3827362.colorPositive_5d6962529b:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_dae3827362.colorNegative_7fc186bbe7 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_dae3827362.colorNegativeActive_21e65719de,\n.kindSecondary_dae3827362.colorNegative_7fc186bbe7:hover,\n.kindSecondary_dae3827362.colorNegative_7fc186bbe7:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_dae3827362.colorInverted_a678eb8b74 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_dae3827362.colorInvertedActive_21e65719de,\n.kindSecondary_dae3827362.colorInverted_a678eb8b74:hover,\n.kindSecondary_dae3827362.colorInverted_a678eb8b74:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_dae3827362.colorInverted_a678eb8b74.disabled_a7c7cad582 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_dae3827362.colorOnPrimaryColorActive_a0a70b1277,\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:hover,\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_dae3827362.colorOnPrimaryColorActive_a0a70b1277:focus-visible, .kindSecondary_dae3827362.colorOnPrimaryColorActive_a0a70b1277.focus-visible_0c2bb3c18b,\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:hover:focus-visible,\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:hover.focus-visible_0c2bb3c18b,\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:focus:focus-visible,\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:focus.focus-visible_0c2bb3c18b {\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_dae3827362.colorOnPrimaryColorActive_a0a70b1277:focus:not(.focus-visible_0c2bb3c18b),\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindSecondary_dae3827362.colorOnPrimaryColor_b821bfbc80.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_dae3827362.colorFixedLightActive_cfc0b72c1d,\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:hover,\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_dae3827362.colorFixedLightActive_cfc0b72c1d:focus-visible, .kindSecondary_dae3827362.colorFixedLightActive_cfc0b72c1d.focus-visible_0c2bb3c18b,\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:hover:focus-visible,\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:hover.focus-visible_0c2bb3c18b,\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:focus:focus-visible,\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:focus.focus-visible_0c2bb3c18b {\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_dae3827362.colorFixedLightActive_cfc0b72c1d:focus:not(.focus-visible_0c2bb3c18b),\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_dae3827362.colorFixedDarkActive_3b54886107,\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:hover,\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_dae3827362.colorFixedDarkActive_3b54886107:focus-visible, .kindSecondary_dae3827362.colorFixedDarkActive_3b54886107.focus-visible_0c2bb3c18b,\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:hover:focus-visible,\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:hover.focus-visible_0c2bb3c18b,\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:focus:focus-visible,\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:focus.focus-visible_0c2bb3c18b {\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_dae3827362.colorFixedDarkActive_3b54886107:focus:not(.focus-visible_0c2bb3c18b),\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindSecondary_dae3827362.colorOnInvertedBackground_eaf88642fe {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_dae3827362.colorOnInvertedBackgroundActive_da557fa139,\n.kindSecondary_dae3827362.colorOnInvertedBackground_eaf88642fe:hover,\n.kindSecondary_dae3827362.colorOnInvertedBackground_eaf88642fe:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_dae3827362.colorOnInvertedBackground_eaf88642fe.disabled_a7c7cad582 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_dae3827362.colorFixedLight_043986c3c1.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_dae3827362.colorFixedDark_ce27fa98ed.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_dae3827362.disabled_a7c7cad582 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_dae3827362.disabled_a7c7cad582:hover {\n  background-color: transparent;\n}\n.kindTertiary_2e7dfb1e6a {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_2e7dfb1e6a.colorPrimaryActive_98f88a130a {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_2e7dfb1e6a.colorPrimaryActive_98f88a130a:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_2e7dfb1e6a.colorBrandActive_a2c012fa84 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_2e7dfb1e6a.colorBrandActive_a2c012fa84,\n.kindTertiary_2e7dfb1e6a.colorBrandActive_a2c012fa84:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_2e7dfb1e6a.colorPrimary_e3efdfd743:hover:not(.colorPrimaryActive_98f88a130a),\n.kindTertiary_2e7dfb1e6a.colorPrimary_e3efdfd743:focus:not(.colorPrimaryActive_98f88a130a) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2e7dfb1e6a.colorBrand_38c5452258:hover:not(.colorBrandActive_a2c012fa84),\n.kindTertiary_2e7dfb1e6a.colorBrand_38c5452258:focus:not(.colorBrandActive_a2c012fa84) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2e7dfb1e6a.colorPositive_5d6962529b {\n  color: var(--positive-color);\n}\n.kindTertiary_2e7dfb1e6a.colorPositiveActive_21e65719de,\n.kindTertiary_2e7dfb1e6a.colorPositive_5d6962529b:hover,\n.kindTertiary_2e7dfb1e6a.colorPositive_5d6962529b:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_2e7dfb1e6a.colorNegative_7fc186bbe7 {\n  color: var(--negative-color);\n}\n.kindTertiary_2e7dfb1e6a.colorNegativeActive_21e65719de,\n.kindTertiary_2e7dfb1e6a.colorNegative_7fc186bbe7:hover,\n.kindTertiary_2e7dfb1e6a.colorNegative_7fc186bbe7:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_2e7dfb1e6a.colorInverted_a678eb8b74 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_2e7dfb1e6a.colorInvertedActive_21e65719de,\n.kindTertiary_2e7dfb1e6a.colorInverted_a678eb8b74:hover,\n.kindTertiary_2e7dfb1e6a.colorInverted_a678eb8b74:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2e7dfb1e6a.colorInverted_a678eb8b74.disabled_a7c7cad582 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColorActive_a0a70b1277,\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:hover,\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColorActive_a0a70b1277:focus-visible, .kindTertiary_2e7dfb1e6a.colorOnPrimaryColorActive_a0a70b1277.focus-visible_0c2bb3c18b,\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:hover:focus-visible,\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:hover.focus-visible_0c2bb3c18b,\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:focus:focus-visible,\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:focus.focus-visible_0c2bb3c18b {\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_2e7dfb1e6a.colorOnPrimaryColorActive_a0a70b1277:focus:not(.focus-visible_0c2bb3c18b),\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindTertiary_2e7dfb1e6a.colorOnPrimaryColor_b821bfbc80.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2e7dfb1e6a.colorFixedLightActive_cfc0b72c1d,\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:hover,\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2e7dfb1e6a.colorFixedLightActive_cfc0b72c1d:focus-visible, .kindTertiary_2e7dfb1e6a.colorFixedLightActive_cfc0b72c1d.focus-visible_0c2bb3c18b,\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:hover:focus-visible,\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:hover.focus-visible_0c2bb3c18b,\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:focus:focus-visible,\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:focus.focus-visible_0c2bb3c18b {\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_2e7dfb1e6a.colorFixedLightActive_cfc0b72c1d:focus:not(.focus-visible_0c2bb3c18b),\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindTertiary_2e7dfb1e6a.colorFixedLight_043986c3c1.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2e7dfb1e6a.colorFixedDarkActive_3b54886107,\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:hover,\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_2e7dfb1e6a.colorFixedDarkActive_3b54886107:focus-visible, .kindTertiary_2e7dfb1e6a.colorFixedDarkActive_3b54886107.focus-visible_0c2bb3c18b,\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:hover:focus-visible,\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:hover.focus-visible_0c2bb3c18b,\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:focus:focus-visible,\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:focus.focus-visible_0c2bb3c18b {\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_2e7dfb1e6a.colorFixedDarkActive_3b54886107:focus:not(.focus-visible_0c2bb3c18b),\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:hover:focus:not(.focus-visible_0c2bb3c18b),\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed:focus:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.kindTertiary_2e7dfb1e6a.colorFixedDark_ce27fa98ed.disabled_a7c7cad582 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2e7dfb1e6a.colorOnInvertedBackground_eaf88642fe {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2e7dfb1e6a.colorOnInvertedBackgroundActive_da557fa139,\n.kindTertiary_2e7dfb1e6a.colorOnInvertedBackground_eaf88642fe:hover,\n.kindTertiary_2e7dfb1e6a.colorOnInvertedBackground_eaf88642fe:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_2e7dfb1e6a.colorOnInvertedBackground_eaf88642fe.disabled_a7c7cad582 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2e7dfb1e6a.disabled_a7c7cad582 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_2e7dfb1e6a.disabled_a7c7cad582:hover {\n  background-color: transparent;\n}\n.noSidePadding_2fc24d96b8 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_bcc5167a11.insetFocusStyle_5913d1c1eb:focus-visible, .button_bcc5167a11.insetFocusStyle_5913d1c1eb.focus-visible_0c2bb3c18b {\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_bcc5167a11.insetFocusStyle_5913d1c1eb:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_6fd2bc0071","focus-visible":"focus-visible_f9e494f57f",loader:"loader_6a37cdac3e",loaderSvg:"loaderSvg_9ac1183ba0",textPlaceholder:"textPlaceholder_a84c350b33",success:"success_db97cab44a",successContent:"successContent_543b2186f2",marginRight:"marginRight_84485151a6",marginLeft:"marginLeft_6af46977a7",rightFlat:"rightFlat_908e6aed4d",leftFlat:"leftFlat_d7830d5999",preventClickAnimation:"preventClickAnimation_7eaac75652",leftIcon:"leftIcon_84485151a6",rightIcon:"rightIcon_6af46977a7",sizeXxs:"sizeXxs_48ff8ba198",sizeXs:"sizeXs_1a5c1be8a0",sizeSmall:"sizeSmall_24f48db584",sizeMedium:"sizeMedium_1ca4c3f4e8",sizeLarge:"sizeLarge_f52c507a9f",kindPrimary:"kindPrimary_8350f1c159",colorPrimary:"colorPrimary_3cf6e00ec8",colorBrand:"colorBrand_4b4f971cc6",colorPrimaryActive:"colorPrimaryActive_d2f740c801",colorBrandActive:"colorBrandActive_1bf51ba938",colorPositive:"colorPositive_fcf67eaca3",colorPositiveActive:"colorPositiveActive_e7e250d687",colorNegative:"colorNegative_3262cb1ad6",colorNegativeActive:"colorNegativeActive_e7e250d687",colorInverted:"colorInverted_009a6b82cd",colorInvertedActive:"colorInvertedActive_e7e250d687",disabled:"disabled_58a293abf2",colorOnPrimaryColor:"colorOnPrimaryColor_0b70a47864",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_f9b306f236",colorFixedLight:"colorFixedLight_b062ec1b76",colorFixedLightActive:"colorFixedLightActive_7eaac75652",colorFixedDark:"colorFixedDark_b2561cc962",colorFixedDarkActive:"colorFixedDarkActive_58d25d9b8d",colorOnInvertedBackground:"colorOnInvertedBackground_26552f2621",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_6e8c7f7d7c",kindSecondary:"kindSecondary_1f925e906b",kindTertiary:"kindTertiary_3c924a5a9d",noSidePadding:"noSidePadding_b840ec77f9",insetFocusStyle:"insetFocusStyle_cb8df1b031"};!function(o){const r="s_id-f5db469b1a79_3_51_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_6fd2bc0071 {\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_6fd2bc0071:focus-visible, .button_6fd2bc0071.focus-visible_f9e494f57f {\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_6fd2bc0071:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.button_6fd2bc0071 .loader_6a37cdac3e {\n  height: 100%;\n}\n.button_6fd2bc0071 .loader_6a37cdac3e .loaderSvg_9ac1183ba0 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6fd2bc0071 .textPlaceholder_a84c350b33 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6fd2bc0071.success_db97cab44a {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6fd2bc0071.success_db97cab44a .successContent_543b2186f2 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_84485151a6 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_6af46977a7 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_908e6aed4d {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_d7830d5999 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_6fd2bc0071:active:not(.preventClickAnimation_7eaac75652) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6fd2bc0071 .leftIcon_84485151a6 {\n  margin-right: var(--spacing-small);\n}\n.button_6fd2bc0071 .rightIcon_6af46977a7 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_48ff8ba198 {\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_1a5c1be8a0 {\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_24f48db584 {\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_24f48db584 .loader_6a37cdac3e {\n  top: 7px;\n}\n.sizeMedium_1ca4c3f4e8 {\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_f52c507a9f {\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_8350f1c159 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_8350f1c159.colorPrimary_3cf6e00ec8 {\n  background: var(--primary-color);\n}\n.kindPrimary_8350f1c159.colorBrand_4b4f971cc6 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_8350f1c159.colorPrimaryActive_d2f740c801,\n.kindPrimary_8350f1c159.colorPrimary_3cf6e00ec8:hover,\n.kindPrimary_8350f1c159.colorPrimary_3cf6e00ec8:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_8350f1c159.colorBrandActive_1bf51ba938,\n.kindPrimary_8350f1c159.colorBrand_4b4f971cc6:hover,\n.kindPrimary_8350f1c159.colorBrand_4b4f971cc6:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_8350f1c159.colorPositive_fcf67eaca3 {\n  background: var(--positive-color);\n}\n.kindPrimary_8350f1c159.colorPositiveActive_e7e250d687,\n.kindPrimary_8350f1c159.colorPositive_fcf67eaca3:hover,\n.kindPrimary_8350f1c159.colorPositive_fcf67eaca3:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_8350f1c159.colorNegative_3262cb1ad6 {\n  background: var(--negative-color);\n}\n.kindPrimary_8350f1c159.colorNegativeActive_e7e250d687,\n.kindPrimary_8350f1c159.colorNegative_3262cb1ad6:hover,\n.kindPrimary_8350f1c159.colorNegative_3262cb1ad6:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_8350f1c159.colorInverted_009a6b82cd {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_8350f1c159.colorInvertedActive_e7e250d687,\n.kindPrimary_8350f1c159.colorInverted_009a6b82cd:hover,\n.kindPrimary_8350f1c159.colorInverted_009a6b82cd:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_8350f1c159.button_6fd2bc0071.colorInverted_009a6b82cd.disabled_58a293abf2 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_8350f1c159.colorOnPrimaryColorActive_f9b306f236,\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:hover,\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_8350f1c159.colorOnPrimaryColorActive_f9b306f236:focus-visible, .kindPrimary_8350f1c159.colorOnPrimaryColorActive_f9b306f236.focus-visible_f9e494f57f,\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:hover:focus-visible,\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:hover.focus-visible_f9e494f57f,\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:focus:focus-visible,\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:focus.focus-visible_f9e494f57f {\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_8350f1c159.colorOnPrimaryColorActive_f9b306f236:focus:not(.focus-visible_f9e494f57f),\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:hover:focus:not(.focus-visible_f9e494f57f),\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindPrimary_8350f1c159.colorOnPrimaryColor_0b70a47864.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_8350f1c159.colorFixedLightActive_7eaac75652,\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:hover,\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_8350f1c159.colorFixedLightActive_7eaac75652:focus-visible, .kindPrimary_8350f1c159.colorFixedLightActive_7eaac75652.focus-visible_f9e494f57f,\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:hover:focus-visible,\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:hover.focus-visible_f9e494f57f,\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:focus:focus-visible,\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:focus.focus-visible_f9e494f57f {\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_8350f1c159.colorFixedLightActive_7eaac75652:focus:not(.focus-visible_f9e494f57f),\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:hover:focus:not(.focus-visible_f9e494f57f),\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindPrimary_8350f1c159.colorFixedLight_b062ec1b76.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_8350f1c159.colorFixedDarkActive_58d25d9b8d,\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:hover,\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_8350f1c159.colorFixedDarkActive_58d25d9b8d:focus-visible, .kindPrimary_8350f1c159.colorFixedDarkActive_58d25d9b8d.focus-visible_f9e494f57f,\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:hover:focus-visible,\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:hover.focus-visible_f9e494f57f,\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:focus:focus-visible,\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:focus.focus-visible_f9e494f57f {\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_8350f1c159.colorFixedDarkActive_58d25d9b8d:focus:not(.focus-visible_f9e494f57f),\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:hover:focus:not(.focus-visible_f9e494f57f),\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindPrimary_8350f1c159.colorFixedDark_b2561cc962.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_8350f1c159.colorOnInvertedBackground_26552f2621 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_8350f1c159.colorOnInvertedBackgroundActive_6e8c7f7d7c,\n.kindPrimary_8350f1c159.colorOnInvertedBackground_26552f2621:hover,\n.kindPrimary_8350f1c159.colorOnInvertedBackground_26552f2621:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_8350f1c159.button_6fd2bc0071.colorOnInvertedBackground_26552f2621.disabled_58a293abf2 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_8350f1c159.button_6fd2bc0071.disabled_58a293abf2 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_1f925e906b {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_1f925e906b.sizeSmall_24f48db584 {\n  line-height: 22px;\n}\n.kindSecondary_1f925e906b.sizeMedium_1ca4c3f4e8 {\n  line-height: 22px;\n}\n.kindSecondary_1f925e906b.sizeLarge_f52c507a9f {\n  line-height: 22px;\n}\n.kindSecondary_1f925e906b.colorPrimaryActive_d2f740c801 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_1f925e906b.colorPrimaryActive_d2f740c801:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_1f925e906b.colorBrandActive_1bf51ba938 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_1f925e906b.colorBrandActive_1bf51ba938,\n.kindSecondary_1f925e906b.colorBrandActive_1bf51ba938:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_1f925e906b.colorPrimary_3cf6e00ec8:hover:not(.colorPrimaryActive_d2f740c801),\n.kindSecondary_1f925e906b.colorPrimary_3cf6e00ec8:focus:not(.colorPrimaryActive_d2f740c801) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_1f925e906b.colorBrand_4b4f971cc6:hover:not(.colorBrandActive_1bf51ba938),\n.kindSecondary_1f925e906b.colorBrand_4b4f971cc6:focus:not(.colorBrandActive_1bf51ba938) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_1f925e906b.colorPositive_fcf67eaca3 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_1f925e906b.colorPositiveActive_e7e250d687,\n.kindSecondary_1f925e906b.colorPositive_fcf67eaca3:hover,\n.kindSecondary_1f925e906b.colorPositive_fcf67eaca3:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_1f925e906b.colorNegative_3262cb1ad6 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_1f925e906b.colorNegativeActive_e7e250d687,\n.kindSecondary_1f925e906b.colorNegative_3262cb1ad6:hover,\n.kindSecondary_1f925e906b.colorNegative_3262cb1ad6:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_1f925e906b.colorInverted_009a6b82cd {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_1f925e906b.colorInvertedActive_e7e250d687,\n.kindSecondary_1f925e906b.colorInverted_009a6b82cd:hover,\n.kindSecondary_1f925e906b.colorInverted_009a6b82cd:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_1f925e906b.colorInverted_009a6b82cd.disabled_58a293abf2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_1f925e906b.colorOnPrimaryColorActive_f9b306f236,\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:hover,\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_1f925e906b.colorOnPrimaryColorActive_f9b306f236:focus-visible, .kindSecondary_1f925e906b.colorOnPrimaryColorActive_f9b306f236.focus-visible_f9e494f57f,\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:hover:focus-visible,\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:hover.focus-visible_f9e494f57f,\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:focus:focus-visible,\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:focus.focus-visible_f9e494f57f {\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_1f925e906b.colorOnPrimaryColorActive_f9b306f236:focus:not(.focus-visible_f9e494f57f),\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:hover:focus:not(.focus-visible_f9e494f57f),\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindSecondary_1f925e906b.colorOnPrimaryColor_0b70a47864.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_1f925e906b.colorFixedLightActive_7eaac75652,\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:hover,\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_1f925e906b.colorFixedLightActive_7eaac75652:focus-visible, .kindSecondary_1f925e906b.colorFixedLightActive_7eaac75652.focus-visible_f9e494f57f,\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:hover:focus-visible,\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:hover.focus-visible_f9e494f57f,\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:focus:focus-visible,\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:focus.focus-visible_f9e494f57f {\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_1f925e906b.colorFixedLightActive_7eaac75652:focus:not(.focus-visible_f9e494f57f),\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:hover:focus:not(.focus-visible_f9e494f57f),\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_1f925e906b.colorFixedDarkActive_58d25d9b8d,\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:hover,\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_1f925e906b.colorFixedDarkActive_58d25d9b8d:focus-visible, .kindSecondary_1f925e906b.colorFixedDarkActive_58d25d9b8d.focus-visible_f9e494f57f,\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:hover:focus-visible,\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:hover.focus-visible_f9e494f57f,\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:focus:focus-visible,\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:focus.focus-visible_f9e494f57f {\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_1f925e906b.colorFixedDarkActive_58d25d9b8d:focus:not(.focus-visible_f9e494f57f),\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:hover:focus:not(.focus-visible_f9e494f57f),\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindSecondary_1f925e906b.colorOnInvertedBackground_26552f2621 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_1f925e906b.colorOnInvertedBackgroundActive_6e8c7f7d7c,\n.kindSecondary_1f925e906b.colorOnInvertedBackground_26552f2621:hover,\n.kindSecondary_1f925e906b.colorOnInvertedBackground_26552f2621:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_1f925e906b.colorOnInvertedBackground_26552f2621.disabled_58a293abf2 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_1f925e906b.colorFixedLight_b062ec1b76.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_1f925e906b.colorFixedDark_b2561cc962.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_1f925e906b.disabled_58a293abf2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_1f925e906b.disabled_58a293abf2:hover {\n  background-color: transparent;\n}\n.kindTertiary_3c924a5a9d {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_3c924a5a9d.colorPrimaryActive_d2f740c801 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_3c924a5a9d.colorPrimaryActive_d2f740c801:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_3c924a5a9d.colorBrandActive_1bf51ba938 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_3c924a5a9d.colorBrandActive_1bf51ba938,\n.kindTertiary_3c924a5a9d.colorBrandActive_1bf51ba938:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_3c924a5a9d.colorPrimary_3cf6e00ec8:hover:not(.colorPrimaryActive_d2f740c801),\n.kindTertiary_3c924a5a9d.colorPrimary_3cf6e00ec8:focus:not(.colorPrimaryActive_d2f740c801) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3c924a5a9d.colorBrand_4b4f971cc6:hover:not(.colorBrandActive_1bf51ba938),\n.kindTertiary_3c924a5a9d.colorBrand_4b4f971cc6:focus:not(.colorBrandActive_1bf51ba938) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3c924a5a9d.colorPositive_fcf67eaca3 {\n  color: var(--positive-color);\n}\n.kindTertiary_3c924a5a9d.colorPositiveActive_e7e250d687,\n.kindTertiary_3c924a5a9d.colorPositive_fcf67eaca3:hover,\n.kindTertiary_3c924a5a9d.colorPositive_fcf67eaca3:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_3c924a5a9d.colorNegative_3262cb1ad6 {\n  color: var(--negative-color);\n}\n.kindTertiary_3c924a5a9d.colorNegativeActive_e7e250d687,\n.kindTertiary_3c924a5a9d.colorNegative_3262cb1ad6:hover,\n.kindTertiary_3c924a5a9d.colorNegative_3262cb1ad6:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_3c924a5a9d.colorInverted_009a6b82cd {\n  color: var(--primary-text-color);\n}\n.kindTertiary_3c924a5a9d.colorInvertedActive_e7e250d687,\n.kindTertiary_3c924a5a9d.colorInverted_009a6b82cd:hover,\n.kindTertiary_3c924a5a9d.colorInverted_009a6b82cd:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3c924a5a9d.colorInverted_009a6b82cd.disabled_58a293abf2 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_3c924a5a9d.colorOnPrimaryColorActive_f9b306f236,\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:hover,\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_3c924a5a9d.colorOnPrimaryColorActive_f9b306f236:focus-visible, .kindTertiary_3c924a5a9d.colorOnPrimaryColorActive_f9b306f236.focus-visible_f9e494f57f,\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:hover:focus-visible,\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:hover.focus-visible_f9e494f57f,\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:focus:focus-visible,\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:focus.focus-visible_f9e494f57f {\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_3c924a5a9d.colorOnPrimaryColorActive_f9b306f236:focus:not(.focus-visible_f9e494f57f),\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:hover:focus:not(.focus-visible_f9e494f57f),\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindTertiary_3c924a5a9d.colorOnPrimaryColor_0b70a47864.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_3c924a5a9d.colorFixedLightActive_7eaac75652,\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:hover,\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_3c924a5a9d.colorFixedLightActive_7eaac75652:focus-visible, .kindTertiary_3c924a5a9d.colorFixedLightActive_7eaac75652.focus-visible_f9e494f57f,\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:hover:focus-visible,\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:hover.focus-visible_f9e494f57f,\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:focus:focus-visible,\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:focus.focus-visible_f9e494f57f {\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_3c924a5a9d.colorFixedLightActive_7eaac75652:focus:not(.focus-visible_f9e494f57f),\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:hover:focus:not(.focus-visible_f9e494f57f),\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindTertiary_3c924a5a9d.colorFixedLight_b062ec1b76.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_3c924a5a9d.colorFixedDarkActive_58d25d9b8d,\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:hover,\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_3c924a5a9d.colorFixedDarkActive_58d25d9b8d:focus-visible, .kindTertiary_3c924a5a9d.colorFixedDarkActive_58d25d9b8d.focus-visible_f9e494f57f,\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:hover:focus-visible,\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:hover.focus-visible_f9e494f57f,\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:focus:focus-visible,\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:focus.focus-visible_f9e494f57f {\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_3c924a5a9d.colorFixedDarkActive_58d25d9b8d:focus:not(.focus-visible_f9e494f57f),\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:hover:focus:not(.focus-visible_f9e494f57f),\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962:focus:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.kindTertiary_3c924a5a9d.colorFixedDark_b2561cc962.disabled_58a293abf2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_3c924a5a9d.colorOnInvertedBackground_26552f2621 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_3c924a5a9d.colorOnInvertedBackgroundActive_6e8c7f7d7c,\n.kindTertiary_3c924a5a9d.colorOnInvertedBackground_26552f2621:hover,\n.kindTertiary_3c924a5a9d.colorOnInvertedBackground_26552f2621:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_3c924a5a9d.colorOnInvertedBackground_26552f2621.disabled_58a293abf2 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_3c924a5a9d.disabled_58a293abf2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_3c924a5a9d.disabled_58a293abf2:hover {\n  background-color: transparent;\n}\n.noSidePadding_b840ec77f9 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6fd2bc0071.insetFocusStyle_cb8df1b031:focus-visible, .button_6fd2bc0071.insetFocusStyle_cb8df1b031.focus-visible_f9e494f57f {\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_6fd2bc0071.insetFocusStyle_cb8df1b031:focus:not(.focus-visible_f9e494f57f) {\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_3766f5bcf0",subTextContainer:"subTextContainer_bb15f8bf70",buttonsContainer:"buttonsContainer_61127fa769",button:"button_1563700490",activeButton:"activeButton_fc2609960c",disabled:"disabled_78cc7ed1c6",buttonDisabled:"buttonDisabled_1236b2e708",startBorder:"startBorder_56ac868677",endBorder:"endBorder_482a28368d",kindTertiary:"kindTertiary_c7909ea451",optionText:"optionText_7077fde3e0",selected:"selected_7dc1c1dcca",wrapper:"wrapper_4f38e5acf3",fullWidth:"fullWidth_4748bea14d"};!function(n){const t="s_id-1f46577d4b31_3_51_1";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_3766f5bcf0 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_bb15f8bf70 {\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_61127fa769 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_61127fa769 .button_1563700490 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_61127fa769 .button_1563700490.activeButton_fc2609960c {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_61127fa769 .button_1563700490.activeButton_fc2609960c:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_61127fa769 .button_1563700490.disabled_78cc7ed1c6, .buttonsContainer_61127fa769 .button_1563700490.buttonDisabled_1236b2e708 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_61127fa769 .button_1563700490.startBorder_56ac868677 {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_61127fa769 .button_1563700490.endBorder_482a28368d {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_c7909ea451 .buttonsContainer_61127fa769 .button_1563700490 {\n  border-color: transparent;\n}\n\n.kindTertiary_c7909ea451 .buttonsContainer_61127fa769 .button_1563700490:first-child {\n  border-color: transparent;\n}\n\n.optionText_7077fde3e0:not(.disabled_78cc7ed1c6) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7077fde3e0:not(.disabled_78cc7ed1c6).selected_7dc1c1dcca {\n  color: var(--primary-text-color);\n}\n\n.wrapper_4f38e5acf3.disabled_78cc7ed1c6 {\n  cursor: not-allowed;\n}\n\n.fullWidth_4748bea14d {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_d8b0f234e4",subTextContainer:"subTextContainer_09b501fc1d",buttonsContainer:"buttonsContainer_e86d8df72a",button:"button_8b83e71519",activeButton:"activeButton_639cd6f890",disabled:"disabled_7c504738b6",buttonDisabled:"buttonDisabled_8838934ce7",startBorder:"startBorder_ff4fe28287",endBorder:"endBorder_e2a1b50bd1",kindTertiary:"kindTertiary_8892f441d5",optionText:"optionText_7cc65e6d90",selected:"selected_0139c32db0",wrapper:"wrapper_fc8736de68",fullWidth:"fullWidth_a567baa7ee"};!function(n){const t="s_id-1f46577d4b31_3_51_3";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_d8b0f234e4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_09b501fc1d {\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_e86d8df72a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_e86d8df72a .button_8b83e71519 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_e86d8df72a .button_8b83e71519.activeButton_639cd6f890 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_e86d8df72a .button_8b83e71519.activeButton_639cd6f890:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_e86d8df72a .button_8b83e71519.disabled_7c504738b6, .buttonsContainer_e86d8df72a .button_8b83e71519.buttonDisabled_8838934ce7 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_e86d8df72a .button_8b83e71519.startBorder_ff4fe28287 {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_e86d8df72a .button_8b83e71519.endBorder_e2a1b50bd1 {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_8892f441d5 .buttonsContainer_e86d8df72a .button_8b83e71519 {\n  border-color: transparent;\n}\n\n.kindTertiary_8892f441d5 .buttonsContainer_e86d8df72a .button_8b83e71519:first-child {\n  border-color: transparent;\n}\n\n.optionText_7cc65e6d90:not(.disabled_7c504738b6) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7cc65e6d90:not(.disabled_7c504738b6).selected_0139c32db0 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_fc8736de68.disabled_7c504738b6 {\n  cursor: not-allowed;\n}\n\n.fullWidth_a567baa7ee {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_c2b6bd2989",checkbox:"checkbox_d4fa82bb38",icon:"icon_e33ff7f0c7",label:"label_6ddf4f4fbf",input:"input_0f261b4f65",checkboxGrowAnimation:"checkboxGrowAnimation_2f49517807"};!function(n){const e="s_id-a622c58c4e9d_3_51_1";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_c2b6bd2989 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_d4fa82bb38 {\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_d4fa82bb38: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_d4fa82bb38:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_e33ff7f0c7 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_6ddf4f4fbf {\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_0f261b4f65 {\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_0f261b4f65:focus + .checkbox_d4fa82bb38 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_0f261b4f65:focus:checked + .checkbox_d4fa82bb38 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_0f261b4f65:focus-visible + .checkbox_d4fa82bb38 {\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_0f261b4f65:checked:focus + .checkbox_d4fa82bb38:after,\n.input_0f261b4f65:indeterminate:focus + .checkbox_d4fa82bb38:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_0f261b4f65:checked + .checkbox_d4fa82bb38,\n.input_0f261b4f65:indeterminate + .checkbox_d4fa82bb38 {\n  animation: checkboxGrowAnimation_2f49517807 var(--motion-productive-short);\n}\n\n.input_0f261b4f65:checked + .checkbox_d4fa82bb38,\n.input_0f261b4f65:indeterminate + .checkbox_d4fa82bb38 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_0f261b4f65:checked + .checkbox_d4fa82bb38:hover,\n.input_0f261b4f65:indeterminate + .checkbox_d4fa82bb38:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_0f261b4f65:checked + .checkbox_d4fa82bb38:hover:after,\n.input_0f261b4f65:indeterminate + .checkbox_d4fa82bb38:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_0f261b4f65:checked + .checkbox_d4fa82bb38:after,\n.input_0f261b4f65:indeterminate + .checkbox_d4fa82bb38: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_0f261b4f65:checked + .checkbox_d4fa82bb38 > .icon_e33ff7f0c7,\n.input_0f261b4f65:indeterminate + .checkbox_d4fa82bb38 > .icon_e33ff7f0c7 {\n  visibility: visible;\n}\n\n.input_0f261b4f65:checked:disabled + .checkbox_d4fa82bb38:after,\n.input_0f261b4f65:indeterminate:disabled + .checkbox_d4fa82bb38:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_0f261b4f65:disabled + .checkbox_d4fa82bb38,\n.input_0f261b4f65:disabled + .checkbox_d4fa82bb38:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_0f261b4f65:disabled + .checkbox_d4fa82bb38 .icon_e33ff7f0c7,\n.input_0f261b4f65:disabled + .checkbox_d4fa82bb38:hover .icon_e33ff7f0c7 {\n  color: var(--disabled-text-color);\n}\n\n.input_0f261b4f65:disabled + .checkbox_d4fa82bb38,\n.input_0f261b4f65:disabled + .checkbox_d4fa82bb38:hover {\n  cursor: not-allowed;\n}\n\n.input_0f261b4f65:disabled ~ .label_6ddf4f4fbf {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_2f49517807 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_7429d46e0f",checkbox:"checkbox_b0494fec8d",icon:"icon_33f9d7b119",label:"label_a6ec402086",input:"input_58b6faa634",checkboxGrowAnimation:"checkboxGrowAnimation_c5fb963491"};!function(n){const e="s_id-a622c58c4e9d_3_51_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_7429d46e0f {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_b0494fec8d {\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_b0494fec8d: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_b0494fec8d:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_33f9d7b119 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_a6ec402086 {\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_58b6faa634 {\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_58b6faa634:focus + .checkbox_b0494fec8d {\n  border-color: var(--secondary-text-color);\n}\n\n.input_58b6faa634:focus:checked + .checkbox_b0494fec8d {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_58b6faa634:focus-visible + .checkbox_b0494fec8d {\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_58b6faa634:checked:focus + .checkbox_b0494fec8d:after,\n.input_58b6faa634:indeterminate:focus + .checkbox_b0494fec8d:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_58b6faa634:checked + .checkbox_b0494fec8d,\n.input_58b6faa634:indeterminate + .checkbox_b0494fec8d {\n  animation: checkboxGrowAnimation_c5fb963491 var(--motion-productive-short);\n}\n\n.input_58b6faa634:checked + .checkbox_b0494fec8d,\n.input_58b6faa634:indeterminate + .checkbox_b0494fec8d {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_58b6faa634:checked + .checkbox_b0494fec8d:hover,\n.input_58b6faa634:indeterminate + .checkbox_b0494fec8d:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_58b6faa634:checked + .checkbox_b0494fec8d:hover:after,\n.input_58b6faa634:indeterminate + .checkbox_b0494fec8d:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_58b6faa634:checked + .checkbox_b0494fec8d:after,\n.input_58b6faa634:indeterminate + .checkbox_b0494fec8d: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_58b6faa634:checked + .checkbox_b0494fec8d > .icon_33f9d7b119,\n.input_58b6faa634:indeterminate + .checkbox_b0494fec8d > .icon_33f9d7b119 {\n  visibility: visible;\n}\n\n.input_58b6faa634:checked:disabled + .checkbox_b0494fec8d:after,\n.input_58b6faa634:indeterminate:disabled + .checkbox_b0494fec8d:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_58b6faa634:disabled + .checkbox_b0494fec8d,\n.input_58b6faa634:disabled + .checkbox_b0494fec8d:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_58b6faa634:disabled + .checkbox_b0494fec8d .icon_33f9d7b119,\n.input_58b6faa634:disabled + .checkbox_b0494fec8d:hover .icon_33f9d7b119 {\n  color: var(--disabled-text-color);\n}\n\n.input_58b6faa634:disabled + .checkbox_b0494fec8d,\n.input_58b6faa634:disabled + .checkbox_b0494fec8d:hover {\n  cursor: not-allowed;\n}\n\n.input_58b6faa634:disabled ~ .label_a6ec402086 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_c5fb963491 {\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 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 v from"../IconButton/IconButton.js";import f 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,M=r.rightAvatar,O=void 0===M?null:M,R=r.disabled,D=void 0!==R&&R,F=r.readOnly,L=void 0!==F&&F,_=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.noMargin,pe=void 0!==ue&&ue,ve=r["data-testid"]||b(g.CHIP,A),fe=!(!X&&!W||oe),be=!L&&!D,ge=$||"string"==typeof E&&E||"",je=a(null),ye=a(null),he=h(),ke=e(he,2),Ce=ke[0],xe=ke[1],Ne=k({ref:ye}).isFocused,Se=c(d,ye,Ce),Ae=l(x.chips,j,o(o(o(o(o({},x.disabled,D),x.noAnimation,Z),x.withUserSelect,U),x.border,le),x.noMargin,pe)),Te=l(x.clickable,Ae,o(o({},x.disabled,D),x.disableTextSelection,!U)),Ee=i((function(){return{backgroundColor:D?m("disabled-background-color"):fe&&(xe||Ne)?u(G,!0,!0):u(G,!0)}}),[D,fe,xe,Ne,G]),we=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Be=s((function(e){void 0!==X&&e.target!==je.current&&(e.preventDefault(),X(e))}),[X]),Ie=C({onClick:Be,onMouseDown:W,disabled:D,id:A,"data-testid":ve,ariaLabel:ge,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},Se),Pe=fe?Object.assign(Object.assign({},Ie),{ref:Ie.ref,className:Te,style:Ee}):{className:Ae,"aria-label":ge,style:Ee,ref:Se,onClick:Be,onMouseDown:W,id:A,"data-testid":ve},ze="text"===re?{text:H}:{src:H},He="text"===re?{text:O}:{src:O};return t.createElement("div",Object.assign({},Pe),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,y),customSize:18,type:re,key:A},ze)):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(f,{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,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,y),customSize:18,type:ie,key:A},He)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),be&&t.createElement(v,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:we,"data-testid":"".concat(ve,"-close"),ref:je}))})),{colors:d,avatarTypes:j});export{S as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";import c from"../Icon/Icon.js";import m from"../../hooks/useMergeRef.js";import{getCSSVar as d}from"../../services/themes.js";import{ElementAllowedColor as u}from"../../utils/colors-vars-map.js";import{getElementColor as p}from"../../types/Colors.js";import v from"../Avatar/Avatar.js";import f from"../IconButton/IconButton.js";import b from"../Text/Text.js";import{getTestId as g,ComponentDefaultTestId as y}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as h}from"../../types/withStaticProps.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=h(r((function(r,u){var j=r.className,h=r.avatarClassName,S=r.iconClassName,A=r.id,E=r.label,T=void 0===E?"":E,M=r.leftIcon,w=void 0===M?null:M,B=r.rightIcon,I=void 0===B?null:B,P=r.leftAvatar,z=void 0===P?null:P,L=r.rightAvatar,O=void 0===L?null:L,R=r.disabled,D=void 0!==R&&R,F=r.readOnly,H=void 0!==F&&F,_=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,ne=void 0!==se&&se,le=r.leftRenderer,ce=r.rightRenderer,me=r.closeButtonAriaLabel,de=void 0===me?"Remove":me,ue=r.noMargin,pe=void 0!==ue&&ue,ve=r["data-testid"]||g(y.CHIP,A),fe=!(!X&&!W||oe),be=!H&&!D,ge=$||"string"==typeof T&&T||"",ye=a(null),je=a(null),he=i(!1),ke=e(he,2),Ce=ke[0],xe=ke[1],Ne=s((function(){return xe(!0)}),[]),Se=s((function(){return xe(!1)}),[]),Ae=k({ref:je}).isFocused,Ee=m(u,je),Te=l(x.chips,j,o(o(o(o(o({},x.disabled,D),x.noAnimation,Z),x.withUserSelect,U),x.border,ne),x.noMargin,pe)),Me=l(x.clickable,Te,o(o({},x.disabled,D),x.disableTextSelection,!U)),we=n((function(){return{backgroundColor:D?d("disabled-background-color"):fe&&(Ce||Ae)?p(G,!0,!0):p(G,!0)}}),[D,fe,Ce,Ae,G]),Be=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Ie=s((function(e){void 0!==X&&e.target!==ye.current&&(e.preventDefault(),X(e))}),[X]),Pe=C({onClick:Ie,onMouseDown:W,disabled:D,id:A,"data-testid":ve,ariaLabel:ge,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},Ee),ze=fe?Object.assign(Object.assign({},Pe),{ref:Ee,className:Me,style:we,onMouseEnter:Ne,onMouseLeave:Se}):{className:Te,"aria-label":ge,style:we,ref:Ee,onClick:Ie,onMouseDown:W,id:A,"data-testid":ve,onMouseEnter:Ne,onMouseLeave:Se},Le="text"===re?{text:z}:{src:z},Oe="text"===re?{text:O}:{src:O};return t.createElement("div",Object.assign({},ze),z?t.createElement(v,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,h),customSize:18,type:re,key:A},Le)):null,w?t.createElement(c,{className:l(x.icon,x.left,S),iconType:"font",icon:w,iconSize:K,ignoreFocusStyle:!0}):null,le&&t.createElement("div",{className:l(x.customRenderer,x.left)},le),t.createElement(b,{type:"text2",className:x.label},T),I?t.createElement(c,{className:l(x.icon,x.right,S),iconType:"font",icon:I,iconSize:K,ignoreFocusStyle:!0}):null,O?t.createElement(v,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,h),customSize:18,type:ie,key:A},Oe)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),be&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:Be,"data-testid":"".concat(ve,"-close"),ref:ye}))})),{colors:u,avatarTypes:j});export{S as default};
 //# sourceMappingURL=Chips.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useHover from \"../../hooks/useHover/useHover\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted.\n /\n readOnly?: boolean;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, removes the default margin from the chip.\n */\n noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef, hoverRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: clickableProps.ref as RefObject<HTMLDivElement>,\n className: clickableClassName,\n style: backgroundColorStyle\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useHover","useHover","_useHover2","_slicedToArray","hoverRef","isHovered","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","style","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"8/BAoBA,IA2SeA,EAAAA,EAlMDC,GACZ,SAAAC,EA+BEC,GACE,IA9BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,KAA4CH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAAAE,GAAA/C,EAC/BgD,SAAAA,QAAW,IAAHD,IAAQA,GAIZE,GAZqBjD,EAAzB,gBAYwCkD,EAAUC,EAAuBC,KAAM/C,GAC3EgD,MAAyBtB,IAAaD,GAAiBM,IACvDkB,IAAkBnC,IAAaF,EAC/BsC,GAAoBrB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzEiD,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAA8BC,IAA0BC,GAAAC,EAAAH,GAAA,GAAjDI,GAAQF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAcC,EAAY,CAAEjE,IAAKyD,KAAjCO,UAEFE,GAAYC,EAA4BnE,EAAKyD,GAAcK,IAE3DM,GAAoBC,EAAGC,EAAOC,MAAOtE,EAASuE,EAAAA,EAAAA,EAAAA,EAAAA,EACjDF,CAAAA,EAAAA,EAAOtD,SAAWA,GAClBsD,EAAOtC,YAAcA,GACrBsC,EAAOG,eAAiBrD,GACxBkD,EAAOI,OAASjC,IAChB6B,EAAOvB,SAAWA,KAEf4B,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOtD,SAAWA,GAClBsD,EAAOO,sBAAwBzD,IAG5B0D,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPLhE,EACOiE,EAAU,6BACV7B,KAAwBW,IAAaC,IACrCkB,EAAgB5D,GAAO,GAAM,GAE7B4D,EAAgB5D,GAAO,GAGpC,GAAG,CAACN,EAAUoC,GAAqBW,GAAWC,GAAW1C,IAEnD6D,GAAmBC,GACvB,SAACC,GACCA,EAAEC,kBACE5D,GACFA,EAAStB,EAAIiF,EAEjB,GACA,CAACjF,EAAIsB,IAGD6D,GAAkBH,GACtB,SAACC,QACiBG,IAAZ1D,GAA0BuD,EAAEI,SAA2BlC,GAAcmC,UACvEL,EAAEM,iBACF7D,EAAQuD,GAEZ,GACA,CAACvD,IAGG8D,GAAiBC,EACrB,CACE/D,QAASyD,GACT1D,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe4C,GACff,UAAWqB,GACXwC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,IAEI+B,GAAe7C,kCAEZwC,IAAc,CACjB5F,IAAK4F,GAAe5F,IACpBC,UAAW0E,GACXuB,MAAOpB,KAET,CACE7E,UAAWmE,GACX,aAAcd,GACd4C,MAAOpB,GACP9E,IAAKkE,GACLpC,QAASyD,GACT1D,YAAAA,EACAzB,GAAIA,EACJ,cAAe4C,IAGfmD,GAAqC,SAAnB9D,GAA4B,CAAE+D,KAAMxF,GAAe,CAAEyF,IAAKzF,GAC5E0F,GAAsC,SAAnBjE,GAA4B,CAAE+D,KAAMtF,GAAgB,CAAEuF,IAAKvF,GAEpF,OACEyF,uCAASN,IACNrF,EACC2F,EAACC,cAAAC,iBACCC,eAAa,EACbzG,UAAWoE,EAAGC,EAAOqC,OAAQrC,EAAOsC,KAAM1G,GAC1C2G,WA7Oc,GA8OdC,KAAMzE,GACN0E,IAAK3G,GACD+F,KAEJ,KACH3F,EACC+F,EAACC,cAAAQ,GACC/G,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOsC,KAAMzG,GACxC+G,SAAS,OACTD,KAAMzG,EACNgB,SAAUA,EACV2F,kBAAgB,IAEhB,KACHzE,IAAgB6D,EAAKC,cAAA,MAAA,CAAAvG,UAAWoE,EAAGC,EAAO8C,eAAgB9C,EAAOsC,OAAQlE,IAC1E6D,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQ7G,UAAWqE,EAAOhE,OAClCA,GAEFI,EACC6F,EAACC,cAAAQ,GACC/G,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOgD,MAAOnH,GACzC+G,SAAS,OACTD,KAAMvG,EACNc,SAAUA,EACV2F,kBAAgB,IAEhB,KACHrG,EACCyF,EAACC,cAAAC,iBACCC,eAAa,EACbzG,UAAWoE,EAAGC,EAAOqC,OAAQrC,EAAOgD,MAAOpH,GAC3C2G,WA7Qc,GA8QdC,KAAMvE,GACNwE,IAAK3G,GACDkG,KAEJ,KACH3D,IAAiB4D,EAAKC,cAAA,MAAA,CAAAvG,UAAWoE,EAAGC,EAAO8C,eAAgB9C,EAAOgD,QAAS3E,IAC3EU,IACCkD,EAACC,cAAAe,GACCC,KAAK,MACLlG,MAAM,mBACNrB,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOmD,OAClCxF,UAAWY,GACX6E,aAAW,EACXT,KAAMU,EACN7F,QAASqD,2BACOnC,GAA2B,UAC3ChD,IAAKuD,KAKf,IAQkE,CAClEqE,OAAQC,EACRC,YAAaC"}
1	+ {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\n\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted.\n /\n readOnly?: boolean;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, removes the default margin from the chip.\n */\n noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: backgroundColorStyle,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"49BAoBA,IAiTeA,EAAAA,EAxMDC,GACZ,SAAAC,EA+BEC,GACE,IA9BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,KAA4CH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAAAE,GAAA/C,EAC/BgD,SAAAA,QAAW,IAAHD,IAAQA,GAIZE,GAZqBjD,EAAzB,gBAYwCkD,EAAUC,EAAuBC,KAAM/C,GAC3EgD,MAAyBtB,IAAaD,GAAiBM,IACvDkB,IAAkBnC,IAAaF,EAC/BsC,GAAoBrB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzEiD,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAAkCC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA1CI,GAASF,GAAA,GAAEG,GAAYH,GAAA,GACxBI,GAAmBC,GAAY,WAAA,OAAMF,IAAa,EAAK,GAAE,IACzDG,GAAmBD,GAAY,WAAA,OAAMF,IAAa,EAAM,GAAE,IACxDI,GAAcC,EAAY,CAAEpE,IAAKyD,KAAjCU,UAEFE,GAAYC,EAA4BtE,EAAKyD,IAE7Cc,GAAoBC,EAAGC,EAAOC,MAAOzE,EAAS0E,EAAAA,EAAAA,EAAAA,EAAAA,EACjDF,CAAAA,EAAAA,EAAOzD,SAAWA,GAClByD,EAAOzC,YAAcA,GACrByC,EAAOG,eAAiBxD,GACxBqD,EAAOI,OAASpC,IAChBgC,EAAO1B,SAAWA,KAEf+B,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOzD,SAAWA,GAClByD,EAAOO,sBAAwB5D,IAG5B6D,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPLnE,EACOoE,EAAU,6BACVhC,KAAwBU,IAAaK,IACrCkB,EAAgB/D,GAAO,GAAM,GAE7B+D,EAAgB/D,GAAO,GAGpC,GAAG,CAACN,EAAUoC,GAAqBU,GAAWK,GAAW7C,IAEnDgE,GAAmBrB,GACvB,SAACsB,GACCA,EAAEC,kBACE9D,GACFA,EAAStB,EAAImF,EAEjB,GACA,CAACnF,EAAIsB,IAGD+D,GAAkBxB,GACtB,SAACsB,QACiBG,IAAZ5D,GAA0ByD,EAAEI,SAA2BpC,GAAcqC,UACvEL,EAAEM,iBACF/D,EAAQyD,GAEZ,GACA,CAACzD,IAGGgE,GAAiBC,EACrB,CACEjE,QAAS2D,GACT5D,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe4C,GACff,UAAWqB,GACX0C,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB7B,IAEI8B,GAAe/C,GAClBgD,OAAAC,OAAAD,OAAAC,OAAA,GACMP,IAAc,CACjB9F,IAAKqE,GACLpE,UAAW6E,GACXwB,MAAOrB,GACPsB,aAAcvC,GACdwC,aAActC,KAEhB,CACEjE,UAAWsE,GACX,aAAcjB,GACdgD,MAAOrB,GACPjF,IAAKqE,GACLvC,QAAS2D,GACT5D,YAAAA,EACAzB,GAAIA,EACJ,cAAe4C,GACfuD,aAAcvC,GACdwC,aAActC,IAGduC,GAAqC,SAAnBpE,GAA4B,CAAEqE,KAAM9F,GAAe,CAAE+F,IAAK/F,GAC5EgG,GAAsC,SAAnBvE,GAA4B,CAAEqE,KAAM5F,GAAgB,CAAE6F,IAAK7F,GAEpF,OACE+F,uCAASV,IACNvF,EACCiG,EAACC,cAAAC,iBACCC,eAAa,EACb/G,UAAWuE,EAAGC,EAAOwC,OAAQxC,EAAOyC,KAAMhH,GAC1CiH,WAnPc,GAoPdC,KAAM/E,GACNgF,IAAKjH,GACDqG,KAEJ,KACHjG,EACCqG,EAACC,cAAAQ,GACCrH,UAAWuE,EAAGC,EAAO8C,KAAM9C,EAAOyC,KAAM/G,GACxCqH,SAAS,OACTD,KAAM/G,EACNgB,SAAUA,EACViG,kBAAgB,IAEhB,KACH/E,IAAgBmE,EAAKC,cAAA,MAAA,CAAA7G,UAAWuE,EAAGC,EAAOiD,eAAgBjD,EAAOyC,OAAQxE,IAC1EmE,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQnH,UAAWwE,EAAOnE,OAClCA,GAEFI,EACCmG,EAACC,cAAAQ,GACCrH,UAAWuE,EAAGC,EAAO8C,KAAM9C,EAAOmD,MAAOzH,GACzCqH,SAAS,OACTD,KAAM7G,EACNc,SAAUA,EACViG,kBAAgB,IAEhB,KACH3G,EACC+F,EAACC,cAAAC,iBACCC,eAAa,EACb/G,UAAWuE,EAAGC,EAAOwC,OAAQxC,EAAOmD,MAAO1H,GAC3CiH,WAnRc,GAoRdC,KAAM7E,GACN8E,IAAKjH,GACDwG,KAEJ,KACHjE,IAAiBkE,EAAKC,cAAA,MAAA,CAAA7G,UAAWuE,EAAGC,EAAOiD,eAAgBjD,EAAOmD,QAASjF,IAC3EU,IACCwD,EAACC,cAAAe,GACCC,KAAK,MACLxG,MAAM,mBACNrB,UAAWuE,EAAGC,EAAO8C,KAAM9C,EAAOsD,OAClC9F,UAAWY,GACXmF,aAAW,EACXT,KAAMU,EACNnG,QAASwD,2BACOtC,GAA2B,UAC3ChD,IAAKuD,KAKf,IAQkE,CAClE2E,OAAQC,EACRC,YAAaC"}

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_39f4b4d6c2","focus-visible":"focus-visible_0c2bb3c18b",disabled:"disabled_6d4b1977be",disableTextSelection:"disableTextSelection_2912d9b9f2",chips:"chips_535fe27b79","chips-pop-in-emphasized":"chips-pop-in-emphasized_3df10d5148",border:"border_871a65fb3d",withUserSelect:"withUserSelect_a1f13b008f",noMargin:"noMargin_a14be5b4b7",label:"label_3271ea4c34",noAnimation:"noAnimation_bd87d01032",icon:"icon_54bb0f7fba",avatar:"avatar_d516c3e30f",customRenderer:"customRenderer_253ae8f30a",left:"left_25d7a018c5",right:"right_d90476a8bf",close:"close_3c3d481ed2",defaultCursor:"defaultCursor_6d4b1977be"};!function(e){const n="s_id-b08f85dbbdad_3_51_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_39f4b4d6c2 {\n  cursor: pointer;\n}\n.clickable_39f4b4d6c2:focus-visible, .clickable_39f4b4d6c2.focus-visible_0c2bb3c18b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_39f4b4d6c2:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.clickable_39f4b4d6c2.disabled_6d4b1977be {\n  cursor: default;\n}\n.disableTextSelection_2912d9b9f2 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_535fe27b79 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_3df10d5148 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_535fe27b79.border_871a65fb3d {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_535fe27b79.withUserSelect_a1f13b008f {\n  user-select: text;\n  cursor: text;\n}\n.chips_535fe27b79.noMargin_a14be5b4b7 {\n  margin: 0;\n}\n.chips_535fe27b79 .label_3271ea4c34 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_535fe27b79.noAnimation_bd87d01032 {\n  animation: none;\n}\n.chips_535fe27b79 .icon_54bb0f7fba,\n.chips_535fe27b79 .avatar_d516c3e30f,\n.chips_535fe27b79 .customRenderer_253ae8f30a {\n  min-width: 18px;\n}\n.chips_535fe27b79 .icon_54bb0f7fba.left_25d7a018c5,\n.chips_535fe27b79 .avatar_d516c3e30f.left_25d7a018c5,\n.chips_535fe27b79 .customRenderer_253ae8f30a.left_25d7a018c5 {\n  margin-right: var(--spacing-xs);\n}\n.chips_535fe27b79 .icon_54bb0f7fba.right_d90476a8bf,\n.chips_535fe27b79 .avatar_d516c3e30f.right_d90476a8bf,\n.chips_535fe27b79 .customRenderer_253ae8f30a.right_d90476a8bf {\n  margin-left: var(--spacing-xs);\n}\n.chips_535fe27b79 .icon_54bb0f7fba.close_3c3d481ed2,\n.chips_535fe27b79 .avatar_d516c3e30f.close_3c3d481ed2,\n.chips_535fe27b79 .customRenderer_253ae8f30a.close_3c3d481ed2 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_535fe27b79.disabled_6d4b1977be .icon_54bb0f7fba {\n  color: var(--disabled-text-color);\n}\n.chips_535fe27b79.disabled_6d4b1977be .label_3271ea4c34 {\n  color: var(--disabled-text-color);\n}\n.chips_535fe27b79.defaultCursor_6d4b1977be {\n  cursor: default;\n}\n.chips_535fe27b79.clickable_39f4b4d6c2 {\n  cursor: pointer;\n}\n.chips_535fe27b79.clickable_39f4b4d6c2:focus-visible, .chips_535fe27b79.clickable_39f4b4d6c2.focus-visible_0c2bb3c18b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_535fe27b79.clickable_39f4b4d6c2:focus:not(.focus-visible_0c2bb3c18b) {\n  outline: none;\n}\n.chips_535fe27b79.clickable_39f4b4d6c2.disabled_6d4b1977be {\n  cursor: default;\n}\n.chips_535fe27b79.clickable_39f4b4d6c2.disableTextSelection_2912d9b9f2 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_3df10d5148 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={clickable:"clickable_de8329f48d","focus-visible":"focus-visible_f9e494f57f",disabled:"disabled_5a6c0a8c3f",disableTextSelection:"disableTextSelection_31fe303e19",chips:"chips_3da1accb01","chips-pop-in-emphasized":"chips-pop-in-emphasized_ecf02274d3",border:"border_0576b170d8",withUserSelect:"withUserSelect_f3343a6a2b",noMargin:"noMargin_390a27c0cd",label:"label_7bbbbb4920",noAnimation:"noAnimation_7f0218d461",icon:"icon_7a7bda8eb0",avatar:"avatar_fa7b199562",customRenderer:"customRenderer_9cdfd13d0c",left:"left_e942315fb5",right:"right_09781a1d45",close:"close_5ddfc31fe6",defaultCursor:"defaultCursor_5a6c0a8c3f"};!function(e){const n="s_id-b08f85dbbdad_3_51_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_de8329f48d {\n  cursor: pointer;\n}\n.clickable_de8329f48d:focus-visible, .clickable_de8329f48d.focus-visible_f9e494f57f {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_de8329f48d:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.clickable_de8329f48d.disabled_5a6c0a8c3f {\n  cursor: default;\n}\n.disableTextSelection_31fe303e19 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_3da1accb01 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_ecf02274d3 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_3da1accb01.border_0576b170d8 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_3da1accb01.withUserSelect_f3343a6a2b {\n  user-select: text;\n  cursor: text;\n}\n.chips_3da1accb01.noMargin_390a27c0cd {\n  margin: 0;\n}\n.chips_3da1accb01 .label_7bbbbb4920 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_3da1accb01.noAnimation_7f0218d461 {\n  animation: none;\n}\n.chips_3da1accb01 .icon_7a7bda8eb0,\n.chips_3da1accb01 .avatar_fa7b199562,\n.chips_3da1accb01 .customRenderer_9cdfd13d0c {\n  min-width: 18px;\n}\n.chips_3da1accb01 .icon_7a7bda8eb0.left_e942315fb5,\n.chips_3da1accb01 .avatar_fa7b199562.left_e942315fb5,\n.chips_3da1accb01 .customRenderer_9cdfd13d0c.left_e942315fb5 {\n  margin-right: var(--spacing-xs);\n}\n.chips_3da1accb01 .icon_7a7bda8eb0.right_09781a1d45,\n.chips_3da1accb01 .avatar_fa7b199562.right_09781a1d45,\n.chips_3da1accb01 .customRenderer_9cdfd13d0c.right_09781a1d45 {\n  margin-left: var(--spacing-xs);\n}\n.chips_3da1accb01 .icon_7a7bda8eb0.close_5ddfc31fe6,\n.chips_3da1accb01 .avatar_fa7b199562.close_5ddfc31fe6,\n.chips_3da1accb01 .customRenderer_9cdfd13d0c.close_5ddfc31fe6 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_3da1accb01.disabled_5a6c0a8c3f .icon_7a7bda8eb0 {\n  color: var(--disabled-text-color);\n}\n.chips_3da1accb01.disabled_5a6c0a8c3f .label_7bbbbb4920 {\n  color: var(--disabled-text-color);\n}\n.chips_3da1accb01.defaultCursor_5a6c0a8c3f {\n  cursor: default;\n}\n.chips_3da1accb01.clickable_de8329f48d {\n  cursor: pointer;\n}\n.chips_3da1accb01.clickable_de8329f48d:focus-visible, .chips_3da1accb01.clickable_de8329f48d.focus-visible_f9e494f57f {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_3da1accb01.clickable_de8329f48d:focus:not(.focus-visible_f9e494f57f) {\n  outline: none;\n}\n.chips_3da1accb01.clickable_de8329f48d.disabled_5a6c0a8c3f {\n  cursor: default;\n}\n.chips_3da1accb01.clickable_de8329f48d.disableTextSelection_31fe303e19 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_ecf02274d3 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map