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

@vibe/core 3.51.3 → 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_844e083008","focus-visible":"focus-visible_84938420ed",xs:"xs_ef488dd233",small:"small_02fbdef3cd",medium:"medium_8e8273ee41",large:"large_1eb13d18a1",primary:"primary_43e294e54a",dark:"dark_2e549e425b",negative:"negative_c81cc80a72",light:"light_db5dc01705",disabled:"disabled_f811ee980d",menu:"menu_0c8f3fbd8e"};!function(e){const n="s_id-6c7433759f1e_3_51_2";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_844e083008 {\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_844e083008:focus-visible, .counterContainer_844e083008.focus-visible_84938420ed {\n  outline: none;\n}\n.counterContainer_844e083008:focus-visible:focus-visible, .counterContainer_844e083008:focus-visible.focus-visible_84938420ed, .counterContainer_844e083008.focus-visible_84938420ed:focus-visible, .counterContainer_844e083008.focus-visible_84938420ed.focus-visible_84938420ed {\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_844e083008:focus-visible:focus:not(.focus-visible_84938420ed), .counterContainer_844e083008.focus-visible_84938420ed:focus:not(.focus-visible_84938420ed) {\n  outline: none;\n}\n.counterContainer_844e083008.xs_ef488dd233 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_844e083008.small_02fbdef3cd {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_844e083008.medium_8e8273ee41 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_844e083008.large_1eb13d18a1 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_844e083008.primary_43e294e54a {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_844e083008.dark_2e549e425b {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_844e083008.negative_c81cc80a72 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_844e083008.light_db5dc01705 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_844e083008 .disabled_f811ee980d, .counterContainer_844e083008.disabled_f811ee980d {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_0c8f3fbd8e {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_0c8f3fbd8e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_0c8f3fbd8e::-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_b2ca7883e1",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_179d8fd3fd",tooltipContainer:"tooltipContainer_f2732bdab1","focus-visible":"focus-visible_84938420ed",tooltipGridContainer:"tooltipGridContainer_1dc424d6cc",scrollableContainer:"scrollableContainer_14c887b369"};!function(t){const e="s_id-6cc986178da6_3_51_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_b2ca7883e1 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_179d8fd3fd {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_f2732bdab1 {\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_f2732bdab1:focus, .tooltipContainer_f2732bdab1:focus-visible, .tooltipContainer_f2732bdab1.focus-visible_84938420ed {\n  outline: none;\n}\n\n.tooltipGridContainer_1dc424d6cc {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_14c887b369::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_14c887b369::-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_2061f49817",virtualizedTooltipContainer:"virtualizedTooltipContainer_866caf8773","focus-visible":"focus-visible_84938420ed"};!function(e){const i="s_id-13c8e71f272d_3_51_2";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_2061f49817::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_2061f49817::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_866caf8773 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_866caf8773:focus, .virtualizedTooltipContainer_866caf8773:focus-visible, .virtualizedTooltipContainer_866caf8773.focus-visible_84938420ed {\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 a={badgeWrapper:"badgeWrapper_7f7b2e32a9",badge:"badge_757bb2c3b4",outside:"outside_b532df553a",topEnd:"topEnd_1627c81d9b",rectangular:"rectangular_ff4c17624e",circular:"circular_b4d8aadb87",topStart:"topStart_a97913f28b",bottomEnd:"bottomEnd_49a2425565",bottomStart:"bottomStart_e06a239770"};!function(a){const e="s_id-b5dca6298ea9_3_51_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const b=document.createElement("style");b.id=e,t.firstChild?t.insertBefore(b,t.firstChild):t.appendChild(b),b.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_7f7b2e32a9 {\n  position: relative;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4:not(.outside_b532df553a) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.topEnd_1627c81d9b.rectangular_ff4c17624e {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.topEnd_1627c81d9b.outside_b532df553a {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.topEnd_1627c81d9b.circular_b4d8aadb87 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.topStart_a97913f28b.rectangular_ff4c17624e {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.topStart_a97913f28b.outside_b532df553a {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.topStart_a97913f28b.circular_b4d8aadb87 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.bottomEnd_49a2425565.rectangular_ff4c17624e {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.bottomEnd_49a2425565.outside_b532df553a {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.bottomEnd_49a2425565.circular_b4d8aadb87 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.bottomStart_e06a239770.rectangular_ff4c17624e {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.bottomStart_e06a239770.outside_b532df553a {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_7f7b2e32a9 .badge_757bb2c3b4.bottomStart_e06a239770.circular_b4d8aadb87 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a 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_d1494880e3",primary:"primary_ae27c4932f",notification:"notification_7c5a52eb31"};!function(e){const i="s_id-d6448d74722f_3_51_2";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_d1494880e3 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_d1494880e3.primary_ae27c4932f {\n  background-color: var(--primary-color);\n}\n.indicator_d1494880e3.notification_7c5a52eb31 {\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 e={wrapper:"wrapper_e1062968a4",small:"small_217b9aa3e6",medium:"medium_f9785995e6",large:"large_68d27e067e",rightThinnerPadding:"rightThinnerPadding_bdaec8ea30",input:"input_86338e6ef2",success:"success_d7619d0f34",readOnly:"readOnly_eaf4c7dedd",disabled:"disabled_f89ad86c0a",error:"error_534bc4ca4e"};!function(e){const r="s_id-1f2ba40749da_3_51_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".wrapper_e1062968a4 {\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_e1062968a4.small_217b9aa3e6 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_e1062968a4.medium_f9785995e6 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_e1062968a4.large_68d27e067e {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_e1062968a4.rightThinnerPadding_bdaec8ea30 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_e1062968a4:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_e1062968a4:has(.input_86338e6ef2:active, .input_86338e6ef2:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_e1062968a4:has(.input_86338e6ef2:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_e1062968a4:has(.input_86338e6ef2:read-only) .input_86338e6ef2 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_e1062968a4:has(.input_86338e6ef2: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_e1062968a4:has(.input_86338e6ef2:disabled) .input_86338e6ef2 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_e1062968a4.success_d7619d0f34 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_e1062968a4.success_d7619d0f34:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_e1062968a4.success_d7619d0f34:has(.input_86338e6ef2:active, .input_86338e6ef2:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_e1062968a4:has(.input_86338e6ef2[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_e1062968a4:has(.input_86338e6ef2[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_e1062968a4:has(.input_86338e6ef2[aria-invalid=true]):has(.input_86338e6ef2:active, .input_86338e6ef2:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_e1062968a4:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_e1062968a4.readOnly_eaf4c7dedd {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_e1062968a4.readOnly_eaf4c7dedd .input_86338e6ef2 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_e1062968a4.disabled_f89ad86c0a {\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_e1062968a4.disabled_f89ad86c0a .input_86338e6ef2 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_e1062968a4.success_d7619d0f34 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_e1062968a4.success_d7619d0f34:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_e1062968a4.success_d7619d0f34:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_e1062968a4.error_534bc4ca4e {\n    border-color: var(--negative-color);\n  }\n  .wrapper_e1062968a4.error_534bc4ca4e:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_e1062968a4.error_534bc4ca4e:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_e1062968a4 .input_86338e6ef2 {\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_e1062968a4 .input_86338e6ef2::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_e1062968a4 .input_86338e6ef2:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e 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_b3d2a6e285",scrollable:"scrollable_2fba832c0e",opacityDisabled:"opacityDisabled_1e78870812",border:"border_1582235f5f",borderColorUiBorderColor:"borderColorUiBorderColor_d59c9b1106",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_3d50572942",rounded0:"rounded0_cbae876e84",roundedSmall:"roundedSmall_6b70aa30c6",roundedMedium:"roundedMedium_b37216b4f5",roundedBig:"roundedBig_98da09990d",shadowXs:"shadowXs_359ddbd872",shadowSmall:"shadowSmall_28997499df",shadowMedium:"shadowMedium_cff587d4a9",shadowLarge:"shadowLarge_8000b14dbd",m0:"m0_160e18adcd",mXs:"mXs_364b742bca",mSmall:"mSmall_e216f2e408",mMedium:"mMedium_b922db8798",mLarge:"mLarge_c91162ff45",mXl:"mXl_dd0a175791",mXxl:"mXxl_75af2e7474",mXxxl:"mXxxl_fae84d37d7",mAuto:"mAuto_05231dc52e",mx0:"mx0_789367b5f4",mxXs:"mxXs_686098eb4e",mxSmall:"mxSmall_a55eece6d2",mxMedium:"mxMedium_587e60f145",mxLarge:"mxLarge_1188aacd9c",mxXl:"mxXl_c1085b9525",mxXxl:"mxXxl_8b23fa1715",mxXxxl:"mxXxxl_2e0c7d5f88",mxAuto:"mxAuto_0c6e795a36",my0:"my0_5411e16ae7",myXs:"myXs_2ef29e4401",mySmall:"mySmall_aa3456e3e8",myMedium:"myMedium_1d443190f2",myLarge:"myLarge_04531af6aa",myXl:"myXl_ade39575d2",myXxl:"myXxl_9714a36b41",myXxxl:"myXxxl_9b1b35b0ac",myAuto:"myAuto_a5c754f6b0",mt0:"mt0_b1e973e072",mtXs:"mtXs_6f60c1622d",mtSmall:"mtSmall_585dfcb39f",mtMedium:"mtMedium_32bfc3c427",mtLarge:"mtLarge_2c87910de5",mtXl:"mtXl_8e76c65ce0",mtXxl:"mtXxl_addccddf82",mtXxxl:"mtXxxl_8e2812ec16",mtAuto:"mtAuto_f97d1e1ed0",me0:"me0_d41401fc7a",meXs:"meXs_ab003850d9",meSmall:"meSmall_f40bae2198",meMedium:"meMedium_9d37abd847",meLarge:"meLarge_1c62d153b6",meXl:"meXl_1a7639f0c3",meXxl:"meXxl_83bfc3e19c",meXxxl:"meXxxl_1a9b2aea9d",meAuto:"meAuto_7a113e3bc8",mb0:"mb0_ea40d29fe4",mbXs:"mbXs_ad371a4d79",mbSmall:"mbSmall_2e2e26feb0",mbMedium:"mbMedium_06ee33e8fa",mbLarge:"mbLarge_ffdedde4ec",mbXl:"mbXl_66174a0f89",mbXxl:"mbXxl_30a339d4f8",mbXxxl:"mbXxxl_5e4b2c2ae8",mbAuto:"mbAuto_6fc0a20857",ms0:"ms0_f1336bbbde",msXs:"msXs_d42f6ce5fe",msSmall:"msSmall_58af706a82",msMedium:"msMedium_c6836e0b58",msLarge:"msLarge_a8f073f8bc",msXl:"msXl_a6f6816594",msXxl:"msXxl_402363ddfe",msXxxl:"msXxxl_d1bfb096f5",msAuto:"msAuto_c8108f426c",p0:"p0_b10118a703",pXs:"pXs_8ba534ecd6",pSmall:"pSmall_0b3abd9084",pMedium:"pMedium_5a7c37a40a",pLarge:"pLarge_80b1356062",pXl:"pXl_f6ca195a97",pXxl:"pXxl_f3c492966f",pXxxl:"pXxxl_cf160af6d2",px0:"px0_3861a9f85a",pxXs:"pxXs_13964780c8",pxSmall:"pxSmall_0394d69ed0",pxMedium:"pxMedium_a5eab828e8",pxLarge:"pxLarge_df2bff0aa0",pxXl:"pxXl_50be9f73fb",pxXxl:"pxXxl_35faa742a0",pxXxxl:"pxXxxl_204c74f97c",py0:"py0_d7dd91bd69",pyXs:"pyXs_3494b92163",pySmall:"pySmall_5cd4a9dcbe",pyMedium:"pyMedium_9043b28793",pyLarge:"pyLarge_c8656ce853",pyXl:"pyXl_138104221b",pyXxl:"pyXxl_406e243651",pyXxxl:"pyXxxl_6b64d1a059",pt0:"pt0_a2d54a0dc2",ptXs:"ptXs_775d9bfe73",ptSmall:"ptSmall_511befa2f7",ptMedium:"ptMedium_9f53fbe1bd",ptLarge:"ptLarge_5eaf9371fb",ptXl:"ptXl_9ad67f3434",ptXxl:"ptXxl_473b0f7797",ptXxxl:"ptXxxl_957dc07451",pe0:"pe0_f45591fb04",peXs:"peXs_55975a999b",peSmall:"peSmall_fec5826a24",peMedium:"peMedium_759185ec1e",peLarge:"peLarge_5c8449572b",peXl:"peXl_afbeee5e48",peXxl:"peXxl_e0efb718d5",peXxxl:"peXxxl_9db4d7620d",pb0:"pb0_79815052cd",pbXs:"pbXs_88d428e1e6",pbSmall:"pbSmall_2e51443dd5",pbMedium:"pbMedium_78bd011860",pbLarge:"pbLarge_0db8eb59ed",pbXl:"pbXl_85f23e82b2",pbXxl:"pbXxl_ff9f44e4fa",pbXxxl:"pbXxxl_835f3cec7b",ps0:"ps0_f523d9febc",psXs:"psXs_83ba2dba1a",psSmall:"psSmall_53d5659f06",psMedium:"psMedium_651d589926",psLarge:"psLarge_7f1a689bc6",psXl:"psXl_15a07cac3f",psXxl:"psXxl_e0600b39eb",psXxxl:"psXxxl_7a40883cd3",textPrimaryTextColor:"textPrimaryTextColor_5ecf4cfe3b",textTextColorOnInverted:"textTextColorOnInverted_9786b22ffe",textSecondaryTextColor:"textSecondaryTextColor_2648577ff3",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_13fd99a19e",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_b2f88a46c2",bgGreyBackgroundColor:"bgGreyBackgroundColor_fb08ddccec",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_8d903c9617",bgInvertedColorBackground:"bgInvertedColorBackground_1c819653df"};!function(n){const a="s_id-e8ebf0c89fee_3_51_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_b3d2a6e285 {\n  overflow: hidden;\n}\n.box_b3d2a6e285.scrollable_2fba832c0e {\n  overflow: auto;\n}\n.box_b3d2a6e285.scrollable_2fba832c0e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_b3d2a6e285.scrollable_2fba832c0e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_1e78870812 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_1582235f5f {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_d59c9b1106 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_3d50572942 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_cbae876e84 {\n  border-radius: 0 !important;\n}\n.roundedSmall_6b70aa30c6 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_b37216b4f5 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_98da09990d {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_359ddbd872 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_28997499df {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_cff587d4a9 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_8000b14dbd {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_160e18adcd {\n  margin: 0 !important;\n}\n.mXs_364b742bca {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_e216f2e408 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_b922db8798 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_c91162ff45 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_dd0a175791 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_75af2e7474 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_fae84d37d7 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_05231dc52e {\n  margin: auto !important;\n}\n.mx0_789367b5f4 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_686098eb4e {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_a55eece6d2 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_587e60f145 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_1188aacd9c {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_c1085b9525 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_8b23fa1715 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_2e0c7d5f88 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_0c6e795a36 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_5411e16ae7 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_2ef29e4401 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_aa3456e3e8 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_1d443190f2 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_04531af6aa {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_ade39575d2 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_9714a36b41 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_9b1b35b0ac {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_a5c754f6b0 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_b1e973e072 {\n  margin-top: 0 !important;\n}\n.mtXs_6f60c1622d {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_585dfcb39f {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_32bfc3c427 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_2c87910de5 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_8e76c65ce0 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_addccddf82 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_8e2812ec16 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_f97d1e1ed0 {\n  margin-top: auto !important;\n}\n.me0_d41401fc7a {\n  margin-inline-end: 0 !important;\n}\n.meXs_ab003850d9 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_f40bae2198 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_9d37abd847 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_1c62d153b6 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_1a7639f0c3 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_83bfc3e19c {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_1a9b2aea9d {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_7a113e3bc8 {\n  margin-inline-end: auto !important;\n}\n.mb0_ea40d29fe4 {\n  margin-bottom: 0 !important;\n}\n.mbXs_ad371a4d79 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_2e2e26feb0 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_06ee33e8fa {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_ffdedde4ec {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_66174a0f89 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_30a339d4f8 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_5e4b2c2ae8 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_6fc0a20857 {\n  margin-bottom: auto !important;\n}\n.ms0_f1336bbbde {\n  margin-inline-start: 0 !important;\n}\n.msXs_d42f6ce5fe {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_58af706a82 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_c6836e0b58 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_a8f073f8bc {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_a6f6816594 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_402363ddfe {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_d1bfb096f5 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_c8108f426c {\n  margin-inline-start: auto !important;\n}\n.p0_b10118a703 {\n  padding: 0 !important;\n}\n.pXs_8ba534ecd6 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_0b3abd9084 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_5a7c37a40a {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_80b1356062 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_f6ca195a97 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_f3c492966f {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_cf160af6d2 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_3861a9f85a {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_13964780c8 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_0394d69ed0 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_a5eab828e8 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_df2bff0aa0 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_50be9f73fb {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_35faa742a0 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_204c74f97c {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_d7dd91bd69 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_3494b92163 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_5cd4a9dcbe {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_9043b28793 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_c8656ce853 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_138104221b {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_406e243651 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_6b64d1a059 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_a2d54a0dc2 {\n  padding-top: 0 !important;\n}\n.ptXs_775d9bfe73 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_511befa2f7 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_9f53fbe1bd {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_5eaf9371fb {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_9ad67f3434 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_473b0f7797 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_957dc07451 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_f45591fb04 {\n  padding-inline-end: 0 !important;\n}\n.peXs_55975a999b {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_fec5826a24 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_759185ec1e {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_5c8449572b {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_afbeee5e48 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_e0efb718d5 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_9db4d7620d {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_79815052cd {\n  padding-bottom: 0 !important;\n}\n.pbXs_88d428e1e6 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_2e51443dd5 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_78bd011860 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_0db8eb59ed {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_85f23e82b2 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_ff9f44e4fa {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_835f3cec7b {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_f523d9febc {\n  padding-inline-start: 0 !important;\n}\n.psXs_83ba2dba1a {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_53d5659f06 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_651d589926 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_7f1a689bc6 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_15a07cac3f {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_e0600b39eb {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_7a40883cd3 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_5ecf4cfe3b {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_9786b22ffe {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_2648577ff3 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_13fd99a19e {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_b2f88a46c2 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_fb08ddccec {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_8d903c9617 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_1c819653df {\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_94688bf3ba",withoutText:"withoutText_a3bca32b83",breadcrumbText:"breadcrumbText_e7a551c9a6",breadcrumbIcon:"breadcrumbIcon_fa8f351304",clickable:"clickable_f4213d4315",current:"current_695075ae58",disabled:"disabled_83e4aec7c3",notClickable:"notClickable_6fa4bfb6b7"};!function(e){const n="s_id-55ff70da99a4_3_51_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_94688bf3ba {\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_94688bf3ba.withoutText_a3bca32b83 {\n  padding: 4px;\n}\na.breadcrumbContent_94688bf3ba:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_94688bf3ba .breadcrumbText_e7a551c9a6 {\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_94688bf3ba .breadcrumbIcon_fa8f351304 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_94688bf3ba:focus {\n  outline: none;\n}\n.breadcrumbContent_94688bf3ba.clickable_f4213d4315 {\n  cursor: pointer;\n}\n.breadcrumbContent_94688bf3ba.clickable_f4213d4315:hover,\n.breadcrumbContent_94688bf3ba:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_94688bf3ba.current_695075ae58 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_94688bf3ba.disabled_83e4aec7c3 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_94688bf3ba.disabled_83e4aec7c3:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_94688bf3ba.notClickable_6fa4bfb6b7 {\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_9db2c04ea5",disabled:"disabled_680f93bf9f"};!function(e){const d="s_id-03f482333e23_3_51_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_9db2c04ea5 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_9db2c04ea5.disabled_680f93bf9f {\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_9db2c04ea5"};!function(e){const n="s_id-fc5ae89c4b65_3_51_2";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_9db2c04ea5 {\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_e84e17b224",separatorIcon:"separatorIcon_eeb794a450"};!function(e){const n="s_id-24567fd55d40_3_51_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_e84e17b224 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_e84e17b224 ol .separatorIcon_eeb794a450 {\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_179ab51c11","focus-visible":"focus-visible_b4cb08a144",loader:"loader_0837202839",loaderSvg:"loaderSvg_7d0d294ced",textPlaceholder:"textPlaceholder_a247c56f3e",success:"success_a869bf2c63",successContent:"successContent_543fa59869",marginRight:"marginRight_a08cb551e8",marginLeft:"marginLeft_596c52f007",rightFlat:"rightFlat_6ce54e46e1",leftFlat:"leftFlat_0f9cdf5543",preventClickAnimation:"preventClickAnimation_589326b7c4",leftIcon:"leftIcon_a08cb551e8",rightIcon:"rightIcon_596c52f007",sizeXxs:"sizeXxs_6700e6cbe3",sizeXs:"sizeXs_d3d23690ed",sizeSmall:"sizeSmall_845305b0c0",sizeMedium:"sizeMedium_58824a014d",sizeLarge:"sizeLarge_f9ecc4a608",kindPrimary:"kindPrimary_6478670b5e",colorPrimary:"colorPrimary_1e1fb85d38",colorBrand:"colorBrand_a6cd49a085",colorPrimaryActive:"colorPrimaryActive_1f749d9fde",colorBrandActive:"colorBrandActive_3cf9cfd2ea",colorPositive:"colorPositive_d00e0d3f42",colorPositiveActive:"colorPositiveActive_26cae30f2b",colorNegative:"colorNegative_296c65366b",colorNegativeActive:"colorNegativeActive_26cae30f2b",colorInverted:"colorInverted_88b56aa025",colorInvertedActive:"colorInvertedActive_26cae30f2b",disabled:"disabled_208caadae6",colorOnPrimaryColor:"colorOnPrimaryColor_df6bcaf30d",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_44bf8d9ffa",colorFixedLight:"colorFixedLight_6685cf721f",colorFixedLightActive:"colorFixedLightActive_589326b7c4",colorFixedDark:"colorFixedDark_20f6eaf40a",colorFixedDarkActive:"colorFixedDarkActive_757e885a53",colorOnInvertedBackground:"colorOnInvertedBackground_9989423aac",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_b167c0a99e",kindSecondary:"kindSecondary_2cbe36f804",kindTertiary:"kindTertiary_08f8117bdb",noSidePadding:"noSidePadding_3c2831c524",insetFocusStyle:"insetFocusStyle_be5d86065f"};!function(o){const r="s_id-f5db469b1a79_3_51_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_179ab51c11 {\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_179ab51c11:focus-visible, .button_179ab51c11.focus-visible_b4cb08a144 {\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_179ab51c11:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.button_179ab51c11 .loader_0837202839 {\n  height: 100%;\n}\n.button_179ab51c11 .loader_0837202839 .loaderSvg_7d0d294ced {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_179ab51c11 .textPlaceholder_a247c56f3e {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_179ab51c11.success_a869bf2c63 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_179ab51c11.success_a869bf2c63 .successContent_543fa59869 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_a08cb551e8 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_596c52f007 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_6ce54e46e1 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_0f9cdf5543 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_179ab51c11:active:not(.preventClickAnimation_589326b7c4) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_179ab51c11 .leftIcon_a08cb551e8 {\n  margin-right: var(--spacing-small);\n}\n.button_179ab51c11 .rightIcon_596c52f007 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_6700e6cbe3 {\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_d3d23690ed {\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_845305b0c0 {\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_845305b0c0 .loader_0837202839 {\n  top: 7px;\n}\n.sizeMedium_58824a014d {\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_f9ecc4a608 {\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_6478670b5e {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6478670b5e.colorPrimary_1e1fb85d38 {\n  background: var(--primary-color);\n}\n.kindPrimary_6478670b5e.colorBrand_a6cd49a085 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_6478670b5e.colorPrimaryActive_1f749d9fde,\n.kindPrimary_6478670b5e.colorPrimary_1e1fb85d38:hover,\n.kindPrimary_6478670b5e.colorPrimary_1e1fb85d38:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_6478670b5e.colorBrandActive_3cf9cfd2ea,\n.kindPrimary_6478670b5e.colorBrand_a6cd49a085:hover,\n.kindPrimary_6478670b5e.colorBrand_a6cd49a085:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_6478670b5e.colorPositive_d00e0d3f42 {\n  background: var(--positive-color);\n}\n.kindPrimary_6478670b5e.colorPositiveActive_26cae30f2b,\n.kindPrimary_6478670b5e.colorPositive_d00e0d3f42:hover,\n.kindPrimary_6478670b5e.colorPositive_d00e0d3f42:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_6478670b5e.colorNegative_296c65366b {\n  background: var(--negative-color);\n}\n.kindPrimary_6478670b5e.colorNegativeActive_26cae30f2b,\n.kindPrimary_6478670b5e.colorNegative_296c65366b:hover,\n.kindPrimary_6478670b5e.colorNegative_296c65366b:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_6478670b5e.colorInverted_88b56aa025 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_6478670b5e.colorInvertedActive_26cae30f2b,\n.kindPrimary_6478670b5e.colorInverted_88b56aa025:hover,\n.kindPrimary_6478670b5e.colorInverted_88b56aa025:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_6478670b5e.button_179ab51c11.colorInverted_88b56aa025.disabled_208caadae6 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_6478670b5e.colorOnPrimaryColorActive_44bf8d9ffa,\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:hover,\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_6478670b5e.colorOnPrimaryColorActive_44bf8d9ffa:focus-visible, .kindPrimary_6478670b5e.colorOnPrimaryColorActive_44bf8d9ffa.focus-visible_b4cb08a144,\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:hover:focus-visible,\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:hover.focus-visible_b4cb08a144,\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:focus:focus-visible,\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:focus.focus-visible_b4cb08a144 {\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_6478670b5e.colorOnPrimaryColorActive_44bf8d9ffa:focus:not(.focus-visible_b4cb08a144),\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:hover:focus:not(.focus-visible_b4cb08a144),\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindPrimary_6478670b5e.colorOnPrimaryColor_df6bcaf30d.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_6478670b5e.colorFixedLightActive_589326b7c4,\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:hover,\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_6478670b5e.colorFixedLightActive_589326b7c4:focus-visible, .kindPrimary_6478670b5e.colorFixedLightActive_589326b7c4.focus-visible_b4cb08a144,\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:hover:focus-visible,\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:hover.focus-visible_b4cb08a144,\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:focus:focus-visible,\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:focus.focus-visible_b4cb08a144 {\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_6478670b5e.colorFixedLightActive_589326b7c4:focus:not(.focus-visible_b4cb08a144),\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:hover:focus:not(.focus-visible_b4cb08a144),\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindPrimary_6478670b5e.colorFixedLight_6685cf721f.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_6478670b5e.colorFixedDarkActive_757e885a53,\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:hover,\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_6478670b5e.colorFixedDarkActive_757e885a53:focus-visible, .kindPrimary_6478670b5e.colorFixedDarkActive_757e885a53.focus-visible_b4cb08a144,\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:hover:focus-visible,\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:hover.focus-visible_b4cb08a144,\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:focus:focus-visible,\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:focus.focus-visible_b4cb08a144 {\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_6478670b5e.colorFixedDarkActive_757e885a53:focus:not(.focus-visible_b4cb08a144),\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:hover:focus:not(.focus-visible_b4cb08a144),\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindPrimary_6478670b5e.colorFixedDark_20f6eaf40a.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_6478670b5e.colorOnInvertedBackground_9989423aac {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_6478670b5e.colorOnInvertedBackgroundActive_b167c0a99e,\n.kindPrimary_6478670b5e.colorOnInvertedBackground_9989423aac:hover,\n.kindPrimary_6478670b5e.colorOnInvertedBackground_9989423aac:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_6478670b5e.button_179ab51c11.colorOnInvertedBackground_9989423aac.disabled_208caadae6 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_6478670b5e.button_179ab51c11.disabled_208caadae6 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2cbe36f804 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_2cbe36f804.sizeSmall_845305b0c0 {\n  line-height: 22px;\n}\n.kindSecondary_2cbe36f804.sizeMedium_58824a014d {\n  line-height: 22px;\n}\n.kindSecondary_2cbe36f804.sizeLarge_f9ecc4a608 {\n  line-height: 22px;\n}\n.kindSecondary_2cbe36f804.colorPrimaryActive_1f749d9fde {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2cbe36f804.colorPrimaryActive_1f749d9fde:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2cbe36f804.colorBrandActive_3cf9cfd2ea {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_2cbe36f804.colorBrandActive_3cf9cfd2ea,\n.kindSecondary_2cbe36f804.colorBrandActive_3cf9cfd2ea:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_2cbe36f804.colorPrimary_1e1fb85d38:hover:not(.colorPrimaryActive_1f749d9fde),\n.kindSecondary_2cbe36f804.colorPrimary_1e1fb85d38:focus:not(.colorPrimaryActive_1f749d9fde) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2cbe36f804.colorBrand_a6cd49a085:hover:not(.colorBrandActive_3cf9cfd2ea),\n.kindSecondary_2cbe36f804.colorBrand_a6cd49a085:focus:not(.colorBrandActive_3cf9cfd2ea) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2cbe36f804.colorPositive_d00e0d3f42 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_2cbe36f804.colorPositiveActive_26cae30f2b,\n.kindSecondary_2cbe36f804.colorPositive_d00e0d3f42:hover,\n.kindSecondary_2cbe36f804.colorPositive_d00e0d3f42:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_2cbe36f804.colorNegative_296c65366b {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_2cbe36f804.colorNegativeActive_26cae30f2b,\n.kindSecondary_2cbe36f804.colorNegative_296c65366b:hover,\n.kindSecondary_2cbe36f804.colorNegative_296c65366b:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_2cbe36f804.colorInverted_88b56aa025 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_2cbe36f804.colorInvertedActive_26cae30f2b,\n.kindSecondary_2cbe36f804.colorInverted_88b56aa025:hover,\n.kindSecondary_2cbe36f804.colorInverted_88b56aa025:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2cbe36f804.colorInverted_88b56aa025.disabled_208caadae6 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_2cbe36f804.colorOnPrimaryColorActive_44bf8d9ffa,\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:hover,\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2cbe36f804.colorOnPrimaryColorActive_44bf8d9ffa:focus-visible, .kindSecondary_2cbe36f804.colorOnPrimaryColorActive_44bf8d9ffa.focus-visible_b4cb08a144,\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:hover:focus-visible,\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:hover.focus-visible_b4cb08a144,\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:focus:focus-visible,\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:focus.focus-visible_b4cb08a144 {\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_2cbe36f804.colorOnPrimaryColorActive_44bf8d9ffa:focus:not(.focus-visible_b4cb08a144),\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:hover:focus:not(.focus-visible_b4cb08a144),\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindSecondary_2cbe36f804.colorOnPrimaryColor_df6bcaf30d.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2cbe36f804.colorFixedLightActive_589326b7c4,\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:hover,\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2cbe36f804.colorFixedLightActive_589326b7c4:focus-visible, .kindSecondary_2cbe36f804.colorFixedLightActive_589326b7c4.focus-visible_b4cb08a144,\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:hover:focus-visible,\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:hover.focus-visible_b4cb08a144,\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:focus:focus-visible,\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:focus.focus-visible_b4cb08a144 {\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_2cbe36f804.colorFixedLightActive_589326b7c4:focus:not(.focus-visible_b4cb08a144),\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:hover:focus:not(.focus-visible_b4cb08a144),\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_2cbe36f804.colorFixedDarkActive_757e885a53,\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:hover,\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_2cbe36f804.colorFixedDarkActive_757e885a53:focus-visible, .kindSecondary_2cbe36f804.colorFixedDarkActive_757e885a53.focus-visible_b4cb08a144,\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:hover:focus-visible,\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:hover.focus-visible_b4cb08a144,\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:focus:focus-visible,\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:focus.focus-visible_b4cb08a144 {\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_2cbe36f804.colorFixedDarkActive_757e885a53:focus:not(.focus-visible_b4cb08a144),\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:hover:focus:not(.focus-visible_b4cb08a144),\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindSecondary_2cbe36f804.colorOnInvertedBackground_9989423aac {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_2cbe36f804.colorOnInvertedBackgroundActive_b167c0a99e,\n.kindSecondary_2cbe36f804.colorOnInvertedBackground_9989423aac:hover,\n.kindSecondary_2cbe36f804.colorOnInvertedBackground_9989423aac:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_2cbe36f804.colorOnInvertedBackground_9989423aac.disabled_208caadae6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_2cbe36f804.colorFixedLight_6685cf721f.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2cbe36f804.colorFixedDark_20f6eaf40a.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_2cbe36f804.disabled_208caadae6 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2cbe36f804.disabled_208caadae6:hover {\n  background-color: transparent;\n}\n.kindTertiary_08f8117bdb {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_08f8117bdb.colorPrimaryActive_1f749d9fde {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_08f8117bdb.colorPrimaryActive_1f749d9fde:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_08f8117bdb.colorBrandActive_3cf9cfd2ea {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_08f8117bdb.colorBrandActive_3cf9cfd2ea,\n.kindTertiary_08f8117bdb.colorBrandActive_3cf9cfd2ea:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_08f8117bdb.colorPrimary_1e1fb85d38:hover:not(.colorPrimaryActive_1f749d9fde),\n.kindTertiary_08f8117bdb.colorPrimary_1e1fb85d38:focus:not(.colorPrimaryActive_1f749d9fde) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_08f8117bdb.colorBrand_a6cd49a085:hover:not(.colorBrandActive_3cf9cfd2ea),\n.kindTertiary_08f8117bdb.colorBrand_a6cd49a085:focus:not(.colorBrandActive_3cf9cfd2ea) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_08f8117bdb.colorPositive_d00e0d3f42 {\n  color: var(--positive-color);\n}\n.kindTertiary_08f8117bdb.colorPositiveActive_26cae30f2b,\n.kindTertiary_08f8117bdb.colorPositive_d00e0d3f42:hover,\n.kindTertiary_08f8117bdb.colorPositive_d00e0d3f42:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_08f8117bdb.colorNegative_296c65366b {\n  color: var(--negative-color);\n}\n.kindTertiary_08f8117bdb.colorNegativeActive_26cae30f2b,\n.kindTertiary_08f8117bdb.colorNegative_296c65366b:hover,\n.kindTertiary_08f8117bdb.colorNegative_296c65366b:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_08f8117bdb.colorInverted_88b56aa025 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_08f8117bdb.colorInvertedActive_26cae30f2b,\n.kindTertiary_08f8117bdb.colorInverted_88b56aa025:hover,\n.kindTertiary_08f8117bdb.colorInverted_88b56aa025:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_08f8117bdb.colorInverted_88b56aa025.disabled_208caadae6 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_08f8117bdb.colorOnPrimaryColorActive_44bf8d9ffa,\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:hover,\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_08f8117bdb.colorOnPrimaryColorActive_44bf8d9ffa:focus-visible, .kindTertiary_08f8117bdb.colorOnPrimaryColorActive_44bf8d9ffa.focus-visible_b4cb08a144,\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:hover:focus-visible,\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:hover.focus-visible_b4cb08a144,\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:focus:focus-visible,\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:focus.focus-visible_b4cb08a144 {\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_08f8117bdb.colorOnPrimaryColorActive_44bf8d9ffa:focus:not(.focus-visible_b4cb08a144),\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:hover:focus:not(.focus-visible_b4cb08a144),\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindTertiary_08f8117bdb.colorOnPrimaryColor_df6bcaf30d.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_08f8117bdb.colorFixedLightActive_589326b7c4,\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:hover,\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_08f8117bdb.colorFixedLightActive_589326b7c4:focus-visible, .kindTertiary_08f8117bdb.colorFixedLightActive_589326b7c4.focus-visible_b4cb08a144,\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:hover:focus-visible,\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:hover.focus-visible_b4cb08a144,\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:focus:focus-visible,\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:focus.focus-visible_b4cb08a144 {\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_08f8117bdb.colorFixedLightActive_589326b7c4:focus:not(.focus-visible_b4cb08a144),\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:hover:focus:not(.focus-visible_b4cb08a144),\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindTertiary_08f8117bdb.colorFixedLight_6685cf721f.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_08f8117bdb.colorFixedDarkActive_757e885a53,\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:hover,\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_08f8117bdb.colorFixedDarkActive_757e885a53:focus-visible, .kindTertiary_08f8117bdb.colorFixedDarkActive_757e885a53.focus-visible_b4cb08a144,\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:hover:focus-visible,\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:hover.focus-visible_b4cb08a144,\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:focus:focus-visible,\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:focus.focus-visible_b4cb08a144 {\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_08f8117bdb.colorFixedDarkActive_757e885a53:focus:not(.focus-visible_b4cb08a144),\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:hover:focus:not(.focus-visible_b4cb08a144),\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a:focus:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.kindTertiary_08f8117bdb.colorFixedDark_20f6eaf40a.disabled_208caadae6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_08f8117bdb.colorOnInvertedBackground_9989423aac {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_08f8117bdb.colorOnInvertedBackgroundActive_b167c0a99e,\n.kindTertiary_08f8117bdb.colorOnInvertedBackground_9989423aac:hover,\n.kindTertiary_08f8117bdb.colorOnInvertedBackground_9989423aac:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_08f8117bdb.colorOnInvertedBackground_9989423aac.disabled_208caadae6 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_08f8117bdb.disabled_208caadae6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_08f8117bdb.disabled_208caadae6:hover {\n  background-color: transparent;\n}\n.noSidePadding_3c2831c524 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_179ab51c11.insetFocusStyle_be5d86065f:focus-visible, .button_179ab51c11.insetFocusStyle_be5d86065f.focus-visible_b4cb08a144 {\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_179ab51c11.insetFocusStyle_be5d86065f:focus:not(.focus-visible_b4cb08a144) {\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_b05d57ba40",subTextContainer:"subTextContainer_afeca0200a",buttonsContainer:"buttonsContainer_4e3e5b8c17",button:"button_a36831cba0",activeButton:"activeButton_91efece3d5",disabled:"disabled_680f93bf9f",buttonDisabled:"buttonDisabled_43b17801a3",startBorder:"startBorder_20b3a8ebff",endBorder:"endBorder_91a016960d",kindTertiary:"kindTertiary_4f4cc08007",optionText:"optionText_bf97d68dfb",selected:"selected_5463ff4f2c",wrapper:"wrapper_ebf1f2e923",fullWidth:"fullWidth_f696bdecfe"};!function(n){const e="s_id-1f46577d4b31_3_51_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_b05d57ba40 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_afeca0200a {\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_4e3e5b8c17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_4e3e5b8c17 .button_a36831cba0 {\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_4e3e5b8c17 .button_a36831cba0.activeButton_91efece3d5 {\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_4e3e5b8c17 .button_a36831cba0.activeButton_91efece3d5:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_4e3e5b8c17 .button_a36831cba0.disabled_680f93bf9f, .buttonsContainer_4e3e5b8c17 .button_a36831cba0.buttonDisabled_43b17801a3 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_4e3e5b8c17 .button_a36831cba0.startBorder_20b3a8ebff {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_4e3e5b8c17 .button_a36831cba0.endBorder_91a016960d {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_4f4cc08007 .buttonsContainer_4e3e5b8c17 .button_a36831cba0 {\n  border-color: transparent;\n}\n\n.kindTertiary_4f4cc08007 .buttonsContainer_4e3e5b8c17 .button_a36831cba0:first-child {\n  border-color: transparent;\n}\n\n.optionText_bf97d68dfb:not(.disabled_680f93bf9f) {\n  color: var(--primary-text-color);\n}\n\n.optionText_bf97d68dfb:not(.disabled_680f93bf9f).selected_5463ff4f2c {\n  color: var(--primary-text-color);\n}\n\n.wrapper_ebf1f2e923.disabled_680f93bf9f {\n  cursor: not-allowed;\n}\n\n.fullWidth_f696bdecfe {\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_892f3eb862",checkbox:"checkbox_467ac241f3",icon:"icon_027898bfbb",label:"label_367e8763a2",input:"input_39148b4afa",checkboxGrowAnimation:"checkboxGrowAnimation_4702cc0aab"};!function(n){const e="s_id-a622c58c4e9d_3_51_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_892f3eb862 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_467ac241f3 {\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_467ac241f3: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_467ac241f3:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_027898bfbb {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_367e8763a2 {\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_39148b4afa {\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_39148b4afa:focus + .checkbox_467ac241f3 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_39148b4afa:focus:checked + .checkbox_467ac241f3 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_39148b4afa:focus-visible + .checkbox_467ac241f3 {\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_39148b4afa:checked:focus + .checkbox_467ac241f3:after,\n.input_39148b4afa:indeterminate:focus + .checkbox_467ac241f3:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_39148b4afa:checked + .checkbox_467ac241f3,\n.input_39148b4afa:indeterminate + .checkbox_467ac241f3 {\n  animation: checkboxGrowAnimation_4702cc0aab var(--motion-productive-short);\n}\n\n.input_39148b4afa:checked + .checkbox_467ac241f3,\n.input_39148b4afa:indeterminate + .checkbox_467ac241f3 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_39148b4afa:checked + .checkbox_467ac241f3:hover,\n.input_39148b4afa:indeterminate + .checkbox_467ac241f3:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_39148b4afa:checked + .checkbox_467ac241f3:hover:after,\n.input_39148b4afa:indeterminate + .checkbox_467ac241f3:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_39148b4afa:checked + .checkbox_467ac241f3:after,\n.input_39148b4afa:indeterminate + .checkbox_467ac241f3: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_39148b4afa:checked + .checkbox_467ac241f3 > .icon_027898bfbb,\n.input_39148b4afa:indeterminate + .checkbox_467ac241f3 > .icon_027898bfbb {\n  visibility: visible;\n}\n\n.input_39148b4afa:checked:disabled + .checkbox_467ac241f3:after,\n.input_39148b4afa:indeterminate:disabled + .checkbox_467ac241f3:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_39148b4afa:disabled + .checkbox_467ac241f3,\n.input_39148b4afa:disabled + .checkbox_467ac241f3:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_39148b4afa:disabled + .checkbox_467ac241f3 .icon_027898bfbb,\n.input_39148b4afa:disabled + .checkbox_467ac241f3:hover .icon_027898bfbb {\n  color: var(--disabled-text-color);\n}\n\n.input_39148b4afa:disabled + .checkbox_467ac241f3,\n.input_39148b4afa:disabled + .checkbox_467ac241f3:hover {\n  cursor: not-allowed;\n}\n\n.input_39148b4afa:disabled ~ .label_367e8763a2 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_4702cc0aab {\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_f4213d4315","focus-visible":"focus-visible_b4cb08a144",disabled:"disabled_d71e24f823",disableTextSelection:"disableTextSelection_038b7d390e",chips:"chips_169f839fd0","chips-pop-in-emphasized":"chips-pop-in-emphasized_cf04ee4aa0",border:"border_f49936da0a",withUserSelect:"withUserSelect_e9e3b65e6b",noMargin:"noMargin_188fabdc3b",label:"label_171b4ab39c",noAnimation:"noAnimation_ee18094f9d",icon:"icon_a18c378b55",avatar:"avatar_8a325b5a7b",customRenderer:"customRenderer_052e23b78c",left:"left_3a0b5b704d",right:"right_ce3acb95e4",close:"close_48bd159c76",defaultCursor:"defaultCursor_d71e24f823"};!function(e){const n="s_id-b08f85dbbdad_3_51_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f4213d4315 {\n  cursor: pointer;\n}\n.clickable_f4213d4315:focus-visible, .clickable_f4213d4315.focus-visible_b4cb08a144 {\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_f4213d4315:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.clickable_f4213d4315.disabled_d71e24f823 {\n  cursor: default;\n}\n.disableTextSelection_038b7d390e {\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_169f839fd0 {\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_cf04ee4aa0 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_169f839fd0.border_f49936da0a {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_169f839fd0.withUserSelect_e9e3b65e6b {\n  user-select: text;\n  cursor: text;\n}\n.chips_169f839fd0.noMargin_188fabdc3b {\n  margin: 0;\n}\n.chips_169f839fd0 .label_171b4ab39c {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_169f839fd0.noAnimation_ee18094f9d {\n  animation: none;\n}\n.chips_169f839fd0 .icon_a18c378b55,\n.chips_169f839fd0 .avatar_8a325b5a7b,\n.chips_169f839fd0 .customRenderer_052e23b78c {\n  min-width: 18px;\n}\n.chips_169f839fd0 .icon_a18c378b55.left_3a0b5b704d,\n.chips_169f839fd0 .avatar_8a325b5a7b.left_3a0b5b704d,\n.chips_169f839fd0 .customRenderer_052e23b78c.left_3a0b5b704d {\n  margin-right: var(--spacing-xs);\n}\n.chips_169f839fd0 .icon_a18c378b55.right_ce3acb95e4,\n.chips_169f839fd0 .avatar_8a325b5a7b.right_ce3acb95e4,\n.chips_169f839fd0 .customRenderer_052e23b78c.right_ce3acb95e4 {\n  margin-left: var(--spacing-xs);\n}\n.chips_169f839fd0 .icon_a18c378b55.close_48bd159c76,\n.chips_169f839fd0 .avatar_8a325b5a7b.close_48bd159c76,\n.chips_169f839fd0 .customRenderer_052e23b78c.close_48bd159c76 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_169f839fd0.disabled_d71e24f823 .icon_a18c378b55 {\n  color: var(--disabled-text-color);\n}\n.chips_169f839fd0.disabled_d71e24f823 .label_171b4ab39c {\n  color: var(--disabled-text-color);\n}\n.chips_169f839fd0.defaultCursor_d71e24f823 {\n  cursor: default;\n}\n.chips_169f839fd0.clickable_f4213d4315 {\n  cursor: pointer;\n}\n.chips_169f839fd0.clickable_f4213d4315:focus-visible, .chips_169f839fd0.clickable_f4213d4315.focus-visible_b4cb08a144 {\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_169f839fd0.clickable_f4213d4315:focus:not(.focus-visible_b4cb08a144) {\n  outline: none;\n}\n.chips_169f839fd0.clickable_f4213d4315.disabled_d71e24f823 {\n  cursor: default;\n}\n.chips_169f839fd0.clickable_f4213d4315.disableTextSelection_038b7d390e {\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_cf04ee4aa0 {\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