npm - @vibe/core - Versions diffs - 3.47.0 → 3.48.1 - Mend

@vibe/core 3.47.0 → 3.48.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 (345) hide show

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer_b7b8ad5d5d",avatarContainer:"avatarContainer_113eb977d1"};!function(e){const a="s_id-0d36779f5b9e_3_46_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer_b7b8ad5d5d {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_113eb977d1 {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_63622d44c3",avatarContainer:"avatarContainer_d7470524d1"};!function(e){const n="s_id-0d36779f5b9e_3_48_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer_63622d44c3 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_d7470524d1 {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_bb6611ad8e","focus-visible":"focus-visible_f77548221a",xs:"xs_fc9266c537",small:"small_f31d8d46cf",medium:"medium_88e852f840",large:"large_6067480336",primary:"primary_98e0310456",dark:"dark_dc5bef2693",negative:"negative_cf161be32a",light:"light_614c5418fc",disabled:"disabled_6ceb3cd22a",menu:"menu_dc7b1b763c"};!function(n){const e="s_id-6c7433759f1e_3_46_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_bb6611ad8e {\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_bb6611ad8e:focus-visible, .counterContainer_bb6611ad8e.focus-visible_f77548221a {\n  outline: none;\n}\n.counterContainer_bb6611ad8e:focus-visible:focus-visible, .counterContainer_bb6611ad8e:focus-visible.focus-visible_f77548221a, .counterContainer_bb6611ad8e.focus-visible_f77548221a:focus-visible, .counterContainer_bb6611ad8e.focus-visible_f77548221a.focus-visible_f77548221a {\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_bb6611ad8e:focus-visible:focus:not(.focus-visible_f77548221a), .counterContainer_bb6611ad8e.focus-visible_f77548221a:focus:not(.focus-visible_f77548221a) {\n  outline: none;\n}\n.counterContainer_bb6611ad8e.xs_fc9266c537 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_bb6611ad8e.small_f31d8d46cf {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_bb6611ad8e.medium_88e852f840 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_bb6611ad8e.large_6067480336 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_bb6611ad8e.primary_98e0310456 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_bb6611ad8e.dark_dc5bef2693 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_bb6611ad8e.negative_cf161be32a {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_bb6611ad8e.light_614c5418fc {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_bb6611ad8e .disabled_6ceb3cd22a, .counterContainer_bb6611ad8e.disabled_6ceb3cd22a {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_dc7b1b763c {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_dc7b1b763c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_dc7b1b763c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_929b262736","focus-visible":"focus-visible_ad58db430a",xs:"xs_f3f9e270db",small:"small_1a68f5ddb0",medium:"medium_cc7226f3be",large:"large_8c4015689d",primary:"primary_c5af5bf5a0",dark:"dark_da009227dc",negative:"negative_63108ba82e",light:"light_8dee33365f",disabled:"disabled_9542dd15f1",menu:"menu_03e5147334"};!function(n){const e="s_id-6c7433759f1e_3_48_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_929b262736 {\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_929b262736:focus-visible, .counterContainer_929b262736.focus-visible_ad58db430a {\n  outline: none;\n}\n.counterContainer_929b262736:focus-visible:focus-visible, .counterContainer_929b262736:focus-visible.focus-visible_ad58db430a, .counterContainer_929b262736.focus-visible_ad58db430a:focus-visible, .counterContainer_929b262736.focus-visible_ad58db430a.focus-visible_ad58db430a {\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_929b262736:focus-visible:focus:not(.focus-visible_ad58db430a), .counterContainer_929b262736.focus-visible_ad58db430a:focus:not(.focus-visible_ad58db430a) {\n  outline: none;\n}\n.counterContainer_929b262736.xs_f3f9e270db {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_929b262736.small_1a68f5ddb0 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_929b262736.medium_cc7226f3be {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_929b262736.large_8c4015689d {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_929b262736.primary_c5af5bf5a0 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_929b262736.dark_da009227dc {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_929b262736.negative_63108ba82e {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_929b262736.light_8dee33365f {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_929b262736 .disabled_9542dd15f1, .counterContainer_929b262736.disabled_9542dd15f1 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_03e5147334 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_03e5147334::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_03e5147334::-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_bcaa5d0de5",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_7e956a83b7",tooltipContainer:"tooltipContainer_4ed3fbbb39","focus-visible":"focus-visible_f77548221a",tooltipGridContainer:"tooltipGridContainer_227dd46f99",scrollableContainer:"scrollableContainer_bf6da24816"};!function(t){const e="s_id-6cc986178da6_3_46_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_bcaa5d0de5 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_7e956a83b7 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_4ed3fbbb39 {\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_4ed3fbbb39:focus, .tooltipContainer_4ed3fbbb39:focus-visible, .tooltipContainer_4ed3fbbb39.focus-visible_f77548221a {\n  outline: none;\n}\n\n.tooltipGridContainer_227dd46f99 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_bf6da24816::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_bf6da24816::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_da99a305d9",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_0042020c1a",tooltipContainer:"tooltipContainer_0fe31bb9ce","focus-visible":"focus-visible_ad58db430a",tooltipGridContainer:"tooltipGridContainer_e1c38d311c",scrollableContainer:"scrollableContainer_f50ccc4717"};!function(t){const e="s_id-6cc986178da6_3_48_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_da99a305d9 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_0042020c1a {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_0fe31bb9ce {\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_0fe31bb9ce:focus, .tooltipContainer_0fe31bb9ce:focus-visible, .tooltipContainer_0fe31bb9ce.focus-visible_ad58db430a {\n  outline: none;\n}\n\n.tooltipGridContainer_e1c38d311c {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_f50ccc4717::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_f50ccc4717::-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_20ba6be838",virtualizedTooltipContainer:"virtualizedTooltipContainer_35321d0ebe","focus-visible":"focus-visible_f77548221a"};!function(e){const i="s_id-13c8e71f272d_3_46_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_20ba6be838::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_20ba6be838::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_35321d0ebe {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_35321d0ebe:focus, .virtualizedTooltipContainer_35321d0ebe:focus-visible, .virtualizedTooltipContainer_35321d0ebe.focus-visible_f77548221a {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_cd297a5a68",virtualizedTooltipContainer:"virtualizedTooltipContainer_e7dda683ae","focus-visible":"focus-visible_ad58db430a"};!function(e){const i="s_id-13c8e71f272d_3_48_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_cd297a5a68::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_cd297a5a68::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_e7dda683ae {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_e7dda683ae:focus, .virtualizedTooltipContainer_e7dda683ae:focus-visible, .virtualizedTooltipContainer_e7dda683ae.focus-visible_ad58db430a {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={badgeWrapper:"badgeWrapper_ddf8b00872",badge:"badge_9656ac0f80",outside:"outside_4311824e22",topEnd:"topEnd_cb5b24c55a",rectangular:"rectangular_6267d259e3",circular:"circular_b6c46c0503",topStart:"topStart_75f8c54534",bottomEnd:"bottomEnd_abfed9da95",bottomStart:"bottomStart_da79aa644e"};!function(a){const e="s_id-b5dca6298ea9_3_46_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_ddf8b00872 {\n  position: relative;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80:not(.outside_4311824e22) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.topEnd_cb5b24c55a.rectangular_6267d259e3 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.topEnd_cb5b24c55a.outside_4311824e22 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.topEnd_cb5b24c55a.circular_b6c46c0503 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.topStart_75f8c54534.rectangular_6267d259e3 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.topStart_75f8c54534.outside_4311824e22 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.topStart_75f8c54534.circular_b6c46c0503 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.bottomEnd_abfed9da95.rectangular_6267d259e3 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.bottomEnd_abfed9da95.outside_4311824e22 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.bottomEnd_abfed9da95.circular_b6c46c0503 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.bottomStart_da79aa644e.rectangular_6267d259e3 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.bottomStart_da79aa644e.outside_4311824e22 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_ddf8b00872 .badge_9656ac0f80.bottomStart_da79aa644e.circular_b6c46c0503 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
+var e={badgeWrapper:"badgeWrapper_69818ce194",badge:"badge_69ae3d8cd8",outside:"outside_13399b1333",topEnd:"topEnd_7e9efe264d",rectangular:"rectangular_6cfed9ac38",circular:"circular_8aa5a4c9dc",topStart:"topStart_6e9cd41466",bottomEnd:"bottomEnd_414da51e3d",bottomStart:"bottomStart_f059004bb7"};!function(e){const a="s_id-b5dca6298ea9_3_48_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_69818ce194 {\n  position: relative;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8:not(.outside_13399b1333) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.topEnd_7e9efe264d.rectangular_6cfed9ac38 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.topEnd_7e9efe264d.outside_13399b1333 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.topEnd_7e9efe264d.circular_8aa5a4c9dc {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.topStart_6e9cd41466.rectangular_6cfed9ac38 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.topStart_6e9cd41466.outside_13399b1333 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.topStart_6e9cd41466.circular_8aa5a4c9dc {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.bottomEnd_414da51e3d.rectangular_6cfed9ac38 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.bottomEnd_414da51e3d.outside_13399b1333 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.bottomEnd_414da51e3d.circular_8aa5a4c9dc {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.bottomStart_f059004bb7.rectangular_6cfed9ac38 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.bottomStart_f059004bb7.outside_13399b1333 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_69818ce194 .badge_69ae3d8cd8.bottomStart_f059004bb7.circular_8aa5a4c9dc {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
 //# sourceMappingURL=Badge.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_6dce00e296",small:"small_ce67d52790",medium:"medium_2b6fdf9d6b",large:"large_ed2d02c0d0",rightThinnerPadding:"rightThinnerPadding_39f09847bd",input:"input_e6169dc599",success:"success_e06044a808",readOnly:"readOnly_9fc9246538",disabled:"disabled_3862d598da",error:"error_75f1a47b8c"};!function(e){const r="s_id-1f2ba40749da_3_46_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".wrapper_6dce00e296 {\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_6dce00e296.small_ce67d52790 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_6dce00e296.medium_2b6fdf9d6b {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_6dce00e296.large_ed2d02c0d0 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_6dce00e296.rightThinnerPadding_39f09847bd {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_6dce00e296:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_6dce00e296:has(.input_e6169dc599:active, .input_e6169dc599:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_6dce00e296:has(.input_e6169dc599:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_6dce00e296:has(.input_e6169dc599:read-only) .input_e6169dc599 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_6dce00e296:has(.input_e6169dc599: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_6dce00e296:has(.input_e6169dc599:disabled) .input_e6169dc599 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_6dce00e296.success_e06044a808 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_6dce00e296.success_e06044a808:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_6dce00e296.success_e06044a808:has(.input_e6169dc599:active, .input_e6169dc599:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_6dce00e296:has(.input_e6169dc599[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_6dce00e296:has(.input_e6169dc599[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_6dce00e296:has(.input_e6169dc599[aria-invalid=true]):has(.input_e6169dc599:active, .input_e6169dc599:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_6dce00e296:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_6dce00e296.readOnly_9fc9246538 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_6dce00e296.readOnly_9fc9246538 .input_e6169dc599 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_6dce00e296.disabled_3862d598da {\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_6dce00e296.disabled_3862d598da .input_e6169dc599 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_6dce00e296.success_e06044a808 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_6dce00e296.success_e06044a808:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_6dce00e296.success_e06044a808:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_6dce00e296.error_75f1a47b8c {\n    border-color: var(--negative-color);\n  }\n  .wrapper_6dce00e296.error_75f1a47b8c:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_6dce00e296.error_75f1a47b8c:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_6dce00e296 .input_e6169dc599 {\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_6dce00e296 .input_e6169dc599::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_6dce00e296 .input_e6169dc599:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var r={wrapper:"wrapper_92cf9c9d65",small:"small_b85aefe1a0",medium:"medium_e597a47d6b",large:"large_071568c0d8",rightThinnerPadding:"rightThinnerPadding_25a74e39bf",input:"input_604a46e248",success:"success_32de8bda32",readOnly:"readOnly_ca092989ce",disabled:"disabled_e7c499d921",error:"error_a16d6993e8"};!function(r){const n="s_id-1f2ba40749da_3_48_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_92cf9c9d65 {\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_92cf9c9d65.small_b85aefe1a0 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_92cf9c9d65.medium_e597a47d6b {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_92cf9c9d65.large_071568c0d8 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_92cf9c9d65.rightThinnerPadding_25a74e39bf {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_92cf9c9d65:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_92cf9c9d65:has(.input_604a46e248:active, .input_604a46e248:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_92cf9c9d65:has(.input_604a46e248:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_92cf9c9d65:has(.input_604a46e248:read-only) .input_604a46e248 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_92cf9c9d65:has(.input_604a46e248: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_92cf9c9d65:has(.input_604a46e248:disabled) .input_604a46e248 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_92cf9c9d65.success_32de8bda32 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_92cf9c9d65.success_32de8bda32:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_92cf9c9d65.success_32de8bda32:has(.input_604a46e248:active, .input_604a46e248:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_92cf9c9d65:has(.input_604a46e248[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_92cf9c9d65:has(.input_604a46e248[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_92cf9c9d65:has(.input_604a46e248[aria-invalid=true]):has(.input_604a46e248:active, .input_604a46e248:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_92cf9c9d65:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_92cf9c9d65.readOnly_ca092989ce {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_92cf9c9d65.readOnly_ca092989ce .input_604a46e248 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_92cf9c9d65.disabled_e7c499d921 {\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_92cf9c9d65.disabled_e7c499d921 .input_604a46e248 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_92cf9c9d65.success_32de8bda32 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_92cf9c9d65.success_32de8bda32:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_92cf9c9d65.success_32de8bda32:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_92cf9c9d65.error_a16d6993e8 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_92cf9c9d65.error_a16d6993e8:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_92cf9c9d65.error_a16d6993e8:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_92cf9c9d65 .input_604a46e248 {\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_92cf9c9d65 .input_604a46e248::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_92cf9c9d65 .input_604a46e248: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_4a424d6435",scrollable:"scrollable_ce80d8dc50",opacityDisabled:"opacityDisabled_f5d24b2e47",border:"border_c11513c77b",borderColorUiBorderColor:"borderColorUiBorderColor_4e49b5b6f1",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_d48134e6b5",rounded0:"rounded0_7784999dbc",roundedSmall:"roundedSmall_c37b39fd30",roundedMedium:"roundedMedium_fd2f07939d",roundedBig:"roundedBig_9332f285c5",shadowXs:"shadowXs_3ab40c4503",shadowSmall:"shadowSmall_92c6acac0a",shadowMedium:"shadowMedium_80852ccbfa",shadowLarge:"shadowLarge_615b0c3f5c",m0:"m0_f4b7dbb9fb",mXs:"mXs_ac16f014c5",mSmall:"mSmall_7b9d8325cf",mMedium:"mMedium_2cd3ff31ff",mLarge:"mLarge_9f8f21f570",mXl:"mXl_8ead5482ef",mXxl:"mXxl_25cdb8e39e",mXxxl:"mXxxl_d424ceef76",mAuto:"mAuto_c2c4996e53",mx0:"mx0_b736d126a2",mxXs:"mxXs_ab18d15dfc",mxSmall:"mxSmall_dcdaf1fa64",mxMedium:"mxMedium_42e74de7a6",mxLarge:"mxLarge_da9604b998",mxXl:"mxXl_a9745520c0",mxXxl:"mxXxl_bcc4c847aa",mxXxxl:"mxXxxl_f4243f46f0",mxAuto:"mxAuto_374493a344",my0:"my0_8fef3a7e8e",myXs:"myXs_1884c0a8d6",mySmall:"mySmall_52a14c0237",myMedium:"myMedium_93b63320a2",myLarge:"myLarge_1fce68f054",myXl:"myXl_96f85e3245",myXxl:"myXxl_5ce3409ed7",myXxxl:"myXxxl_d3799e00c7",myAuto:"myAuto_9c760ae63a",mt0:"mt0_bae2bf8692",mtXs:"mtXs_541bc80fe6",mtSmall:"mtSmall_6a5b4835a4",mtMedium:"mtMedium_e3988dea54",mtLarge:"mtLarge_3b163f50cf",mtXl:"mtXl_d396760063",mtXxl:"mtXxl_45110a862f",mtXxxl:"mtXxxl_fcd03f67df",mtAuto:"mtAuto_ef58a70db9",me0:"me0_ff36cee3ab",meXs:"meXs_2119852798",meSmall:"meSmall_f4fb05e31e",meMedium:"meMedium_86621db41a",meLarge:"meLarge_513c186131",meXl:"meXl_966f489f43",meXxl:"meXxl_1100286fee",meXxxl:"meXxxl_194f3bb498",meAuto:"meAuto_3f58bb6eec",mb0:"mb0_9db57bd30a",mbXs:"mbXs_88169193f2",mbSmall:"mbSmall_e6d2434a45",mbMedium:"mbMedium_ad5d049819",mbLarge:"mbLarge_1fd8c41832",mbXl:"mbXl_13991be4ae",mbXxl:"mbXxl_b69d1b1248",mbXxxl:"mbXxxl_36e9134f4b",mbAuto:"mbAuto_36107b688e",ms0:"ms0_882714efc3",msXs:"msXs_cb7ef73282",msSmall:"msSmall_cb653adbb5",msMedium:"msMedium_e6f46518cb",msLarge:"msLarge_0a871fc342",msXl:"msXl_3e5166601c",msXxl:"msXxl_c5033e8894",msXxxl:"msXxxl_cd6c125089",msAuto:"msAuto_4a7dec9029",p0:"p0_270527da7d",pXs:"pXs_8e175e1cf3",pSmall:"pSmall_617cbca4cf",pMedium:"pMedium_f9b4267a06",pLarge:"pLarge_bb184c5423",pXl:"pXl_4a8f43992a",pXxl:"pXxl_99b64abc8d",pXxxl:"pXxxl_af1dd01c75",px0:"px0_80ba0ce08f",pxXs:"pxXs_26b71c4a45",pxSmall:"pxSmall_2bc1c0bbe5",pxMedium:"pxMedium_fafd18fb95",pxLarge:"pxLarge_ddb4ec3437",pxXl:"pxXl_6173c09ddb",pxXxl:"pxXxl_e3ca4fc95c",pxXxxl:"pxXxxl_03cfe0eb79",py0:"py0_3df7343ec6",pyXs:"pyXs_4f77297d14",pySmall:"pySmall_19c2915d5c",pyMedium:"pyMedium_bb80d1712c",pyLarge:"pyLarge_6646fb5b8e",pyXl:"pyXl_118f1a0076",pyXxl:"pyXxl_5afa50fb4c",pyXxxl:"pyXxxl_edc5ade8cf",pt0:"pt0_1606431351",ptXs:"ptXs_7dbf6be978",ptSmall:"ptSmall_089841424d",ptMedium:"ptMedium_84ff154594",ptLarge:"ptLarge_6a822294a8",ptXl:"ptXl_cf96bb45f5",ptXxl:"ptXxl_f4e18a66bb",ptXxxl:"ptXxxl_fefb8ca7e0",pe0:"pe0_bb4f8d68e5",peXs:"peXs_4ced6d87eb",peSmall:"peSmall_8a7514a75d",peMedium:"peMedium_df31ede6d5",peLarge:"peLarge_444a4994c9",peXl:"peXl_0212995dd0",peXxl:"peXxl_2662c5106a",peXxxl:"peXxxl_aa1c477a8f",pb0:"pb0_87678bedc7",pbXs:"pbXs_fee62b2209",pbSmall:"pbSmall_c8b172d87f",pbMedium:"pbMedium_2224ba485c",pbLarge:"pbLarge_3b28145d0b",pbXl:"pbXl_1caf82d9d2",pbXxl:"pbXxl_32652753a1",pbXxxl:"pbXxxl_c66a6e1246",ps0:"ps0_f67a08aed7",psXs:"psXs_41abfdbfab",psSmall:"psSmall_76d942f855",psMedium:"psMedium_5b152e626e",psLarge:"psLarge_5514a6bf73",psXl:"psXl_e6622ce985",psXxl:"psXxl_a82b991055",psXxxl:"psXxxl_9eb149c0c6",textPrimaryTextColor:"textPrimaryTextColor_a05cf69b3d",textTextColorOnInverted:"textTextColorOnInverted_c12ec19fb2",textSecondaryTextColor:"textSecondaryTextColor_86e0dce5d4",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_800e05d9aa",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_60a3d5f52d",bgGreyBackgroundColor:"bgGreyBackgroundColor_472b85cab9",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_1e7a69f8ea",bgInvertedColorBackground:"bgInvertedColorBackground_534d2f545e"};!function(n){const a="s_id-e8ebf0c89fee_3_46_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_4a424d6435 {\n  overflow: hidden;\n}\n.box_4a424d6435.scrollable_ce80d8dc50 {\n  overflow: auto;\n}\n.box_4a424d6435.scrollable_ce80d8dc50::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_4a424d6435.scrollable_ce80d8dc50::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_f5d24b2e47 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_c11513c77b {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_4e49b5b6f1 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_d48134e6b5 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_7784999dbc {\n  border-radius: 0 !important;\n}\n.roundedSmall_c37b39fd30 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_fd2f07939d {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_9332f285c5 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_3ab40c4503 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_92c6acac0a {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_80852ccbfa {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_615b0c3f5c {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_f4b7dbb9fb {\n  margin: 0 !important;\n}\n.mXs_ac16f014c5 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_7b9d8325cf {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_2cd3ff31ff {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_9f8f21f570 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_8ead5482ef {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_25cdb8e39e {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_d424ceef76 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_c2c4996e53 {\n  margin: auto !important;\n}\n.mx0_b736d126a2 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_ab18d15dfc {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_dcdaf1fa64 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_42e74de7a6 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_da9604b998 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_a9745520c0 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_bcc4c847aa {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_f4243f46f0 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_374493a344 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_8fef3a7e8e {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_1884c0a8d6 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_52a14c0237 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_93b63320a2 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_1fce68f054 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_96f85e3245 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_5ce3409ed7 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_d3799e00c7 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_9c760ae63a {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_bae2bf8692 {\n  margin-top: 0 !important;\n}\n.mtXs_541bc80fe6 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_6a5b4835a4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_e3988dea54 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_3b163f50cf {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_d396760063 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_45110a862f {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_fcd03f67df {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_ef58a70db9 {\n  margin-top: auto !important;\n}\n.me0_ff36cee3ab {\n  margin-inline-end: 0 !important;\n}\n.meXs_2119852798 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_f4fb05e31e {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_86621db41a {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_513c186131 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_966f489f43 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_1100286fee {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_194f3bb498 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_3f58bb6eec {\n  margin-inline-end: auto !important;\n}\n.mb0_9db57bd30a {\n  margin-bottom: 0 !important;\n}\n.mbXs_88169193f2 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_e6d2434a45 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_ad5d049819 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_1fd8c41832 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_13991be4ae {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_b69d1b1248 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_36e9134f4b {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_36107b688e {\n  margin-bottom: auto !important;\n}\n.ms0_882714efc3 {\n  margin-inline-start: 0 !important;\n}\n.msXs_cb7ef73282 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_cb653adbb5 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_e6f46518cb {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_0a871fc342 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_3e5166601c {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_c5033e8894 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_cd6c125089 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_4a7dec9029 {\n  margin-inline-start: auto !important;\n}\n.p0_270527da7d {\n  padding: 0 !important;\n}\n.pXs_8e175e1cf3 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_617cbca4cf {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_f9b4267a06 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_bb184c5423 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_4a8f43992a {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_99b64abc8d {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_af1dd01c75 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_80ba0ce08f {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_26b71c4a45 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_2bc1c0bbe5 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_fafd18fb95 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_ddb4ec3437 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_6173c09ddb {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_e3ca4fc95c {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_03cfe0eb79 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_3df7343ec6 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_4f77297d14 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_19c2915d5c {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_bb80d1712c {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_6646fb5b8e {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_118f1a0076 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_5afa50fb4c {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_edc5ade8cf {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_1606431351 {\n  padding-top: 0 !important;\n}\n.ptXs_7dbf6be978 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_089841424d {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_84ff154594 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_6a822294a8 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_cf96bb45f5 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_f4e18a66bb {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_fefb8ca7e0 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_bb4f8d68e5 {\n  padding-inline-end: 0 !important;\n}\n.peXs_4ced6d87eb {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_8a7514a75d {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_df31ede6d5 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_444a4994c9 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_0212995dd0 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_2662c5106a {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_aa1c477a8f {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_87678bedc7 {\n  padding-bottom: 0 !important;\n}\n.pbXs_fee62b2209 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_c8b172d87f {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_2224ba485c {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_3b28145d0b {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_1caf82d9d2 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_32652753a1 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_c66a6e1246 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_f67a08aed7 {\n  padding-inline-start: 0 !important;\n}\n.psXs_41abfdbfab {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_76d942f855 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_5b152e626e {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_5514a6bf73 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_e6622ce985 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_a82b991055 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_9eb149c0c6 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_a05cf69b3d {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_c12ec19fb2 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_86e0dce5d4 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_800e05d9aa {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_60a3d5f52d {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_472b85cab9 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_1e7a69f8ea {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_534d2f545e {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_50c2627def",scrollable:"scrollable_3427ca6237",opacityDisabled:"opacityDisabled_b02e927d02",border:"border_82aee5860c",borderColorUiBorderColor:"borderColorUiBorderColor_aa2ac08769",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_f54ec0f552",rounded0:"rounded0_3b51fc76c6",roundedSmall:"roundedSmall_e4bf50eefd",roundedMedium:"roundedMedium_7045bbe52c",roundedBig:"roundedBig_e522a8d89b",shadowXs:"shadowXs_10dc326572",shadowSmall:"shadowSmall_b2161a5d77",shadowMedium:"shadowMedium_6af02e2d2a",shadowLarge:"shadowLarge_86475a7a3c",m0:"m0_7abbb58b4a",mXs:"mXs_783dac77c7",mSmall:"mSmall_82ef672921",mMedium:"mMedium_de971d0c08",mLarge:"mLarge_904ff7a45e",mXl:"mXl_fba38ed9cc",mXxl:"mXxl_0138f63e3b",mXxxl:"mXxxl_6123c1ead2",mAuto:"mAuto_1c985eb186",mx0:"mx0_d65a478f7f",mxXs:"mxXs_264f3bc002",mxSmall:"mxSmall_85f94885a5",mxMedium:"mxMedium_3c5df117b3",mxLarge:"mxLarge_71e399bf3e",mxXl:"mxXl_f22d0dc225",mxXxl:"mxXxl_657df77a2b",mxXxxl:"mxXxxl_d95f2484c6",mxAuto:"mxAuto_a114d4935e",my0:"my0_1d906c1e42",myXs:"myXs_fab3ff2ea7",mySmall:"mySmall_0afc28a19c",myMedium:"myMedium_13de3cb653",myLarge:"myLarge_4be5afc234",myXl:"myXl_c4ccd9a9c5",myXxl:"myXxl_a26ffccc17",myXxxl:"myXxxl_29591f4c37",myAuto:"myAuto_55529eab7e",mt0:"mt0_5d2c33eeae",mtXs:"mtXs_7b7145aca8",mtSmall:"mtSmall_712f93f3fc",mtMedium:"mtMedium_072c068690",mtLarge:"mtLarge_7fc8694ae3",mtXl:"mtXl_4b566e230b",mtXxl:"mtXxl_b29f7d39c5",mtXxxl:"mtXxxl_86ae92c863",mtAuto:"mtAuto_1c301d2248",me0:"me0_33995efea1",meXs:"meXs_0f75485e70",meSmall:"meSmall_2585bed8b6",meMedium:"meMedium_e2d1746671",meLarge:"meLarge_02a10c8719",meXl:"meXl_c84ade20a4",meXxl:"meXxl_c74c9af6ba",meXxxl:"meXxxl_5ec4c11fb7",meAuto:"meAuto_7cf54388a9",mb0:"mb0_7247827672",mbXs:"mbXs_0e34d71206",mbSmall:"mbSmall_d1c9f70fb0",mbMedium:"mbMedium_b5d2386281",mbLarge:"mbLarge_d58d1c7d96",mbXl:"mbXl_896e67a1e1",mbXxl:"mbXxl_5a5dd90d12",mbXxxl:"mbXxxl_d863274f01",mbAuto:"mbAuto_34d25a9e12",ms0:"ms0_854adb6352",msXs:"msXs_87767d1ac5",msSmall:"msSmall_107e4ede75",msMedium:"msMedium_ea43207fe6",msLarge:"msLarge_01f3e02158",msXl:"msXl_02a1b91834",msXxl:"msXxl_20e25db78f",msXxxl:"msXxxl_6580462d1c",msAuto:"msAuto_2c1f8e61e2",p0:"p0_6ac467ebfa",pXs:"pXs_d916528ceb",pSmall:"pSmall_68ff265cea",pMedium:"pMedium_11b70c6bbd",pLarge:"pLarge_08604c3999",pXl:"pXl_6dc3d31a3d",pXxl:"pXxl_29172e52c5",pXxxl:"pXxxl_202ac678b5",px0:"px0_83f2a073c5",pxXs:"pxXs_c60ae33eb2",pxSmall:"pxSmall_265089c368",pxMedium:"pxMedium_22fe8270fa",pxLarge:"pxLarge_5107b70142",pxXl:"pxXl_befac0f0fa",pxXxl:"pxXxl_e34db97d10",pxXxxl:"pxXxxl_bf55f1bdf3",py0:"py0_eae0027bbd",pyXs:"pyXs_05373ad1a9",pySmall:"pySmall_2d62024ae1",pyMedium:"pyMedium_03ad13c640",pyLarge:"pyLarge_92743d6e8f",pyXl:"pyXl_18ae1deab8",pyXxl:"pyXxl_977bf39b3c",pyXxxl:"pyXxxl_a2b223de3e",pt0:"pt0_7544e76195",ptXs:"ptXs_af0698c524",ptSmall:"ptSmall_2387635886",ptMedium:"ptMedium_68f98fb5b4",ptLarge:"ptLarge_908d7efdca",ptXl:"ptXl_d9af202fbc",ptXxl:"ptXxl_0fc7a6bb92",ptXxxl:"ptXxxl_371c7bc3e2",pe0:"pe0_97c787274c",peXs:"peXs_d10226418b",peSmall:"peSmall_ecbb48eaa4",peMedium:"peMedium_277cb26fb1",peLarge:"peLarge_7660068287",peXl:"peXl_d5b1bfc2e9",peXxl:"peXxl_24e80fe927",peXxxl:"peXxxl_ecb7bbfcda",pb0:"pb0_6f9edbcacc",pbXs:"pbXs_fa1a18b7bd",pbSmall:"pbSmall_9e3688fbf6",pbMedium:"pbMedium_85289fe91a",pbLarge:"pbLarge_6cb21ab619",pbXl:"pbXl_7fcb5e76b5",pbXxl:"pbXxl_c4360488f3",pbXxxl:"pbXxxl_7e45a4223e",ps0:"ps0_87940e9368",psXs:"psXs_4ae2046bec",psSmall:"psSmall_959641b585",psMedium:"psMedium_f14c06332d",psLarge:"psLarge_f889b489ce",psXl:"psXl_75fd1fca40",psXxl:"psXxl_09f9168a6e",psXxxl:"psXxxl_96683a9f24",textPrimaryTextColor:"textPrimaryTextColor_60bd69fdb6",textTextColorOnInverted:"textTextColorOnInverted_62e1f01e79",textSecondaryTextColor:"textSecondaryTextColor_228db717c9",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_eb2becaf1b",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_2cee6a63ed",bgGreyBackgroundColor:"bgGreyBackgroundColor_7c7f0a2093",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_9030aca4cb",bgInvertedColorBackground:"bgInvertedColorBackground_cdc5329e9d"};!function(n){const a="s_id-e8ebf0c89fee_3_48_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_50c2627def {\n  overflow: hidden;\n}\n.box_50c2627def.scrollable_3427ca6237 {\n  overflow: auto;\n}\n.box_50c2627def.scrollable_3427ca6237::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_50c2627def.scrollable_3427ca6237::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_b02e927d02 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_82aee5860c {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_aa2ac08769 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_f54ec0f552 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_3b51fc76c6 {\n  border-radius: 0 !important;\n}\n.roundedSmall_e4bf50eefd {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_7045bbe52c {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_e522a8d89b {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_10dc326572 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_b2161a5d77 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_6af02e2d2a {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_86475a7a3c {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_7abbb58b4a {\n  margin: 0 !important;\n}\n.mXs_783dac77c7 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_82ef672921 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_de971d0c08 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_904ff7a45e {\n  margin: var(--spacing-large) !important;\n}\n.mXl_fba38ed9cc {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_0138f63e3b {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_6123c1ead2 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_1c985eb186 {\n  margin: auto !important;\n}\n.mx0_d65a478f7f {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_264f3bc002 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_85f94885a5 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_3c5df117b3 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_71e399bf3e {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_f22d0dc225 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_657df77a2b {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_d95f2484c6 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_a114d4935e {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_1d906c1e42 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_fab3ff2ea7 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_0afc28a19c {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_13de3cb653 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_4be5afc234 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_c4ccd9a9c5 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_a26ffccc17 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_29591f4c37 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_55529eab7e {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_5d2c33eeae {\n  margin-top: 0 !important;\n}\n.mtXs_7b7145aca8 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_712f93f3fc {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_072c068690 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7fc8694ae3 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_4b566e230b {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_b29f7d39c5 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_86ae92c863 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_1c301d2248 {\n  margin-top: auto !important;\n}\n.me0_33995efea1 {\n  margin-inline-end: 0 !important;\n}\n.meXs_0f75485e70 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_2585bed8b6 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_e2d1746671 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_02a10c8719 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_c84ade20a4 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_c74c9af6ba {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_5ec4c11fb7 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_7cf54388a9 {\n  margin-inline-end: auto !important;\n}\n.mb0_7247827672 {\n  margin-bottom: 0 !important;\n}\n.mbXs_0e34d71206 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_d1c9f70fb0 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_b5d2386281 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_d58d1c7d96 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_896e67a1e1 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_5a5dd90d12 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_d863274f01 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_34d25a9e12 {\n  margin-bottom: auto !important;\n}\n.ms0_854adb6352 {\n  margin-inline-start: 0 !important;\n}\n.msXs_87767d1ac5 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_107e4ede75 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_ea43207fe6 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_01f3e02158 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_02a1b91834 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_20e25db78f {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_6580462d1c {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_2c1f8e61e2 {\n  margin-inline-start: auto !important;\n}\n.p0_6ac467ebfa {\n  padding: 0 !important;\n}\n.pXs_d916528ceb {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_68ff265cea {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_11b70c6bbd {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_08604c3999 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_6dc3d31a3d {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_29172e52c5 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_202ac678b5 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_83f2a073c5 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_c60ae33eb2 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_265089c368 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_22fe8270fa {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_5107b70142 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_befac0f0fa {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_e34db97d10 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_bf55f1bdf3 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_eae0027bbd {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_05373ad1a9 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_2d62024ae1 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_03ad13c640 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_92743d6e8f {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_18ae1deab8 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_977bf39b3c {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_a2b223de3e {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_7544e76195 {\n  padding-top: 0 !important;\n}\n.ptXs_af0698c524 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_2387635886 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_68f98fb5b4 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_908d7efdca {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_d9af202fbc {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_0fc7a6bb92 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_371c7bc3e2 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_97c787274c {\n  padding-inline-end: 0 !important;\n}\n.peXs_d10226418b {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_ecbb48eaa4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_277cb26fb1 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_7660068287 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_d5b1bfc2e9 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_24e80fe927 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_ecb7bbfcda {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_6f9edbcacc {\n  padding-bottom: 0 !important;\n}\n.pbXs_fa1a18b7bd {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_9e3688fbf6 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_85289fe91a {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_6cb21ab619 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_7fcb5e76b5 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_c4360488f3 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_7e45a4223e {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_87940e9368 {\n  padding-inline-start: 0 !important;\n}\n.psXs_4ae2046bec {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_959641b585 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_f14c06332d {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_f889b489ce {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_75fd1fca40 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_09f9168a6e {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_96683a9f24 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_60bd69fdb6 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_62e1f01e79 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_228db717c9 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_eb2becaf1b {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_2cee6a63ed {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_7c7f0a2093 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_9030aca4cb {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_cdc5329e9d {\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_66e5102035",withoutText:"withoutText_5afcfb9c30",breadcrumbText:"breadcrumbText_0eec1fa3ac",breadcrumbIcon:"breadcrumbIcon_1e07dcda6b",clickable:"clickable_abd44aa93c",current:"current_eb2734447c",disabled:"disabled_15b87938c7",notClickable:"notClickable_a9efe2d66e"};!function(e){const n="s_id-55ff70da99a4_3_46_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_66e5102035 {\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_66e5102035.withoutText_5afcfb9c30 {\n  padding: 4px;\n}\na.breadcrumbContent_66e5102035:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_66e5102035 .breadcrumbText_0eec1fa3ac {\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_66e5102035 .breadcrumbIcon_1e07dcda6b {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_66e5102035:focus {\n  outline: none;\n}\n.breadcrumbContent_66e5102035.clickable_abd44aa93c {\n  cursor: pointer;\n}\n.breadcrumbContent_66e5102035.clickable_abd44aa93c:hover,\n.breadcrumbContent_66e5102035:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_66e5102035.current_eb2734447c {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_66e5102035.disabled_15b87938c7 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_66e5102035.disabled_15b87938c7:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_66e5102035.notClickable_a9efe2d66e {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_8e134c4c1c",withoutText:"withoutText_3607ea72b7",breadcrumbText:"breadcrumbText_8fee555262",breadcrumbIcon:"breadcrumbIcon_6f698c8115",clickable:"clickable_d307171b0d",current:"current_443f7f9de6",disabled:"disabled_26a28136ae",notClickable:"notClickable_af2c1c8b3b"};!function(e){const n="s_id-55ff70da99a4_3_48_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,c.firstChild?c.insertBefore(r,c.firstChild):c.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_8e134c4c1c {\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_8e134c4c1c.withoutText_3607ea72b7 {\n  padding: 4px;\n}\na.breadcrumbContent_8e134c4c1c:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_8e134c4c1c .breadcrumbText_8fee555262 {\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_8e134c4c1c .breadcrumbIcon_6f698c8115 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_8e134c4c1c:focus {\n  outline: none;\n}\n.breadcrumbContent_8e134c4c1c.clickable_d307171b0d {\n  cursor: pointer;\n}\n.breadcrumbContent_8e134c4c1c.clickable_d307171b0d:hover,\n.breadcrumbContent_8e134c4c1c:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_8e134c4c1c.current_443f7f9de6 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_8e134c4c1c.disabled_26a28136ae {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_8e134c4c1c.disabled_26a28136ae:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_8e134c4c1c.notClickable_af2c1c8b3b {\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_0832170614",disabled:"disabled_d6c186d008"};!function(e){const d="s_id-03f482333e23_3_46_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_0832170614 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_0832170614.disabled_d6c186d008 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_7725bd792a",disabled:"disabled_46bfdcde7a"};!function(e){const d="s_id-03f482333e23_3_48_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_7725bd792a {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_7725bd792a.disabled_46bfdcde7a {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_dcefd41673",separatorIcon:"separatorIcon_3bf273dd5e"};!function(e){const d="s_id-24567fd55d40_3_46_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbsBar_dcefd41673 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_dcefd41673 ol .separatorIcon_3bf273dd5e {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_4bea62a219",separatorIcon:"separatorIcon_8f67568456"};!function(e){const a="s_id-24567fd55d40_3_48_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".breadcrumbsBar_4bea62a219 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_4bea62a219 ol .separatorIcon_8f67568456 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={button:"button_91bd655114","focus-visible":"focus-visible_6f0f5a55ad",loader:"loader_853d6090d1",loaderSvg:"loaderSvg_f417a62759",textPlaceholder:"textPlaceholder_ce83819ab7",success:"success_0b4033239e",successContent:"successContent_554c44c16e",marginRight:"marginRight_1eefe9ef81",marginLeft:"marginLeft_afb265acdb",rightFlat:"rightFlat_b709c2db8e",leftFlat:"leftFlat_99d28300e4",preventClickAnimation:"preventClickAnimation_387cbfa641",leftIcon:"leftIcon_1eefe9ef81",rightIcon:"rightIcon_afb265acdb",sizeXxs:"sizeXxs_00dca873a1",sizeXs:"sizeXs_f486a16584",sizeSmall:"sizeSmall_a372dac91a",sizeMedium:"sizeMedium_7c25f86b23",sizeLarge:"sizeLarge_df7bdc9aec",kindPrimary:"kindPrimary_0d884b504a",colorPrimary:"colorPrimary_50d649c5b7",colorBrand:"colorBrand_e63c8d8450",colorPrimaryActive:"colorPrimaryActive_81a7435fa9",colorBrandActive:"colorBrandActive_f7e2683199",colorPositive:"colorPositive_3b21ca1c5d",colorPositiveActive:"colorPositiveActive_f45ff1e159",colorNegative:"colorNegative_9f6e75ec28",colorNegativeActive:"colorNegativeActive_f45ff1e159",colorInverted:"colorInverted_36443c31a7",colorInvertedActive:"colorInvertedActive_f45ff1e159",disabled:"disabled_bba22a4f68",colorOnPrimaryColor:"colorOnPrimaryColor_bb70f41b9b",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_cb3e1645f8",colorFixedLight:"colorFixedLight_b816479182",colorFixedLightActive:"colorFixedLightActive_387cbfa641",colorFixedDark:"colorFixedDark_a23062241e",colorFixedDarkActive:"colorFixedDarkActive_1573dce46d",colorOnInvertedBackground:"colorOnInvertedBackground_9475272cec",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_6c89d714a4",kindSecondary:"kindSecondary_468bd6b999",kindTertiary:"kindTertiary_3a0b78838d",noSidePadding:"noSidePadding_4de0605200",insetFocusStyle:"insetFocusStyle_8a7053060b"};!function(o){const r="s_id-f5db469b1a79_3_46_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_91bd655114 {\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_91bd655114:focus-visible, .button_91bd655114.focus-visible_6f0f5a55ad {\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_91bd655114:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.button_91bd655114 .loader_853d6090d1 {\n  height: 100%;\n}\n.button_91bd655114 .loader_853d6090d1 .loaderSvg_f417a62759 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_91bd655114 .textPlaceholder_ce83819ab7 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_91bd655114.success_0b4033239e {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_91bd655114.success_0b4033239e .successContent_554c44c16e {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_1eefe9ef81 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_afb265acdb {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_b709c2db8e {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_99d28300e4 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_91bd655114:active:not(.preventClickAnimation_387cbfa641) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_91bd655114 .leftIcon_1eefe9ef81 {\n  margin-right: var(--spacing-small);\n}\n.button_91bd655114 .rightIcon_afb265acdb {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_00dca873a1 {\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_f486a16584 {\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_a372dac91a {\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_a372dac91a .loader_853d6090d1 {\n  top: 7px;\n}\n.sizeMedium_7c25f86b23 {\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_df7bdc9aec {\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_0d884b504a {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_0d884b504a.colorPrimary_50d649c5b7 {\n  background: var(--primary-color);\n}\n.kindPrimary_0d884b504a.colorBrand_e63c8d8450 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_0d884b504a.colorPrimaryActive_81a7435fa9,\n.kindPrimary_0d884b504a.colorPrimary_50d649c5b7:hover,\n.kindPrimary_0d884b504a.colorPrimary_50d649c5b7:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_0d884b504a.colorBrandActive_f7e2683199,\n.kindPrimary_0d884b504a.colorBrand_e63c8d8450:hover,\n.kindPrimary_0d884b504a.colorBrand_e63c8d8450:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_0d884b504a.colorPositive_3b21ca1c5d {\n  background: var(--positive-color);\n}\n.kindPrimary_0d884b504a.colorPositiveActive_f45ff1e159,\n.kindPrimary_0d884b504a.colorPositive_3b21ca1c5d:hover,\n.kindPrimary_0d884b504a.colorPositive_3b21ca1c5d:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_0d884b504a.colorNegative_9f6e75ec28 {\n  background: var(--negative-color);\n}\n.kindPrimary_0d884b504a.colorNegativeActive_f45ff1e159,\n.kindPrimary_0d884b504a.colorNegative_9f6e75ec28:hover,\n.kindPrimary_0d884b504a.colorNegative_9f6e75ec28:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_0d884b504a.colorInverted_36443c31a7 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_0d884b504a.colorInvertedActive_f45ff1e159,\n.kindPrimary_0d884b504a.colorInverted_36443c31a7:hover,\n.kindPrimary_0d884b504a.colorInverted_36443c31a7:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_0d884b504a.button_91bd655114.colorInverted_36443c31a7.disabled_bba22a4f68 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_0d884b504a.colorOnPrimaryColorActive_cb3e1645f8,\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:hover,\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_0d884b504a.colorOnPrimaryColorActive_cb3e1645f8:focus-visible, .kindPrimary_0d884b504a.colorOnPrimaryColorActive_cb3e1645f8.focus-visible_6f0f5a55ad,\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:hover:focus-visible,\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:hover.focus-visible_6f0f5a55ad,\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:focus:focus-visible,\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:focus.focus-visible_6f0f5a55ad {\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_0d884b504a.colorOnPrimaryColorActive_cb3e1645f8:focus:not(.focus-visible_6f0f5a55ad),\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindPrimary_0d884b504a.colorOnPrimaryColor_bb70f41b9b.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_0d884b504a.colorFixedLight_b816479182 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_0d884b504a.colorFixedLightActive_387cbfa641,\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:hover,\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_0d884b504a.colorFixedLightActive_387cbfa641:focus-visible, .kindPrimary_0d884b504a.colorFixedLightActive_387cbfa641.focus-visible_6f0f5a55ad,\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:hover:focus-visible,\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:hover.focus-visible_6f0f5a55ad,\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:focus:focus-visible,\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:focus.focus-visible_6f0f5a55ad {\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_0d884b504a.colorFixedLightActive_387cbfa641:focus:not(.focus-visible_6f0f5a55ad),\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindPrimary_0d884b504a.colorFixedLight_b816479182:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindPrimary_0d884b504a.colorFixedLight_b816479182.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_0d884b504a.colorFixedDarkActive_1573dce46d,\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:hover,\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_0d884b504a.colorFixedDarkActive_1573dce46d:focus-visible, .kindPrimary_0d884b504a.colorFixedDarkActive_1573dce46d.focus-visible_6f0f5a55ad,\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:hover:focus-visible,\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:hover.focus-visible_6f0f5a55ad,\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:focus:focus-visible,\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:focus.focus-visible_6f0f5a55ad {\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_0d884b504a.colorFixedDarkActive_1573dce46d:focus:not(.focus-visible_6f0f5a55ad),\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindPrimary_0d884b504a.colorFixedDark_a23062241e.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_0d884b504a.colorOnInvertedBackground_9475272cec {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_0d884b504a.colorOnInvertedBackgroundActive_6c89d714a4,\n.kindPrimary_0d884b504a.colorOnInvertedBackground_9475272cec:hover,\n.kindPrimary_0d884b504a.colorOnInvertedBackground_9475272cec:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_0d884b504a.button_91bd655114.colorOnInvertedBackground_9475272cec.disabled_bba22a4f68 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_0d884b504a.button_91bd655114.disabled_bba22a4f68 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_468bd6b999 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_468bd6b999.sizeSmall_a372dac91a {\n  line-height: 22px;\n}\n.kindSecondary_468bd6b999.sizeMedium_7c25f86b23 {\n  line-height: 22px;\n}\n.kindSecondary_468bd6b999.sizeLarge_df7bdc9aec {\n  line-height: 22px;\n}\n.kindSecondary_468bd6b999.colorPrimaryActive_81a7435fa9 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_468bd6b999.colorPrimaryActive_81a7435fa9:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_468bd6b999.colorBrandActive_f7e2683199 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_468bd6b999.colorBrandActive_f7e2683199,\n.kindSecondary_468bd6b999.colorBrandActive_f7e2683199:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_468bd6b999.colorPrimary_50d649c5b7:hover:not(.colorPrimaryActive_81a7435fa9),\n.kindSecondary_468bd6b999.colorPrimary_50d649c5b7:focus:not(.colorPrimaryActive_81a7435fa9) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_468bd6b999.colorBrand_e63c8d8450:hover:not(.colorBrandActive_f7e2683199),\n.kindSecondary_468bd6b999.colorBrand_e63c8d8450:focus:not(.colorBrandActive_f7e2683199) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_468bd6b999.colorPositive_3b21ca1c5d {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_468bd6b999.colorPositiveActive_f45ff1e159,\n.kindSecondary_468bd6b999.colorPositive_3b21ca1c5d:hover,\n.kindSecondary_468bd6b999.colorPositive_3b21ca1c5d:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_468bd6b999.colorNegative_9f6e75ec28 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_468bd6b999.colorNegativeActive_f45ff1e159,\n.kindSecondary_468bd6b999.colorNegative_9f6e75ec28:hover,\n.kindSecondary_468bd6b999.colorNegative_9f6e75ec28:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_468bd6b999.colorInverted_36443c31a7 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_468bd6b999.colorInvertedActive_f45ff1e159,\n.kindSecondary_468bd6b999.colorInverted_36443c31a7:hover,\n.kindSecondary_468bd6b999.colorInverted_36443c31a7:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_468bd6b999.colorInverted_36443c31a7.disabled_bba22a4f68 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_468bd6b999.colorOnPrimaryColorActive_cb3e1645f8,\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:hover,\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_468bd6b999.colorOnPrimaryColorActive_cb3e1645f8:focus-visible, .kindSecondary_468bd6b999.colorOnPrimaryColorActive_cb3e1645f8.focus-visible_6f0f5a55ad,\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:hover:focus-visible,\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:hover.focus-visible_6f0f5a55ad,\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:focus:focus-visible,\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:focus.focus-visible_6f0f5a55ad {\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_468bd6b999.colorOnPrimaryColorActive_cb3e1645f8:focus:not(.focus-visible_6f0f5a55ad),\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindSecondary_468bd6b999.colorOnPrimaryColor_bb70f41b9b.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_468bd6b999.colorFixedLight_b816479182 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_468bd6b999.colorFixedLightActive_387cbfa641,\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:hover,\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_468bd6b999.colorFixedLightActive_387cbfa641:focus-visible, .kindSecondary_468bd6b999.colorFixedLightActive_387cbfa641.focus-visible_6f0f5a55ad,\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:hover:focus-visible,\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:hover.focus-visible_6f0f5a55ad,\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:focus:focus-visible,\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:focus.focus-visible_6f0f5a55ad {\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_468bd6b999.colorFixedLightActive_387cbfa641:focus:not(.focus-visible_6f0f5a55ad),\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindSecondary_468bd6b999.colorFixedLight_b816479182:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_468bd6b999.colorFixedDarkActive_1573dce46d,\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:hover,\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_468bd6b999.colorFixedDarkActive_1573dce46d:focus-visible, .kindSecondary_468bd6b999.colorFixedDarkActive_1573dce46d.focus-visible_6f0f5a55ad,\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:hover:focus-visible,\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:hover.focus-visible_6f0f5a55ad,\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:focus:focus-visible,\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:focus.focus-visible_6f0f5a55ad {\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_468bd6b999.colorFixedDarkActive_1573dce46d:focus:not(.focus-visible_6f0f5a55ad),\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindSecondary_468bd6b999.colorOnInvertedBackground_9475272cec {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_468bd6b999.colorOnInvertedBackgroundActive_6c89d714a4,\n.kindSecondary_468bd6b999.colorOnInvertedBackground_9475272cec:hover,\n.kindSecondary_468bd6b999.colorOnInvertedBackground_9475272cec:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_468bd6b999.colorOnInvertedBackground_9475272cec.disabled_bba22a4f68 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_468bd6b999.colorFixedLight_b816479182.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_468bd6b999.colorFixedDark_a23062241e.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_468bd6b999.disabled_bba22a4f68 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_468bd6b999.disabled_bba22a4f68:hover {\n  background-color: transparent;\n}\n.kindTertiary_3a0b78838d {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_3a0b78838d.colorPrimaryActive_81a7435fa9 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_3a0b78838d.colorPrimaryActive_81a7435fa9:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_3a0b78838d.colorBrandActive_f7e2683199 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_3a0b78838d.colorBrandActive_f7e2683199,\n.kindTertiary_3a0b78838d.colorBrandActive_f7e2683199:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_3a0b78838d.colorPrimary_50d649c5b7:hover:not(.colorPrimaryActive_81a7435fa9),\n.kindTertiary_3a0b78838d.colorPrimary_50d649c5b7:focus:not(.colorPrimaryActive_81a7435fa9) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3a0b78838d.colorBrand_e63c8d8450:hover:not(.colorBrandActive_f7e2683199),\n.kindTertiary_3a0b78838d.colorBrand_e63c8d8450:focus:not(.colorBrandActive_f7e2683199) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3a0b78838d.colorPositive_3b21ca1c5d {\n  color: var(--positive-color);\n}\n.kindTertiary_3a0b78838d.colorPositiveActive_f45ff1e159,\n.kindTertiary_3a0b78838d.colorPositive_3b21ca1c5d:hover,\n.kindTertiary_3a0b78838d.colorPositive_3b21ca1c5d:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_3a0b78838d.colorNegative_9f6e75ec28 {\n  color: var(--negative-color);\n}\n.kindTertiary_3a0b78838d.colorNegativeActive_f45ff1e159,\n.kindTertiary_3a0b78838d.colorNegative_9f6e75ec28:hover,\n.kindTertiary_3a0b78838d.colorNegative_9f6e75ec28:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_3a0b78838d.colorInverted_36443c31a7 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_3a0b78838d.colorInvertedActive_f45ff1e159,\n.kindTertiary_3a0b78838d.colorInverted_36443c31a7:hover,\n.kindTertiary_3a0b78838d.colorInverted_36443c31a7:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3a0b78838d.colorInverted_36443c31a7.disabled_bba22a4f68 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_3a0b78838d.colorOnPrimaryColorActive_cb3e1645f8,\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:hover,\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_3a0b78838d.colorOnPrimaryColorActive_cb3e1645f8:focus-visible, .kindTertiary_3a0b78838d.colorOnPrimaryColorActive_cb3e1645f8.focus-visible_6f0f5a55ad,\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:hover:focus-visible,\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:hover.focus-visible_6f0f5a55ad,\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:focus:focus-visible,\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:focus.focus-visible_6f0f5a55ad {\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_3a0b78838d.colorOnPrimaryColorActive_cb3e1645f8:focus:not(.focus-visible_6f0f5a55ad),\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindTertiary_3a0b78838d.colorOnPrimaryColor_bb70f41b9b.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_3a0b78838d.colorFixedLightActive_387cbfa641,\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:hover,\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_3a0b78838d.colorFixedLightActive_387cbfa641:focus-visible, .kindTertiary_3a0b78838d.colorFixedLightActive_387cbfa641.focus-visible_6f0f5a55ad,\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:hover:focus-visible,\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:hover.focus-visible_6f0f5a55ad,\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:focus:focus-visible,\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:focus.focus-visible_6f0f5a55ad {\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_3a0b78838d.colorFixedLightActive_387cbfa641:focus:not(.focus-visible_6f0f5a55ad),\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindTertiary_3a0b78838d.colorFixedLight_b816479182.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_3a0b78838d.colorFixedDarkActive_1573dce46d,\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:hover,\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_3a0b78838d.colorFixedDarkActive_1573dce46d:focus-visible, .kindTertiary_3a0b78838d.colorFixedDarkActive_1573dce46d.focus-visible_6f0f5a55ad,\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:hover:focus-visible,\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:hover.focus-visible_6f0f5a55ad,\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:focus:focus-visible,\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:focus.focus-visible_6f0f5a55ad {\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_3a0b78838d.colorFixedDarkActive_1573dce46d:focus:not(.focus-visible_6f0f5a55ad),\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:hover:focus:not(.focus-visible_6f0f5a55ad),\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e:focus:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}\n.kindTertiary_3a0b78838d.colorFixedDark_a23062241e.disabled_bba22a4f68 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_3a0b78838d.colorOnInvertedBackground_9475272cec {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_3a0b78838d.colorOnInvertedBackgroundActive_6c89d714a4,\n.kindTertiary_3a0b78838d.colorOnInvertedBackground_9475272cec:hover,\n.kindTertiary_3a0b78838d.colorOnInvertedBackground_9475272cec:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_3a0b78838d.colorOnInvertedBackground_9475272cec.disabled_bba22a4f68 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_3a0b78838d.disabled_bba22a4f68 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_3a0b78838d.disabled_bba22a4f68:hover {\n  background-color: transparent;\n}\n.noSidePadding_4de0605200 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_91bd655114.insetFocusStyle_8a7053060b:focus-visible, .button_91bd655114.insetFocusStyle_8a7053060b.focus-visible_6f0f5a55ad {\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_91bd655114.insetFocusStyle_8a7053060b:focus:not(.focus-visible_6f0f5a55ad) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_76e175a73c","focus-visible":"focus-visible_1686261d16",loader:"loader_e37b0c8402",loaderSvg:"loaderSvg_166d212093",textPlaceholder:"textPlaceholder_63091abe23",success:"success_457281ae78",successContent:"successContent_712ae2f325",marginRight:"marginRight_c71b975974",marginLeft:"marginLeft_51668ee6be",rightFlat:"rightFlat_ee1d829603",leftFlat:"leftFlat_53641b1a50",preventClickAnimation:"preventClickAnimation_9f38d77fc7",leftIcon:"leftIcon_c71b975974",rightIcon:"rightIcon_51668ee6be",sizeXxs:"sizeXxs_794a3f03c0",sizeXs:"sizeXs_f4af491962",sizeSmall:"sizeSmall_9748079299",sizeMedium:"sizeMedium_e48580168d",sizeLarge:"sizeLarge_d24167e24e",kindPrimary:"kindPrimary_17567fccf8",colorPrimary:"colorPrimary_b5c8957274",colorBrand:"colorBrand_2c9f82fd44",colorPrimaryActive:"colorPrimaryActive_7ea0eccbeb",colorBrandActive:"colorBrandActive_a73384aa8c",colorPositive:"colorPositive_04e20c5c7e",colorPositiveActive:"colorPositiveActive_a7b0ab5eef",colorNegative:"colorNegative_807007b971",colorNegativeActive:"colorNegativeActive_a7b0ab5eef",colorInverted:"colorInverted_04fea654fa",colorInvertedActive:"colorInvertedActive_a7b0ab5eef",disabled:"disabled_6781297e74",colorOnPrimaryColor:"colorOnPrimaryColor_10f14d65db",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_b4c743e371",colorFixedLight:"colorFixedLight_d59049e0fb",colorFixedLightActive:"colorFixedLightActive_9f38d77fc7",colorFixedDark:"colorFixedDark_43899c52e7",colorFixedDarkActive:"colorFixedDarkActive_f5b5b2158d",colorOnInvertedBackground:"colorOnInvertedBackground_3eead8db4c",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_30168bc2f5",kindSecondary:"kindSecondary_77bc9c542d",kindTertiary:"kindTertiary_f996cb1fdb",noSidePadding:"noSidePadding_77d0617b60",insetFocusStyle:"insetFocusStyle_ab62330328"};!function(o){const r="s_id-f5db469b1a79_3_48_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_76e175a73c {\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_76e175a73c:focus-visible, .button_76e175a73c.focus-visible_1686261d16 {\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_76e175a73c:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.button_76e175a73c .loader_e37b0c8402 {\n  height: 100%;\n}\n.button_76e175a73c .loader_e37b0c8402 .loaderSvg_166d212093 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_76e175a73c .textPlaceholder_63091abe23 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_76e175a73c.success_457281ae78 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_76e175a73c.success_457281ae78 .successContent_712ae2f325 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_c71b975974 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_51668ee6be {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_ee1d829603 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_53641b1a50 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_76e175a73c:active:not(.preventClickAnimation_9f38d77fc7) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_76e175a73c .leftIcon_c71b975974 {\n  margin-right: var(--spacing-small);\n}\n.button_76e175a73c .rightIcon_51668ee6be {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_794a3f03c0 {\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_f4af491962 {\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_9748079299 {\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_9748079299 .loader_e37b0c8402 {\n  top: 7px;\n}\n.sizeMedium_e48580168d {\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_d24167e24e {\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_17567fccf8 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_17567fccf8.colorPrimary_b5c8957274 {\n  background: var(--primary-color);\n}\n.kindPrimary_17567fccf8.colorBrand_2c9f82fd44 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_17567fccf8.colorPrimaryActive_7ea0eccbeb,\n.kindPrimary_17567fccf8.colorPrimary_b5c8957274:hover,\n.kindPrimary_17567fccf8.colorPrimary_b5c8957274:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_17567fccf8.colorBrandActive_a73384aa8c,\n.kindPrimary_17567fccf8.colorBrand_2c9f82fd44:hover,\n.kindPrimary_17567fccf8.colorBrand_2c9f82fd44:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_17567fccf8.colorPositive_04e20c5c7e {\n  background: var(--positive-color);\n}\n.kindPrimary_17567fccf8.colorPositiveActive_a7b0ab5eef,\n.kindPrimary_17567fccf8.colorPositive_04e20c5c7e:hover,\n.kindPrimary_17567fccf8.colorPositive_04e20c5c7e:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_17567fccf8.colorNegative_807007b971 {\n  background: var(--negative-color);\n}\n.kindPrimary_17567fccf8.colorNegativeActive_a7b0ab5eef,\n.kindPrimary_17567fccf8.colorNegative_807007b971:hover,\n.kindPrimary_17567fccf8.colorNegative_807007b971:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_17567fccf8.colorInverted_04fea654fa {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_17567fccf8.colorInvertedActive_a7b0ab5eef,\n.kindPrimary_17567fccf8.colorInverted_04fea654fa:hover,\n.kindPrimary_17567fccf8.colorInverted_04fea654fa:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_17567fccf8.button_76e175a73c.colorInverted_04fea654fa.disabled_6781297e74 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_17567fccf8.colorOnPrimaryColorActive_b4c743e371,\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:hover,\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_17567fccf8.colorOnPrimaryColorActive_b4c743e371:focus-visible, .kindPrimary_17567fccf8.colorOnPrimaryColorActive_b4c743e371.focus-visible_1686261d16,\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:hover:focus-visible,\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:hover.focus-visible_1686261d16,\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:focus:focus-visible,\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:focus.focus-visible_1686261d16 {\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_17567fccf8.colorOnPrimaryColorActive_b4c743e371:focus:not(.focus-visible_1686261d16),\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:hover:focus:not(.focus-visible_1686261d16),\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindPrimary_17567fccf8.colorOnPrimaryColor_10f14d65db.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_17567fccf8.colorFixedLightActive_9f38d77fc7,\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:hover,\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_17567fccf8.colorFixedLightActive_9f38d77fc7:focus-visible, .kindPrimary_17567fccf8.colorFixedLightActive_9f38d77fc7.focus-visible_1686261d16,\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:hover:focus-visible,\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:hover.focus-visible_1686261d16,\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:focus:focus-visible,\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:focus.focus-visible_1686261d16 {\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_17567fccf8.colorFixedLightActive_9f38d77fc7:focus:not(.focus-visible_1686261d16),\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:hover:focus:not(.focus-visible_1686261d16),\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindPrimary_17567fccf8.colorFixedLight_d59049e0fb.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_17567fccf8.colorFixedDarkActive_f5b5b2158d,\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:hover,\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_17567fccf8.colorFixedDarkActive_f5b5b2158d:focus-visible, .kindPrimary_17567fccf8.colorFixedDarkActive_f5b5b2158d.focus-visible_1686261d16,\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:hover:focus-visible,\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:hover.focus-visible_1686261d16,\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:focus:focus-visible,\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:focus.focus-visible_1686261d16 {\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_17567fccf8.colorFixedDarkActive_f5b5b2158d:focus:not(.focus-visible_1686261d16),\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:hover:focus:not(.focus-visible_1686261d16),\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindPrimary_17567fccf8.colorFixedDark_43899c52e7.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_17567fccf8.colorOnInvertedBackground_3eead8db4c {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_17567fccf8.colorOnInvertedBackgroundActive_30168bc2f5,\n.kindPrimary_17567fccf8.colorOnInvertedBackground_3eead8db4c:hover,\n.kindPrimary_17567fccf8.colorOnInvertedBackground_3eead8db4c:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_17567fccf8.button_76e175a73c.colorOnInvertedBackground_3eead8db4c.disabled_6781297e74 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_17567fccf8.button_76e175a73c.disabled_6781297e74 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_77bc9c542d {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_77bc9c542d.sizeSmall_9748079299 {\n  line-height: 22px;\n}\n.kindSecondary_77bc9c542d.sizeMedium_e48580168d {\n  line-height: 22px;\n}\n.kindSecondary_77bc9c542d.sizeLarge_d24167e24e {\n  line-height: 22px;\n}\n.kindSecondary_77bc9c542d.colorPrimaryActive_7ea0eccbeb {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_77bc9c542d.colorPrimaryActive_7ea0eccbeb:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_77bc9c542d.colorBrandActive_a73384aa8c {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_77bc9c542d.colorBrandActive_a73384aa8c,\n.kindSecondary_77bc9c542d.colorBrandActive_a73384aa8c:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_77bc9c542d.colorPrimary_b5c8957274:hover:not(.colorPrimaryActive_7ea0eccbeb),\n.kindSecondary_77bc9c542d.colorPrimary_b5c8957274:focus:not(.colorPrimaryActive_7ea0eccbeb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_77bc9c542d.colorBrand_2c9f82fd44:hover:not(.colorBrandActive_a73384aa8c),\n.kindSecondary_77bc9c542d.colorBrand_2c9f82fd44:focus:not(.colorBrandActive_a73384aa8c) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_77bc9c542d.colorPositive_04e20c5c7e {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_77bc9c542d.colorPositiveActive_a7b0ab5eef,\n.kindSecondary_77bc9c542d.colorPositive_04e20c5c7e:hover,\n.kindSecondary_77bc9c542d.colorPositive_04e20c5c7e:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_77bc9c542d.colorNegative_807007b971 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_77bc9c542d.colorNegativeActive_a7b0ab5eef,\n.kindSecondary_77bc9c542d.colorNegative_807007b971:hover,\n.kindSecondary_77bc9c542d.colorNegative_807007b971:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_77bc9c542d.colorInverted_04fea654fa {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_77bc9c542d.colorInvertedActive_a7b0ab5eef,\n.kindSecondary_77bc9c542d.colorInverted_04fea654fa:hover,\n.kindSecondary_77bc9c542d.colorInverted_04fea654fa:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_77bc9c542d.colorInverted_04fea654fa.disabled_6781297e74 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_77bc9c542d.colorOnPrimaryColorActive_b4c743e371,\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:hover,\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_77bc9c542d.colorOnPrimaryColorActive_b4c743e371:focus-visible, .kindSecondary_77bc9c542d.colorOnPrimaryColorActive_b4c743e371.focus-visible_1686261d16,\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:hover:focus-visible,\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:hover.focus-visible_1686261d16,\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:focus:focus-visible,\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:focus.focus-visible_1686261d16 {\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_77bc9c542d.colorOnPrimaryColorActive_b4c743e371:focus:not(.focus-visible_1686261d16),\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:hover:focus:not(.focus-visible_1686261d16),\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindSecondary_77bc9c542d.colorOnPrimaryColor_10f14d65db.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_77bc9c542d.colorFixedLightActive_9f38d77fc7,\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:hover,\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_77bc9c542d.colorFixedLightActive_9f38d77fc7:focus-visible, .kindSecondary_77bc9c542d.colorFixedLightActive_9f38d77fc7.focus-visible_1686261d16,\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:hover:focus-visible,\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:hover.focus-visible_1686261d16,\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:focus:focus-visible,\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:focus.focus-visible_1686261d16 {\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_77bc9c542d.colorFixedLightActive_9f38d77fc7:focus:not(.focus-visible_1686261d16),\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:hover:focus:not(.focus-visible_1686261d16),\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_77bc9c542d.colorFixedDarkActive_f5b5b2158d,\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:hover,\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_77bc9c542d.colorFixedDarkActive_f5b5b2158d:focus-visible, .kindSecondary_77bc9c542d.colorFixedDarkActive_f5b5b2158d.focus-visible_1686261d16,\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:hover:focus-visible,\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:hover.focus-visible_1686261d16,\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:focus:focus-visible,\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:focus.focus-visible_1686261d16 {\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_77bc9c542d.colorFixedDarkActive_f5b5b2158d:focus:not(.focus-visible_1686261d16),\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:hover:focus:not(.focus-visible_1686261d16),\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindSecondary_77bc9c542d.colorOnInvertedBackground_3eead8db4c {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_77bc9c542d.colorOnInvertedBackgroundActive_30168bc2f5,\n.kindSecondary_77bc9c542d.colorOnInvertedBackground_3eead8db4c:hover,\n.kindSecondary_77bc9c542d.colorOnInvertedBackground_3eead8db4c:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_77bc9c542d.colorOnInvertedBackground_3eead8db4c.disabled_6781297e74 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_77bc9c542d.colorFixedLight_d59049e0fb.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_77bc9c542d.colorFixedDark_43899c52e7.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_77bc9c542d.disabled_6781297e74 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_77bc9c542d.disabled_6781297e74:hover {\n  background-color: transparent;\n}\n.kindTertiary_f996cb1fdb {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_f996cb1fdb.colorPrimaryActive_7ea0eccbeb {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_f996cb1fdb.colorPrimaryActive_7ea0eccbeb:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f996cb1fdb.colorBrandActive_a73384aa8c {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_f996cb1fdb.colorBrandActive_a73384aa8c,\n.kindTertiary_f996cb1fdb.colorBrandActive_a73384aa8c:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_f996cb1fdb.colorPrimary_b5c8957274:hover:not(.colorPrimaryActive_7ea0eccbeb),\n.kindTertiary_f996cb1fdb.colorPrimary_b5c8957274:focus:not(.colorPrimaryActive_7ea0eccbeb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f996cb1fdb.colorBrand_2c9f82fd44:hover:not(.colorBrandActive_a73384aa8c),\n.kindTertiary_f996cb1fdb.colorBrand_2c9f82fd44:focus:not(.colorBrandActive_a73384aa8c) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f996cb1fdb.colorPositive_04e20c5c7e {\n  color: var(--positive-color);\n}\n.kindTertiary_f996cb1fdb.colorPositiveActive_a7b0ab5eef,\n.kindTertiary_f996cb1fdb.colorPositive_04e20c5c7e:hover,\n.kindTertiary_f996cb1fdb.colorPositive_04e20c5c7e:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_f996cb1fdb.colorNegative_807007b971 {\n  color: var(--negative-color);\n}\n.kindTertiary_f996cb1fdb.colorNegativeActive_a7b0ab5eef,\n.kindTertiary_f996cb1fdb.colorNegative_807007b971:hover,\n.kindTertiary_f996cb1fdb.colorNegative_807007b971:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_f996cb1fdb.colorInverted_04fea654fa {\n  color: var(--primary-text-color);\n}\n.kindTertiary_f996cb1fdb.colorInvertedActive_a7b0ab5eef,\n.kindTertiary_f996cb1fdb.colorInverted_04fea654fa:hover,\n.kindTertiary_f996cb1fdb.colorInverted_04fea654fa:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f996cb1fdb.colorInverted_04fea654fa.disabled_6781297e74 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f996cb1fdb.colorOnPrimaryColorActive_b4c743e371,\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:hover,\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f996cb1fdb.colorOnPrimaryColorActive_b4c743e371:focus-visible, .kindTertiary_f996cb1fdb.colorOnPrimaryColorActive_b4c743e371.focus-visible_1686261d16,\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:hover:focus-visible,\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:hover.focus-visible_1686261d16,\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:focus:focus-visible,\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:focus.focus-visible_1686261d16 {\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_f996cb1fdb.colorOnPrimaryColorActive_b4c743e371:focus:not(.focus-visible_1686261d16),\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:hover:focus:not(.focus-visible_1686261d16),\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindTertiary_f996cb1fdb.colorOnPrimaryColor_10f14d65db.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f996cb1fdb.colorFixedLightActive_9f38d77fc7,\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:hover,\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f996cb1fdb.colorFixedLightActive_9f38d77fc7:focus-visible, .kindTertiary_f996cb1fdb.colorFixedLightActive_9f38d77fc7.focus-visible_1686261d16,\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:hover:focus-visible,\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:hover.focus-visible_1686261d16,\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:focus:focus-visible,\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:focus.focus-visible_1686261d16 {\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_f996cb1fdb.colorFixedLightActive_9f38d77fc7:focus:not(.focus-visible_1686261d16),\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:hover:focus:not(.focus-visible_1686261d16),\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindTertiary_f996cb1fdb.colorFixedLight_d59049e0fb.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f996cb1fdb.colorFixedDarkActive_f5b5b2158d,\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:hover,\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_f996cb1fdb.colorFixedDarkActive_f5b5b2158d:focus-visible, .kindTertiary_f996cb1fdb.colorFixedDarkActive_f5b5b2158d.focus-visible_1686261d16,\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:hover:focus-visible,\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:hover.focus-visible_1686261d16,\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:focus:focus-visible,\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:focus.focus-visible_1686261d16 {\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_f996cb1fdb.colorFixedDarkActive_f5b5b2158d:focus:not(.focus-visible_1686261d16),\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:hover:focus:not(.focus-visible_1686261d16),\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7:focus:focus:not(.focus-visible_1686261d16) {\n  outline: none;\n}\n.kindTertiary_f996cb1fdb.colorFixedDark_43899c52e7.disabled_6781297e74 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f996cb1fdb.colorOnInvertedBackground_3eead8db4c {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f996cb1fdb.colorOnInvertedBackgroundActive_30168bc2f5,\n.kindTertiary_f996cb1fdb.colorOnInvertedBackground_3eead8db4c:hover,\n.kindTertiary_f996cb1fdb.colorOnInvertedBackground_3eead8db4c:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_f996cb1fdb.colorOnInvertedBackground_3eead8db4c.disabled_6781297e74 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f996cb1fdb.disabled_6781297e74 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_f996cb1fdb.disabled_6781297e74:hover {\n  background-color: transparent;\n}\n.noSidePadding_77d0617b60 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_76e175a73c.insetFocusStyle_ab62330328:focus-visible, .button_76e175a73c.insetFocusStyle_ab62330328.focus-visible_1686261d16 {\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_76e175a73c.insetFocusStyle_ab62330328:focus:not(.focus-visible_1686261d16) {\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_691d0d807c",subTextContainer:"subTextContainer_011ec54fd6",buttonsContainer:"buttonsContainer_fb56537f60",button:"button_3c4e34bc87",activeButton:"activeButton_a37d0fe5db",disabled:"disabled_d6c186d008",buttonDisabled:"buttonDisabled_cd6703ac8e",startBorder:"startBorder_1bbdde9a5d",endBorder:"endBorder_2feb7800e8",kindTertiary:"kindTertiary_74db644ad0",optionText:"optionText_df6b472a51",selected:"selected_93fb081113",wrapper:"wrapper_ee45c56925",fullWidth:"fullWidth_2e719fdc84"};!function(n){const t="s_id-1f46577d4b31_3_46_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_691d0d807c {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_011ec54fd6 {\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_fb56537f60 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_fb56537f60 .button_3c4e34bc87 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_fb56537f60 .button_3c4e34bc87.activeButton_a37d0fe5db {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_fb56537f60 .button_3c4e34bc87.activeButton_a37d0fe5db:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_fb56537f60 .button_3c4e34bc87.disabled_d6c186d008, .buttonsContainer_fb56537f60 .button_3c4e34bc87.buttonDisabled_cd6703ac8e {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_fb56537f60 .button_3c4e34bc87.startBorder_1bbdde9a5d {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_fb56537f60 .button_3c4e34bc87.endBorder_2feb7800e8 {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_74db644ad0 .buttonsContainer_fb56537f60 .button_3c4e34bc87 {\n  border-color: transparent;\n}\n\n.kindTertiary_74db644ad0 .buttonsContainer_fb56537f60 .button_3c4e34bc87:first-child {\n  border-color: transparent;\n}\n\n.optionText_df6b472a51:not(.disabled_d6c186d008) {\n  color: var(--primary-text-color);\n}\n\n.optionText_df6b472a51:not(.disabled_d6c186d008).selected_93fb081113 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_ee45c56925.disabled_d6c186d008 {\n  cursor: not-allowed;\n}\n\n.fullWidth_2e719fdc84 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_e7734e1b38",subTextContainer:"subTextContainer_a52aea8dbb",buttonsContainer:"buttonsContainer_3544fa3906",button:"button_cdddeb1adc",activeButton:"activeButton_e9c6e2b0f6",disabled:"disabled_46bfdcde7a",buttonDisabled:"buttonDisabled_b08ebec1ab",startBorder:"startBorder_937423d1da",endBorder:"endBorder_750b0851f2",kindTertiary:"kindTertiary_da4a23dcdb",optionText:"optionText_da2ebb7dfe",selected:"selected_d3762534d2",wrapper:"wrapper_048e3713e2",fullWidth:"fullWidth_9438ce1c71"};!function(n){const e="s_id-1f46577d4b31_3_48_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_e7734e1b38 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_a52aea8dbb {\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_3544fa3906 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_3544fa3906 .button_cdddeb1adc {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_3544fa3906 .button_cdddeb1adc.activeButton_e9c6e2b0f6 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_3544fa3906 .button_cdddeb1adc.activeButton_e9c6e2b0f6:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_3544fa3906 .button_cdddeb1adc.disabled_46bfdcde7a, .buttonsContainer_3544fa3906 .button_cdddeb1adc.buttonDisabled_b08ebec1ab {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_3544fa3906 .button_cdddeb1adc.startBorder_937423d1da {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_3544fa3906 .button_cdddeb1adc.endBorder_750b0851f2 {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_da4a23dcdb .buttonsContainer_3544fa3906 .button_cdddeb1adc {\n  border-color: transparent;\n}\n\n.kindTertiary_da4a23dcdb .buttonsContainer_3544fa3906 .button_cdddeb1adc:first-child {\n  border-color: transparent;\n}\n\n.optionText_da2ebb7dfe:not(.disabled_46bfdcde7a) {\n  color: var(--primary-text-color);\n}\n\n.optionText_da2ebb7dfe:not(.disabled_46bfdcde7a).selected_d3762534d2 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_048e3713e2.disabled_46bfdcde7a {\n  cursor: not-allowed;\n}\n\n.fullWidth_9438ce1c71 {\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 e={wrapper:"wrapper_3684f382a0",checkbox:"checkbox_9ae54528a9",icon:"icon_4c6ebbb1bb",label:"label_b5c5a823d9",input:"input_87a51d842e",checkboxGrowAnimation:"checkboxGrowAnimation_3ef4317117"};!function(e){const n="s_id-a622c58c4e9d_3_46_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.wrapper_3684f382a0 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_9ae54528a9 {\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_9ae54528a9: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_9ae54528a9:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_4c6ebbb1bb {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_b5c5a823d9 {\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_87a51d842e {\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_87a51d842e:focus + .checkbox_9ae54528a9 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_87a51d842e:focus:checked + .checkbox_9ae54528a9 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_87a51d842e:focus-visible + .checkbox_9ae54528a9 {\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_87a51d842e:checked:focus + .checkbox_9ae54528a9:after,\n.input_87a51d842e:indeterminate:focus + .checkbox_9ae54528a9:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_87a51d842e:checked + .checkbox_9ae54528a9,\n.input_87a51d842e:indeterminate + .checkbox_9ae54528a9 {\n  animation: checkboxGrowAnimation_3ef4317117 var(--motion-productive-short);\n}\n\n.input_87a51d842e:checked + .checkbox_9ae54528a9,\n.input_87a51d842e:indeterminate + .checkbox_9ae54528a9 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_87a51d842e:checked + .checkbox_9ae54528a9:hover,\n.input_87a51d842e:indeterminate + .checkbox_9ae54528a9:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_87a51d842e:checked + .checkbox_9ae54528a9:hover:after,\n.input_87a51d842e:indeterminate + .checkbox_9ae54528a9:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_87a51d842e:checked + .checkbox_9ae54528a9:after,\n.input_87a51d842e:indeterminate + .checkbox_9ae54528a9: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_87a51d842e:checked + .checkbox_9ae54528a9 > .icon_4c6ebbb1bb,\n.input_87a51d842e:indeterminate + .checkbox_9ae54528a9 > .icon_4c6ebbb1bb {\n  visibility: visible;\n}\n\n.input_87a51d842e:checked:disabled + .checkbox_9ae54528a9:after,\n.input_87a51d842e:indeterminate:disabled + .checkbox_9ae54528a9:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_87a51d842e:disabled + .checkbox_9ae54528a9,\n.input_87a51d842e:disabled + .checkbox_9ae54528a9:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_87a51d842e:disabled + .checkbox_9ae54528a9 .icon_4c6ebbb1bb,\n.input_87a51d842e:disabled + .checkbox_9ae54528a9:hover .icon_4c6ebbb1bb {\n  color: var(--disabled-text-color);\n}\n\n.input_87a51d842e:disabled + .checkbox_9ae54528a9,\n.input_87a51d842e:disabled + .checkbox_9ae54528a9:hover {\n  cursor: not-allowed;\n}\n\n.input_87a51d842e:disabled ~ .label_b5c5a823d9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_3ef4317117 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var n={wrapper:"wrapper_27acf1d896",checkbox:"checkbox_030155d43f",icon:"icon_b445a3b529",label:"label_f30769d8ec",input:"input_532e67913f",checkboxGrowAnimation:"checkboxGrowAnimation_a396993312"};!function(n){const e="s_id-a622c58c4e9d_3_48_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_27acf1d896 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_030155d43f {\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_030155d43f: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_030155d43f:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_b445a3b529 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_f30769d8ec {\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_532e67913f {\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_532e67913f:focus + .checkbox_030155d43f {\n  border-color: var(--secondary-text-color);\n}\n\n.input_532e67913f:focus:checked + .checkbox_030155d43f {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_532e67913f:focus-visible + .checkbox_030155d43f {\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_532e67913f:checked:focus + .checkbox_030155d43f:after,\n.input_532e67913f:indeterminate:focus + .checkbox_030155d43f:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_532e67913f:checked + .checkbox_030155d43f,\n.input_532e67913f:indeterminate + .checkbox_030155d43f {\n  animation: checkboxGrowAnimation_a396993312 var(--motion-productive-short);\n}\n\n.input_532e67913f:checked + .checkbox_030155d43f,\n.input_532e67913f:indeterminate + .checkbox_030155d43f {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_532e67913f:checked + .checkbox_030155d43f:hover,\n.input_532e67913f:indeterminate + .checkbox_030155d43f:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_532e67913f:checked + .checkbox_030155d43f:hover:after,\n.input_532e67913f:indeterminate + .checkbox_030155d43f:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_532e67913f:checked + .checkbox_030155d43f:after,\n.input_532e67913f:indeterminate + .checkbox_030155d43f: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_532e67913f:checked + .checkbox_030155d43f > .icon_b445a3b529,\n.input_532e67913f:indeterminate + .checkbox_030155d43f > .icon_b445a3b529 {\n  visibility: visible;\n}\n\n.input_532e67913f:checked:disabled + .checkbox_030155d43f:after,\n.input_532e67913f:indeterminate:disabled + .checkbox_030155d43f:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_532e67913f:disabled + .checkbox_030155d43f,\n.input_532e67913f:disabled + .checkbox_030155d43f:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_532e67913f:disabled + .checkbox_030155d43f .icon_b445a3b529,\n.input_532e67913f:disabled + .checkbox_030155d43f:hover .icon_b445a3b529 {\n  color: var(--disabled-text-color);\n}\n\n.input_532e67913f:disabled + .checkbox_030155d43f,\n.input_532e67913f:disabled + .checkbox_030155d43f:hover {\n  cursor: not-allowed;\n}\n\n.input_532e67913f:disabled ~ .label_f30769d8ec {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_a396993312 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useMemo as i,useCallback as s}from"react";import l from"classnames";import n from"../Icon/Icon.js";import c from"../../hooks/useMergeRef.js";import{getCSSVar as m}from"../../services/themes.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{getElementColor as u}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import f from"../IconButton/IconButton.js";import v from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useHover/useHover.js";import k from"../../hooks/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import x from"./Chips.module.scss.js";import N from"../../../icons/dist/react/CloseSmall.js";var S=y(r((function(r,d){var j=r.className,y=r.avatarClassName,S=r.iconClassName,A=r.id,T=r.label,E=void 0===T?"":T,w=r.leftIcon,B=void 0===w?null:w,I=r.rightIcon,P=void 0===I?null:I,z=r.leftAvatar,H=void 0===z?null:z,O=r.rightAvatar,R=void 0===O?null:O,D=r.disabled,F=void 0!==D&&D,L=r.readOnly,M=void 0!==L&&L,_=r.allowTextSelection,U=void 0!==_&&_,q=r.color,G=void 0===q?"primary":q,J=r.iconSize,K=void 0===J?18:J,Q=r.onDelete,V=void 0===Q?function(e,o){}:Q,W=r.onMouseDown,X=r.onClick,Y=r.noAnimation,Z=void 0===Y||Y,$=r.ariaLabel,ee=r.disableClickableBehavior,oe=void 0!==ee&&ee,te=r.leftAvatarType,re=void 0===te?"img":te,ae=r.rightAvatarType,ie=void 0===ae?"img":ae,se=r.showBorder,le=void 0!==se&&se,ne=r.leftRenderer,ce=r.rightRenderer,me=r.closeButtonAriaLabel,de=void 0===me?"Remove":me,ue=r["data-testid"]||b(g.CHIP,A),pe=!(!X&&!W||oe),fe=!M&&!F,ve=$||"string"==typeof E&&E||"",be=a(null),ge=a(null),je=h(),ye=e(je,2),he=ye[0],ke=ye[1],Ce=k({ref:ge}).isFocused,xe=c(d,ge,he),Ne=l(x.chips,j,o(o(o(o({},x.disabled,F),x.noAnimation,Z),x.withUserSelect,U),x.border,le)),Se=l(x.clickable,Ne,o(o({},x.disabled,F),x.disableTextSelection,!U)),Ae=i((function(){return{backgroundColor:F?m("disabled-background-color"):pe&&(ke||Ce)?u(G,!0,!0):u(G,!0)}}),[F,pe,ke,Ce,G]),Te=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Ee=s((function(e){void 0!==X&&e.target!==be.current&&(e.preventDefault(),X(e))}),[X]),we=C({onClick:Ee,onMouseDown:W,disabled:F,id:A,"data-testid":ue,ariaLabel:ve,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},xe),Be=pe?Object.assign(Object.assign({},we),{ref:we.ref,className:Se,style:Ae}):{className:Ne,"aria-label":ve,style:Ae,ref:xe,onClick:Ee,onMouseDown:W,id:A,"data-testid":ue},Ie="text"===re?{text:H}:{src:H},Pe="text"===re?{text:R}:{src:R};return t.createElement("div",Object.assign({},Be),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,y),customSize:18,type:re,key:A},Ie)):null,B?t.createElement(n,{className:l(x.icon,x.left,S),iconType:"font",icon:B,iconSize:K,ignoreFocusStyle:!0}):null,ne&&t.createElement("div",{className:l(x.customRenderer,x.left)},ne),t.createElement(v,{type:"text2",className:x.label},E),P?t.createElement(n,{className:l(x.icon,x.right,S),iconType:"font",icon:P,iconSize:K,ignoreFocusStyle:!0}):null,R?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,y),customSize:18,type:ie,key:A},Pe)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),fe&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:Te,"data-testid":"".concat(ue,"-close"),ref:be}))})),{colors:d,avatarTypes:j});export{S as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useMemo as i,useCallback as s}from"react";import l from"classnames";import n from"../Icon/Icon.js";import c from"../../hooks/useMergeRef.js";import{getCSSVar as m}from"../../services/themes.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{getElementColor as u}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import v from"../IconButton/IconButton.js";import f from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useHover/useHover.js";import k from"../../hooks/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import x from"./Chips.module.scss.js";import N from"../../../icons/dist/react/CloseSmall.js";var S=y(r((function(r,d){var j=r.className,y=r.avatarClassName,S=r.iconClassName,A=r.id,T=r.label,E=void 0===T?"":T,w=r.leftIcon,B=void 0===w?null:w,I=r.rightIcon,P=void 0===I?null:I,z=r.leftAvatar,H=void 0===z?null:z,M=r.rightAvatar,O=void 0===M?null:M,R=r.disabled,D=void 0!==R&&R,F=r.readOnly,L=void 0!==F&&F,_=r.allowTextSelection,U=void 0!==_&&_,q=r.color,G=void 0===q?"primary":q,J=r.iconSize,K=void 0===J?18:J,Q=r.onDelete,V=void 0===Q?function(e,o){}:Q,W=r.onMouseDown,X=r.onClick,Y=r.noAnimation,Z=void 0===Y||Y,$=r.ariaLabel,ee=r.disableClickableBehavior,oe=void 0!==ee&&ee,te=r.leftAvatarType,re=void 0===te?"img":te,ae=r.rightAvatarType,ie=void 0===ae?"img":ae,se=r.showBorder,le=void 0!==se&&se,ne=r.leftRenderer,ce=r.rightRenderer,me=r.closeButtonAriaLabel,de=void 0===me?"Remove":me,ue=r.noMargin,pe=void 0!==ue&&ue,ve=r["data-testid"]||b(g.CHIP,A),fe=!(!X&&!W||oe),be=!L&&!D,ge=$||"string"==typeof E&&E||"",je=a(null),ye=a(null),he=h(),ke=e(he,2),Ce=ke[0],xe=ke[1],Ne=k({ref:ye}).isFocused,Se=c(d,ye,Ce),Ae=l(x.chips,j,o(o(o(o(o({},x.disabled,D),x.noAnimation,Z),x.withUserSelect,U),x.border,le),x.noMargin,pe)),Te=l(x.clickable,Ae,o(o({},x.disabled,D),x.disableTextSelection,!U)),Ee=i((function(){return{backgroundColor:D?m("disabled-background-color"):fe&&(xe||Ne)?u(G,!0,!0):u(G,!0)}}),[D,fe,xe,Ne,G]),we=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Be=s((function(e){void 0!==X&&e.target!==je.current&&(e.preventDefault(),X(e))}),[X]),Ie=C({onClick:Be,onMouseDown:W,disabled:D,id:A,"data-testid":ve,ariaLabel:ge,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},Se),Pe=fe?Object.assign(Object.assign({},Ie),{ref:Ie.ref,className:Te,style:Ee}):{className:Ae,"aria-label":ge,style:Ee,ref:Se,onClick:Be,onMouseDown:W,id:A,"data-testid":ve},ze="text"===re?{text:H}:{src:H},He="text"===re?{text:O}:{src:O};return t.createElement("div",Object.assign({},Pe),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,y),customSize:18,type:re,key:A},ze)):null,B?t.createElement(n,{className:l(x.icon,x.left,S),iconType:"font",icon:B,iconSize:K,ignoreFocusStyle:!0}):null,ne&&t.createElement("div",{className:l(x.customRenderer,x.left)},ne),t.createElement(f,{type:"text2",className:x.label},E),P?t.createElement(n,{className:l(x.icon,x.right,S),iconType:"font",icon:P,iconSize:K,ignoreFocusStyle:!0}):null,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,y),customSize:18,type:ie,key:A},He)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),be&&t.createElement(v,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:we,"data-testid":"".concat(ve,"-close"),ref:je}))})),{colors:d,avatarTypes:j});export{S as default};
 //# sourceMappingURL=Chips.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useHover from \"../../hooks/useHover/useHover\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted.\n /\n readOnly?: boolean;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n */\n closeButtonAriaLabel?: string;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\"\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef, hoverRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: clickableProps.ref as RefObject<HTMLDivElement>,\n className: clickableClassName,\n style: backgroundColorStyle\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useHover","useHover","_useHover2","_slicedToArray","hoverRef","isHovered","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","style","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"8/BAoBA,IAqSeA,EAAAA,EAhMDC,GACZ,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,GAA2C,EAACH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAI3BE,GAXqB/C,EAAzB,gBAWwCgD,EAAUC,EAAuBC,KAAM7C,GAC3E8C,MAAyBpB,IAAaD,GAAiBM,IACvDgB,IAAkBjC,IAAaF,EAC/BoC,GAAoBnB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzE+C,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAA8BC,IAA0BC,GAAAC,EAAAH,GAAA,GAAjDI,GAAQF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAcC,EAAY,CAAE/D,IAAKuD,KAAjCO,UAEFE,GAAYC,EAA4BjE,EAAKuD,GAAcK,IAE3DM,GAAoBC,EAAGC,EAAOC,MAAOpE,EAASqE,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACjDF,EAAOpD,SAAWA,GAClBoD,EAAOpC,YAAcA,GACrBoC,EAAOG,eAAiBnD,GACxBgD,EAAOI,OAAS/B,KAEbgC,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOpD,SAAWA,GAClBoD,EAAOO,sBAAwBvD,IAG5BwD,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPL9D,EACO+D,EAAU,6BACV7B,KAAwBW,IAAaC,IACrCkB,EAAgB1D,GAAO,GAAM,GAE7B0D,EAAgB1D,GAAO,GAGpC,GAAG,CAACN,EAAUkC,GAAqBW,GAAWC,GAAWxC,IAEnD2D,GAAmBC,GACvB,SAACC,GACCA,EAAEC,kBACE1D,GACFA,EAAStB,EAAI+E,EAEjB,GACA,CAAC/E,EAAIsB,IAGD2D,GAAkBH,GACtB,SAACC,QACiBG,IAAZxD,GAA0BqD,EAAEI,SAA2BlC,GAAcmC,UACvEL,EAAEM,iBACF3D,EAAQqD,GAEZ,GACA,CAACrD,IAGG4D,GAAiBC,EACrB,CACE7D,QAASuD,GACTxD,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe0C,GACfb,UAAWmB,GACXwC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,IAEI+B,GAAe7C,kCAEZwC,IAAc,CACjB1F,IAAK0F,GAAe1F,IACpBC,UAAWwE,GACXuB,MAAOpB,KAET,CACE3E,UAAWiE,GACX,aAAcd,GACd4C,MAAOpB,GACP5E,IAAKgE,GACLlC,QAASuD,GACTxD,YAAAA,EACAzB,GAAIA,EACJ,cAAe0C,IAGfmD,GAAqC,SAAnB5D,GAA4B,CAAE6D,KAAMtF,GAAe,CAAEuF,IAAKvF,GAC5EwF,GAAsC,SAAnB/D,GAA4B,CAAE6D,KAAMpF,GAAgB,CAAEqF,IAAKrF,GAEpF,OACEuF,uCAASN,IACNnF,EACCyF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOsC,KAAMxG,GAC1CyG,WAvOc,GAwOdC,KAAMvE,GACNwE,IAAKzG,GACD6F,KAEJ,KACHzF,EACC6F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOsC,KAAMvG,GACxC6G,SAAS,OACTD,KAAMvG,EACNgB,SAAUA,EACVyF,kBAAgB,IAEhB,KACHvE,IAAgB2D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOsC,OAAQhE,IAC1E2D,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQ3G,UAAWmE,EAAO9D,OAClCA,GAEFI,EACC2F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOgD,MAAOjH,GACzC6G,SAAS,OACTD,KAAMrG,EACNc,SAAUA,EACVyF,kBAAgB,IAEhB,KACHnG,EACCuF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOgD,MAAOlH,GAC3CyG,WAvQc,GAwQdC,KAAMrE,GACNsE,IAAKzG,GACDgG,KAEJ,KACHzD,IAAiB0D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOgD,QAASzE,IAC3EQ,IACCkD,EAACC,cAAAe,GACCC,KAAK,MACLhG,MAAM,mBACNrB,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOmD,OAClCtF,UAAWY,GACX2E,aAAW,EACXT,KAAMU,EACN3F,QAASmD,2BACOnC,GAA2B,UAC3C9C,IAAKqD,KAKf,IAQkE,CAClEqE,OAAQC,EACRC,YAAaC"}
1	+ {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useHover from \"../../hooks/useHover/useHover\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted.\n /\n readOnly?: boolean;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, removes the default margin from the chip.\n */\n noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef, hoverRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: clickableProps.ref as RefObject<HTMLDivElement>,\n className: clickableClassName,\n style: backgroundColorStyle\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useHover","useHover","_useHover2","_slicedToArray","hoverRef","isHovered","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","style","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"8/BAoBA,IA2SeA,EAAAA,EAlMDC,GACZ,SAAAC,EA+BEC,GACE,IA9BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,KAA4CH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAAAE,GAAA/C,EAC/BgD,SAAAA,QAAW,IAAHD,IAAQA,GAIZE,GAZqBjD,EAAzB,gBAYwCkD,EAAUC,EAAuBC,KAAM/C,GAC3EgD,MAAyBtB,IAAaD,GAAiBM,IACvDkB,IAAkBnC,IAAaF,EAC/BsC,GAAoBrB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzEiD,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAA8BC,IAA0BC,GAAAC,EAAAH,GAAA,GAAjDI,GAAQF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAcC,EAAY,CAAEjE,IAAKyD,KAAjCO,UAEFE,GAAYC,EAA4BnE,EAAKyD,GAAcK,IAE3DM,GAAoBC,EAAGC,EAAOC,MAAOtE,EAASuE,EAAAA,EAAAA,EAAAA,EAAAA,EACjDF,CAAAA,EAAAA,EAAOtD,SAAWA,GAClBsD,EAAOtC,YAAcA,GACrBsC,EAAOG,eAAiBrD,GACxBkD,EAAOI,OAASjC,IAChB6B,EAAOvB,SAAWA,KAEf4B,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOtD,SAAWA,GAClBsD,EAAOO,sBAAwBzD,IAG5B0D,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPLhE,EACOiE,EAAU,6BACV7B,KAAwBW,IAAaC,IACrCkB,EAAgB5D,GAAO,GAAM,GAE7B4D,EAAgB5D,GAAO,GAGpC,GAAG,CAACN,EAAUoC,GAAqBW,GAAWC,GAAW1C,IAEnD6D,GAAmBC,GACvB,SAACC,GACCA,EAAEC,kBACE5D,GACFA,EAAStB,EAAIiF,EAEjB,GACA,CAACjF,EAAIsB,IAGD6D,GAAkBH,GACtB,SAACC,QACiBG,IAAZ1D,GAA0BuD,EAAEI,SAA2BlC,GAAcmC,UACvEL,EAAEM,iBACF7D,EAAQuD,GAEZ,GACA,CAACvD,IAGG8D,GAAiBC,EACrB,CACE/D,QAASyD,GACT1D,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe4C,GACff,UAAWqB,GACXwC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,IAEI+B,GAAe7C,kCAEZwC,IAAc,CACjB5F,IAAK4F,GAAe5F,IACpBC,UAAW0E,GACXuB,MAAOpB,KAET,CACE7E,UAAWmE,GACX,aAAcd,GACd4C,MAAOpB,GACP9E,IAAKkE,GACLpC,QAASyD,GACT1D,YAAAA,EACAzB,GAAIA,EACJ,cAAe4C,IAGfmD,GAAqC,SAAnB9D,GAA4B,CAAE+D,KAAMxF,GAAe,CAAEyF,IAAKzF,GAC5E0F,GAAsC,SAAnBjE,GAA4B,CAAE+D,KAAMtF,GAAgB,CAAEuF,IAAKvF,GAEpF,OACEyF,uCAASN,IACNrF,EACC2F,EAACC,cAAAC,iBACCC,eAAa,EACbzG,UAAWoE,EAAGC,EAAOqC,OAAQrC,EAAOsC,KAAM1G,GAC1C2G,WA7Oc,GA8OdC,KAAMzE,GACN0E,IAAK3G,GACD+F,KAEJ,KACH3F,EACC+F,EAACC,cAAAQ,GACC/G,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOsC,KAAMzG,GACxC+G,SAAS,OACTD,KAAMzG,EACNgB,SAAUA,EACV2F,kBAAgB,IAEhB,KACHzE,IAAgB6D,EAAKC,cAAA,MAAA,CAAAvG,UAAWoE,EAAGC,EAAO8C,eAAgB9C,EAAOsC,OAAQlE,IAC1E6D,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQ7G,UAAWqE,EAAOhE,OAClCA,GAEFI,EACC6F,EAACC,cAAAQ,GACC/G,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOgD,MAAOnH,GACzC+G,SAAS,OACTD,KAAMvG,EACNc,SAAUA,EACV2F,kBAAgB,IAEhB,KACHrG,EACCyF,EAACC,cAAAC,iBACCC,eAAa,EACbzG,UAAWoE,EAAGC,EAAOqC,OAAQrC,EAAOgD,MAAOpH,GAC3C2G,WA7Qc,GA8QdC,KAAMvE,GACNwE,IAAK3G,GACDkG,KAEJ,KACH3D,IAAiB4D,EAAKC,cAAA,MAAA,CAAAvG,UAAWoE,EAAGC,EAAO8C,eAAgB9C,EAAOgD,QAAS3E,IAC3EU,IACCkD,EAACC,cAAAe,GACCC,KAAK,MACLlG,MAAM,mBACNrB,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOmD,OAClCxF,UAAWY,GACX6E,aAAW,EACXT,KAAMU,EACN7F,QAASqD,2BACOnC,GAA2B,UAC3ChD,IAAKuD,KAKf,IAQkE,CAClEqE,OAAQC,EACRC,YAAaC"}