npm - @vibe/core - Versions diffs - 3.9.4-alpha-7b07f.0 → 3.10.1 - Mend

@vibe/core 3.9.4-alpha-7b07f.0 → 3.10.1

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

Files changed (331) hide show

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_eb9c841962","focus-visible":"focus-visible_ab634ad177",small:"small_bffc153132",medium:"medium_04b966de70",large:"large_c72e51625a",primary:"primary_4909685dfe",dark:"dark_1fcded6b17",negative:"negative_e6e37547a8",light:"light_d3eb501457",disabled:"disabled_4eb36cf2c5",menu:"menu_f64f813810"};!function(n){const e="s_id-abc6ab3af47c_3_9_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_eb9c841962 {\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_eb9c841962:focus-visible, .counterContainer_eb9c841962.focus-visible_ab634ad177 {\n  outline: none;\n}\n.counterContainer_eb9c841962:focus-visible:focus-visible, .counterContainer_eb9c841962:focus-visible.focus-visible_ab634ad177, .counterContainer_eb9c841962.focus-visible_ab634ad177:focus-visible, .counterContainer_eb9c841962.focus-visible_ab634ad177.focus-visible_ab634ad177 {\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_eb9c841962:focus-visible:focus:not(.focus-visible_ab634ad177), .counterContainer_eb9c841962.focus-visible_ab634ad177:focus:not(.focus-visible_ab634ad177) {\n  outline: none;\n}\n.counterContainer_eb9c841962.small_bffc153132 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_eb9c841962.medium_04b966de70 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_eb9c841962.large_c72e51625a {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_eb9c841962.primary_4909685dfe {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_eb9c841962.dark_1fcded6b17 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_eb9c841962.negative_e6e37547a8 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_eb9c841962.light_d3eb501457 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_eb9c841962 .disabled_4eb36cf2c5, .counterContainer_eb9c841962.disabled_4eb36cf2c5 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_f64f813810 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_f64f813810::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_f64f813810::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_9f3c386917","focus-visible":"focus-visible_3d2e802b44",small:"small_80ea119f77",medium:"medium_f79981a477",large:"large_2922c893c3",primary:"primary_9f708fcb6e",dark:"dark_219dc4bdb8",negative:"negative_bfde1a0b8d",light:"light_cb02ab73c8",disabled:"disabled_66be573a3b",menu:"menu_04031ccc68"};!function(n){const e="s_id-abc6ab3af47c_3_10_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_9f3c386917 {\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_9f3c386917:focus-visible, .counterContainer_9f3c386917.focus-visible_3d2e802b44 {\n  outline: none;\n}\n.counterContainer_9f3c386917:focus-visible:focus-visible, .counterContainer_9f3c386917:focus-visible.focus-visible_3d2e802b44, .counterContainer_9f3c386917.focus-visible_3d2e802b44:focus-visible, .counterContainer_9f3c386917.focus-visible_3d2e802b44.focus-visible_3d2e802b44 {\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_9f3c386917:focus-visible:focus:not(.focus-visible_3d2e802b44), .counterContainer_9f3c386917.focus-visible_3d2e802b44:focus:not(.focus-visible_3d2e802b44) {\n  outline: none;\n}\n.counterContainer_9f3c386917.small_80ea119f77 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_9f3c386917.medium_f79981a477 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_9f3c386917.large_2922c893c3 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_9f3c386917.primary_9f708fcb6e {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_9f3c386917.dark_219dc4bdb8 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_9f3c386917.negative_bfde1a0b8d {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_9f3c386917.light_cb02ab73c8 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_9f3c386917 .disabled_66be573a3b, .counterContainer_9f3c386917.disabled_66be573a3b {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_04031ccc68 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_04031ccc68::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_04031ccc68::-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_d9781fa94d",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_05634c480c",tooltipContainer:"tooltipContainer_43c0e2f9e5","focus-visible":"focus-visible_ab634ad177",tooltipGridContainer:"tooltipGridContainer_c27722d890",scrollableContainer:"scrollableContainer_6602fe0e34"};!function(t){const e="s_id-6cc986178da6_3_9_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_d9781fa94d {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_05634c480c {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_43c0e2f9e5 {\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_43c0e2f9e5:focus, .tooltipContainer_43c0e2f9e5:focus-visible, .tooltipContainer_43c0e2f9e5.focus-visible_ab634ad177 {\n  outline: none;\n}\n\n.tooltipGridContainer_c27722d890 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_6602fe0e34::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_6602fe0e34::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_3dea018034",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_61d53aea11",tooltipContainer:"tooltipContainer_8212b05d14","focus-visible":"focus-visible_3d2e802b44",tooltipGridContainer:"tooltipGridContainer_eeabeb25f8",scrollableContainer:"scrollableContainer_453a5ce992"};!function(t){const e="s_id-6cc986178da6_3_10_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_3dea018034 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_61d53aea11 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_8212b05d14 {\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_8212b05d14:focus, .tooltipContainer_8212b05d14:focus-visible, .tooltipContainer_8212b05d14.focus-visible_3d2e802b44 {\n  outline: none;\n}\n\n.tooltipGridContainer_eeabeb25f8 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_453a5ce992::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_453a5ce992::-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_e789de967d",virtualizedTooltipContainer:"virtualizedTooltipContainer_bba079c3e8","focus-visible":"focus-visible_ab634ad177"};!function(e){const i="s_id-13c8e71f272d_3_9_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_e789de967d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_e789de967d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_bba079c3e8 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_bba079c3e8:focus, .virtualizedTooltipContainer_bba079c3e8:focus-visible, .virtualizedTooltipContainer_bba079c3e8.focus-visible_ab634ad177 {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_29d7754cb5",virtualizedTooltipContainer:"virtualizedTooltipContainer_cdf210e712","focus-visible":"focus-visible_3d2e802b44"};!function(e){const i="s_id-13c8e71f272d_3_10_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_29d7754cb5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_29d7754cb5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_cdf210e712 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_cdf210e712:focus, .virtualizedTooltipContainer_cdf210e712:focus-visible, .virtualizedTooltipContainer_cdf210e712.focus-visible_3d2e802b44 {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={badgeWrapper:"badgeWrapper_979ca5115d",badge:"badge_5511c3268e",outside:"outside_e29d5583cd",topEnd:"topEnd_bbb2925e25",rectangular:"rectangular_43a8dc03e9",circular:"circular_8b4b5d235c",topStart:"topStart_0916fb22fe",bottomEnd:"bottomEnd_1c3b7a8647",bottomStart:"bottomStart_5074600514"};!function(e){const t="s_id-b5dca6298ea9_3_9_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_979ca5115d {\n  position: relative;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e:not(.outside_e29d5583cd) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.topEnd_bbb2925e25.rectangular_43a8dc03e9 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.topEnd_bbb2925e25.outside_e29d5583cd {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.topEnd_bbb2925e25.circular_8b4b5d235c {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.topStart_0916fb22fe.rectangular_43a8dc03e9 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.topStart_0916fb22fe.outside_e29d5583cd {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.topStart_0916fb22fe.circular_8b4b5d235c {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.bottomEnd_1c3b7a8647.rectangular_43a8dc03e9 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.bottomEnd_1c3b7a8647.outside_e29d5583cd {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.bottomEnd_1c3b7a8647.circular_8b4b5d235c {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.bottomStart_5074600514.rectangular_43a8dc03e9 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.bottomStart_5074600514.outside_e29d5583cd {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_979ca5115d .badge_5511c3268e.bottomStart_5074600514.circular_8b4b5d235c {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var a={badgeWrapper:"badgeWrapper_6a41d99231",badge:"badge_98d662c268",outside:"outside_b38490278f",topEnd:"topEnd_62bad150fb",rectangular:"rectangular_bfc97d3263",circular:"circular_a2a207f910",topStart:"topStart_585e69cfb4",bottomEnd:"bottomEnd_9874b8cf88",bottomStart:"bottomStart_e24b963e41"};!function(a){const t="s_id-b5dca6298ea9_3_10_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=a)}(".badgeWrapper_6a41d99231 {\n  position: relative;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268:not(.outside_b38490278f) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.topEnd_62bad150fb.rectangular_bfc97d3263 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.topEnd_62bad150fb.outside_b38490278f {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.topEnd_62bad150fb.circular_a2a207f910 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.topStart_585e69cfb4.rectangular_bfc97d3263 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.topStart_585e69cfb4.outside_b38490278f {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.topStart_585e69cfb4.circular_a2a207f910 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.bottomEnd_9874b8cf88.rectangular_bfc97d3263 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.bottomEnd_9874b8cf88.outside_b38490278f {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.bottomEnd_9874b8cf88.circular_a2a207f910 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.bottomStart_e24b963e41.rectangular_bfc97d3263 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.bottomStart_e24b963e41.outside_b38490278f {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_6a41d99231 .badge_98d662c268.bottomStart_e24b963e41.circular_a2a207f910 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
 //# sourceMappingURL=Badge.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_1f70fe4629",primary:"primary_cf302c2199",notification:"notification_91af63079f"};!function(e){const i="s_id-d6448d74722f_3_9_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_1f70fe4629 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_1f70fe4629.primary_cf302c2199 {\n  background-color: var(--primary-color);\n}\n.indicator_1f70fe4629.notification_91af63079f {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_0aecdb6491",primary:"primary_140eb417fa",notification:"notification_551673d14b"};!function(e){const i="s_id-d6448d74722f_3_10_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_0aecdb6491 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_0aecdb6491.primary_140eb417fa {\n  background-color: var(--primary-color);\n}\n.indicator_0aecdb6491.notification_551673d14b {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_75ef2526bc",small:"small_4d38bfc10e",medium:"medium_31d85d2b75",large:"large_80dbed979a",rightThinnerPadding:"rightThinnerPadding_9bd5af98d5",input:"input_7a9bcdbfcc",success:"success_080998dbf5",readOnly:"readOnly_058f814807",disabled:"disabled_602d3120cc",error:"error_1176a13656"};!function(r){const n="s_id-1f2ba40749da_3_9_3";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_75ef2526bc {\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_75ef2526bc.small_4d38bfc10e {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_75ef2526bc.medium_31d85d2b75 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_75ef2526bc.large_80dbed979a {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_75ef2526bc.rightThinnerPadding_9bd5af98d5 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_75ef2526bc:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_75ef2526bc:has(.input_7a9bcdbfcc:active, .input_7a9bcdbfcc:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_75ef2526bc:has(.input_7a9bcdbfcc:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_75ef2526bc:has(.input_7a9bcdbfcc:read-only) .input_7a9bcdbfcc {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_75ef2526bc:has(.input_7a9bcdbfcc: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_75ef2526bc:has(.input_7a9bcdbfcc:disabled) .input_7a9bcdbfcc {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_75ef2526bc.success_080998dbf5 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_75ef2526bc.success_080998dbf5:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_75ef2526bc.success_080998dbf5:has(.input_7a9bcdbfcc:active, .input_7a9bcdbfcc:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_75ef2526bc:has(.input_7a9bcdbfcc[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_75ef2526bc:has(.input_7a9bcdbfcc[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_75ef2526bc:has(.input_7a9bcdbfcc[aria-invalid=true]):has(.input_7a9bcdbfcc:active, .input_7a9bcdbfcc:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_75ef2526bc:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_75ef2526bc.readOnly_058f814807 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_75ef2526bc.readOnly_058f814807 .input_7a9bcdbfcc {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_75ef2526bc.disabled_602d3120cc {\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_75ef2526bc.disabled_602d3120cc .input_7a9bcdbfcc {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_75ef2526bc.success_080998dbf5 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_75ef2526bc.success_080998dbf5:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_75ef2526bc.success_080998dbf5:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_75ef2526bc.error_1176a13656 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_75ef2526bc.error_1176a13656:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_75ef2526bc.error_1176a13656:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_75ef2526bc .input_7a9bcdbfcc {\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_75ef2526bc .input_7a9bcdbfcc::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_75ef2526bc .input_7a9bcdbfcc:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_107f4dbd0a",small:"small_8dd8588257",medium:"medium_b9b73d45b2",large:"large_c269cd4fb1",rightThinnerPadding:"rightThinnerPadding_e7e3e77bb7",input:"input_ee95796c61",success:"success_93871b5302",readOnly:"readOnly_db1e7012c8",disabled:"disabled_d119f8cfc6",error:"error_38864d2dd6"};!function(r){const e="s_id-1f2ba40749da_3_10_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(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_107f4dbd0a {\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_107f4dbd0a.small_8dd8588257 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_107f4dbd0a.medium_b9b73d45b2 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_107f4dbd0a.large_c269cd4fb1 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_107f4dbd0a.rightThinnerPadding_e7e3e77bb7 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_107f4dbd0a:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_107f4dbd0a:has(.input_ee95796c61:active, .input_ee95796c61:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_107f4dbd0a:has(.input_ee95796c61:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_107f4dbd0a:has(.input_ee95796c61:read-only) .input_ee95796c61 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_107f4dbd0a:has(.input_ee95796c61: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_107f4dbd0a:has(.input_ee95796c61:disabled) .input_ee95796c61 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_107f4dbd0a.success_93871b5302 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_107f4dbd0a.success_93871b5302:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_107f4dbd0a.success_93871b5302:has(.input_ee95796c61:active, .input_ee95796c61:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_107f4dbd0a:has(.input_ee95796c61[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_107f4dbd0a:has(.input_ee95796c61[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_107f4dbd0a:has(.input_ee95796c61[aria-invalid=true]):has(.input_ee95796c61:active, .input_ee95796c61:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_107f4dbd0a:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_107f4dbd0a.readOnly_db1e7012c8 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_107f4dbd0a.readOnly_db1e7012c8 .input_ee95796c61 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_107f4dbd0a.disabled_d119f8cfc6 {\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_107f4dbd0a.disabled_d119f8cfc6 .input_ee95796c61 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_107f4dbd0a.success_93871b5302 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_107f4dbd0a.success_93871b5302:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_107f4dbd0a.success_93871b5302:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_107f4dbd0a.error_38864d2dd6 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_107f4dbd0a.error_38864d2dd6:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_107f4dbd0a.error_38864d2dd6:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_107f4dbd0a .input_ee95796c61 {\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_107f4dbd0a .input_ee95796c61::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_107f4dbd0a .input_ee95796c61: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_61b49a2ff1",scrollable:"scrollable_3c9def1e00",opacityDisabled:"opacityDisabled_0f983b774d",border:"border_c4b978f590",borderColorUiBorderColor:"borderColorUiBorderColor_e9196522df",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_25206be8a2",rounded0:"rounded0_c52b092413",roundedSmall:"roundedSmall_1ef9a6fe98",roundedMedium:"roundedMedium_c2efc1569b",roundedBig:"roundedBig_6638e2c291",shadowXs:"shadowXs_1f9b48e7be",shadowSmall:"shadowSmall_5073cdd737",shadowMedium:"shadowMedium_10e292b051",shadowLarge:"shadowLarge_db1e8f2605",m0:"m0_521fdf2cbf",mXs:"mXs_91d75ca7f7",mSmall:"mSmall_d548737bdf",mMedium:"mMedium_a9ea7d12f2",mLarge:"mLarge_52b601924f",mXl:"mXl_4714090331",mXxl:"mXxl_b0999b0e31",mXxxl:"mXxxl_c943ac31f4",mAuto:"mAuto_4e8c5ad1da",mx0:"mx0_c9f57f2898",mxXs:"mxXs_77ba54b4f1",mxSmall:"mxSmall_62326f1a91",mxMedium:"mxMedium_3cfa2df3b0",mxLarge:"mxLarge_8c7f2c08e1",mxXl:"mxXl_48f845418a",mxXxl:"mxXxl_f266c19b1f",mxXxxl:"mxXxxl_552bf7c830",mxAuto:"mxAuto_f4694181eb",my0:"my0_9c8b4392a3",myXs:"myXs_5915421673",mySmall:"mySmall_bb0c3423dc",myMedium:"myMedium_f4888aa280",myLarge:"myLarge_3680e90d98",myXl:"myXl_e2e52dbdd9",myXxl:"myXxl_5d248fcf32",myXxxl:"myXxxl_616599ef08",myAuto:"myAuto_8faaef62d5",mt0:"mt0_2420a89a68",mtXs:"mtXs_3fad0ab381",mtSmall:"mtSmall_a038600354",mtMedium:"mtMedium_059f92090a",mtLarge:"mtLarge_c3828128e5",mtXl:"mtXl_952eb78973",mtXxl:"mtXxl_39ab4d3f43",mtXxxl:"mtXxxl_93d773f43b",mtAuto:"mtAuto_6982199f33",me0:"me0_71c9e055f7",meXs:"meXs_fc6e812423",meSmall:"meSmall_d037ff5417",meMedium:"meMedium_78dfed4a28",meLarge:"meLarge_373b5ef43e",meXl:"meXl_d50d829ed8",meXxl:"meXxl_45e2cd25a7",meXxxl:"meXxxl_d525d5cdbf",meAuto:"meAuto_d4604570e3",mb0:"mb0_fc03f074ab",mbXs:"mbXs_d1163598b5",mbSmall:"mbSmall_72f204e041",mbMedium:"mbMedium_957043a06d",mbLarge:"mbLarge_c3a9c623b7",mbXl:"mbXl_974d9354e7",mbXxl:"mbXxl_b25e99bbbf",mbXxxl:"mbXxxl_15e7390391",mbAuto:"mbAuto_a9879c6f01",ms0:"ms0_1e69eb90a2",msXs:"msXs_4b075ea452",msSmall:"msSmall_5469de8b33",msMedium:"msMedium_aa9606b039",msLarge:"msLarge_b524d4f065",msXl:"msXl_1e34fd3781",msXxl:"msXxl_f771d22a2a",msXxxl:"msXxxl_6139b31620",msAuto:"msAuto_bd0b03ad09",p0:"p0_7392e8974c",pXs:"pXs_da2ce6563a",pSmall:"pSmall_ae59a254d3",pMedium:"pMedium_167b252aed",pLarge:"pLarge_4a936178fc",pXl:"pXl_b3d51405c2",pXxl:"pXxl_24cac6a8f7",pXxxl:"pXxxl_71375503e7",px0:"px0_0d999940b6",pxXs:"pxXs_a3733feb32",pxSmall:"pxSmall_4e570f333c",pxMedium:"pxMedium_d658bf67b6",pxLarge:"pxLarge_24d0f2a35a",pxXl:"pxXl_2dde5cc199",pxXxl:"pxXxl_1857a5f18e",pxXxxl:"pxXxxl_1609d4d36b",py0:"py0_b0f4263fbc",pyXs:"pyXs_456939cfda",pySmall:"pySmall_21b3332e2b",pyMedium:"pyMedium_ca5b8d17ab",pyLarge:"pyLarge_b814738e5e",pyXl:"pyXl_512840baa6",pyXxl:"pyXxl_44d576ddde",pyXxxl:"pyXxxl_b6cbb81902",pt0:"pt0_571e01e954",ptXs:"ptXs_a60853a123",ptSmall:"ptSmall_1a06160da8",ptMedium:"ptMedium_3294933391",ptLarge:"ptLarge_8555dfbd90",ptXl:"ptXl_eaf6eef49b",ptXxl:"ptXxl_be8d8f22f3",ptXxxl:"ptXxxl_545f5a48fd",pe0:"pe0_89afd5d80b",peXs:"peXs_66ccd355a1",peSmall:"peSmall_07c8d697bb",peMedium:"peMedium_4a4f1b563b",peLarge:"peLarge_13b61a70fd",peXl:"peXl_ae9dc95173",peXxl:"peXxl_d2fbc41ee3",peXxxl:"peXxxl_d19bb6fe6a",pb0:"pb0_f05c1af7b3",pbXs:"pbXs_97617c9647",pbSmall:"pbSmall_b09b7a2895",pbMedium:"pbMedium_8b32a07404",pbLarge:"pbLarge_7c352e6372",pbXl:"pbXl_f768158c57",pbXxl:"pbXxl_34bb3b3cc9",pbXxxl:"pbXxxl_50b9759cee",ps0:"ps0_31cddb38cb",psXs:"psXs_66482e5b50",psSmall:"psSmall_db725a017e",psMedium:"psMedium_721f8a0fe2",psLarge:"psLarge_493574b948",psXl:"psXl_873f93c374",psXxl:"psXxl_f0daf0b1be",psXxxl:"psXxxl_f16e571913",textPrimaryTextColor:"textPrimaryTextColor_fea3e0de40",textTextColorOnInverted:"textTextColorOnInverted_d0535679c6",textSecondaryTextColor:"textSecondaryTextColor_3fe440f03a",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_b0b40f1c76",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_19ec77d491",bgGreyBackgroundColor:"bgGreyBackgroundColor_49caea3def",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_81a3038f09",bgInvertedColorBackground:"bgInvertedColorBackground_7f3ab46e70"};!function(n){const a="s_id-e8ebf0c89fee_3_9_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_61b49a2ff1 {\n  overflow: hidden;\n}\n.box_61b49a2ff1.scrollable_3c9def1e00 {\n  overflow: auto;\n}\n.box_61b49a2ff1.scrollable_3c9def1e00::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_61b49a2ff1.scrollable_3c9def1e00::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_0f983b774d {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_c4b978f590 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_e9196522df {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_25206be8a2 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_c52b092413 {\n  border-radius: 0 !important;\n}\n.roundedSmall_1ef9a6fe98 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_c2efc1569b {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_6638e2c291 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_1f9b48e7be {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_5073cdd737 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_10e292b051 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_db1e8f2605 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_521fdf2cbf {\n  margin: 0 !important;\n}\n.mXs_91d75ca7f7 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_d548737bdf {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_a9ea7d12f2 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_52b601924f {\n  margin: var(--spacing-large) !important;\n}\n.mXl_4714090331 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_b0999b0e31 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_c943ac31f4 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_4e8c5ad1da {\n  margin: auto !important;\n}\n.mx0_c9f57f2898 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_77ba54b4f1 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_62326f1a91 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_3cfa2df3b0 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_8c7f2c08e1 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_48f845418a {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_f266c19b1f {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_552bf7c830 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_f4694181eb {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_9c8b4392a3 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_5915421673 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_bb0c3423dc {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_f4888aa280 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_3680e90d98 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_e2e52dbdd9 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_5d248fcf32 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_616599ef08 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_8faaef62d5 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_2420a89a68 {\n  margin-top: 0 !important;\n}\n.mtXs_3fad0ab381 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_a038600354 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_059f92090a {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_c3828128e5 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_952eb78973 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_39ab4d3f43 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_93d773f43b {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_6982199f33 {\n  margin-top: auto !important;\n}\n.me0_71c9e055f7 {\n  margin-inline-end: 0 !important;\n}\n.meXs_fc6e812423 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_d037ff5417 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_78dfed4a28 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_373b5ef43e {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_d50d829ed8 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_45e2cd25a7 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_d525d5cdbf {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_d4604570e3 {\n  margin-inline-end: auto !important;\n}\n.mb0_fc03f074ab {\n  margin-bottom: 0 !important;\n}\n.mbXs_d1163598b5 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_72f204e041 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_957043a06d {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_c3a9c623b7 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_974d9354e7 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_b25e99bbbf {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_15e7390391 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_a9879c6f01 {\n  margin-bottom: auto !important;\n}\n.ms0_1e69eb90a2 {\n  margin-inline-start: 0 !important;\n}\n.msXs_4b075ea452 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_5469de8b33 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_aa9606b039 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_b524d4f065 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_1e34fd3781 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_f771d22a2a {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_6139b31620 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_bd0b03ad09 {\n  margin-inline-start: auto !important;\n}\n.p0_7392e8974c {\n  padding: 0 !important;\n}\n.pXs_da2ce6563a {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_ae59a254d3 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_167b252aed {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_4a936178fc {\n  padding: var(--spacing-large) !important;\n}\n.pXl_b3d51405c2 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_24cac6a8f7 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_71375503e7 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_0d999940b6 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_a3733feb32 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_4e570f333c {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_d658bf67b6 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_24d0f2a35a {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_2dde5cc199 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_1857a5f18e {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_1609d4d36b {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_b0f4263fbc {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_456939cfda {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_21b3332e2b {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_ca5b8d17ab {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_b814738e5e {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_512840baa6 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_44d576ddde {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_b6cbb81902 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_571e01e954 {\n  padding-top: 0 !important;\n}\n.ptXs_a60853a123 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_1a06160da8 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_3294933391 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_8555dfbd90 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_eaf6eef49b {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_be8d8f22f3 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_545f5a48fd {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_89afd5d80b {\n  padding-inline-end: 0 !important;\n}\n.peXs_66ccd355a1 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_07c8d697bb {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_4a4f1b563b {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_13b61a70fd {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_ae9dc95173 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_d2fbc41ee3 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_d19bb6fe6a {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_f05c1af7b3 {\n  padding-bottom: 0 !important;\n}\n.pbXs_97617c9647 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_b09b7a2895 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_8b32a07404 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_7c352e6372 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_f768158c57 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_34bb3b3cc9 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_50b9759cee {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_31cddb38cb {\n  padding-inline-start: 0 !important;\n}\n.psXs_66482e5b50 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_db725a017e {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_721f8a0fe2 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_493574b948 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_873f93c374 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_f0daf0b1be {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_f16e571913 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_fea3e0de40 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_d0535679c6 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_3fe440f03a {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_b0b40f1c76 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_19ec77d491 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_49caea3def {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_81a3038f09 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_7f3ab46e70 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_c4bebb85e1",scrollable:"scrollable_d53cf0fac0",opacityDisabled:"opacityDisabled_b696f6b16d",border:"border_6c033b0112",borderColorUiBorderColor:"borderColorUiBorderColor_5dc2c536c0",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_c1d3b7f3ed",rounded0:"rounded0_0a667295e1",roundedSmall:"roundedSmall_ada6aae4b8",roundedMedium:"roundedMedium_01655aeee6",roundedBig:"roundedBig_cf494d212a",shadowXs:"shadowXs_fb93fccece",shadowSmall:"shadowSmall_bf279b90a4",shadowMedium:"shadowMedium_5efc4a2be5",shadowLarge:"shadowLarge_558710825d",m0:"m0_ab6605ed09",mXs:"mXs_b9158a8957",mSmall:"mSmall_18efc2ac43",mMedium:"mMedium_7946ee74b4",mLarge:"mLarge_8e9445a9a5",mXl:"mXl_321e27d3a8",mXxl:"mXxl_c85caf8469",mXxxl:"mXxxl_0b7719cc7f",mAuto:"mAuto_9e2b35bfd7",mx0:"mx0_25adec7e3e",mxXs:"mxXs_6ce1fa79cb",mxSmall:"mxSmall_0b1adbe48d",mxMedium:"mxMedium_218ad989ba",mxLarge:"mxLarge_839c1ac7bc",mxXl:"mxXl_02b6266e3d",mxXxl:"mxXxl_5fb22e980b",mxXxxl:"mxXxxl_38cb43d688",mxAuto:"mxAuto_114bc67efb",my0:"my0_d227e69976",myXs:"myXs_bec2bf9061",mySmall:"mySmall_60c72b7061",myMedium:"myMedium_9f6848a26a",myLarge:"myLarge_9677f8259f",myXl:"myXl_23747be7d1",myXxl:"myXxl_05b142b918",myXxxl:"myXxxl_e11e7067b6",myAuto:"myAuto_95d4c269ea",mt0:"mt0_84fe1252ac",mtXs:"mtXs_c59f03564a",mtSmall:"mtSmall_f4e77a5fb4",mtMedium:"mtMedium_c8c08d3eb0",mtLarge:"mtLarge_72d7dff6c8",mtXl:"mtXl_02e7848215",mtXxl:"mtXxl_0099b61451",mtXxxl:"mtXxxl_f8587c2fb5",mtAuto:"mtAuto_caf482047a",me0:"me0_e56b2d175f",meXs:"meXs_334c853bbc",meSmall:"meSmall_83ceb442ec",meMedium:"meMedium_4a9b1d010b",meLarge:"meLarge_0cd9a7f072",meXl:"meXl_257b8ba2d0",meXxl:"meXxl_8b3f525b58",meXxxl:"meXxxl_1226ee1596",meAuto:"meAuto_a051f59612",mb0:"mb0_306a00b262",mbXs:"mbXs_61f7d45d86",mbSmall:"mbSmall_badf72301e",mbMedium:"mbMedium_8b90dbd47a",mbLarge:"mbLarge_bb5a75690c",mbXl:"mbXl_3799cb5909",mbXxl:"mbXxl_957789e515",mbXxxl:"mbXxxl_6d3769cabd",mbAuto:"mbAuto_9d9c7345e0",ms0:"ms0_4f2e6b8458",msXs:"msXs_f3716b1c70",msSmall:"msSmall_cc670bc6cb",msMedium:"msMedium_5968bafded",msLarge:"msLarge_3269657ef5",msXl:"msXl_ca76558d46",msXxl:"msXxl_1272a6c67d",msXxxl:"msXxxl_abd0d0fc86",msAuto:"msAuto_0471a3abf0",p0:"p0_d3fedd5b18",pXs:"pXs_31272313cf",pSmall:"pSmall_952e8cd575",pMedium:"pMedium_6d423c5e0b",pLarge:"pLarge_362a3aca02",pXl:"pXl_e25274f5a1",pXxl:"pXxl_1c7949a890",pXxxl:"pXxxl_9a599969c4",px0:"px0_ddd8edfee6",pxXs:"pxXs_386a73bd43",pxSmall:"pxSmall_97b896a4d7",pxMedium:"pxMedium_da0b154cda",pxLarge:"pxLarge_ec6852e9b0",pxXl:"pxXl_0bdd37f82d",pxXxl:"pxXxl_0cfc13d6f5",pxXxxl:"pxXxxl_435cb8a68a",py0:"py0_bb2c96336a",pyXs:"pyXs_f46e10cad8",pySmall:"pySmall_e60d0d1ec0",pyMedium:"pyMedium_4c9286d520",pyLarge:"pyLarge_39497b37a8",pyXl:"pyXl_79639f71e5",pyXxl:"pyXxl_578de0aaff",pyXxxl:"pyXxxl_9200b8d375",pt0:"pt0_f9a54ac7f1",ptXs:"ptXs_8a514f7b73",ptSmall:"ptSmall_1f72a44720",ptMedium:"ptMedium_7eede6d458",ptLarge:"ptLarge_1665caaa6d",ptXl:"ptXl_d632d2693e",ptXxl:"ptXxl_f31b0819d9",ptXxxl:"ptXxxl_723f73466f",pe0:"pe0_c50cdbf0a3",peXs:"peXs_95b9177e0e",peSmall:"peSmall_3206aec3bb",peMedium:"peMedium_a8881fed15",peLarge:"peLarge_5f6ea00d84",peXl:"peXl_55d52cfb96",peXxl:"peXxl_b8db725036",peXxxl:"peXxxl_df908683f5",pb0:"pb0_8fb24e9077",pbXs:"pbXs_82d7b59ccb",pbSmall:"pbSmall_02343289cb",pbMedium:"pbMedium_b4f59b52c3",pbLarge:"pbLarge_9553abd600",pbXl:"pbXl_b0de960029",pbXxl:"pbXxl_a6d59eee59",pbXxxl:"pbXxxl_69a747d28b",ps0:"ps0_3957ced6da",psXs:"psXs_8fb98f315e",psSmall:"psSmall_7183a7fc37",psMedium:"psMedium_35156155b9",psLarge:"psLarge_8593e9036f",psXl:"psXl_2cfc2e5db7",psXxl:"psXxl_bb1927c7aa",psXxxl:"psXxxl_675cb01d09",textPrimaryTextColor:"textPrimaryTextColor_15cdb40b9f",textTextColorOnInverted:"textTextColorOnInverted_29a046e44e",textSecondaryTextColor:"textSecondaryTextColor_016bd82c2e",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_a3985da5e2",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_c59f2c23b3",bgGreyBackgroundColor:"bgGreyBackgroundColor_86380c9e45",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_29786863fe",bgInvertedColorBackground:"bgInvertedColorBackground_5f5be0c5f1"};!function(n){const a="s_id-e8ebf0c89fee_3_10_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_c4bebb85e1 {\n  overflow: hidden;\n}\n.box_c4bebb85e1.scrollable_d53cf0fac0 {\n  overflow: auto;\n}\n.box_c4bebb85e1.scrollable_d53cf0fac0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_c4bebb85e1.scrollable_d53cf0fac0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_b696f6b16d {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_6c033b0112 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_5dc2c536c0 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_c1d3b7f3ed {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_0a667295e1 {\n  border-radius: 0 !important;\n}\n.roundedSmall_ada6aae4b8 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_01655aeee6 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_cf494d212a {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_fb93fccece {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_bf279b90a4 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_5efc4a2be5 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_558710825d {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_ab6605ed09 {\n  margin: 0 !important;\n}\n.mXs_b9158a8957 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_18efc2ac43 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_7946ee74b4 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_8e9445a9a5 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_321e27d3a8 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_c85caf8469 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_0b7719cc7f {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_9e2b35bfd7 {\n  margin: auto !important;\n}\n.mx0_25adec7e3e {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_6ce1fa79cb {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_0b1adbe48d {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_218ad989ba {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_839c1ac7bc {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_02b6266e3d {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_5fb22e980b {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_38cb43d688 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_114bc67efb {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_d227e69976 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_bec2bf9061 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_60c72b7061 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_9f6848a26a {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_9677f8259f {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_23747be7d1 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_05b142b918 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_e11e7067b6 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_95d4c269ea {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_84fe1252ac {\n  margin-top: 0 !important;\n}\n.mtXs_c59f03564a {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_f4e77a5fb4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_c8c08d3eb0 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_72d7dff6c8 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_02e7848215 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_0099b61451 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_f8587c2fb5 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_caf482047a {\n  margin-top: auto !important;\n}\n.me0_e56b2d175f {\n  margin-inline-end: 0 !important;\n}\n.meXs_334c853bbc {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_83ceb442ec {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_4a9b1d010b {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_0cd9a7f072 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_257b8ba2d0 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_8b3f525b58 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_1226ee1596 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_a051f59612 {\n  margin-inline-end: auto !important;\n}\n.mb0_306a00b262 {\n  margin-bottom: 0 !important;\n}\n.mbXs_61f7d45d86 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_badf72301e {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_8b90dbd47a {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_bb5a75690c {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_3799cb5909 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_957789e515 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_6d3769cabd {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_9d9c7345e0 {\n  margin-bottom: auto !important;\n}\n.ms0_4f2e6b8458 {\n  margin-inline-start: 0 !important;\n}\n.msXs_f3716b1c70 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_cc670bc6cb {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_5968bafded {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_3269657ef5 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_ca76558d46 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_1272a6c67d {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_abd0d0fc86 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_0471a3abf0 {\n  margin-inline-start: auto !important;\n}\n.p0_d3fedd5b18 {\n  padding: 0 !important;\n}\n.pXs_31272313cf {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_952e8cd575 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_6d423c5e0b {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_362a3aca02 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_e25274f5a1 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_1c7949a890 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_9a599969c4 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_ddd8edfee6 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_386a73bd43 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_97b896a4d7 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_da0b154cda {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_ec6852e9b0 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_0bdd37f82d {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_0cfc13d6f5 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_435cb8a68a {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_bb2c96336a {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_f46e10cad8 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_e60d0d1ec0 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_4c9286d520 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_39497b37a8 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_79639f71e5 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_578de0aaff {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_9200b8d375 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_f9a54ac7f1 {\n  padding-top: 0 !important;\n}\n.ptXs_8a514f7b73 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_1f72a44720 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_7eede6d458 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_1665caaa6d {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_d632d2693e {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_f31b0819d9 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_723f73466f {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_c50cdbf0a3 {\n  padding-inline-end: 0 !important;\n}\n.peXs_95b9177e0e {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_3206aec3bb {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_a8881fed15 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_5f6ea00d84 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_55d52cfb96 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_b8db725036 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_df908683f5 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_8fb24e9077 {\n  padding-bottom: 0 !important;\n}\n.pbXs_82d7b59ccb {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_02343289cb {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_b4f59b52c3 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_9553abd600 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_b0de960029 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_a6d59eee59 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_69a747d28b {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_3957ced6da {\n  padding-inline-start: 0 !important;\n}\n.psXs_8fb98f315e {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_7183a7fc37 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_35156155b9 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_8593e9036f {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_2cfc2e5db7 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_bb1927c7aa {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_675cb01d09 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_15cdb40b9f {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_29a046e44e {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_016bd82c2e {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_a3985da5e2 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_c59f2c23b3 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_86380c9e45 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_29786863fe {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_5f5be0c5f1 {\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_9528e0a7a1",withoutText:"withoutText_48fd3b47df",breadcrumbText:"breadcrumbText_770226ff4e",breadcrumbIcon:"breadcrumbIcon_77addc021c",clickable:"clickable_3db2a52412",current:"current_5f95a68b75",disabled:"disabled_7c16547fc1",notClickable:"notClickable_5b3c55a637"};!function(e){const n="s_id-55ff70da99a4_3_9_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_9528e0a7a1 {\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_9528e0a7a1.withoutText_48fd3b47df {\n  padding: 4px;\n}\na.breadcrumbContent_9528e0a7a1:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_9528e0a7a1 .breadcrumbText_770226ff4e {\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_9528e0a7a1 .breadcrumbIcon_77addc021c {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_9528e0a7a1:focus {\n  outline: none;\n}\n.breadcrumbContent_9528e0a7a1.clickable_3db2a52412 {\n  cursor: pointer;\n}\n.breadcrumbContent_9528e0a7a1.clickable_3db2a52412:hover,\n.breadcrumbContent_9528e0a7a1:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_9528e0a7a1.current_5f95a68b75 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_9528e0a7a1.disabled_7c16547fc1 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_9528e0a7a1.disabled_7c16547fc1:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_9528e0a7a1.notClickable_5b3c55a637 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_ed18a3010a",withoutText:"withoutText_91d3bc69ae",breadcrumbText:"breadcrumbText_1251bd0aac",breadcrumbIcon:"breadcrumbIcon_b46528917e",clickable:"clickable_ebe36f6976",current:"current_296f4d9d9b",disabled:"disabled_bd03beaaaa",notClickable:"notClickable_c921979bba"};!function(e){const n="s_id-55ff70da99a4_3_10_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_ed18a3010a {\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_ed18a3010a.withoutText_91d3bc69ae {\n  padding: 4px;\n}\na.breadcrumbContent_ed18a3010a:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_ed18a3010a .breadcrumbText_1251bd0aac {\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_ed18a3010a .breadcrumbIcon_b46528917e {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_ed18a3010a:focus {\n  outline: none;\n}\n.breadcrumbContent_ed18a3010a.clickable_ebe36f6976 {\n  cursor: pointer;\n}\n.breadcrumbContent_ed18a3010a.clickable_ebe36f6976:hover,\n.breadcrumbContent_ed18a3010a:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_ed18a3010a.current_296f4d9d9b {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_ed18a3010a.disabled_bd03beaaaa {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_ed18a3010a.disabled_bd03beaaaa:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_ed18a3010a.notClickable_c921979bba {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_48a81e54c2",disabled:"disabled_bb52abc99b"};!function(e){const t="s_id-03f482333e23_3_9_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_48a81e54c2 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_48a81e54c2.disabled_bb52abc99b {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_830862b68a",disabled:"disabled_323c7ee221"};!function(e){const t="s_id-03f482333e23_3_10_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_830862b68a {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_830862b68a.disabled_323c7ee221 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_18d67529a1",separatorIcon:"separatorIcon_58a8010743"};!function(e){const n="s_id-24567fd55d40_3_9_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_18d67529a1 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_18d67529a1 ol .separatorIcon_58a8010743 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_967bd63f6b",separatorIcon:"separatorIcon_82fb43e0f1"};!function(e){const n="s_id-24567fd55d40_3_10_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_967bd63f6b ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_967bd63f6b ol .separatorIcon_82fb43e0f1 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as a,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,ButtonColor as g,ButtonType as y,ButtonInputType as b}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as v,getParentBackgroundColorNotTransparent as h}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as C}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N}from"../../tests/constants.js";import k from"./Button.module.scss.js";import{useButtonLoading as E}from"./helper/useButtonLoading.js";var I=o((function(o,c){var d=o.className,g=o.children,y=o.kind,b=o.onClick,v=o.name,C=o.size,I=o.color,x=o.disabled,P=o.rightIcon,S=o.leftIcon,B=o.success,L=o.successText,T=o.successIcon,z=o.style,M=o.loading,O=o.loaderClassName,D=o.active,w=o.activeButtonClassName,H=o.id,R=o.marginRight,U=o.marginLeft,A=o.type,_=o.onMouseDown,q=o.ariaLabel,G=o.rightFlat,J=o.leftFlat,K=o.preventClickAnimation,Q=o.noSidePadding,V=o.onFocus,W=o.onBlur,X=o.ariaLabeledBy,Y=o.defaultTextColorOnPrimaryColor,Z=o.ariaHasPopup,$=o.ariaExpanded,ee=o.ariaControls,te=o["aria-describedby"],oe=o["aria-hidden"],ae=o["aria-pressed"],ne=o.blurOnMouseUp,re=o["data-testid"],ie=o.insetFocus,se=o.tabIndex,le=a(null),ce=u(c,le),ue=E({isLoading:M}).loading;n((function(){if(("on-primary-color"===I||"fixed-light"===I)&&"primary"===y&&le.current){var e=le.current;e.style.color=h(e,Y)}}),[y,le,I,Y]);var de=r((function(){var e=le.current;!x&&e&&ne&&e.blur()}),[x,le,ne]),me=r((function(e){x||ue||B?e.preventDefault():b&&b(e)}),[b,x,ue,B]),pe=r((function(e){x||ue||B?e.preventDefault():_&&_(e)}),[_,x,ue,B]),fe=i((function(){var t,o=B?"positive":I;return l(d,k.button,F(k,s("size-"+C)),F(k,s("kind-"+y)),F(k,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},k.success,B),F(k,s("color-"+o+"-active")),D),w,D),k.marginRight,R),k.marginLeft,U),k.rightFlat,G),k.leftFlat,J),k.preventClickAnimation,K),k.noSidePadding,Q),k.disabled,x),e(t,k.insetFocusStyle,ie)))}),[B,I,d,C,y,D,w,R,U,G,J,K,Q,x,ie]),ge=i((function(){return{ref:ce,type:A,className:fe,name:v,onMouseUp:de,style:z,onClick:me,id:H,onFocus:V,onBlur:W,tabIndex:x||oe?-1:se,"data-testid":re||j(N.BUTTON,H),onMouseDown:pe,"aria-disabled":x,"aria-busy":ue,"aria-labelledby":X,"aria-label":q,"aria-haspopup":Z,"aria-expanded":$,"aria-controls":ee,"aria-describedby":te,"aria-hidden":oe,"aria-pressed":ae}}),[ce,A,fe,v,de,z,me,H,V,W,se,re,pe,x,ue,X,q,Z,$,ee,te,oe,ae]),ye=i((function(){if("function"==typeof S)return f}),[S]),be=i((function(){if("function"==typeof P)return f}),[P]),ve=i((function(){if("function"==typeof T)return f}),[T]),he=i((function(){return t.createElement(t.Fragment,null,S?t.createElement(m,{iconType:"font",icon:S,iconSize:ye,className:l(e({},k.leftIcon,!!g)),ignoreFocusStyle:!0}):null,g,P?t.createElement(m,{iconType:"font",icon:P,iconSize:be,className:l(e({},k.rightIcon,!!g)),ignoreFocusStyle:!0}):null)}),[g,S,ye,P,be]);return ue?t.createElement("button",Object.assign({},ge,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(k.loader,O)},t.createElement(p,{className:k.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},he))):B?t.createElement("button",Object.assign({},ge,{key:"".concat(H,"-success")}),t.createElement("span",{className:k.successContent},T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve,className:l(e({},k.leftIcon,!!L)),ignoreFocusStyle:!0}):null,L),t.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},he)):t.createElement("button",Object.assign({},ge,{key:"".concat(H,"-button")}),he)}));I.defaultProps={className:void 0,name:void 0,style:void 0,id:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:v,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var x=C(I,{sizes:c,colors:g,kinds:y,types:b,inputTags:b});export{x as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as a,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,ButtonColor as y,ButtonType as g,ButtonInputType as b}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as v,getParentBackgroundColorNotTransparent as h}from"./helper/dom-helpers.js";import{getTestId as C}from"../../tests/testIds.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N}from"../../tests/constants.js";import k from"./Button.module.scss.js";import{useButtonLoading as E}from"./helper/useButtonLoading.js";var I=o((function(o,c){var d=o.className,y=o.children,g=o.kind,b=o.onClick,v=o.name,j=o.size,I=o.color,x=o.disabled,P=o.rightIcon,B=o.leftIcon,S=o.success,L=o.successText,T=o.successIcon,z=o.style,M=o.loading,O=o.loaderClassName,D=o.active,w=o.activeButtonClassName,A=o.id,H=o.marginRight,R=o.marginLeft,U=o.type,_=o.onMouseDown,q=o.ariaLabel,G=o.rightFlat,J=o.leftFlat,K=o.preventClickAnimation,Q=o.noSidePadding,V=o.onFocus,W=o.onBlur,X=o.ariaLabeledBy,Y=o.defaultTextColorOnPrimaryColor,Z=o.ariaHasPopup,$=o.ariaExpanded,ee=o.ariaControls,te=o["aria-describedby"],oe=o["aria-hidden"],ae=o["aria-pressed"],ne=o.blurOnMouseUp,re=o["data-testid"],ie=o.insetFocus,se=o.tabIndex,le=a(null),ce=u(c,le),ue=E({isLoading:M}).loading;n((function(){if(("on-primary-color"===I||"fixed-light"===I)&&"primary"===g&&le.current){var e=le.current;e.style.color=h(e,Y)}}),[g,le,I,Y]);var de=r((function(){var e=le.current;!x&&e&&ne&&e.blur()}),[x,le,ne]),me=r((function(e){x||ue||S?e.preventDefault():b&&b(e)}),[b,x,ue,S]),pe=r((function(e){x||ue||S?e.preventDefault():_&&_(e)}),[_,x,ue,S]),fe=i((function(){var t,o=S?"positive":I;return l(d,k.button,F(k,s("size-"+j)),F(k,s("kind-"+g)),F(k,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},k.success,S),F(k,s("color-"+o+"-active")),D),w,D),k.marginRight,H),k.marginLeft,R),k.rightFlat,G),k.leftFlat,J),k.preventClickAnimation,K),k.noSidePadding,Q),k.disabled,x),e(t,k.insetFocusStyle,ie)))}),[S,I,d,j,g,D,w,H,R,G,J,K,Q,x,ie]),ye=i((function(){return{ref:ce,type:U,className:fe,name:v,onMouseUp:de,style:z,onClick:me,id:A,onFocus:V,onBlur:W,tabIndex:x||oe?-1:se,"data-testid":re||C(N.BUTTON,A),onMouseDown:pe,"aria-disabled":x,"aria-busy":ue,"aria-labelledby":X,"aria-label":q,"aria-haspopup":Z,"aria-expanded":$,"aria-controls":ee,"aria-describedby":te,"aria-hidden":oe,"aria-pressed":ae}}),[ce,U,fe,v,de,z,me,A,V,W,se,re,pe,x,ue,X,q,Z,$,ee,te,oe,ae]),ge=i((function(){if("function"==typeof B)return f}),[B]),be=i((function(){if("function"==typeof P)return f}),[P]),ve=i((function(){if("function"==typeof T)return f}),[T]),he=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),Ce=i((function(){return t.createElement(t.Fragment,null,B?t.createElement(m,{iconType:"font",icon:B,iconSize:ge,className:l(e({},k.leftIcon,he)),ignoreFocusStyle:!0}):null,y,P?t.createElement(m,{iconType:"font",icon:P,iconSize:be,className:l(e({},k.rightIcon,he)),ignoreFocusStyle:!0}):null)}),[y,he,B,ge,P,be]);return ue?t.createElement("button",Object.assign({},ye,{key:"".concat(A,"-loading")}),t.createElement("span",{className:l(k.loader,O)},t.createElement(p,{className:k.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},Ce))):S?t.createElement("button",Object.assign({},ye,{key:"".concat(A,"-success")}),t.createElement("span",{className:k.successContent},T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve,className:l(e({},k.leftIcon,!!L)),ignoreFocusStyle:!0}):null,L),t.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},Ce)):t.createElement("button",Object.assign({},ye,{key:"".concat(A,"-button")}),Ce)}));I.defaultProps={className:void 0,name:void 0,style:void 0,id:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:v,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var x=j(I,{sizes:c,colors:y,kinds:g,types:b,inputTags:b});export{x as default};
 //# sourceMappingURL=Button.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const leftIconSize = useMemo(() => {\n if (typeof leftIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [leftIcon]);\n\n const rightIconSize = useMemo(() => {\n if (typeof rightIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [rightIcon]);\n\n const successIconSize = useMemo(() => {\n if (typeof successIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [successIcon]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={leftIconSize}\n className={cx({\n [styles.leftIcon]: !!children\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={rightIconSize}\n className={cx({\n [styles.rightIcon]: !!children\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, leftIcon, leftIconSize, rightIcon, rightIconSize]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={successIconSize}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","leftIconSize","BUTTON_ICON_SIZE","rightIconSize","successIconSize","buttonContent","React","createElement","Fragment","Icon","iconType","icon","iconSize","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const leftIconSize = useMemo(() => {\n if (typeof leftIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [leftIcon]);\n\n const rightIconSize = useMemo(() => {\n if (typeof rightIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [rightIcon]);\n\n const successIconSize = useMemo(() => {\n if (typeof successIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [successIcon]);\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={leftIconSize}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={rightIconSize}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, leftIcon, leftIconSize, rightIcon, rightIconSize]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={successIconSize}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","leftIconSize","BUTTON_ICON_SIZE","rightIconSize","successIconSize","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","icon","iconSize","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={button:"button_e2b4efdffd","focus-visible":"focus-visible_bf7e39eb65",loader:"loader_8a8a5f377b",loaderSvg:"loaderSvg_20da346a02",textPlaceholder:"textPlaceholder_da8d248fc5",success:"success_82820794cd",successContent:"successContent_3a84e9c485",marginRight:"marginRight_0f09f122f6",marginLeft:"marginLeft_8b1995a814",rightFlat:"rightFlat_5591a14c29",leftFlat:"leftFlat_bfb130f7fa",preventClickAnimation:"preventClickAnimation_aab5056159",leftIcon:"leftIcon_0f09f122f6",rightIcon:"rightIcon_8b1995a814",sizeXxs:"sizeXxs_14d9e58194",sizeXs:"sizeXs_28f327afec",sizeSmall:"sizeSmall_db13f77965",sizeMedium:"sizeMedium_9bad3360e9",sizeLarge:"sizeLarge_1f149d7a98",kindPrimary:"kindPrimary_1e9b3bda93",colorPrimary:"colorPrimary_2cf371a989",colorBrand:"colorBrand_1c0b6fac62",colorPrimaryActive:"colorPrimaryActive_5d5a0a902d",colorBrandActive:"colorBrandActive_b1a365cada",colorPositive:"colorPositive_01d6df1cbd",colorPositiveActive:"colorPositiveActive_b4c2d0590b",colorNegative:"colorNegative_9d41520f8a",colorNegativeActive:"colorNegativeActive_b4c2d0590b",colorInverted:"colorInverted_49c514c319",colorInvertedActive:"colorInvertedActive_b4c2d0590b",disabled:"disabled_46682ecb22",colorOnPrimaryColor:"colorOnPrimaryColor_ee9588e649",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_fec453669b",colorFixedLight:"colorFixedLight_e131f00c3c",colorFixedLightActive:"colorFixedLightActive_aab5056159",colorOnInvertedBackground:"colorOnInvertedBackground_a415f888b6",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_fc4c5ecdc3",kindSecondary:"kindSecondary_4cc121bcb3",kindTertiary:"kindTertiary_90578ad303",noSidePadding:"noSidePadding_f2eae7a96e",insetFocusStyle:"insetFocusStyle_26bc0cd94f"};!function(o){const r="s_id-9fe829f89bf2_3_9_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_e2b4efdffd {\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_e2b4efdffd:focus-visible, .button_e2b4efdffd.focus-visible_bf7e39eb65 {\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_e2b4efdffd:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.button_e2b4efdffd .loader_8a8a5f377b {\n  height: 100%;\n}\n.button_e2b4efdffd .loader_8a8a5f377b .loaderSvg_20da346a02 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_e2b4efdffd .textPlaceholder_da8d248fc5 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_e2b4efdffd.success_82820794cd {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_e2b4efdffd.success_82820794cd .successContent_3a84e9c485 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_0f09f122f6 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_8b1995a814 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_5591a14c29 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_bfb130f7fa {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_e2b4efdffd:active:not(.preventClickAnimation_aab5056159) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_e2b4efdffd .leftIcon_0f09f122f6 {\n  margin-right: var(--spacing-small);\n}\n.button_e2b4efdffd .rightIcon_8b1995a814 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_14d9e58194 {\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_28f327afec {\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_db13f77965 {\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_db13f77965 .loader_8a8a5f377b {\n  top: 7px;\n}\n.sizeMedium_9bad3360e9 {\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_1f149d7a98 {\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_1e9b3bda93 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1e9b3bda93.colorPrimary_2cf371a989 {\n  background: var(--primary-color);\n}\n.kindPrimary_1e9b3bda93.colorBrand_1c0b6fac62 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_1e9b3bda93.colorPrimaryActive_5d5a0a902d,\n.kindPrimary_1e9b3bda93.colorPrimary_2cf371a989:hover,\n.kindPrimary_1e9b3bda93.colorPrimary_2cf371a989:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_1e9b3bda93.colorBrandActive_b1a365cada,\n.kindPrimary_1e9b3bda93.colorBrand_1c0b6fac62:hover,\n.kindPrimary_1e9b3bda93.colorBrand_1c0b6fac62:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_1e9b3bda93.colorPositive_01d6df1cbd {\n  background: var(--positive-color);\n}\n.kindPrimary_1e9b3bda93.colorPositiveActive_b4c2d0590b,\n.kindPrimary_1e9b3bda93.colorPositive_01d6df1cbd:hover,\n.kindPrimary_1e9b3bda93.colorPositive_01d6df1cbd:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_1e9b3bda93.colorNegative_9d41520f8a {\n  background: var(--negative-color);\n}\n.kindPrimary_1e9b3bda93.colorNegativeActive_b4c2d0590b,\n.kindPrimary_1e9b3bda93.colorNegative_9d41520f8a:hover,\n.kindPrimary_1e9b3bda93.colorNegative_9d41520f8a:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_1e9b3bda93.colorInverted_49c514c319 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_1e9b3bda93.colorInvertedActive_b4c2d0590b,\n.kindPrimary_1e9b3bda93.colorInverted_49c514c319:hover,\n.kindPrimary_1e9b3bda93.colorInverted_49c514c319:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_1e9b3bda93.button_e2b4efdffd.colorInverted_49c514c319.disabled_46682ecb22 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColorActive_fec453669b,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColorActive_fec453669b:focus-visible, .kindPrimary_1e9b3bda93.colorOnPrimaryColorActive_fec453669b.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover:focus-visible,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus:focus-visible,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus.focus-visible_bf7e39eb65 {\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_1e9b3bda93.colorOnPrimaryColorActive_fec453669b:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_1e9b3bda93.colorFixedLightActive_aab5056159,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1e9b3bda93.colorFixedLightActive_aab5056159:focus-visible, .kindPrimary_1e9b3bda93.colorFixedLightActive_aab5056159.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover:focus-visible,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus:focus-visible,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus.focus-visible_bf7e39eb65 {\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_1e9b3bda93.colorFixedLightActive_aab5056159:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1e9b3bda93.colorOnInvertedBackground_a415f888b6 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_1e9b3bda93.colorOnInvertedBackgroundActive_fc4c5ecdc3,\n.kindPrimary_1e9b3bda93.colorOnInvertedBackground_a415f888b6:hover,\n.kindPrimary_1e9b3bda93.colorOnInvertedBackground_a415f888b6:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_1e9b3bda93.button_e2b4efdffd.colorOnInvertedBackground_a415f888b6.disabled_46682ecb22 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_1e9b3bda93.button_e2b4efdffd.disabled_46682ecb22 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4cc121bcb3 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_4cc121bcb3.sizeSmall_db13f77965 {\n  line-height: 22px;\n}\n.kindSecondary_4cc121bcb3.sizeMedium_9bad3360e9 {\n  line-height: 22px;\n}\n.kindSecondary_4cc121bcb3.sizeLarge_1f149d7a98 {\n  line-height: 22px;\n}\n.kindSecondary_4cc121bcb3.colorPrimaryActive_5d5a0a902d {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4cc121bcb3.colorPrimaryActive_5d5a0a902d:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4cc121bcb3.colorBrandActive_b1a365cada {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_4cc121bcb3.colorBrandActive_b1a365cada,\n.kindSecondary_4cc121bcb3.colorBrandActive_b1a365cada:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_4cc121bcb3.colorPrimary_2cf371a989:hover:not(.colorPrimaryActive_5d5a0a902d),\n.kindSecondary_4cc121bcb3.colorPrimary_2cf371a989:focus:not(.colorPrimaryActive_5d5a0a902d) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4cc121bcb3.colorBrand_1c0b6fac62:hover:not(.colorBrandActive_b1a365cada),\n.kindSecondary_4cc121bcb3.colorBrand_1c0b6fac62:focus:not(.colorBrandActive_b1a365cada) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4cc121bcb3.colorPositive_01d6df1cbd {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_4cc121bcb3.colorPositiveActive_b4c2d0590b,\n.kindSecondary_4cc121bcb3.colorPositive_01d6df1cbd:hover,\n.kindSecondary_4cc121bcb3.colorPositive_01d6df1cbd:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_4cc121bcb3.colorNegative_9d41520f8a {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_4cc121bcb3.colorNegativeActive_b4c2d0590b,\n.kindSecondary_4cc121bcb3.colorNegative_9d41520f8a:hover,\n.kindSecondary_4cc121bcb3.colorNegative_9d41520f8a:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_4cc121bcb3.colorInvertedActive_b4c2d0590b,\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319:hover,\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319.disabled_46682ecb22 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColorActive_fec453669b,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColorActive_fec453669b:focus-visible, .kindSecondary_4cc121bcb3.colorOnPrimaryColorActive_fec453669b.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover:focus-visible,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus:focus-visible,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus.focus-visible_bf7e39eb65 {\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_4cc121bcb3.colorOnPrimaryColorActive_fec453669b:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4cc121bcb3.colorFixedLightActive_aab5056159,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4cc121bcb3.colorFixedLightActive_aab5056159:focus-visible, .kindSecondary_4cc121bcb3.colorFixedLightActive_aab5056159.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover:focus-visible,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus:focus-visible,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus.focus-visible_bf7e39eb65 {\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_4cc121bcb3.colorFixedLightActive_aab5056159:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_4cc121bcb3.colorOnInvertedBackgroundActive_fc4c5ecdc3,\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6:hover,\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6.disabled_46682ecb22 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4cc121bcb3.disabled_46682ecb22 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4cc121bcb3.disabled_46682ecb22:hover {\n  background-color: transparent;\n}\n.kindTertiary_90578ad303 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_90578ad303.colorPrimaryActive_5d5a0a902d {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_90578ad303.colorPrimaryActive_5d5a0a902d:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_90578ad303.colorBrandActive_b1a365cada {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_90578ad303.colorBrandActive_b1a365cada,\n.kindTertiary_90578ad303.colorBrandActive_b1a365cada:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_90578ad303.colorPrimary_2cf371a989:hover:not(.colorPrimaryActive_5d5a0a902d),\n.kindTertiary_90578ad303.colorPrimary_2cf371a989:focus:not(.colorPrimaryActive_5d5a0a902d) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_90578ad303.colorBrand_1c0b6fac62:hover:not(.colorBrandActive_b1a365cada),\n.kindTertiary_90578ad303.colorBrand_1c0b6fac62:focus:not(.colorBrandActive_b1a365cada) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_90578ad303.colorPositive_01d6df1cbd {\n  color: var(--positive-color);\n}\n.kindTertiary_90578ad303.colorPositiveActive_b4c2d0590b,\n.kindTertiary_90578ad303.colorPositive_01d6df1cbd:hover,\n.kindTertiary_90578ad303.colorPositive_01d6df1cbd:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_90578ad303.colorNegative_9d41520f8a {\n  color: var(--negative-color);\n}\n.kindTertiary_90578ad303.colorNegativeActive_b4c2d0590b,\n.kindTertiary_90578ad303.colorNegative_9d41520f8a:hover,\n.kindTertiary_90578ad303.colorNegative_9d41520f8a:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_90578ad303.colorInverted_49c514c319 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_90578ad303.colorInvertedActive_b4c2d0590b,\n.kindTertiary_90578ad303.colorInverted_49c514c319:hover,\n.kindTertiary_90578ad303.colorInverted_49c514c319:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_90578ad303.colorInverted_49c514c319.disabled_46682ecb22 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_90578ad303.colorOnPrimaryColorActive_fec453669b,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_90578ad303.colorOnPrimaryColorActive_fec453669b:focus-visible, .kindTertiary_90578ad303.colorOnPrimaryColorActive_fec453669b.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover:focus-visible,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus:focus-visible,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus.focus-visible_bf7e39eb65 {\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_90578ad303.colorOnPrimaryColorActive_fec453669b:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_90578ad303.colorFixedLightActive_aab5056159,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_90578ad303.colorFixedLightActive_aab5056159:focus-visible, .kindTertiary_90578ad303.colorFixedLightActive_aab5056159.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover:focus-visible,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus:focus-visible,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus.focus-visible_bf7e39eb65 {\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_90578ad303.colorFixedLightActive_aab5056159:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_90578ad303.colorOnInvertedBackgroundActive_fc4c5ecdc3,\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6:hover,\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6.disabled_46682ecb22 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_90578ad303.disabled_46682ecb22 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_90578ad303.disabled_46682ecb22:hover {\n  background-color: transparent;\n}\n.noSidePadding_f2eae7a96e {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_e2b4efdffd.insetFocusStyle_26bc0cd94f:focus-visible, .button_e2b4efdffd.insetFocusStyle_26bc0cd94f.focus-visible_bf7e39eb65 {\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_e2b4efdffd.insetFocusStyle_26bc0cd94f:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_2e60ac6506","focus-visible":"focus-visible_c302bce27b",loader:"loader_bad5f4616e",loaderSvg:"loaderSvg_405ee15018",textPlaceholder:"textPlaceholder_327d975e0b",success:"success_17d56288b7",successContent:"successContent_247c90452c",marginRight:"marginRight_4ab3e61e6d",marginLeft:"marginLeft_d76bbe3d88",rightFlat:"rightFlat_1d44c2f84f",leftFlat:"leftFlat_4c9536fc28",preventClickAnimation:"preventClickAnimation_31d99ae85b",leftIcon:"leftIcon_4ab3e61e6d",rightIcon:"rightIcon_d76bbe3d88",sizeXxs:"sizeXxs_016a87e5ab",sizeXs:"sizeXs_134ffa9e89",sizeSmall:"sizeSmall_f0af59877a",sizeMedium:"sizeMedium_f14f27afe3",sizeLarge:"sizeLarge_233b3e895f",kindPrimary:"kindPrimary_af9d8db6c9",colorPrimary:"colorPrimary_57dde7b86c",colorBrand:"colorBrand_ef2f2bb722",colorPrimaryActive:"colorPrimaryActive_5d78a4cea2",colorBrandActive:"colorBrandActive_841bad2161",colorPositive:"colorPositive_6777381b69",colorPositiveActive:"colorPositiveActive_b0cb09797b",colorNegative:"colorNegative_6bc5bcc0b7",colorNegativeActive:"colorNegativeActive_b0cb09797b",colorInverted:"colorInverted_7278773295",colorInvertedActive:"colorInvertedActive_b0cb09797b",disabled:"disabled_51d3c842f0",colorOnPrimaryColor:"colorOnPrimaryColor_f4acec2bbc",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_801865eb72",colorFixedLight:"colorFixedLight_8c6339d3d4",colorFixedLightActive:"colorFixedLightActive_31d99ae85b",colorOnInvertedBackground:"colorOnInvertedBackground_0e3a9731bf",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_eea6a63957",kindSecondary:"kindSecondary_d27517d071",kindTertiary:"kindTertiary_b73bbb84f7",noSidePadding:"noSidePadding_69fdea6204",insetFocusStyle:"insetFocusStyle_cdef215458"};!function(o){const r="s_id-9fe829f89bf2_3_10_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_2e60ac6506 {\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_2e60ac6506:focus-visible, .button_2e60ac6506.focus-visible_c302bce27b {\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_2e60ac6506:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.button_2e60ac6506 .loader_bad5f4616e {\n  height: 100%;\n}\n.button_2e60ac6506 .loader_bad5f4616e .loaderSvg_405ee15018 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_2e60ac6506 .textPlaceholder_327d975e0b {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_2e60ac6506.success_17d56288b7 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_2e60ac6506.success_17d56288b7 .successContent_247c90452c {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_4ab3e61e6d {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_d76bbe3d88 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_1d44c2f84f {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_4c9536fc28 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_2e60ac6506:active:not(.preventClickAnimation_31d99ae85b) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_2e60ac6506 .leftIcon_4ab3e61e6d {\n  margin-right: var(--spacing-small);\n}\n.button_2e60ac6506 .rightIcon_d76bbe3d88 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_016a87e5ab {\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_134ffa9e89 {\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_f0af59877a {\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_f0af59877a .loader_bad5f4616e {\n  top: 7px;\n}\n.sizeMedium_f14f27afe3 {\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_233b3e895f {\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_af9d8db6c9 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_af9d8db6c9.colorPrimary_57dde7b86c {\n  background: var(--primary-color);\n}\n.kindPrimary_af9d8db6c9.colorBrand_ef2f2bb722 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_af9d8db6c9.colorPrimaryActive_5d78a4cea2,\n.kindPrimary_af9d8db6c9.colorPrimary_57dde7b86c:hover,\n.kindPrimary_af9d8db6c9.colorPrimary_57dde7b86c:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_af9d8db6c9.colorBrandActive_841bad2161,\n.kindPrimary_af9d8db6c9.colorBrand_ef2f2bb722:hover,\n.kindPrimary_af9d8db6c9.colorBrand_ef2f2bb722:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_af9d8db6c9.colorPositive_6777381b69 {\n  background: var(--positive-color);\n}\n.kindPrimary_af9d8db6c9.colorPositiveActive_b0cb09797b,\n.kindPrimary_af9d8db6c9.colorPositive_6777381b69:hover,\n.kindPrimary_af9d8db6c9.colorPositive_6777381b69:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_af9d8db6c9.colorNegative_6bc5bcc0b7 {\n  background: var(--negative-color);\n}\n.kindPrimary_af9d8db6c9.colorNegativeActive_b0cb09797b,\n.kindPrimary_af9d8db6c9.colorNegative_6bc5bcc0b7:hover,\n.kindPrimary_af9d8db6c9.colorNegative_6bc5bcc0b7:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_af9d8db6c9.colorInverted_7278773295 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_af9d8db6c9.colorInvertedActive_b0cb09797b,\n.kindPrimary_af9d8db6c9.colorInverted_7278773295:hover,\n.kindPrimary_af9d8db6c9.colorInverted_7278773295:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_af9d8db6c9.button_2e60ac6506.colorInverted_7278773295.disabled_51d3c842f0 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColorActive_801865eb72,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColorActive_801865eb72:focus-visible, .kindPrimary_af9d8db6c9.colorOnPrimaryColorActive_801865eb72.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover:focus-visible,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus:focus-visible,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus.focus-visible_c302bce27b {\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_af9d8db6c9.colorOnPrimaryColorActive_801865eb72:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_af9d8db6c9.colorFixedLightActive_31d99ae85b,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_af9d8db6c9.colorFixedLightActive_31d99ae85b:focus-visible, .kindPrimary_af9d8db6c9.colorFixedLightActive_31d99ae85b.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover:focus-visible,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus:focus-visible,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus.focus-visible_c302bce27b {\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_af9d8db6c9.colorFixedLightActive_31d99ae85b:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_af9d8db6c9.colorOnInvertedBackground_0e3a9731bf {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_af9d8db6c9.colorOnInvertedBackgroundActive_eea6a63957,\n.kindPrimary_af9d8db6c9.colorOnInvertedBackground_0e3a9731bf:hover,\n.kindPrimary_af9d8db6c9.colorOnInvertedBackground_0e3a9731bf:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_af9d8db6c9.button_2e60ac6506.colorOnInvertedBackground_0e3a9731bf.disabled_51d3c842f0 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_af9d8db6c9.button_2e60ac6506.disabled_51d3c842f0 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d27517d071 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_d27517d071.sizeSmall_f0af59877a {\n  line-height: 22px;\n}\n.kindSecondary_d27517d071.sizeMedium_f14f27afe3 {\n  line-height: 22px;\n}\n.kindSecondary_d27517d071.sizeLarge_233b3e895f {\n  line-height: 22px;\n}\n.kindSecondary_d27517d071.colorPrimaryActive_5d78a4cea2 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_d27517d071.colorPrimaryActive_5d78a4cea2:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_d27517d071.colorBrandActive_841bad2161 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_d27517d071.colorBrandActive_841bad2161,\n.kindSecondary_d27517d071.colorBrandActive_841bad2161:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_d27517d071.colorPrimary_57dde7b86c:hover:not(.colorPrimaryActive_5d78a4cea2),\n.kindSecondary_d27517d071.colorPrimary_57dde7b86c:focus:not(.colorPrimaryActive_5d78a4cea2) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_d27517d071.colorBrand_ef2f2bb722:hover:not(.colorBrandActive_841bad2161),\n.kindSecondary_d27517d071.colorBrand_ef2f2bb722:focus:not(.colorBrandActive_841bad2161) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_d27517d071.colorPositive_6777381b69 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_d27517d071.colorPositiveActive_b0cb09797b,\n.kindSecondary_d27517d071.colorPositive_6777381b69:hover,\n.kindSecondary_d27517d071.colorPositive_6777381b69:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_d27517d071.colorNegative_6bc5bcc0b7 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_d27517d071.colorNegativeActive_b0cb09797b,\n.kindSecondary_d27517d071.colorNegative_6bc5bcc0b7:hover,\n.kindSecondary_d27517d071.colorNegative_6bc5bcc0b7:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_d27517d071.colorInverted_7278773295 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_d27517d071.colorInvertedActive_b0cb09797b,\n.kindSecondary_d27517d071.colorInverted_7278773295:hover,\n.kindSecondary_d27517d071.colorInverted_7278773295:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_d27517d071.colorInverted_7278773295.disabled_51d3c842f0 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_d27517d071.colorOnPrimaryColorActive_801865eb72,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d27517d071.colorOnPrimaryColorActive_801865eb72:focus-visible, .kindSecondary_d27517d071.colorOnPrimaryColorActive_801865eb72.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover:focus-visible,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus:focus-visible,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus.focus-visible_c302bce27b {\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_d27517d071.colorOnPrimaryColorActive_801865eb72:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d27517d071.colorFixedLightActive_31d99ae85b,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d27517d071.colorFixedLightActive_31d99ae85b:focus-visible, .kindSecondary_d27517d071.colorFixedLightActive_31d99ae85b.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover:focus-visible,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus:focus-visible,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus.focus-visible_c302bce27b {\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_d27517d071.colorFixedLightActive_31d99ae85b:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_d27517d071.colorOnInvertedBackgroundActive_eea6a63957,\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf:hover,\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf.disabled_51d3c842f0 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d27517d071.disabled_51d3c842f0 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d27517d071.disabled_51d3c842f0:hover {\n  background-color: transparent;\n}\n.kindTertiary_b73bbb84f7 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_b73bbb84f7.colorPrimaryActive_5d78a4cea2 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_b73bbb84f7.colorPrimaryActive_5d78a4cea2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorBrandActive_841bad2161 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b73bbb84f7.colorBrandActive_841bad2161,\n.kindTertiary_b73bbb84f7.colorBrandActive_841bad2161:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b73bbb84f7.colorPrimary_57dde7b86c:hover:not(.colorPrimaryActive_5d78a4cea2),\n.kindTertiary_b73bbb84f7.colorPrimary_57dde7b86c:focus:not(.colorPrimaryActive_5d78a4cea2) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorBrand_ef2f2bb722:hover:not(.colorBrandActive_841bad2161),\n.kindTertiary_b73bbb84f7.colorBrand_ef2f2bb722:focus:not(.colorBrandActive_841bad2161) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorPositive_6777381b69 {\n  color: var(--positive-color);\n}\n.kindTertiary_b73bbb84f7.colorPositiveActive_b0cb09797b,\n.kindTertiary_b73bbb84f7.colorPositive_6777381b69:hover,\n.kindTertiary_b73bbb84f7.colorPositive_6777381b69:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b73bbb84f7.colorNegative_6bc5bcc0b7 {\n  color: var(--negative-color);\n}\n.kindTertiary_b73bbb84f7.colorNegativeActive_b0cb09797b,\n.kindTertiary_b73bbb84f7.colorNegative_6bc5bcc0b7:hover,\n.kindTertiary_b73bbb84f7.colorNegative_6bc5bcc0b7:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b73bbb84f7.colorInverted_7278773295 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_b73bbb84f7.colorInvertedActive_b0cb09797b,\n.kindTertiary_b73bbb84f7.colorInverted_7278773295:hover,\n.kindTertiary_b73bbb84f7.colorInverted_7278773295:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorInverted_7278773295.disabled_51d3c842f0 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColorActive_801865eb72,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColorActive_801865eb72:focus-visible, .kindTertiary_b73bbb84f7.colorOnPrimaryColorActive_801865eb72.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover:focus-visible,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus:focus-visible,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus.focus-visible_c302bce27b {\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_b73bbb84f7.colorOnPrimaryColorActive_801865eb72:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b73bbb84f7.colorFixedLightActive_31d99ae85b,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b73bbb84f7.colorFixedLightActive_31d99ae85b:focus-visible, .kindTertiary_b73bbb84f7.colorFixedLightActive_31d99ae85b.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover:focus-visible,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus:focus-visible,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus.focus-visible_c302bce27b {\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_b73bbb84f7.colorFixedLightActive_31d99ae85b:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b73bbb84f7.colorOnInvertedBackgroundActive_eea6a63957,\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf:hover,\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf.disabled_51d3c842f0 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b73bbb84f7.disabled_51d3c842f0 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b73bbb84f7.disabled_51d3c842f0:hover {\n  background-color: transparent;\n}\n.noSidePadding_69fdea6204 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_2e60ac6506.insetFocusStyle_cdef215458:focus-visible, .button_2e60ac6506.insetFocusStyle_cdef215458.focus-visible_c302bce27b {\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_2e60ac6506.insetFocusStyle_cdef215458:focus:not(.focus-visible_c302bce27b) {\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_ddb8a96e70",subTextContainer:"subTextContainer_e0671c65e9",buttonsContainer:"buttonsContainer_68e25d51bc",button:"button_47023aad3a",activeButton:"activeButton_5d5a0a902d",optionText:"optionText_f480652031",disabled:"disabled_bb52abc99b",selected:"selected_fe971f87ed",kindTertiary:"kindTertiary_ca5f471d07",wrapper:"wrapper_c989d5397c",buttonDisabled:"buttonDisabled_1cbf6aeddc",fullWidth:"fullWidth_cd48d1eade"};!function(n){const o="s_id-51d51089eef9_3_9_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_ddb8a96e70 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_e0671c65e9 {\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_68e25d51bc {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_68e25d51bc .button_47023aad3a {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_68e25d51bc .button_47023aad3a.activeButton_5d5a0a902d {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_68e25d51bc .button_47023aad3a.activeButton_5d5a0a902d:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_f480652031:not(.disabled_bb52abc99b) {\n  color: var(--primary-text-color);\n}\n\n.optionText_f480652031:not(.disabled_bb52abc99b).selected_fe971f87ed {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_ca5f471d07 .button_47023aad3a {\n  border-color: transparent;\n}\n\n.kindTertiary_ca5f471d07 .button_47023aad3a:first-child {\n  border-color: transparent;\n}\n\n.wrapper_c989d5397c.disabled_bb52abc99b {\n  cursor: not-allowed;\n}\n\n.button_47023aad3a.disabled_bb52abc99b {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_47023aad3a.buttonDisabled_1cbf6aeddc {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_cd48d1eade {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_7d531d1237",subTextContainer:"subTextContainer_1711ce4163",buttonsContainer:"buttonsContainer_d3e5329b8d",button:"button_1058107101",activeButton:"activeButton_5d78a4cea2",optionText:"optionText_0e69ac35e5",disabled:"disabled_323c7ee221",selected:"selected_edebb044c6",kindTertiary:"kindTertiary_8a1b60eec9",wrapper:"wrapper_9e74a43090",buttonDisabled:"buttonDisabled_bf02549b62",fullWidth:"fullWidth_1088202c09"};!function(n){const e="s_id-51d51089eef9_3_10_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_7d531d1237 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_1711ce4163 {\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_d3e5329b8d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_d3e5329b8d .button_1058107101 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_d3e5329b8d .button_1058107101.activeButton_5d78a4cea2 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_d3e5329b8d .button_1058107101.activeButton_5d78a4cea2:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_0e69ac35e5:not(.disabled_323c7ee221) {\n  color: var(--primary-text-color);\n}\n\n.optionText_0e69ac35e5:not(.disabled_323c7ee221).selected_edebb044c6 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_8a1b60eec9 .button_1058107101 {\n  border-color: transparent;\n}\n\n.kindTertiary_8a1b60eec9 .button_1058107101:first-child {\n  border-color: transparent;\n}\n\n.wrapper_9e74a43090.disabled_323c7ee221 {\n  cursor: not-allowed;\n}\n\n.button_1058107101.disabled_323c7ee221 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_1058107101.buttonDisabled_bf02549b62 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_1088202c09 {\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_8c3663c891",checkbox:"checkbox_a125079f8c",icon:"icon_bcf0c96375",label:"label_55ba31ddf4",input:"input_e1a517daf8",checkboxGrowAnimation:"checkboxGrowAnimation_ea3fc3b646"};!function(n){const e="s_id-a622c58c4e9d_3_9_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_8c3663c891 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_a125079f8c {\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_a125079f8c: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_a125079f8c:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_bcf0c96375 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_55ba31ddf4 {\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_e1a517daf8 {\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_e1a517daf8:focus + .checkbox_a125079f8c {\n  border-color: var(--secondary-text-color);\n}\n\n.input_e1a517daf8:focus:checked + .checkbox_a125079f8c {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_e1a517daf8:focus-visible + .checkbox_a125079f8c {\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_e1a517daf8:checked:focus + .checkbox_a125079f8c:after,\n.input_e1a517daf8:indeterminate:focus + .checkbox_a125079f8c:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c {\n  animation: checkboxGrowAnimation_ea3fc3b646 var(--motion-productive-short);\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c:hover,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c:hover:after,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c:after,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c: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_e1a517daf8:checked + .checkbox_a125079f8c > .icon_bcf0c96375,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c > .icon_bcf0c96375 {\n  visibility: visible;\n}\n\n.input_e1a517daf8:checked:disabled + .checkbox_a125079f8c:after,\n.input_e1a517daf8:indeterminate:disabled + .checkbox_a125079f8c:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_e1a517daf8:disabled + .checkbox_a125079f8c,\n.input_e1a517daf8:disabled + .checkbox_a125079f8c:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_e1a517daf8:disabled + .checkbox_a125079f8c .icon_bcf0c96375,\n.input_e1a517daf8:disabled + .checkbox_a125079f8c:hover .icon_bcf0c96375 {\n  color: var(--disabled-text-color);\n}\n\n.input_e1a517daf8:disabled + .checkbox_a125079f8c,\n.input_e1a517daf8:disabled + .checkbox_a125079f8c:hover {\n  cursor: not-allowed;\n}\n\n.input_e1a517daf8:disabled ~ .label_55ba31ddf4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_ea3fc3b646 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_c64642ca22",checkbox:"checkbox_79869804b6",icon:"icon_da0ad3fd27",label:"label_9c88d8a319",input:"input_d6cdcd2d15",checkboxGrowAnimation:"checkboxGrowAnimation_74aee9dbde"};!function(n){const e="s_id-a622c58c4e9d_3_10_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_c64642ca22 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_79869804b6 {\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_79869804b6: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_79869804b6:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_da0ad3fd27 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_9c88d8a319 {\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_d6cdcd2d15 {\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_d6cdcd2d15:focus + .checkbox_79869804b6 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_d6cdcd2d15:focus:checked + .checkbox_79869804b6 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_d6cdcd2d15:focus-visible + .checkbox_79869804b6 {\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_d6cdcd2d15:checked:focus + .checkbox_79869804b6:after,\n.input_d6cdcd2d15:indeterminate:focus + .checkbox_79869804b6:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6 {\n  animation: checkboxGrowAnimation_74aee9dbde var(--motion-productive-short);\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6:hover,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6:hover:after,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6:after,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6: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_d6cdcd2d15:checked + .checkbox_79869804b6 > .icon_da0ad3fd27,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6 > .icon_da0ad3fd27 {\n  visibility: visible;\n}\n\n.input_d6cdcd2d15:checked:disabled + .checkbox_79869804b6:after,\n.input_d6cdcd2d15:indeterminate:disabled + .checkbox_79869804b6:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6,\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6 .icon_da0ad3fd27,\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6:hover .icon_da0ad3fd27 {\n  color: var(--disabled-text-color);\n}\n\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6,\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6:hover {\n  cursor: not-allowed;\n}\n\n.input_d6cdcd2d15:disabled ~ .label_9c88d8a319 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_74aee9dbde {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_3db2a52412","focus-visible":"focus-visible_bf7e39eb65",disabled:"disabled_e28e5ea83d",disableTextSelection:"disableTextSelection_7099134613",chips:"chips_fee6c12f10","chips-pop-in-emphasized":"chips-pop-in-emphasized_3f2b5f6a02",border:"border_c1632a1121",withUserSelect:"withUserSelect_c3e6b0e6d5",label:"label_73b1599847",noAnimation:"noAnimation_08cd029e41",icon:"icon_3217b7692a",avatar:"avatar_bb28835e6b",customRenderer:"customRenderer_378e8802e7",left:"left_28a97d28ef",right:"right_ee5ca6dacf",close:"close_a08284b7fb",defaultCursor:"defaultCursor_e28e5ea83d"};!function(e){const n="s_id-a8c9f55659fd_3_9_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_3db2a52412 {\n  cursor: pointer;\n}\n.clickable_3db2a52412:focus-visible, .clickable_3db2a52412.focus-visible_bf7e39eb65 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_3db2a52412:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.clickable_3db2a52412.disabled_e28e5ea83d {\n  cursor: default;\n}\n.disableTextSelection_7099134613 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_fee6c12f10 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_3f2b5f6a02 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_fee6c12f10.border_c1632a1121 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_fee6c12f10.withUserSelect_c3e6b0e6d5 {\n  user-select: text;\n  cursor: text;\n}\n.chips_fee6c12f10 .label_73b1599847 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_fee6c12f10.noAnimation_08cd029e41 {\n  animation: none;\n}\n.chips_fee6c12f10 .icon_3217b7692a,\n.chips_fee6c12f10 .avatar_bb28835e6b,\n.chips_fee6c12f10 .customRenderer_378e8802e7 {\n  min-width: 18px;\n}\n.chips_fee6c12f10 .icon_3217b7692a.left_28a97d28ef,\n.chips_fee6c12f10 .avatar_bb28835e6b.left_28a97d28ef,\n.chips_fee6c12f10 .customRenderer_378e8802e7.left_28a97d28ef {\n  margin-right: var(--spacing-xs);\n}\n.chips_fee6c12f10 .icon_3217b7692a.right_ee5ca6dacf,\n.chips_fee6c12f10 .avatar_bb28835e6b.right_ee5ca6dacf,\n.chips_fee6c12f10 .customRenderer_378e8802e7.right_ee5ca6dacf {\n  margin-left: var(--spacing-xs);\n}\n.chips_fee6c12f10 .icon_3217b7692a.close_a08284b7fb,\n.chips_fee6c12f10 .avatar_bb28835e6b.close_a08284b7fb,\n.chips_fee6c12f10 .customRenderer_378e8802e7.close_a08284b7fb {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_fee6c12f10.disabled_e28e5ea83d .icon_3217b7692a {\n  color: var(--disabled-text-color);\n}\n.chips_fee6c12f10.disabled_e28e5ea83d .label_73b1599847 {\n  color: var(--disabled-text-color);\n}\n.chips_fee6c12f10.defaultCursor_e28e5ea83d {\n  cursor: default;\n}\n.chips_fee6c12f10.clickable_3db2a52412 {\n  cursor: pointer;\n}\n.chips_fee6c12f10.clickable_3db2a52412:focus-visible, .chips_fee6c12f10.clickable_3db2a52412.focus-visible_bf7e39eb65 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_fee6c12f10.clickable_3db2a52412:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.chips_fee6c12f10.clickable_3db2a52412.disabled_e28e5ea83d {\n  cursor: default;\n}\n.chips_fee6c12f10.clickable_3db2a52412.disableTextSelection_7099134613 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_3f2b5f6a02 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={clickable:"clickable_ebe36f6976","focus-visible":"focus-visible_c302bce27b",disabled:"disabled_df1b6a9175",disableTextSelection:"disableTextSelection_eff38e44d7",chips:"chips_0c593d31c6","chips-pop-in-emphasized":"chips-pop-in-emphasized_b791074831",border:"border_3fb93a30d4",withUserSelect:"withUserSelect_b089ae751f",label:"label_21130cb7ca",noAnimation:"noAnimation_ab66197960",icon:"icon_8b4c4ca054",avatar:"avatar_2954d35cc6",customRenderer:"customRenderer_ee21bc53d5",left:"left_f537bdbfdf",right:"right_8382af296f",close:"close_b03ed6e6cc",defaultCursor:"defaultCursor_df1b6a9175"};!function(e){const c="s_id-a8c9f55659fd_3_10_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const i=document.createElement("style");i.id=c,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".clickable_ebe36f6976 {\n  cursor: pointer;\n}\n.clickable_ebe36f6976:focus-visible, .clickable_ebe36f6976.focus-visible_c302bce27b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_ebe36f6976:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.clickable_ebe36f6976.disabled_df1b6a9175 {\n  cursor: default;\n}\n.disableTextSelection_eff38e44d7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_0c593d31c6 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_b791074831 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_0c593d31c6.border_3fb93a30d4 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_0c593d31c6.withUserSelect_b089ae751f {\n  user-select: text;\n  cursor: text;\n}\n.chips_0c593d31c6 .label_21130cb7ca {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_0c593d31c6.noAnimation_ab66197960 {\n  animation: none;\n}\n.chips_0c593d31c6 .icon_8b4c4ca054,\n.chips_0c593d31c6 .avatar_2954d35cc6,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5 {\n  min-width: 18px;\n}\n.chips_0c593d31c6 .icon_8b4c4ca054.left_f537bdbfdf,\n.chips_0c593d31c6 .avatar_2954d35cc6.left_f537bdbfdf,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5.left_f537bdbfdf {\n  margin-right: var(--spacing-xs);\n}\n.chips_0c593d31c6 .icon_8b4c4ca054.right_8382af296f,\n.chips_0c593d31c6 .avatar_2954d35cc6.right_8382af296f,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5.right_8382af296f {\n  margin-left: var(--spacing-xs);\n}\n.chips_0c593d31c6 .icon_8b4c4ca054.close_b03ed6e6cc,\n.chips_0c593d31c6 .avatar_2954d35cc6.close_b03ed6e6cc,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5.close_b03ed6e6cc {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_0c593d31c6.disabled_df1b6a9175 .icon_8b4c4ca054 {\n  color: var(--disabled-text-color);\n}\n.chips_0c593d31c6.disabled_df1b6a9175 .label_21130cb7ca {\n  color: var(--disabled-text-color);\n}\n.chips_0c593d31c6.defaultCursor_df1b6a9175 {\n  cursor: default;\n}\n.chips_0c593d31c6.clickable_ebe36f6976 {\n  cursor: pointer;\n}\n.chips_0c593d31c6.clickable_ebe36f6976:focus-visible, .chips_0c593d31c6.clickable_ebe36f6976.focus-visible_c302bce27b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_0c593d31c6.clickable_ebe36f6976:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.chips_0c593d31c6.clickable_ebe36f6976.disabled_df1b6a9175 {\n  cursor: default;\n}\n.chips_0c593d31c6.clickable_ebe36f6976.disableTextSelection_eff38e44d7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_b791074831 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_3db2a52412","focus-visible":"focus-visible_bf7e39eb65",disabled:"disabled_e28e5ea83d",disableTextSelection:"disableTextSelection_7099134613"};!function(e){const n="s_id-8d33a9ee9e1f_3_9_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_3db2a52412 {\n  cursor: pointer;\n}\n.clickable_3db2a52412:focus-visible, .clickable_3db2a52412.focus-visible_bf7e39eb65 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_3db2a52412:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.clickable_3db2a52412.disabled_e28e5ea83d {\n  cursor: default;\n}\n.disableTextSelection_7099134613 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
+var e={clickable:"clickable_ebe36f6976","focus-visible":"focus-visible_c302bce27b",disabled:"disabled_df1b6a9175",disableTextSelection:"disableTextSelection_eff38e44d7"};!function(e){const n="s_id-8d33a9ee9e1f_3_10_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_ebe36f6976 {\n  cursor: pointer;\n}\n.clickable_ebe36f6976:focus-visible, .clickable_ebe36f6976.focus-visible_c302bce27b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_ebe36f6976:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.clickable_ebe36f6976.disabled_df1b6a9175 {\n  cursor: default;\n}\n.disableTextSelection_eff38e44d7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
 //# sourceMappingURL=Clickable.module.scss.js.map