npm - @vibe/core - Versions diffs - 3.51.3 → 3.52.1-alpha-82ba5.0 - Mend

@vibe/core 3.51.3 → 3.52.1-alpha-82ba5.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 (341) 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_402827c1c4","focus-visible":"focus-visible_bbe444bbda",xs:"xs_6e4b12d732",small:"small_ed8d752242",medium:"medium_27ddd960b0",large:"large_fe7c5b78aa",primary:"primary_3083c34309",dark:"dark_749157834c",negative:"negative_122217a68e",light:"light_4057aa9aac",disabled:"disabled_761616677a",menu:"menu_4e4359d01b"};!function(n){const e="s_id-6c7433759f1e_3_52_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_402827c1c4 {\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_402827c1c4:focus-visible, .counterContainer_402827c1c4.focus-visible_bbe444bbda {\n  outline: none;\n}\n.counterContainer_402827c1c4:focus-visible:focus-visible, .counterContainer_402827c1c4:focus-visible.focus-visible_bbe444bbda, .counterContainer_402827c1c4.focus-visible_bbe444bbda:focus-visible, .counterContainer_402827c1c4.focus-visible_bbe444bbda.focus-visible_bbe444bbda {\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_402827c1c4:focus-visible:focus:not(.focus-visible_bbe444bbda), .counterContainer_402827c1c4.focus-visible_bbe444bbda:focus:not(.focus-visible_bbe444bbda) {\n  outline: none;\n}\n.counterContainer_402827c1c4.xs_6e4b12d732 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_402827c1c4.small_ed8d752242 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_402827c1c4.medium_27ddd960b0 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_402827c1c4.large_fe7c5b78aa {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_402827c1c4.primary_3083c34309 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_402827c1c4.dark_749157834c {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_402827c1c4.negative_122217a68e {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_402827c1c4.light_4057aa9aac {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_402827c1c4 .disabled_761616677a, .counterContainer_402827c1c4.disabled_761616677a {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_4e4359d01b {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_4e4359d01b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_4e4359d01b::-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_6b0bf2413f",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_7b7feebfa2",tooltipContainer:"tooltipContainer_22189c4118","focus-visible":"focus-visible_bbe444bbda",tooltipGridContainer:"tooltipGridContainer_2635e7193d",scrollableContainer:"scrollableContainer_d90d4deb71"};!function(t){const e="s_id-6cc986178da6_3_52_0";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_6b0bf2413f {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_7b7feebfa2 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_22189c4118 {\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_22189c4118:focus, .tooltipContainer_22189c4118:focus-visible, .tooltipContainer_22189c4118.focus-visible_bbe444bbda {\n  outline: none;\n}\n\n.tooltipGridContainer_2635e7193d {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_d90d4deb71::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_d90d4deb71::-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_f0bbaf28e1",virtualizedTooltipContainer:"virtualizedTooltipContainer_881ad1223c","focus-visible":"focus-visible_bbe444bbda"};!function(e){const i="s_id-13c8e71f272d_3_52_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_f0bbaf28e1::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_f0bbaf28e1::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_881ad1223c {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_881ad1223c:focus, .virtualizedTooltipContainer_881ad1223c:focus-visible, .virtualizedTooltipContainer_881ad1223c.focus-visible_bbe444bbda {\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 e={badgeWrapper:"badgeWrapper_0562e7d47d",badge:"badge_1f0ebc5d13",outside:"outside_9222d1c814",topEnd:"topEnd_ff27cc6b61",rectangular:"rectangular_ad810002e2",circular:"circular_4e659452f9",topStart:"topStart_28e00f978f",bottomEnd:"bottomEnd_fef1467440",bottomStart:"bottomStart_e5d761d2ad"};!function(e){const t="s_id-b5dca6298ea9_3_52_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_0562e7d47d {\n  position: relative;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13:not(.outside_9222d1c814) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.topEnd_ff27cc6b61.rectangular_ad810002e2 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.topEnd_ff27cc6b61.outside_9222d1c814 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.topEnd_ff27cc6b61.circular_4e659452f9 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.topStart_28e00f978f.rectangular_ad810002e2 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.topStart_28e00f978f.outside_9222d1c814 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.topStart_28e00f978f.circular_4e659452f9 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.bottomEnd_fef1467440.rectangular_ad810002e2 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.bottomEnd_fef1467440.outside_9222d1c814 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.bottomEnd_fef1467440.circular_4e659452f9 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.bottomStart_e5d761d2ad.rectangular_ad810002e2 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.bottomStart_e5d761d2ad.outside_9222d1c814 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_0562e7d47d .badge_1f0ebc5d13.bottomStart_e5d761d2ad.circular_4e659452f9 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
 //# sourceMappingURL=Badge.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_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_5febc18b98",primary:"primary_d07f2bf479",notification:"notification_0a2febe1e3"};!function(e){const i="s_id-d6448d74722f_3_52_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_5febc18b98 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_5febc18b98.primary_d07f2bf479 {\n  background-color: var(--primary-color);\n}\n.indicator_5febc18b98.notification_0a2febe1e3 {\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_b33e2523c1",small:"small_17620e8b5c",medium:"medium_a93d7441bd",large:"large_cbcc3e9944",rightThinnerPadding:"rightThinnerPadding_2931677419",input:"input_f85554bf98",success:"success_7fa2792a3a",readOnly:"readOnly_7b688eaa6f",disabled:"disabled_ca3d35f6b5",error:"error_5745e7f8c0"};!function(r){const n="s_id-1f2ba40749da_3_52_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_b33e2523c1 {\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_b33e2523c1.small_17620e8b5c {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_b33e2523c1.medium_a93d7441bd {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_b33e2523c1.large_cbcc3e9944 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_b33e2523c1.rightThinnerPadding_2931677419 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_b33e2523c1:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_b33e2523c1:has(.input_f85554bf98:active, .input_f85554bf98:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_b33e2523c1:has(.input_f85554bf98:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_b33e2523c1:has(.input_f85554bf98:read-only) .input_f85554bf98 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_b33e2523c1:has(.input_f85554bf98: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_b33e2523c1:has(.input_f85554bf98:disabled) .input_f85554bf98 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_b33e2523c1.success_7fa2792a3a {\n    border-color: var(--positive-color);\n  }\n  .wrapper_b33e2523c1.success_7fa2792a3a:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_b33e2523c1.success_7fa2792a3a:has(.input_f85554bf98:active, .input_f85554bf98:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_b33e2523c1:has(.input_f85554bf98[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_b33e2523c1:has(.input_f85554bf98[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_b33e2523c1:has(.input_f85554bf98[aria-invalid=true]):has(.input_f85554bf98:active, .input_f85554bf98:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_b33e2523c1:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_b33e2523c1.readOnly_7b688eaa6f {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_b33e2523c1.readOnly_7b688eaa6f .input_f85554bf98 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_b33e2523c1.disabled_ca3d35f6b5 {\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_b33e2523c1.disabled_ca3d35f6b5 .input_f85554bf98 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_b33e2523c1.success_7fa2792a3a {\n    border-color: var(--positive-color);\n  }\n  .wrapper_b33e2523c1.success_7fa2792a3a:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_b33e2523c1.success_7fa2792a3a:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_b33e2523c1.error_5745e7f8c0 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_b33e2523c1.error_5745e7f8c0:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_b33e2523c1.error_5745e7f8c0:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_b33e2523c1 .input_f85554bf98 {\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_b33e2523c1 .input_f85554bf98::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_b33e2523c1 .input_f85554bf98: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_cef6452f39",scrollable:"scrollable_ce266581c2",opacityDisabled:"opacityDisabled_ee8870b694",border:"border_ea3cdbe488",borderColorUiBorderColor:"borderColorUiBorderColor_e3de27f0cb",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_f92f729501",rounded0:"rounded0_5f0997cf35",roundedSmall:"roundedSmall_135e05c30b",roundedMedium:"roundedMedium_2111255444",roundedBig:"roundedBig_0061e460e7",shadowXs:"shadowXs_a6120f7209",shadowSmall:"shadowSmall_9e58587236",shadowMedium:"shadowMedium_4bd04fc3bf",shadowLarge:"shadowLarge_74da2210fc",m0:"m0_efd7745865",mXs:"mXs_6c652f5844",mSmall:"mSmall_afb94d7550",mMedium:"mMedium_cb6e5806b3",mLarge:"mLarge_814cb95f85",mXl:"mXl_ec0b9d46fe",mXxl:"mXxl_e4cb41c6ed",mXxxl:"mXxxl_5a735387f7",mAuto:"mAuto_a566a006c1",mx0:"mx0_f31cb82cb6",mxXs:"mxXs_849aa66b45",mxSmall:"mxSmall_f74815fd1b",mxMedium:"mxMedium_eeac7d1372",mxLarge:"mxLarge_2e98ba3faa",mxXl:"mxXl_abe196c6a3",mxXxl:"mxXxl_49ab39ec15",mxXxxl:"mxXxxl_a28d0f5caa",mxAuto:"mxAuto_16c602b459",my0:"my0_4faef1d056",myXs:"myXs_46a4399d55",mySmall:"mySmall_cb9297da8b",myMedium:"myMedium_3a54e2ee74",myLarge:"myLarge_fcf4167608",myXl:"myXl_bac442c9f7",myXxl:"myXxl_76a75071a2",myXxxl:"myXxxl_3fc4dad675",myAuto:"myAuto_4451a03bb1",mt0:"mt0_ddc014985c",mtXs:"mtXs_62932f0bac",mtSmall:"mtSmall_4953c518cb",mtMedium:"mtMedium_ad3db84ab3",mtLarge:"mtLarge_abee6e1901",mtXl:"mtXl_c5cc5c7c14",mtXxl:"mtXxl_5f0e52946c",mtXxxl:"mtXxxl_7b23e5372b",mtAuto:"mtAuto_4566f32a98",me0:"me0_afc2c9552a",meXs:"meXs_14d3707c49",meSmall:"meSmall_232f9f2814",meMedium:"meMedium_aeb4438f5f",meLarge:"meLarge_29ba89ad72",meXl:"meXl_4b3b7c3ad4",meXxl:"meXxl_8983c227fb",meXxxl:"meXxxl_3041264502",meAuto:"meAuto_fecbf985f6",mb0:"mb0_59b8247e4c",mbXs:"mbXs_20125add6a",mbSmall:"mbSmall_b962c0be51",mbMedium:"mbMedium_e8ba480c5b",mbLarge:"mbLarge_02af7d6fce",mbXl:"mbXl_6401068fcf",mbXxl:"mbXxl_0884be6692",mbXxxl:"mbXxxl_993ff4f30a",mbAuto:"mbAuto_d63ae13ad3",ms0:"ms0_77d662dec0",msXs:"msXs_68654d9ede",msSmall:"msSmall_08a0668fe3",msMedium:"msMedium_696df693a2",msLarge:"msLarge_8d7399724c",msXl:"msXl_b3c4c1a724",msXxl:"msXxl_d613aedbf5",msXxxl:"msXxxl_0e8c68c494",msAuto:"msAuto_57927780cc",p0:"p0_f7ab3ca592",pXs:"pXs_499c277c19",pSmall:"pSmall_dfd0b015e8",pMedium:"pMedium_f00310a8ca",pLarge:"pLarge_cfd182ac9a",pXl:"pXl_a76c7c0fec",pXxl:"pXxl_bcaf32a98a",pXxxl:"pXxxl_9bd6843fcb",px0:"px0_bed3b31152",pxXs:"pxXs_fac1f467be",pxSmall:"pxSmall_0a23093dda",pxMedium:"pxMedium_0c446b6540",pxLarge:"pxLarge_585de2d95c",pxXl:"pxXl_c258d381a6",pxXxl:"pxXxl_554e5e4778",pxXxxl:"pxXxxl_c02f0fe633",py0:"py0_e3b3d42768",pyXs:"pyXs_2dc232b0f6",pySmall:"pySmall_bb45f31d4b",pyMedium:"pyMedium_1a362032c7",pyLarge:"pyLarge_9a76b5f0b4",pyXl:"pyXl_b6e8725a86",pyXxl:"pyXxl_1a88fce35b",pyXxxl:"pyXxxl_c00b96633e",pt0:"pt0_82aafd7813",ptXs:"ptXs_045bbaf6ab",ptSmall:"ptSmall_e2ae054ef5",ptMedium:"ptMedium_286eee9a49",ptLarge:"ptLarge_0a3e61aee1",ptXl:"ptXl_b05e741b11",ptXxl:"ptXxl_a40626ad3b",ptXxxl:"ptXxxl_5aec9a9f38",pe0:"pe0_a39959b2a4",peXs:"peXs_a2724947c9",peSmall:"peSmall_2ed9cd5f49",peMedium:"peMedium_d52669e7c3",peLarge:"peLarge_8233b691a7",peXl:"peXl_7fb51ede4c",peXxl:"peXxl_e3723959fc",peXxxl:"peXxxl_50b93d20ca",pb0:"pb0_0d034497c4",pbXs:"pbXs_55524b79e7",pbSmall:"pbSmall_9713dd3592",pbMedium:"pbMedium_62da5a50dd",pbLarge:"pbLarge_0d0c062074",pbXl:"pbXl_8837ee5095",pbXxl:"pbXxl_dab1883080",pbXxxl:"pbXxxl_92e2900720",ps0:"ps0_449aeda2af",psXs:"psXs_9902cdcf92",psSmall:"psSmall_ec62d05217",psMedium:"psMedium_906c65a76a",psLarge:"psLarge_6c28ef2327",psXl:"psXl_7928f0abf1",psXxl:"psXxl_34006dbc46",psXxxl:"psXxxl_97f4c6e040",textPrimaryTextColor:"textPrimaryTextColor_b310209eca",textTextColorOnInverted:"textTextColorOnInverted_05aae14baf",textSecondaryTextColor:"textSecondaryTextColor_da69c87000",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_34ccc3beda",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_1e70789f82",bgGreyBackgroundColor:"bgGreyBackgroundColor_92e8229d6c",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_d356928110",bgInvertedColorBackground:"bgInvertedColorBackground_fbbdc919f4"};!function(n){const a="s_id-1ea68be2c9b7_3_52_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".box_cef6452f39 {\n  overflow: hidden;\n}\n.box_cef6452f39.scrollable_ce266581c2 {\n  overflow: auto;\n}\n.box_cef6452f39.scrollable_ce266581c2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_cef6452f39.scrollable_ce266581c2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_ee8870b694 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_ea3cdbe488 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_e3de27f0cb {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_f92f729501 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_5f0997cf35 {\n  border-radius: 0 !important;\n}\n.roundedSmall_135e05c30b {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_2111255444 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_0061e460e7 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_a6120f7209 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_9e58587236 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_4bd04fc3bf {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_74da2210fc {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_efd7745865 {\n  margin: 0 !important;\n}\n.mXs_6c652f5844 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_afb94d7550 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_cb6e5806b3 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_814cb95f85 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_ec0b9d46fe {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_e4cb41c6ed {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_5a735387f7 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_a566a006c1 {\n  margin: auto !important;\n}\n.mx0_f31cb82cb6 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_849aa66b45 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_f74815fd1b {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_eeac7d1372 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_2e98ba3faa {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_abe196c6a3 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_49ab39ec15 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_a28d0f5caa {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_16c602b459 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_4faef1d056 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_46a4399d55 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_cb9297da8b {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_3a54e2ee74 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_fcf4167608 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_bac442c9f7 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_76a75071a2 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_3fc4dad675 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_4451a03bb1 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_ddc014985c {\n  margin-top: 0 !important;\n}\n.mtXs_62932f0bac {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_4953c518cb {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_ad3db84ab3 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_abee6e1901 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_c5cc5c7c14 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_5f0e52946c {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_7b23e5372b {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_4566f32a98 {\n  margin-top: auto !important;\n}\n.me0_afc2c9552a {\n  margin-inline-end: 0 !important;\n}\n.meXs_14d3707c49 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_232f9f2814 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_aeb4438f5f {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_29ba89ad72 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_4b3b7c3ad4 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_8983c227fb {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_3041264502 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_fecbf985f6 {\n  margin-inline-end: auto !important;\n}\n.mb0_59b8247e4c {\n  margin-bottom: 0 !important;\n}\n.mbXs_20125add6a {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_b962c0be51 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_e8ba480c5b {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_02af7d6fce {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_6401068fcf {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_0884be6692 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_993ff4f30a {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_d63ae13ad3 {\n  margin-bottom: auto !important;\n}\n.ms0_77d662dec0 {\n  margin-inline-start: 0 !important;\n}\n.msXs_68654d9ede {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_08a0668fe3 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_696df693a2 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_8d7399724c {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_b3c4c1a724 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_d613aedbf5 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_0e8c68c494 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_57927780cc {\n  margin-inline-start: auto !important;\n}\n.p0_f7ab3ca592 {\n  padding: 0 !important;\n}\n.pXs_499c277c19 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_dfd0b015e8 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_f00310a8ca {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_cfd182ac9a {\n  padding: var(--spacing-large) !important;\n}\n.pXl_a76c7c0fec {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_bcaf32a98a {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_9bd6843fcb {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_bed3b31152 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_fac1f467be {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_0a23093dda {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_0c446b6540 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_585de2d95c {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_c258d381a6 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_554e5e4778 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_c02f0fe633 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_e3b3d42768 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_2dc232b0f6 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_bb45f31d4b {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_1a362032c7 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_9a76b5f0b4 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_b6e8725a86 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_1a88fce35b {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_c00b96633e {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_82aafd7813 {\n  padding-top: 0 !important;\n}\n.ptXs_045bbaf6ab {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_e2ae054ef5 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_286eee9a49 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_0a3e61aee1 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_b05e741b11 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_a40626ad3b {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_5aec9a9f38 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_a39959b2a4 {\n  padding-inline-end: 0 !important;\n}\n.peXs_a2724947c9 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_2ed9cd5f49 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_d52669e7c3 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_8233b691a7 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_7fb51ede4c {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_e3723959fc {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_50b93d20ca {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_0d034497c4 {\n  padding-bottom: 0 !important;\n}\n.pbXs_55524b79e7 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_9713dd3592 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_62da5a50dd {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_0d0c062074 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_8837ee5095 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_dab1883080 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_92e2900720 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_449aeda2af {\n  padding-inline-start: 0 !important;\n}\n.psXs_9902cdcf92 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_ec62d05217 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_906c65a76a {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_6c28ef2327 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_7928f0abf1 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_34006dbc46 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_97f4c6e040 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_b310209eca {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_05aae14baf {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_da69c87000 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_34ccc3beda {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_1e70789f82 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_92e8229d6c {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_d356928110 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_fbbdc919f4 {\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 n={breadcrumbContent:"breadcrumbContent_629f63fd84",withoutText:"withoutText_efd225ab88",breadcrumbText:"breadcrumbText_af06b0a767",breadcrumbIcon:"breadcrumbIcon_2c01564c70",clickable:"clickable_8fa201661b",current:"current_532c7ec1f7",disabled:"disabled_895df76dab",notClickable:"notClickable_4958c0d80d"};!function(n){const e="s_id-55ff70da99a4_3_52_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".breadcrumbContent_629f63fd84 {\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_629f63fd84.withoutText_efd225ab88 {\n  padding: 4px;\n}\na.breadcrumbContent_629f63fd84:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_629f63fd84 .breadcrumbText_af06b0a767 {\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_629f63fd84 .breadcrumbIcon_2c01564c70 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_629f63fd84:focus {\n  outline: none;\n}\n.breadcrumbContent_629f63fd84.clickable_8fa201661b {\n  cursor: pointer;\n}\n.breadcrumbContent_629f63fd84.clickable_8fa201661b:hover,\n.breadcrumbContent_629f63fd84:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_629f63fd84.current_532c7ec1f7 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_629f63fd84.disabled_895df76dab {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_629f63fd84.disabled_895df76dab:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_629f63fd84.notClickable_4958c0d80d {\n  pointer-events: none;\n}");export{n 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_af5d1f737b",disabled:"disabled_24ca60ff6f"};!function(e){const d="s_id-03f482333e23_3_52_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_af5d1f737b {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_af5d1f737b.disabled_24ca60ff6f {\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_af5d1f737b"};!function(e){const n="s_id-fc5ae89c4b65_3_52_0";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_af5d1f737b {\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_8dbe2e6277",separatorIcon:"separatorIcon_443b93f8db"};!function(e){const n="s_id-24567fd55d40_3_52_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_8dbe2e6277 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_8dbe2e6277 ol .separatorIcon_443b93f8db {\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_a503896ef3","focus-visible":"focus-visible_b56fcfc294",loader:"loader_787cc1ebad",loaderSvg:"loaderSvg_d4cacd3c56",textPlaceholder:"textPlaceholder_e8fc67f887",success:"success_669bc7a30d",successContent:"successContent_af3b2db55e",marginRight:"marginRight_06007ea165",marginLeft:"marginLeft_1eb457f0b4",rightFlat:"rightFlat_e0c225a32e",leftFlat:"leftFlat_f05259ffb7",preventClickAnimation:"preventClickAnimation_0a443c4df0",leftIcon:"leftIcon_06007ea165",rightIcon:"rightIcon_1eb457f0b4",sizeXxs:"sizeXxs_26d04c0869",sizeXs:"sizeXs_768bcf1f29",sizeSmall:"sizeSmall_2fedc10da3",sizeMedium:"sizeMedium_8d6411c5d7",sizeLarge:"sizeLarge_67b35734ed",kindPrimary:"kindPrimary_2f8824da29",colorPrimary:"colorPrimary_adede4a648",colorBrand:"colorBrand_deec5a91a7",colorPrimaryActive:"colorPrimaryActive_69bad15ef0",colorBrandActive:"colorBrandActive_63421d8b8c",colorPositive:"colorPositive_0e478ed630",colorPositiveActive:"colorPositiveActive_f0bf5c12a5",colorNegative:"colorNegative_db890ab7bf",colorNegativeActive:"colorNegativeActive_f0bf5c12a5",colorInverted:"colorInverted_d3c5547764",colorInvertedActive:"colorInvertedActive_f0bf5c12a5",disabled:"disabled_7c1cd6cee5",colorOnPrimaryColor:"colorOnPrimaryColor_d6b6f5233d",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_3d22742fb2",colorFixedLight:"colorFixedLight_fa78842f58",colorFixedLightActive:"colorFixedLightActive_0a443c4df0",colorFixedDark:"colorFixedDark_49fa652102",colorFixedDarkActive:"colorFixedDarkActive_668b04e0d8",colorOnInvertedBackground:"colorOnInvertedBackground_28bc4769d8",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_2409bf1276",kindSecondary:"kindSecondary_860ee2e4bf",kindTertiary:"kindTertiary_b2c2309fed",noSidePadding:"noSidePadding_76087fadac",insetFocusStyle:"insetFocusStyle_9c8e161603"};!function(o){const r="s_id-f5db469b1a79_3_52_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_a503896ef3 {\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_a503896ef3:focus-visible, .button_a503896ef3.focus-visible_b56fcfc294 {\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_a503896ef3:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.button_a503896ef3 .loader_787cc1ebad {\n  height: 100%;\n}\n.button_a503896ef3 .loader_787cc1ebad .loaderSvg_d4cacd3c56 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_a503896ef3 .textPlaceholder_e8fc67f887 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_a503896ef3.success_669bc7a30d {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_a503896ef3.success_669bc7a30d .successContent_af3b2db55e {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_06007ea165 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_1eb457f0b4 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_e0c225a32e {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_f05259ffb7 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_a503896ef3:active:not(.preventClickAnimation_0a443c4df0) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_a503896ef3 .leftIcon_06007ea165 {\n  margin-right: var(--spacing-small);\n}\n.button_a503896ef3 .rightIcon_1eb457f0b4 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_26d04c0869 {\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_768bcf1f29 {\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_2fedc10da3 {\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_2fedc10da3 .loader_787cc1ebad {\n  top: 7px;\n}\n.sizeMedium_8d6411c5d7 {\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_67b35734ed {\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_2f8824da29 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2f8824da29.colorPrimary_adede4a648 {\n  background: var(--primary-color);\n}\n.kindPrimary_2f8824da29.colorBrand_deec5a91a7 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_2f8824da29.colorPrimaryActive_69bad15ef0,\n.kindPrimary_2f8824da29.colorPrimary_adede4a648:hover,\n.kindPrimary_2f8824da29.colorPrimary_adede4a648:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_2f8824da29.colorBrandActive_63421d8b8c,\n.kindPrimary_2f8824da29.colorBrand_deec5a91a7:hover,\n.kindPrimary_2f8824da29.colorBrand_deec5a91a7:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_2f8824da29.colorPositive_0e478ed630 {\n  background: var(--positive-color);\n}\n.kindPrimary_2f8824da29.colorPositiveActive_f0bf5c12a5,\n.kindPrimary_2f8824da29.colorPositive_0e478ed630:hover,\n.kindPrimary_2f8824da29.colorPositive_0e478ed630:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_2f8824da29.colorNegative_db890ab7bf {\n  background: var(--negative-color);\n}\n.kindPrimary_2f8824da29.colorNegativeActive_f0bf5c12a5,\n.kindPrimary_2f8824da29.colorNegative_db890ab7bf:hover,\n.kindPrimary_2f8824da29.colorNegative_db890ab7bf:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_2f8824da29.colorInverted_d3c5547764 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_2f8824da29.colorInvertedActive_f0bf5c12a5,\n.kindPrimary_2f8824da29.colorInverted_d3c5547764:hover,\n.kindPrimary_2f8824da29.colorInverted_d3c5547764:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_2f8824da29.button_a503896ef3.colorInverted_d3c5547764.disabled_7c1cd6cee5 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_2f8824da29.colorOnPrimaryColorActive_3d22742fb2,\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:hover,\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_2f8824da29.colorOnPrimaryColorActive_3d22742fb2:focus-visible, .kindPrimary_2f8824da29.colorOnPrimaryColorActive_3d22742fb2.focus-visible_b56fcfc294,\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:hover:focus-visible,\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:hover.focus-visible_b56fcfc294,\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:focus:focus-visible,\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:focus.focus-visible_b56fcfc294 {\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_2f8824da29.colorOnPrimaryColorActive_3d22742fb2:focus:not(.focus-visible_b56fcfc294),\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:hover:focus:not(.focus-visible_b56fcfc294),\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindPrimary_2f8824da29.colorOnPrimaryColor_d6b6f5233d.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_2f8824da29.colorFixedLightActive_0a443c4df0,\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:hover,\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_2f8824da29.colorFixedLightActive_0a443c4df0:focus-visible, .kindPrimary_2f8824da29.colorFixedLightActive_0a443c4df0.focus-visible_b56fcfc294,\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:hover:focus-visible,\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:hover.focus-visible_b56fcfc294,\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:focus:focus-visible,\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:focus.focus-visible_b56fcfc294 {\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_2f8824da29.colorFixedLightActive_0a443c4df0:focus:not(.focus-visible_b56fcfc294),\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:hover:focus:not(.focus-visible_b56fcfc294),\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindPrimary_2f8824da29.colorFixedLight_fa78842f58.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2f8824da29.colorFixedDarkActive_668b04e0d8,\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:hover,\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_2f8824da29.colorFixedDarkActive_668b04e0d8:focus-visible, .kindPrimary_2f8824da29.colorFixedDarkActive_668b04e0d8.focus-visible_b56fcfc294,\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:hover:focus-visible,\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:hover.focus-visible_b56fcfc294,\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:focus:focus-visible,\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:focus.focus-visible_b56fcfc294 {\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_2f8824da29.colorFixedDarkActive_668b04e0d8:focus:not(.focus-visible_b56fcfc294),\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:hover:focus:not(.focus-visible_b56fcfc294),\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindPrimary_2f8824da29.colorFixedDark_49fa652102.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_2f8824da29.colorOnInvertedBackground_28bc4769d8 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_2f8824da29.colorOnInvertedBackgroundActive_2409bf1276,\n.kindPrimary_2f8824da29.colorOnInvertedBackground_28bc4769d8:hover,\n.kindPrimary_2f8824da29.colorOnInvertedBackground_28bc4769d8:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_2f8824da29.button_a503896ef3.colorOnInvertedBackground_28bc4769d8.disabled_7c1cd6cee5 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_2f8824da29.button_a503896ef3.disabled_7c1cd6cee5 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_860ee2e4bf {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_860ee2e4bf.sizeSmall_2fedc10da3 {\n  line-height: 22px;\n}\n.kindSecondary_860ee2e4bf.sizeMedium_8d6411c5d7 {\n  line-height: 22px;\n}\n.kindSecondary_860ee2e4bf.sizeLarge_67b35734ed {\n  line-height: 22px;\n}\n.kindSecondary_860ee2e4bf.colorPrimaryActive_69bad15ef0 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_860ee2e4bf.colorPrimaryActive_69bad15ef0:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_860ee2e4bf.colorBrandActive_63421d8b8c {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_860ee2e4bf.colorBrandActive_63421d8b8c,\n.kindSecondary_860ee2e4bf.colorBrandActive_63421d8b8c:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_860ee2e4bf.colorPrimary_adede4a648:hover:not(.colorPrimaryActive_69bad15ef0),\n.kindSecondary_860ee2e4bf.colorPrimary_adede4a648:focus:not(.colorPrimaryActive_69bad15ef0) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_860ee2e4bf.colorBrand_deec5a91a7:hover:not(.colorBrandActive_63421d8b8c),\n.kindSecondary_860ee2e4bf.colorBrand_deec5a91a7:focus:not(.colorBrandActive_63421d8b8c) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_860ee2e4bf.colorPositive_0e478ed630 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_860ee2e4bf.colorPositiveActive_f0bf5c12a5,\n.kindSecondary_860ee2e4bf.colorPositive_0e478ed630:hover,\n.kindSecondary_860ee2e4bf.colorPositive_0e478ed630:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_860ee2e4bf.colorNegative_db890ab7bf {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_860ee2e4bf.colorNegativeActive_f0bf5c12a5,\n.kindSecondary_860ee2e4bf.colorNegative_db890ab7bf:hover,\n.kindSecondary_860ee2e4bf.colorNegative_db890ab7bf:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_860ee2e4bf.colorInverted_d3c5547764 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_860ee2e4bf.colorInvertedActive_f0bf5c12a5,\n.kindSecondary_860ee2e4bf.colorInverted_d3c5547764:hover,\n.kindSecondary_860ee2e4bf.colorInverted_d3c5547764:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_860ee2e4bf.colorInverted_d3c5547764.disabled_7c1cd6cee5 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_860ee2e4bf.colorOnPrimaryColorActive_3d22742fb2,\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:hover,\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_860ee2e4bf.colorOnPrimaryColorActive_3d22742fb2:focus-visible, .kindSecondary_860ee2e4bf.colorOnPrimaryColorActive_3d22742fb2.focus-visible_b56fcfc294,\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:hover:focus-visible,\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:hover.focus-visible_b56fcfc294,\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:focus:focus-visible,\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:focus.focus-visible_b56fcfc294 {\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_860ee2e4bf.colorOnPrimaryColorActive_3d22742fb2:focus:not(.focus-visible_b56fcfc294),\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:hover:focus:not(.focus-visible_b56fcfc294),\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindSecondary_860ee2e4bf.colorOnPrimaryColor_d6b6f5233d.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_860ee2e4bf.colorFixedLightActive_0a443c4df0,\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:hover,\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_860ee2e4bf.colorFixedLightActive_0a443c4df0:focus-visible, .kindSecondary_860ee2e4bf.colorFixedLightActive_0a443c4df0.focus-visible_b56fcfc294,\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:hover:focus-visible,\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:hover.focus-visible_b56fcfc294,\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:focus:focus-visible,\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:focus.focus-visible_b56fcfc294 {\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_860ee2e4bf.colorFixedLightActive_0a443c4df0:focus:not(.focus-visible_b56fcfc294),\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:hover:focus:not(.focus-visible_b56fcfc294),\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_860ee2e4bf.colorFixedDarkActive_668b04e0d8,\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:hover,\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_860ee2e4bf.colorFixedDarkActive_668b04e0d8:focus-visible, .kindSecondary_860ee2e4bf.colorFixedDarkActive_668b04e0d8.focus-visible_b56fcfc294,\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:hover:focus-visible,\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:hover.focus-visible_b56fcfc294,\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:focus:focus-visible,\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:focus.focus-visible_b56fcfc294 {\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_860ee2e4bf.colorFixedDarkActive_668b04e0d8:focus:not(.focus-visible_b56fcfc294),\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:hover:focus:not(.focus-visible_b56fcfc294),\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindSecondary_860ee2e4bf.colorOnInvertedBackground_28bc4769d8 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_860ee2e4bf.colorOnInvertedBackgroundActive_2409bf1276,\n.kindSecondary_860ee2e4bf.colorOnInvertedBackground_28bc4769d8:hover,\n.kindSecondary_860ee2e4bf.colorOnInvertedBackground_28bc4769d8:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_860ee2e4bf.colorOnInvertedBackground_28bc4769d8.disabled_7c1cd6cee5 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_860ee2e4bf.colorFixedLight_fa78842f58.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_860ee2e4bf.colorFixedDark_49fa652102.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_860ee2e4bf.disabled_7c1cd6cee5 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_860ee2e4bf.disabled_7c1cd6cee5:hover {\n  background-color: transparent;\n}\n.kindTertiary_b2c2309fed {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_b2c2309fed.colorPrimaryActive_69bad15ef0 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_b2c2309fed.colorPrimaryActive_69bad15ef0:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_b2c2309fed.colorBrandActive_63421d8b8c {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b2c2309fed.colorBrandActive_63421d8b8c,\n.kindTertiary_b2c2309fed.colorBrandActive_63421d8b8c:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b2c2309fed.colorPrimary_adede4a648:hover:not(.colorPrimaryActive_69bad15ef0),\n.kindTertiary_b2c2309fed.colorPrimary_adede4a648:focus:not(.colorPrimaryActive_69bad15ef0) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b2c2309fed.colorBrand_deec5a91a7:hover:not(.colorBrandActive_63421d8b8c),\n.kindTertiary_b2c2309fed.colorBrand_deec5a91a7:focus:not(.colorBrandActive_63421d8b8c) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b2c2309fed.colorPositive_0e478ed630 {\n  color: var(--positive-color);\n}\n.kindTertiary_b2c2309fed.colorPositiveActive_f0bf5c12a5,\n.kindTertiary_b2c2309fed.colorPositive_0e478ed630:hover,\n.kindTertiary_b2c2309fed.colorPositive_0e478ed630:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b2c2309fed.colorNegative_db890ab7bf {\n  color: var(--negative-color);\n}\n.kindTertiary_b2c2309fed.colorNegativeActive_f0bf5c12a5,\n.kindTertiary_b2c2309fed.colorNegative_db890ab7bf:hover,\n.kindTertiary_b2c2309fed.colorNegative_db890ab7bf:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b2c2309fed.colorInverted_d3c5547764 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_b2c2309fed.colorInvertedActive_f0bf5c12a5,\n.kindTertiary_b2c2309fed.colorInverted_d3c5547764:hover,\n.kindTertiary_b2c2309fed.colorInverted_d3c5547764:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b2c2309fed.colorInverted_d3c5547764.disabled_7c1cd6cee5 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b2c2309fed.colorOnPrimaryColorActive_3d22742fb2,\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:hover,\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b2c2309fed.colorOnPrimaryColorActive_3d22742fb2:focus-visible, .kindTertiary_b2c2309fed.colorOnPrimaryColorActive_3d22742fb2.focus-visible_b56fcfc294,\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:hover:focus-visible,\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:hover.focus-visible_b56fcfc294,\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:focus:focus-visible,\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:focus.focus-visible_b56fcfc294 {\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_b2c2309fed.colorOnPrimaryColorActive_3d22742fb2:focus:not(.focus-visible_b56fcfc294),\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:hover:focus:not(.focus-visible_b56fcfc294),\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindTertiary_b2c2309fed.colorOnPrimaryColor_d6b6f5233d.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b2c2309fed.colorFixedLightActive_0a443c4df0,\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:hover,\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b2c2309fed.colorFixedLightActive_0a443c4df0:focus-visible, .kindTertiary_b2c2309fed.colorFixedLightActive_0a443c4df0.focus-visible_b56fcfc294,\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:hover:focus-visible,\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:hover.focus-visible_b56fcfc294,\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:focus:focus-visible,\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:focus.focus-visible_b56fcfc294 {\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_b2c2309fed.colorFixedLightActive_0a443c4df0:focus:not(.focus-visible_b56fcfc294),\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:hover:focus:not(.focus-visible_b56fcfc294),\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindTertiary_b2c2309fed.colorFixedLight_fa78842f58.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_b2c2309fed.colorFixedDarkActive_668b04e0d8,\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:hover,\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_b2c2309fed.colorFixedDarkActive_668b04e0d8:focus-visible, .kindTertiary_b2c2309fed.colorFixedDarkActive_668b04e0d8.focus-visible_b56fcfc294,\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:hover:focus-visible,\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:hover.focus-visible_b56fcfc294,\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:focus:focus-visible,\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:focus.focus-visible_b56fcfc294 {\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_b2c2309fed.colorFixedDarkActive_668b04e0d8:focus:not(.focus-visible_b56fcfc294),\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:hover:focus:not(.focus-visible_b56fcfc294),\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102:focus:focus:not(.focus-visible_b56fcfc294) {\n  outline: none;\n}\n.kindTertiary_b2c2309fed.colorFixedDark_49fa652102.disabled_7c1cd6cee5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_b2c2309fed.colorOnInvertedBackground_28bc4769d8 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b2c2309fed.colorOnInvertedBackgroundActive_2409bf1276,\n.kindTertiary_b2c2309fed.colorOnInvertedBackground_28bc4769d8:hover,\n.kindTertiary_b2c2309fed.colorOnInvertedBackground_28bc4769d8:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_b2c2309fed.colorOnInvertedBackground_28bc4769d8.disabled_7c1cd6cee5 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b2c2309fed.disabled_7c1cd6cee5 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b2c2309fed.disabled_7c1cd6cee5:hover {\n  background-color: transparent;\n}\n.noSidePadding_76087fadac {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_a503896ef3.insetFocusStyle_9c8e161603:focus-visible, .button_a503896ef3.insetFocusStyle_9c8e161603.focus-visible_b56fcfc294 {\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_a503896ef3.insetFocusStyle_9c8e161603:focus:not(.focus-visible_b56fcfc294) {\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_8a8f0623b8",subTextContainer:"subTextContainer_5aef17c233",buttonsContainer:"buttonsContainer_62724514ae",button:"button_770de95f79",activeButton:"activeButton_71e37f4d82",disabled:"disabled_24ca60ff6f",buttonDisabled:"buttonDisabled_1e24b136ce",startBorder:"startBorder_36a9c7abfb",endBorder:"endBorder_7885aace0f",kindTertiary:"kindTertiary_4dd63970cb",optionText:"optionText_8a94dcccbb",selected:"selected_354782b179",wrapper:"wrapper_16ff8e57d0",fullWidth:"fullWidth_20ff7a1c55"};!function(n){const t="s_id-1f46577d4b31_3_52_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_8a8f0623b8 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_5aef17c233 {\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_62724514ae {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_62724514ae .button_770de95f79 {\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_62724514ae .button_770de95f79.activeButton_71e37f4d82 {\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_62724514ae .button_770de95f79.activeButton_71e37f4d82:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_62724514ae .button_770de95f79.disabled_24ca60ff6f, .buttonsContainer_62724514ae .button_770de95f79.buttonDisabled_1e24b136ce {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_62724514ae .button_770de95f79.startBorder_36a9c7abfb {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_62724514ae .button_770de95f79.endBorder_7885aace0f {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_4dd63970cb .buttonsContainer_62724514ae .button_770de95f79 {\n  border-color: transparent;\n}\n\n.kindTertiary_4dd63970cb .buttonsContainer_62724514ae .button_770de95f79:first-child {\n  border-color: transparent;\n}\n\n.optionText_8a94dcccbb:not(.disabled_24ca60ff6f) {\n  color: var(--primary-text-color);\n}\n\n.optionText_8a94dcccbb:not(.disabled_24ca60ff6f).selected_354782b179 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_16ff8e57d0.disabled_24ca60ff6f {\n  cursor: not-allowed;\n}\n\n.fullWidth_20ff7a1c55 {\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_2741410f04",checkbox:"checkbox_40b234d734",icon:"icon_4e04e6f270",label:"label_d819482036",input:"input_a446806bc5",checkboxGrowAnimation:"checkboxGrowAnimation_e72afe4274"};!function(n){const e="s_id-a622c58c4e9d_3_52_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_2741410f04 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_40b234d734 {\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_40b234d734: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_40b234d734:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_4e04e6f270 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_d819482036 {\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_a446806bc5 {\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_a446806bc5:focus + .checkbox_40b234d734 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_a446806bc5:focus:checked + .checkbox_40b234d734 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a446806bc5:focus-visible + .checkbox_40b234d734 {\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_a446806bc5:checked:focus + .checkbox_40b234d734:after,\n.input_a446806bc5:indeterminate:focus + .checkbox_40b234d734:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a446806bc5:checked + .checkbox_40b234d734,\n.input_a446806bc5:indeterminate + .checkbox_40b234d734 {\n  animation: checkboxGrowAnimation_e72afe4274 var(--motion-productive-short);\n}\n\n.input_a446806bc5:checked + .checkbox_40b234d734,\n.input_a446806bc5:indeterminate + .checkbox_40b234d734 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_a446806bc5:checked + .checkbox_40b234d734:hover,\n.input_a446806bc5:indeterminate + .checkbox_40b234d734:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a446806bc5:checked + .checkbox_40b234d734:hover:after,\n.input_a446806bc5:indeterminate + .checkbox_40b234d734:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a446806bc5:checked + .checkbox_40b234d734:after,\n.input_a446806bc5:indeterminate + .checkbox_40b234d734: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_a446806bc5:checked + .checkbox_40b234d734 > .icon_4e04e6f270,\n.input_a446806bc5:indeterminate + .checkbox_40b234d734 > .icon_4e04e6f270 {\n  visibility: visible;\n}\n\n.input_a446806bc5:checked:disabled + .checkbox_40b234d734:after,\n.input_a446806bc5:indeterminate:disabled + .checkbox_40b234d734:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_a446806bc5:disabled + .checkbox_40b234d734,\n.input_a446806bc5:disabled + .checkbox_40b234d734:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_a446806bc5:disabled + .checkbox_40b234d734 .icon_4e04e6f270,\n.input_a446806bc5:disabled + .checkbox_40b234d734:hover .icon_4e04e6f270 {\n  color: var(--disabled-text-color);\n}\n\n.input_a446806bc5:disabled + .checkbox_40b234d734,\n.input_a446806bc5:disabled + .checkbox_40b234d734:hover {\n  cursor: not-allowed;\n}\n\n.input_a446806bc5:disabled ~ .label_d819482036 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_e72afe4274 {\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"}