npm - @vibe/core - Versions diffs - 3.73.0 → 3.74.0-alpha-f7c48.0 - Mend

@vibe/core 3.73.0 → 3.74.0-alpha-f7c48.0

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

Files changed (753) hide show

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_2d680ac08c","focus-visible":"focus-visible_17f3059b82",xs:"xs_63f994c3d9",small:"small_91c89b57bc",medium:"medium_860103628a",large:"large_d91929056f",primary:"primary_0be518f8f0",dark:"dark_f2aea1556e",negative:"negative_071fa93baf",light:"light_c9dc754c56",disabled:"disabled_39ee2efce5",menu:"menu_1fa7c4e13c"};!function(n){const e="s_id-7f36163b89a3_3_72_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_2d680ac08c.counterContainer_2d680ac08c {\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_2d680ac08c.counterContainer_2d680ac08c:focus-visible, .counterContainer_2d680ac08c.counterContainer_2d680ac08c.focus-visible_17f3059b82 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c:focus-visible:focus-visible, .counterContainer_2d680ac08c.counterContainer_2d680ac08c:focus-visible.focus-visible_17f3059b82, .counterContainer_2d680ac08c.counterContainer_2d680ac08c.focus-visible_17f3059b82:focus-visible, .counterContainer_2d680ac08c.counterContainer_2d680ac08c.focus-visible_17f3059b82.focus-visible_17f3059b82 {\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_2d680ac08c.counterContainer_2d680ac08c:focus-visible:focus:not(.focus-visible_17f3059b82), .counterContainer_2d680ac08c.counterContainer_2d680ac08c.focus-visible_17f3059b82:focus:not(.focus-visible_17f3059b82) {\n  outline: none;\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.xs_63f994c3d9 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.small_91c89b57bc {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.medium_860103628a {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.large_d91929056f {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.primary_0be518f8f0 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.dark_f2aea1556e {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.negative_071fa93baf {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c.light_c9dc754c56 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_2d680ac08c.counterContainer_2d680ac08c .disabled_39ee2efce5, .counterContainer_2d680ac08c.counterContainer_2d680ac08c.disabled_39ee2efce5 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_1fa7c4e13c {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_1fa7c4e13c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_1fa7c4e13c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_247b8b15c5","focus-visible":"focus-visible_c7c9fec7fa",xs:"xs_2bb946d84b",small:"small_2a8f095e15",medium:"medium_9e3a43b888",large:"large_b20730f8cf",primary:"primary_f4dd9c6b09",dark:"dark_1c7de75d37",negative:"negative_91d773a252",light:"light_fb8ba86e03",disabled:"disabled_b228f95a75",menu:"menu_17e16ea3ba"};!function(n){const e="s_id-7f36163b89a3_3_73_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_247b8b15c5.counterContainer_247b8b15c5 {\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_247b8b15c5.counterContainer_247b8b15c5:focus-visible, .counterContainer_247b8b15c5.counterContainer_247b8b15c5.focus-visible_c7c9fec7fa { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5:focus-visible:focus-visible, .counterContainer_247b8b15c5.counterContainer_247b8b15c5:focus-visible.focus-visible_c7c9fec7fa, .counterContainer_247b8b15c5.counterContainer_247b8b15c5.focus-visible_c7c9fec7fa:focus-visible, .counterContainer_247b8b15c5.counterContainer_247b8b15c5.focus-visible_c7c9fec7fa.focus-visible_c7c9fec7fa {\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_247b8b15c5.counterContainer_247b8b15c5:focus-visible:focus:not(.focus-visible_c7c9fec7fa), .counterContainer_247b8b15c5.counterContainer_247b8b15c5.focus-visible_c7c9fec7fa:focus:not(.focus-visible_c7c9fec7fa) {\n  outline: none;\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.xs_2bb946d84b {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.small_2a8f095e15 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.medium_9e3a43b888 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.large_b20730f8cf {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.primary_f4dd9c6b09 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.dark_1c7de75d37 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.negative_91d773a252 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5.light_fb8ba86e03 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_247b8b15c5.counterContainer_247b8b15c5 .disabled_b228f95a75, .counterContainer_247b8b15c5.counterContainer_247b8b15c5.disabled_b228f95a75 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_17e16ea3ba {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_17e16ea3ba::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_17e16ea3ba::-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_a645f70ab1",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_fbaf854db7",tooltipContainer:"tooltipContainer_9e6d6dab69","focus-visible":"focus-visible_17f3059b82",tooltipGridContainer:"tooltipGridContainer_1f586207e4",scrollableContainer:"scrollableContainer_57b9e20631"};!function(t){const e="s_id-f3cc0fae9cc4_3_72_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_a645f70ab1 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_fbaf854db7 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_9e6d6dab69 {\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_9e6d6dab69:focus, .tooltipContainer_9e6d6dab69:focus-visible, .tooltipContainer_9e6d6dab69.focus-visible_17f3059b82 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_1f586207e4 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_57b9e20631::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_57b9e20631::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_6f4f529dc9",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_91d651546d",tooltipContainer:"tooltipContainer_644ffbfe2b","focus-visible":"focus-visible_c7c9fec7fa",tooltipGridContainer:"tooltipGridContainer_e9d310bbc2",scrollableContainer:"scrollableContainer_3898fc964c"};!function(t){const e="s_id-f3cc0fae9cc4_3_73_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_6f4f529dc9 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_91d651546d {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_644ffbfe2b {\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_644ffbfe2b:focus, .tooltipContainer_644ffbfe2b:focus-visible, .tooltipContainer_644ffbfe2b.focus-visible_c7c9fec7fa { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_e9d310bbc2 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_3898fc964c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_3898fc964c::-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_1546916934",virtualizedTooltipContainer:"virtualizedTooltipContainer_c5de149857","focus-visible":"focus-visible_17f3059b82"};!function(e){const i="s_id-700dae3ddae4_3_72_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)}(".scrollableContainer_1546916934::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1546916934::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_c5de149857 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_c5de149857:focus, .virtualizedTooltipContainer_c5de149857:focus-visible, .virtualizedTooltipContainer_c5de149857.focus-visible_17f3059b82 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_27609c79b4",virtualizedTooltipContainer:"virtualizedTooltipContainer_ff8037fa4b","focus-visible":"focus-visible_c7c9fec7fa"};!function(e){const i="s_id-700dae3ddae4_3_73_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)}(".scrollableContainer_27609c79b4::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_27609c79b4::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_ff8037fa4b {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_ff8037fa4b:focus, .virtualizedTooltipContainer_ff8037fa4b:focus-visible, .virtualizedTooltipContainer_ff8037fa4b.focus-visible_c7c9fec7fa { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={badgeWrapper:"badgeWrapper_56fc80488e",badge:"badge_faf3f6310c",outside:"outside_9cd20b28e1",topEnd:"topEnd_53e843408b",rectangular:"rectangular_f39ef94581",circular:"circular_a939e24d4a",topStart:"topStart_cf39630048",bottomEnd:"bottomEnd_486bcf21f8",bottomStart:"bottomStart_629f90fb5f"};!function(e){const t="s_id-b5dca6298ea9_3_72_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_56fc80488e {\n  position: relative;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c:not(.outside_9cd20b28e1) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.topEnd_53e843408b.rectangular_f39ef94581 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.topEnd_53e843408b.outside_9cd20b28e1 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.topEnd_53e843408b.circular_a939e24d4a {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.topStart_cf39630048.rectangular_f39ef94581 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.topStart_cf39630048.outside_9cd20b28e1 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.topStart_cf39630048.circular_a939e24d4a {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.bottomEnd_486bcf21f8.rectangular_f39ef94581 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.bottomEnd_486bcf21f8.outside_9cd20b28e1 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.bottomEnd_486bcf21f8.circular_a939e24d4a {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.bottomStart_629f90fb5f.rectangular_f39ef94581 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.bottomStart_629f90fb5f.outside_9cd20b28e1 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_56fc80488e .badge_faf3f6310c.bottomStart_629f90fb5f.circular_a939e24d4a {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var e={badgeWrapper:"badgeWrapper_60fc918ad9",badge:"badge_fe15e11d57",outside:"outside_a6704650b3",topEnd:"topEnd_d92e47f8dd",rectangular:"rectangular_149cae85f9",circular:"circular_de51c672dd",topStart:"topStart_275517a989",bottomEnd:"bottomEnd_80793311b8",bottomStart:"bottomStart_2127360892"};!function(e){const a="s_id-b5dca6298ea9_3_73_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_60fc918ad9 {\n  position: relative;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57:not(.outside_a6704650b3) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.topEnd_d92e47f8dd.rectangular_149cae85f9 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.topEnd_d92e47f8dd.outside_a6704650b3 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.topEnd_d92e47f8dd.circular_de51c672dd {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.topStart_275517a989.rectangular_149cae85f9 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.topStart_275517a989.outside_a6704650b3 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.topStart_275517a989.circular_de51c672dd {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.bottomEnd_80793311b8.rectangular_149cae85f9 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.bottomEnd_80793311b8.outside_a6704650b3 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.bottomEnd_80793311b8.circular_de51c672dd {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.bottomStart_2127360892.rectangular_149cae85f9 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.bottomStart_2127360892.outside_a6704650b3 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_60fc918ad9 .badge_fe15e11d57.bottomStart_2127360892.circular_de51c672dd {\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_a6ccd42b7e",primary:"primary_7ffbd22b98",notification:"notification_0f535be28b"};!function(e){const i="s_id-d6448d74722f_3_72_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_a6ccd42b7e {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_a6ccd42b7e.primary_7ffbd22b98 {\n  background-color: var(--primary-color);\n}\n.indicator_a6ccd42b7e.notification_0f535be28b {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_375132320c",primary:"primary_adc1b371c9",notification:"notification_61ef0d8906"};!function(e){const i="s_id-d6448d74722f_3_73_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_375132320c {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_375132320c.primary_adc1b371c9 {\n  background-color: var(--primary-color);\n}\n.indicator_375132320c.notification_61ef0d8906 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_7f655c1205",small:"small_4795cf4740",medium:"medium_9ec79c32a2",large:"large_61112fa30d",rightThinnerPadding:"rightThinnerPadding_53a2944fcb",input:"input_85fb0c7f6e",success:"success_e97e35808f",readOnly:"readOnly_638aa65517",disabled:"disabled_ffcfde5a54",error:"error_da218f0321"};!function(r){const n="s_id-8dc268c8a1a1_3_72_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_7f655c1205 {\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_7f655c1205.small_4795cf4740 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_7f655c1205.medium_9ec79c32a2 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_7f655c1205.large_61112fa30d {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_7f655c1205.rightThinnerPadding_53a2944fcb {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_7f655c1205:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e:active, .input_85fb0c7f6e:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e:read-only) .input_85fb0c7f6e {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e:disabled) .input_85fb0c7f6e {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_7f655c1205.success_e97e35808f {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f655c1205.success_e97e35808f:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f655c1205.success_e97e35808f:has(.input_85fb0c7f6e:active, .input_85fb0c7f6e:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f655c1205:has(.input_85fb0c7f6e[aria-invalid=true]):has(.input_85fb0c7f6e:active, .input_85fb0c7f6e:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_7f655c1205:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_7f655c1205.readOnly_638aa65517 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_7f655c1205.readOnly_638aa65517 .input_85fb0c7f6e {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_7f655c1205.disabled_ffcfde5a54 {\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_7f655c1205.disabled_ffcfde5a54 .input_85fb0c7f6e {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_7f655c1205.success_e97e35808f {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f655c1205.success_e97e35808f:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f655c1205.success_e97e35808f:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f655c1205.error_da218f0321 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f655c1205.error_da218f0321:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f655c1205.error_da218f0321:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_7f655c1205 .input_85fb0c7f6e {\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_7f655c1205 .input_85fb0c7f6e::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_7f655c1205 .input_85fb0c7f6e:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_7f5b72a7e6",small:"small_67aca81532",medium:"medium_65eebb5dc1",large:"large_ba5b7e9bb0",rightThinnerPadding:"rightThinnerPadding_adf3c94225",input:"input_26831fe103",success:"success_8d1f052911",readOnly:"readOnly_5fd4abe543",disabled:"disabled_864d5631ef",error:"error_9251772572"};!function(r){const e="s_id-8dc268c8a1a1_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_7f5b72a7e6 {\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_7f5b72a7e6.small_67aca81532 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_7f5b72a7e6.medium_65eebb5dc1 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_7f5b72a7e6.large_ba5b7e9bb0 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_7f5b72a7e6.rightThinnerPadding_adf3c94225 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_7f5b72a7e6:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_7f5b72a7e6:has(.input_26831fe103:active, .input_26831fe103:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_7f5b72a7e6:has(.input_26831fe103:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_7f5b72a7e6:has(.input_26831fe103:read-only) .input_26831fe103 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_7f5b72a7e6:has(.input_26831fe103:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_7f5b72a7e6:has(.input_26831fe103:disabled) .input_26831fe103 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_7f5b72a7e6.success_8d1f052911 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f5b72a7e6.success_8d1f052911:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f5b72a7e6.success_8d1f052911:has(.input_26831fe103:active, .input_26831fe103:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f5b72a7e6:has(.input_26831fe103[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f5b72a7e6:has(.input_26831fe103[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f5b72a7e6:has(.input_26831fe103[aria-invalid=true]):has(.input_26831fe103:active, .input_26831fe103:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_7f5b72a7e6:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_7f5b72a7e6.readOnly_5fd4abe543 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_7f5b72a7e6.readOnly_5fd4abe543 .input_26831fe103 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_7f5b72a7e6.disabled_864d5631ef {\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_7f5b72a7e6.disabled_864d5631ef .input_26831fe103 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_7f5b72a7e6.success_8d1f052911 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f5b72a7e6.success_8d1f052911:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f5b72a7e6.success_8d1f052911:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_7f5b72a7e6.error_9251772572 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f5b72a7e6.error_9251772572:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_7f5b72a7e6.error_9251772572:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_7f5b72a7e6 .input_26831fe103 {\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_7f5b72a7e6 .input_26831fe103::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_7f5b72a7e6 .input_26831fe103:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_8c21819b93",groupTitle:"groupTitle_e0245134b3",sticky:"sticky_f9de78a86a"};!function(e){const n="s_id-b5d224c4ed03_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_8c21819b93 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_8c21819b93 .groupTitle_e0245134b3 {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_8c21819b93 .groupTitle_e0245134b3.sticky_f9de78a86a {\n  position: sticky;\n  top: 0;\n}\n.wrapper_8c21819b93 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_3d5a0c5178",groupTitle:"groupTitle_c996f3f33b",sticky:"sticky_7d45f6d3ae"};!function(e){const n="s_id-b5d224c4ed03_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_3d5a0c5178 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_3d5a0c5178 .groupTitle_c996f3f33b {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_3d5a0c5178 .groupTitle_c996f3f33b.sticky_7d45f6d3ae {\n  position: sticky;\n  top: 0;\n}\n.wrapper_3d5a0c5178 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_11c56bf81d",highlighted:"highlighted_205947c17c",disabled:"disabled_1ae4c17909",readOnly:"readOnly_35a5c6bab6",selected:"selected_40fa925daf",small:"small_7e90f08429",medium:"medium_770038007c",large:"large_a387767971",avatar:"avatar_24251c60b1",icon:"icon_fbaf854db7",indent:"indent_18181d77f9",endElement:"endElement_45d08f6fda"};!function(e){const a="s_id-410c7e21b012_3_72_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)}(".wrapper_11c56bf81d {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_11c56bf81d.highlighted_205947c17c {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_11c56bf81d.disabled_1ae4c17909 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_11c56bf81d.readOnly_35a5c6bab6 {\n  cursor: default;\n}\n.wrapper_11c56bf81d.selected_40fa925daf {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_11c56bf81d.selected_40fa925daf.highlighted_205947c17c {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_11c56bf81d.small_7e90f08429 {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_11c56bf81d.medium_770038007c {\n  padding: 9px 12px;\n}\n.wrapper_11c56bf81d.large_a387767971 {\n  padding: 13px 12px;\n}\n.wrapper_11c56bf81d .avatar_24251c60b1,\n.wrapper_11c56bf81d .icon_fbaf854db7 {\n  flex-shrink: 0;\n}\n.wrapper_11c56bf81d .indent_18181d77f9 {\n  width: 20px;\n}\n.wrapper_11c56bf81d .endElement_45d08f6fda {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_29dcc1eb79",highlighted:"highlighted_8136ab9710",disabled:"disabled_789099ffec",readOnly:"readOnly_6d2df7a084",selected:"selected_12245bbe68",small:"small_b357e28021",medium:"medium_a6b8a72c39",large:"large_d4f5ba9746",avatar:"avatar_d47e35b49b",icon:"icon_91d651546d",indent:"indent_46bbb238a2",endElement:"endElement_4afd644d3c"};!function(e){const a="s_id-410c7e21b012_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_29dcc1eb79 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_29dcc1eb79.highlighted_8136ab9710 {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_29dcc1eb79.disabled_789099ffec {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_29dcc1eb79.readOnly_6d2df7a084 {\n  cursor: default;\n}\n.wrapper_29dcc1eb79.selected_12245bbe68 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_29dcc1eb79.selected_12245bbe68.highlighted_8136ab9710 {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_29dcc1eb79.small_b357e28021 {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_29dcc1eb79.medium_a6b8a72c39 {\n  padding: 9px 12px;\n}\n.wrapper_29dcc1eb79.large_d4f5ba9746 {\n  padding: 13px 12px;\n}\n.wrapper_29dcc1eb79 .avatar_d47e35b49b,\n.wrapper_29dcc1eb79 .icon_91d651546d {\n  flex-shrink: 0;\n}\n.wrapper_29dcc1eb79 .indent_46bbb238a2 {\n  width: 20px;\n}\n.wrapper_29dcc1eb79 .endElement_4afd644d3c {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={box:"box_64b11e16a9",scrollable:"scrollable_19744863a9",opacityDisabled:"opacityDisabled_5ff132ae33",border:"border_284369ef8f",borderColorUiBorderColor:"borderColorUiBorderColor_37b0deb006",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_a01239ea72",rounded0:"rounded0_8df8e2ed0f",roundedSmall:"roundedSmall_31f4a8da31",roundedMedium:"roundedMedium_0266105f2e",roundedBig:"roundedBig_ea37d96adf",shadowXs:"shadowXs_cd7eab5e75",shadowSmall:"shadowSmall_650f3e23eb",shadowMedium:"shadowMedium_637a85f797",shadowLarge:"shadowLarge_6cb1061f73",m0:"m0_0e2c9a331d",mXs:"mXs_1e3e56c11b",mSmall:"mSmall_1dceb87214",mMedium:"mMedium_4f2828f522",mLarge:"mLarge_e6737be294",mXl:"mXl_339cc380e3",mXxl:"mXxl_ca747dccf5",mXxxl:"mXxxl_475d698c49",mAuto:"mAuto_e12b44d901",mx0:"mx0_09f8de8093",mxXs:"mxXs_45ee132521",mxSmall:"mxSmall_5bc385f08b",mxMedium:"mxMedium_c7a677c3d5",mxLarge:"mxLarge_a01321eb46",mxXl:"mxXl_918e144b93",mxXxl:"mxXxl_03dd7e7279",mxXxxl:"mxXxxl_318a2cb996",mxAuto:"mxAuto_d9e846e9b7",my0:"my0_7981dbec1e",myXs:"myXs_fa9d892619",mySmall:"mySmall_69cd7ecfec",myMedium:"myMedium_d4548669a1",myLarge:"myLarge_10b082663a",myXl:"myXl_67088cdc6a",myXxl:"myXxl_d614f03860",myXxxl:"myXxxl_47e4f67be4",myAuto:"myAuto_b9245247ce",mt0:"mt0_b14e3f941c",mtXs:"mtXs_e3fad102d7",mtSmall:"mtSmall_84bd5eb242",mtMedium:"mtMedium_8fb85e20ac",mtLarge:"mtLarge_8f8df4a1d0",mtXl:"mtXl_82c6b05170",mtXxl:"mtXxl_4fae24d87c",mtXxxl:"mtXxxl_5991c68e9d",mtAuto:"mtAuto_09295143ae",me0:"me0_fea11e3860",meXs:"meXs_51fb745e2f",meSmall:"meSmall_5b77781fa4",meMedium:"meMedium_7bc762753c",meLarge:"meLarge_12855e216a",meXl:"meXl_fd13f4b0cf",meXxl:"meXxl_6e1b15e654",meXxxl:"meXxxl_c2e09b679a",meAuto:"meAuto_098f75e110",mb0:"mb0_582189e1f0",mbXs:"mbXs_5409ea4f2e",mbSmall:"mbSmall_1517264c6d",mbMedium:"mbMedium_9de6b3da40",mbLarge:"mbLarge_f5b59c5afd",mbXl:"mbXl_63ec2aeff0",mbXxl:"mbXxl_0d3daeda8c",mbXxxl:"mbXxxl_68f921499e",mbAuto:"mbAuto_39db120f5a",ms0:"ms0_3ec2c988ae",msXs:"msXs_bb92e7d556",msSmall:"msSmall_a5e019e5be",msMedium:"msMedium_5c4a451036",msLarge:"msLarge_80c0317079",msXl:"msXl_ce95037d4c",msXxl:"msXxl_c9e8eeaad9",msXxxl:"msXxxl_4d5be1f069",msAuto:"msAuto_613b390379",p0:"p0_8dcd2d188b",pXs:"pXs_58779e1e51",pSmall:"pSmall_bcf6e742f3",pMedium:"pMedium_286c2d7db5",pLarge:"pLarge_dc8c8d000b",pXl:"pXl_5426aa55c1",pXxl:"pXxl_f05fa1addc",pXxxl:"pXxxl_a49dad2ffa",px0:"px0_e3b9183b03",pxXs:"pxXs_ae9c25fd9d",pxSmall:"pxSmall_c87b1dcfe6",pxMedium:"pxMedium_9bc64bc7a6",pxLarge:"pxLarge_e45045ecd7",pxXl:"pxXl_6c93313b95",pxXxl:"pxXxl_918f650d0e",pxXxxl:"pxXxxl_cb1fa07bd9",py0:"py0_3ac753ef7e",pyXs:"pyXs_b8c5b64f70",pySmall:"pySmall_28fa6b004b",pyMedium:"pyMedium_31e5d61950",pyLarge:"pyLarge_4639431d22",pyXl:"pyXl_ec5235ec14",pyXxl:"pyXxl_29037a5b66",pyXxxl:"pyXxxl_8638e60bc5",pt0:"pt0_73ca28c735",ptXs:"ptXs_2e5b507622",ptSmall:"ptSmall_ad168ff56f",ptMedium:"ptMedium_48e89ed6f2",ptLarge:"ptLarge_1227a6fdda",ptXl:"ptXl_a9b853aba1",ptXxl:"ptXxl_397c06d7f7",ptXxxl:"ptXxxl_a3e41da233",pe0:"pe0_88f295c406",peXs:"peXs_9e95840d37",peSmall:"peSmall_a894a7501a",peMedium:"peMedium_4bd0bc6e76",peLarge:"peLarge_e5565d6265",peXl:"peXl_8da8992ea3",peXxl:"peXxl_ec95da1c81",peXxxl:"peXxxl_c765a05fdb",pb0:"pb0_88c229d568",pbXs:"pbXs_86e7eae402",pbSmall:"pbSmall_f656d93f1c",pbMedium:"pbMedium_dd390e24a0",pbLarge:"pbLarge_2d510f4415",pbXl:"pbXl_c43a886108",pbXxl:"pbXxl_655608c58e",pbXxxl:"pbXxxl_a893f15866",ps0:"ps0_51686e0ea2",psXs:"psXs_6dfa6400f6",psSmall:"psSmall_e74dceb906",psMedium:"psMedium_7b9758d87c",psLarge:"psLarge_3a5abc9f9f",psXl:"psXl_5b4a0434cd",psXxl:"psXxl_0612f9145d",psXxxl:"psXxxl_65c5e51047",textPrimaryTextColor:"textPrimaryTextColor_e557cb4094",textTextColorOnInverted:"textTextColorOnInverted_02cd8e6d6d",textSecondaryTextColor:"textSecondaryTextColor_c6932c49ad",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_d901c4c889",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_c2db17c974",bgGreyBackgroundColor:"bgGreyBackgroundColor_bb3931d60a",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_a0fc436875",bgInvertedColorBackground:"bgInvertedColorBackground_397e70992e"};!function(n){const a="s_id-1ea68be2c9b7_3_72_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_64b11e16a9 {\n  overflow: hidden;\n}\n.box_64b11e16a9.scrollable_19744863a9 {\n  overflow: auto;\n}\n.box_64b11e16a9.scrollable_19744863a9::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_64b11e16a9.scrollable_19744863a9::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_5ff132ae33 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_284369ef8f {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_37b0deb006 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_a01239ea72 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_8df8e2ed0f {\n  border-radius: 0 !important;\n}\n.roundedSmall_31f4a8da31 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_0266105f2e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_ea37d96adf {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_cd7eab5e75 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_650f3e23eb {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_637a85f797 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_6cb1061f73 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_0e2c9a331d {\n  margin: 0 !important;\n}\n.mXs_1e3e56c11b {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_1dceb87214 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_4f2828f522 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_e6737be294 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_339cc380e3 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_ca747dccf5 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_475d698c49 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_e12b44d901 {\n  margin: auto !important;\n}\n.mx0_09f8de8093 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_45ee132521 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_5bc385f08b {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_c7a677c3d5 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_a01321eb46 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_918e144b93 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_03dd7e7279 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_318a2cb996 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_d9e846e9b7 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_7981dbec1e {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_fa9d892619 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_69cd7ecfec {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_d4548669a1 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_10b082663a {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_67088cdc6a {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_d614f03860 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_47e4f67be4 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_b9245247ce {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_b14e3f941c {\n  margin-top: 0 !important;\n}\n.mtXs_e3fad102d7 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_84bd5eb242 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_8fb85e20ac {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_8f8df4a1d0 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_82c6b05170 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_4fae24d87c {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_5991c68e9d {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_09295143ae {\n  margin-top: auto !important;\n}\n.me0_fea11e3860 {\n  margin-inline-end: 0 !important;\n}\n.meXs_51fb745e2f {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_5b77781fa4 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_7bc762753c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_12855e216a {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_fd13f4b0cf {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_6e1b15e654 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_c2e09b679a {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_098f75e110 {\n  margin-inline-end: auto !important;\n}\n.mb0_582189e1f0 {\n  margin-bottom: 0 !important;\n}\n.mbXs_5409ea4f2e {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_1517264c6d {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_9de6b3da40 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_f5b59c5afd {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_63ec2aeff0 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_0d3daeda8c {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_68f921499e {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_39db120f5a {\n  margin-bottom: auto !important;\n}\n.ms0_3ec2c988ae {\n  margin-inline-start: 0 !important;\n}\n.msXs_bb92e7d556 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_a5e019e5be {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_5c4a451036 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_80c0317079 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_ce95037d4c {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_c9e8eeaad9 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_4d5be1f069 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_613b390379 {\n  margin-inline-start: auto !important;\n}\n.p0_8dcd2d188b {\n  padding: 0 !important;\n}\n.pXs_58779e1e51 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_bcf6e742f3 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_286c2d7db5 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_dc8c8d000b {\n  padding: var(--spacing-large) !important;\n}\n.pXl_5426aa55c1 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_f05fa1addc {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_a49dad2ffa {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_e3b9183b03 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_ae9c25fd9d {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_c87b1dcfe6 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_9bc64bc7a6 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_e45045ecd7 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_6c93313b95 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_918f650d0e {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_cb1fa07bd9 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_3ac753ef7e {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_b8c5b64f70 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_28fa6b004b {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_31e5d61950 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_4639431d22 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_ec5235ec14 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_29037a5b66 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_8638e60bc5 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_73ca28c735 {\n  padding-top: 0 !important;\n}\n.ptXs_2e5b507622 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_ad168ff56f {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_48e89ed6f2 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_1227a6fdda {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_a9b853aba1 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_397c06d7f7 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_a3e41da233 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_88f295c406 {\n  padding-inline-end: 0 !important;\n}\n.peXs_9e95840d37 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_a894a7501a {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_4bd0bc6e76 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_e5565d6265 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_8da8992ea3 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_ec95da1c81 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_c765a05fdb {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_88c229d568 {\n  padding-bottom: 0 !important;\n}\n.pbXs_86e7eae402 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_f656d93f1c {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_dd390e24a0 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_2d510f4415 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_c43a886108 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_655608c58e {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_a893f15866 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_51686e0ea2 {\n  padding-inline-start: 0 !important;\n}\n.psXs_6dfa6400f6 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_e74dceb906 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_7b9758d87c {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_3a5abc9f9f {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_5b4a0434cd {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_0612f9145d {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_65c5e51047 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_e557cb4094 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_02cd8e6d6d {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_c6932c49ad {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_d901c4c889 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_c2db17c974 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_bb3931d60a {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_a0fc436875 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_397e70992e {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_bd5fe5705a",scrollable:"scrollable_241ed81839",opacityDisabled:"opacityDisabled_4357e21646",border:"border_ad03add2a4",borderColorUiBorderColor:"borderColorUiBorderColor_5cf1abafa8",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_aec4631ce7",rounded0:"rounded0_f9f7162690",roundedSmall:"roundedSmall_18f2ef2f91",roundedMedium:"roundedMedium_61a92b6119",roundedBig:"roundedBig_2e2ba7381d",shadowXs:"shadowXs_85e5384c59",shadowSmall:"shadowSmall_6bd5bfb650",shadowMedium:"shadowMedium_f809d1d9da",shadowLarge:"shadowLarge_20961bf0c1",m0:"m0_4bbc55396a",mXs:"mXs_40267f3ee1",mSmall:"mSmall_a2774da789",mMedium:"mMedium_b18bce0b56",mLarge:"mLarge_e44d2ce0d3",mXl:"mXl_712c771f20",mXxl:"mXxl_9246432968",mXxxl:"mXxxl_ec1b84e8e4",mAuto:"mAuto_2b40cb2fa4",mx0:"mx0_c6a21da600",mxXs:"mxXs_7201ebb0df",mxSmall:"mxSmall_b47212e451",mxMedium:"mxMedium_b58d9ba8fa",mxLarge:"mxLarge_4c7de91e92",mxXl:"mxXl_ab734502d5",mxXxl:"mxXxl_a6b4b6f3ca",mxXxxl:"mxXxxl_0fd02d0907",mxAuto:"mxAuto_505fc5be7d",my0:"my0_a6b5d8aa9d",myXs:"myXs_bbe1fe1ab5",mySmall:"mySmall_572bfe85d8",myMedium:"myMedium_ebbe8d545a",myLarge:"myLarge_5eaa910e32",myXl:"myXl_ca59363482",myXxl:"myXxl_c98e79107d",myXxxl:"myXxxl_f28daa4d77",myAuto:"myAuto_a856e973e2",mt0:"mt0_58e2d08d47",mtXs:"mtXs_d29785bb92",mtSmall:"mtSmall_5f592bbba4",mtMedium:"mtMedium_ecbb87652c",mtLarge:"mtLarge_2ea02ae907",mtXl:"mtXl_bca196b217",mtXxl:"mtXxl_cc67377dc8",mtXxxl:"mtXxxl_bc05fb4520",mtAuto:"mtAuto_46a010b375",me0:"me0_8dbd73e5ed",meXs:"meXs_1b506424e9",meSmall:"meSmall_82bb7d5ac9",meMedium:"meMedium_7d05cfc131",meLarge:"meLarge_4ed8dca2a0",meXl:"meXl_668ad0eb08",meXxl:"meXxl_3f7aa966da",meXxxl:"meXxxl_fb84b7e5e0",meAuto:"meAuto_ddea88800a",mb0:"mb0_e5c3082808",mbXs:"mbXs_16af662b46",mbSmall:"mbSmall_eb9ed181b3",mbMedium:"mbMedium_a853d3fedb",mbLarge:"mbLarge_d0cdffd979",mbXl:"mbXl_3509aa09c4",mbXxl:"mbXxl_297af3e75a",mbXxxl:"mbXxxl_1be853364e",mbAuto:"mbAuto_0051f16d2b",ms0:"ms0_903065b3d2",msXs:"msXs_9def61907a",msSmall:"msSmall_95f593a657",msMedium:"msMedium_4aeed1f640",msLarge:"msLarge_8328c5d848",msXl:"msXl_e532451e9c",msXxl:"msXxl_ce5f601466",msXxxl:"msXxxl_2c05303b7f",msAuto:"msAuto_c5524b4e68",p0:"p0_073e7f228c",pXs:"pXs_62e4bf7ba5",pSmall:"pSmall_ab4d086965",pMedium:"pMedium_f9e355479c",pLarge:"pLarge_a009b4cae1",pXl:"pXl_374881bb9f",pXxl:"pXxl_99588762c2",pXxxl:"pXxxl_d0211608aa",px0:"px0_12045cf6ac",pxXs:"pxXs_eeb31af37a",pxSmall:"pxSmall_5ddac04b95",pxMedium:"pxMedium_772feef361",pxLarge:"pxLarge_c68192ebd2",pxXl:"pxXl_cff6798d07",pxXxl:"pxXxl_c4f3a8d764",pxXxxl:"pxXxxl_9fff22ddb1",py0:"py0_957e44f782",pyXs:"pyXs_fa1fe91af6",pySmall:"pySmall_6eed2c62f6",pyMedium:"pyMedium_92961e0a2a",pyLarge:"pyLarge_ea75d4d601",pyXl:"pyXl_ddea0674ab",pyXxl:"pyXxl_f1d7315803",pyXxxl:"pyXxxl_541cbd9e53",pt0:"pt0_49996416b2",ptXs:"ptXs_45f8fc9f93",ptSmall:"ptSmall_d64a32a02d",ptMedium:"ptMedium_8cdda3c610",ptLarge:"ptLarge_0b2fb1706e",ptXl:"ptXl_495792d901",ptXxl:"ptXxl_18dc844f43",ptXxxl:"ptXxxl_6a83c3c29d",pe0:"pe0_4f684daed0",peXs:"peXs_9585526a58",peSmall:"peSmall_b3449cac39",peMedium:"peMedium_a89c212363",peLarge:"peLarge_2261b844cb",peXl:"peXl_9f1331ffd2",peXxl:"peXxl_0cc6360771",peXxxl:"peXxxl_9c7586fe80",pb0:"pb0_69428f7215",pbXs:"pbXs_693175053b",pbSmall:"pbSmall_108de68d3b",pbMedium:"pbMedium_9b3fea6538",pbLarge:"pbLarge_8fdd161d8e",pbXl:"pbXl_8fca1db6c3",pbXxl:"pbXxl_d243784cf9",pbXxxl:"pbXxxl_d57e87a571",ps0:"ps0_cf6131ea97",psXs:"psXs_e746669bf6",psSmall:"psSmall_c7fab1c133",psMedium:"psMedium_bf8d669d62",psLarge:"psLarge_4dc35a0f3f",psXl:"psXl_7260724d29",psXxl:"psXxl_3769fa3293",psXxxl:"psXxxl_c364af26e4",textPrimaryTextColor:"textPrimaryTextColor_400aeab5d6",textTextColorOnInverted:"textTextColorOnInverted_dae29840d5",textSecondaryTextColor:"textSecondaryTextColor_41a992b5d0",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_af06533b34",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_4da23ebb3c",bgGreyBackgroundColor:"bgGreyBackgroundColor_bca9d2c4a7",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_ca2fb61506",bgInvertedColorBackground:"bgInvertedColorBackground_6364f21084"};!function(n){const a="s_id-1ea68be2c9b7_3_73_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_bd5fe5705a {\n  overflow: hidden;\n}\n.box_bd5fe5705a.scrollable_241ed81839 {\n  overflow: auto;\n}\n.box_bd5fe5705a.scrollable_241ed81839::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_bd5fe5705a.scrollable_241ed81839::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_4357e21646 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_ad03add2a4 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_5cf1abafa8 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_aec4631ce7 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_f9f7162690 {\n  border-radius: 0 !important;\n}\n.roundedSmall_18f2ef2f91 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_61a92b6119 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_2e2ba7381d {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_85e5384c59 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_6bd5bfb650 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_f809d1d9da {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_20961bf0c1 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_4bbc55396a {\n  margin: 0 !important;\n}\n.mXs_40267f3ee1 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_a2774da789 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_b18bce0b56 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_e44d2ce0d3 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_712c771f20 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_9246432968 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_ec1b84e8e4 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_2b40cb2fa4 {\n  margin: auto !important;\n}\n.mx0_c6a21da600 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_7201ebb0df {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_b47212e451 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_b58d9ba8fa {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_4c7de91e92 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_ab734502d5 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_a6b4b6f3ca {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_0fd02d0907 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_505fc5be7d {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_a6b5d8aa9d {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_bbe1fe1ab5 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_572bfe85d8 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_ebbe8d545a {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_5eaa910e32 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_ca59363482 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_c98e79107d {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_f28daa4d77 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_a856e973e2 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_58e2d08d47 {\n  margin-top: 0 !important;\n}\n.mtXs_d29785bb92 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_5f592bbba4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_ecbb87652c {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_2ea02ae907 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_bca196b217 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_cc67377dc8 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_bc05fb4520 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_46a010b375 {\n  margin-top: auto !important;\n}\n.me0_8dbd73e5ed {\n  margin-inline-end: 0 !important;\n}\n.meXs_1b506424e9 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_82bb7d5ac9 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_7d05cfc131 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_4ed8dca2a0 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_668ad0eb08 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_3f7aa966da {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_fb84b7e5e0 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_ddea88800a {\n  margin-inline-end: auto !important;\n}\n.mb0_e5c3082808 {\n  margin-bottom: 0 !important;\n}\n.mbXs_16af662b46 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_eb9ed181b3 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_a853d3fedb {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_d0cdffd979 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_3509aa09c4 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_297af3e75a {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_1be853364e {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_0051f16d2b {\n  margin-bottom: auto !important;\n}\n.ms0_903065b3d2 {\n  margin-inline-start: 0 !important;\n}\n.msXs_9def61907a {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_95f593a657 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_4aeed1f640 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_8328c5d848 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_e532451e9c {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_ce5f601466 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_2c05303b7f {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_c5524b4e68 {\n  margin-inline-start: auto !important;\n}\n.p0_073e7f228c {\n  padding: 0 !important;\n}\n.pXs_62e4bf7ba5 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_ab4d086965 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_f9e355479c {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_a009b4cae1 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_374881bb9f {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_99588762c2 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_d0211608aa {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_12045cf6ac {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_eeb31af37a {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_5ddac04b95 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_772feef361 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_c68192ebd2 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_cff6798d07 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_c4f3a8d764 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_9fff22ddb1 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_957e44f782 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_fa1fe91af6 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_6eed2c62f6 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_92961e0a2a {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_ea75d4d601 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_ddea0674ab {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_f1d7315803 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_541cbd9e53 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_49996416b2 {\n  padding-top: 0 !important;\n}\n.ptXs_45f8fc9f93 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_d64a32a02d {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_8cdda3c610 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_0b2fb1706e {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_495792d901 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_18dc844f43 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_6a83c3c29d {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_4f684daed0 {\n  padding-inline-end: 0 !important;\n}\n.peXs_9585526a58 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_b3449cac39 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_a89c212363 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_2261b844cb {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_9f1331ffd2 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_0cc6360771 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_9c7586fe80 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_69428f7215 {\n  padding-bottom: 0 !important;\n}\n.pbXs_693175053b {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_108de68d3b {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_9b3fea6538 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_8fdd161d8e {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_8fca1db6c3 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_d243784cf9 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_d57e87a571 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_cf6131ea97 {\n  padding-inline-start: 0 !important;\n}\n.psXs_e746669bf6 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_c7fab1c133 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_bf8d669d62 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_4dc35a0f3f {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_7260724d29 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_3769fa3293 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_c364af26e4 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_400aeab5d6 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_dae29840d5 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_41a992b5d0 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_af06533b34 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_4da23ebb3c {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_bca9d2c4a7 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_ca2fb61506 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_6364f21084 {\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_3e711c11c0",withoutText:"withoutText_20e6cd28a2",breadcrumbText:"breadcrumbText_ac110b9f4a",breadcrumbIcon:"breadcrumbIcon_3b8e152870",clickable:"clickable_926c70248e",current:"current_31c52619af",disabled:"disabled_53196407b3",notClickable:"notClickable_a14732da6d"};!function(e){const n="s_id-55ff70da99a4_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_3e711c11c0 {\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_3e711c11c0.withoutText_20e6cd28a2 {\n  padding: 4px;\n}\na.breadcrumbContent_3e711c11c0:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_3e711c11c0 .breadcrumbText_ac110b9f4a {\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_3e711c11c0 .breadcrumbIcon_3b8e152870 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_3e711c11c0:focus {\n  outline: none;\n}\n.breadcrumbContent_3e711c11c0.clickable_926c70248e {\n  cursor: pointer;\n}\n.breadcrumbContent_3e711c11c0.clickable_926c70248e:hover,\n.breadcrumbContent_3e711c11c0:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_3e711c11c0.current_31c52619af {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_3e711c11c0.disabled_53196407b3 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_3e711c11c0.disabled_53196407b3:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_3e711c11c0.notClickable_a14732da6d {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_93219a5890",withoutText:"withoutText_7be0c89eaa",breadcrumbText:"breadcrumbText_2ee7c1c2ed",breadcrumbIcon:"breadcrumbIcon_081045b975",clickable:"clickable_da1469b835",current:"current_f5ef7b724e",disabled:"disabled_bb13a486ff",notClickable:"notClickable_97351afe22"};!function(e){const n="s_id-55ff70da99a4_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_93219a5890 {\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_93219a5890.withoutText_7be0c89eaa {\n  padding: 4px;\n}\na.breadcrumbContent_93219a5890:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_93219a5890 .breadcrumbText_2ee7c1c2ed {\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_93219a5890 .breadcrumbIcon_081045b975 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_93219a5890:focus {\n  outline: none;\n}\n.breadcrumbContent_93219a5890.clickable_da1469b835 {\n  cursor: pointer;\n}\n.breadcrumbContent_93219a5890.clickable_da1469b835:hover,\n.breadcrumbContent_93219a5890:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_93219a5890.current_f5ef7b724e {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_93219a5890.disabled_bb13a486ff {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_93219a5890.disabled_bb13a486ff:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_93219a5890.notClickable_97351afe22 {\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_c3315031a0",disabled:"disabled_668e47313b"};!function(e){const t="s_id-03f482333e23_3_72_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_c3315031a0 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_c3315031a0.disabled_668e47313b {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_c476f77c3c",disabled:"disabled_5cf1174fb5"};!function(e){const t="s_id-03f482333e23_3_73_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_c476f77c3c {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_c476f77c3c.disabled_5cf1174fb5 {\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_c3315031a0"};!function(e){const n="s_id-fc5ae89c4b65_3_72_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_c3315031a0 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_c476f77c3c"};!function(e){const n="s_id-fc5ae89c4b65_3_73_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_c476f77c3c {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import a from"classnames";import{getTestId as e,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../packages/icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:a(o.breadcrumbsBar,r.className),id:d,"data-testid":p||e(s.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(a,e){return t.isValidElement(a)?[e>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(a,Object.assign(Object.assign({},null==a?void 0:a.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
+import t from"react";import e from"classnames";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,r.className),id:d,"data-testid":p||s(a.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(e,s){return t.isValidElement(e)?[s>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"~~4eAyBA~~,IAmCeA,EAAAA,GAnCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAACC,cAAAc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATzB,MAGjB,IAAI,KAGV,GAOuG,CAC7G0B,MAAOC"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"meAyBA,IAmCeA,EAAAA,GAnCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAACC,cAAAc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATzB,MAGjB,IAAI,KAGV,GAOuG,CAC7G0B,MAAOC"}

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

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

@@ -1,2 +1,2 @@
-var e={buttonGroup:"buttonGroup_88c582e58c",subTextContainer:"subTextContainer_55595c94e4",buttonsContainer:"buttonsContainer_cb9bdee79d",fullWidth:"fullWidth_34eded6f64",button:"button_a4e04ddae7",activeButton:"activeButton_e572ada0bd",disabled:"disabled_668e47313b",buttonDisabled:"buttonDisabled_14b5f370f9",startBorder:"startBorder_d25d77193c",endBorder:"endBorder_eef1cd2c7d",kindTertiary:"kindTertiary_5f1fe15a34",optionText:"optionText_af0baaa0c1",selected:"selected_467eb5ba5f",wrapper:"wrapper_edb003f84a"};!function(e){const n="s_id-4b7ca9f3603b_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttonGroup_88c582e58c {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_55595c94e4 {\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_cb9bdee79d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_cb9bdee79d.fullWidth_34eded6f64 {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer_cb9bdee79d .button_a4e04ddae7 {\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_cb9bdee79d .button_a4e04ddae7.activeButton_e572ada0bd {\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_cb9bdee79d .button_a4e04ddae7.activeButton_e572ada0bd:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_cb9bdee79d .button_a4e04ddae7.disabled_668e47313b, .buttonsContainer_cb9bdee79d .button_a4e04ddae7.buttonDisabled_14b5f370f9 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_cb9bdee79d .button_a4e04ddae7.startBorder_d25d77193c {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_cb9bdee79d .button_a4e04ddae7.endBorder_eef1cd2c7d {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_cb9bdee79d .button_a4e04ddae7.fullWidth_34eded6f64 {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary_5f1fe15a34 .buttonsContainer_cb9bdee79d .button_a4e04ddae7 {\n  border-color: transparent;\n}\n\n.kindTertiary_5f1fe15a34 .buttonsContainer_cb9bdee79d .button_a4e04ddae7:first-child {\n  border-color: transparent;\n}\n\n.optionText_af0baaa0c1:not(.disabled_668e47313b) {\n  color: var(--primary-text-color);\n}\n\n.optionText_af0baaa0c1:not(.disabled_668e47313b).selected_467eb5ba5f {\n  color: var(--primary-text-color);\n}\n\n.wrapper_edb003f84a.disabled_668e47313b {\n  cursor: not-allowed;\n}\n\n.fullWidth_34eded6f64 {\n  flex: 1;\n}");export{e as default};
+var n={buttonGroup:"buttonGroup_71f7a7cd2c",subTextContainer:"subTextContainer_416af66859",buttonsContainer:"buttonsContainer_079914ad26",fullWidth:"fullWidth_97d831a1e8",button:"button_c65834e257",activeButton:"activeButton_0c9eed4941",disabled:"disabled_5cf1174fb5",buttonDisabled:"buttonDisabled_2f49e0a30c",startBorder:"startBorder_35c1ecf100",endBorder:"endBorder_a537d02bc2",kindTertiary:"kindTertiary_05fdb46bd7",optionText:"optionText_16ec5f46c2",selected:"selected_2ec4479ad5",wrapper:"wrapper_de05171397"};!function(n){const t="s_id-4b7ca9f3603b_3_73_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_71f7a7cd2c {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_416af66859 {\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_079914ad26 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_079914ad26.fullWidth_97d831a1e8 {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer_079914ad26 .button_c65834e257 {\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_079914ad26 .button_c65834e257.activeButton_0c9eed4941 {\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_079914ad26 .button_c65834e257.activeButton_0c9eed4941:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_079914ad26 .button_c65834e257.disabled_5cf1174fb5, .buttonsContainer_079914ad26 .button_c65834e257.buttonDisabled_2f49e0a30c {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_079914ad26 .button_c65834e257.startBorder_35c1ecf100 {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_079914ad26 .button_c65834e257.endBorder_a537d02bc2 {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_079914ad26 .button_c65834e257.fullWidth_97d831a1e8 {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary_05fdb46bd7 .buttonsContainer_079914ad26 .button_c65834e257 {\n  border-color: transparent;\n}\n\n.kindTertiary_05fdb46bd7 .buttonsContainer_079914ad26 .button_c65834e257:first-child {\n  border-color: transparent;\n}\n\n.optionText_16ec5f46c2:not(.disabled_5cf1174fb5) {\n  color: var(--primary-text-color);\n}\n\n.optionText_16ec5f46c2:not(.disabled_5cf1174fb5).selected_2ec4479ad5 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_de05171397.disabled_5cf1174fb5 {\n  cursor: not-allowed;\n}\n\n.fullWidth_97d831a1e8 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as a,useRef as t,useCallback as o,useEffect as n,useMemo as i}from"react";import r from"classnames";import{isNil as s,noop as l}from"es-toolkit";import{useSupportFirefoxLabelClick as c}from"./hooks/useSupportFirefoxLabelClick.js";import m from"../../hooks/useMergeRef.js";import{getTestId as d}from"../../tests/testIds.js";import{ComponentDefaultTestId as u,ComponentVibeId as p}from"../../tests/constants.js";import C from"../Text/Text.js";import b from"./Checkbox.module.scss.js";import f from"../../../components/icon/dist/Icon/Icon.js";import k from"../../../packages/icons/dist/react/Remove.js";import E from"../../../packages/icons/dist/react/Check.js";var h=a((function(a,h){var v=a.className,x=a.checkboxClassName,B=a.labelClassName,N=a.ariaLabel,y=a.label,H=a.ariaLabelledBy,g=a.onChange,F=void 0===g?l:g,K=a.checked,O=a.autoFocus,X=a.indeterminate,j=void 0!==X&&X,L=a.disabled,w=void 0!==L&&L,I=a.defaultChecked,S=a.tabIndex,A=a.value,M=void 0===A?"":A,T=a.name,_=void 0===T?"":T,R=a.id,U=a.separateLabel,q=void 0!==U&&U,z=a["data-testid"],D=t(null),G=m(h,D),J=t(null),P=o((function(){var e=D.current;e&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){e.blur()}))}))}),[D]),Q=I;s(Q)&&s(K)&&(Q=!1),n((function(){D.current&&(D.current.indeterminate=j)}),[D,j]);var V=c({inputRef:D}).onClickCapture,W=i((function(){return N||("string"==typeof y?y:"")}),[N,y]);return q?e.createElement("div",{className:r(b.wrapper,v),"data-testid":z||d(u.CHECKBOX,R),"data-vibe":p.CHECKBOX},e.createElement("input",{ref:G,id:R,className:b.input,value:M,name:_,type:"checkbox",autoFocus:O,onChange:F,defaultChecked:Q,disabled:w,"aria-label":W,"aria-labelledby":H,checked:K,tabIndex:S}),e.createElement("label",{htmlFor:R,className:r(b.checkbox,x),"data-testid":d(u.CHECKBOX_CHECKBOX,R),onMouseUp:P,onClickCapture:V},e.createElement(f,{className:b.icon,iconType:"svg",icon:j?k:E,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===y?null:e.createElement("label",{htmlFor:R,className:r(b.label,B),"data-testid":d(u.CHECKBOX_LABEL,R),onMouseUp:P,onClickCapture:V},e.createElement(C,{element:"span",type:"text2"},y))):e.createElement("label",{className:r(b.wrapper,v),onMouseUp:P,"data-testid":z||d(u.CHECKBOX,R),htmlFor:R,onClickCapture:V,"data-vibe":p.CHECKBOX},e.createElement("input",{ref:G,id:R,className:b.input,value:M,name:_,type:"checkbox",autoFocus:O,onChange:F,defaultChecked:Q,disabled:w,"aria-label":W,"aria-labelledby":H,checked:K,tabIndex:S}),e.createElement("div",{className:r(b.checkbox,x),ref:J,"data-testid":d(u.CHECKBOX_CHECKBOX,R)},e.createElement(f,{className:b.icon,iconType:"svg",icon:j?k:E,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===y?null:e.createElement(C,{element:"span",type:"text2",className:r(b.label,B),"data-testid":d(u.CHECKBOX_LABEL,R)},y))}));export{h as default};
+import e,{forwardRef as a,useRef as t,useCallback as o,useEffect as n,useMemo as i}from"react";import r from"classnames";import{isNil as l,noop as s}from"es-toolkit";import{useSupportFirefoxLabelClick as c}from"./hooks/useSupportFirefoxLabelClick.js";import m from"../../hooks/useMergeRef.js";import{getTestId as d}from"../../tests/testIds.js";import{ComponentDefaultTestId as u,ComponentVibeId as p}from"../../tests/constants.js";import C from"../Text/Text.js";import b from"./Checkbox.module.scss.js";import f from"../../../components/icon/dist/Icon/Icon.js";import E from"../../../icons/dist/react/Remove.js";import h from"../../../icons/dist/react/Check.js";var k=a((function(a,k){var v=a.className,x=a.checkboxClassName,B=a.labelClassName,N=a.ariaLabel,y=a.label,H=a.ariaLabelledBy,F=a.onChange,K=void 0===F?s:F,O=a.checked,X=a.autoFocus,g=a.indeterminate,j=void 0!==g&&g,L=a.disabled,w=void 0!==L&&L,I=a.defaultChecked,S=a.tabIndex,A=a.value,M=void 0===A?"":A,T=a.name,_=void 0===T?"":T,R=a.id,U=a.separateLabel,q=void 0!==U&&U,z=a["data-testid"],D=t(null),G=m(k,D),J=t(null),P=o((function(){var e=D.current;e&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){e.blur()}))}))}),[D]),Q=I;l(Q)&&l(O)&&(Q=!1),n((function(){D.current&&(D.current.indeterminate=j)}),[D,j]);var V=c({inputRef:D}).onClickCapture,W=i((function(){return N||("string"==typeof y?y:"")}),[N,y]);return q?e.createElement("div",{className:r(b.wrapper,v),"data-testid":z||d(u.CHECKBOX,R),"data-vibe":p.CHECKBOX},e.createElement("input",{ref:G,id:R,className:b.input,value:M,name:_,type:"checkbox",autoFocus:X,onChange:K,defaultChecked:Q,disabled:w,"aria-label":W,"aria-labelledby":H,checked:O,tabIndex:S}),e.createElement("label",{htmlFor:R,className:r(b.checkbox,x),"data-testid":d(u.CHECKBOX_CHECKBOX,R),onMouseUp:P,onClickCapture:V},e.createElement(f,{className:b.icon,iconType:"svg",icon:j?E:h,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===y?null:e.createElement("label",{htmlFor:R,className:r(b.label,B),"data-testid":d(u.CHECKBOX_LABEL,R),onMouseUp:P,onClickCapture:V},e.createElement(C,{element:"span",type:"text2"},y))):e.createElement("label",{className:r(b.wrapper,v),onMouseUp:P,"data-testid":z||d(u.CHECKBOX,R),htmlFor:R,onClickCapture:V,"data-vibe":p.CHECKBOX},e.createElement("input",{ref:G,id:R,className:b.input,value:M,name:_,type:"checkbox",autoFocus:X,onChange:K,defaultChecked:Q,disabled:w,"aria-label":W,"aria-labelledby":H,checked:O,tabIndex:S}),e.createElement("div",{className:r(b.checkbox,x),ref:J,"data-testid":d(u.CHECKBOX_CHECKBOX,R)},e.createElement(f,{className:b.icon,iconType:"svg",icon:j?E:h,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===y?null:e.createElement(C,{element:"span",type:"text2",className:r(b.label,B),"data-testid":d(u.CHECKBOX_LABEL,R)},y))}));export{k as default};
 //# sourceMappingURL=Checkbox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { isNil, noop as NOOP } from \"es-toolkit\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /*\n Class name applied to the checkbox element.\n /\n checkboxClassName?: string;\n /\n Class name applied to the label element.\n /\n labelClassName?: string;\n /\n The label of the checkbox for accessibility.\n /\n ariaLabel?: string;\n /\n The content displayed next to the checkbox.\n /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /\n The ID of an element describing the checkbox.\n /\n ariaLabelledBy?: string;\n /\n Callback fired when the checkbox value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /\n If true, controls the checked state of the checkbox.\n /\n checked?: boolean;\n /\n If true, displays an indeterminate state.\n /\n indeterminate?: boolean;\n /\n If true, the checkbox automatically receives focus.\n /\n autoFocus?: boolean;\n /\n If true, the checkbox is disabled.\n /\n disabled?: boolean;\n /\n The initial checked state of the checkbox.\n /\n defaultChecked?: boolean;\n /\n The value submitted with the form when checked.\n /\n value?: string;\n /\n The name of the checkbox, used for form submission.\n /\n name?: string;\n /\n The tab order of the checkbox.\n /\n tabIndex?: number;\n /\n If true, uses separate labels with htmlFor/id association instead of wrapping the input.\n * If using this the id prop is required for it to function correctly.\n /\n separateLabel?: boolean;\n}\n\nconst Checkbox = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n separateLabel = false,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n if (separateLabel) {\n return (\n <div\n className={cx(styles.wrapper, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n {/ eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n <label\n htmlFor={id}\n className={cx(styles.checkbox, checkboxClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </label>\n {label === false ? null : (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n htmlFor={id}\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Text element=\"span\" type=\"text2\">\n {label}\n </Text>\n </label>\n )}\n </div>\n );\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","_ref$separateLabel","separateLabel","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","getTestId","ComponentDefaultTestId","CHECKBOX","ComponentVibeId","type","htmlFor","checkbox","CHECKBOX_CHECKBOX","onMouseUp","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","CHECKBOX_LABEL","Text","element"],"mappings":"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"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { isNil, noop as NOOP } from \"es-toolkit\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /*\n Class name applied to the checkbox element.\n /\n checkboxClassName?: string;\n /\n Class name applied to the label element.\n /\n labelClassName?: string;\n /\n The label of the checkbox for accessibility.\n /\n ariaLabel?: string;\n /\n The content displayed next to the checkbox.\n /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /\n The ID of an element describing the checkbox.\n /\n ariaLabelledBy?: string;\n /\n Callback fired when the checkbox value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /\n If true, controls the checked state of the checkbox.\n /\n checked?: boolean;\n /\n If true, displays an indeterminate state.\n /\n indeterminate?: boolean;\n /\n If true, the checkbox automatically receives focus.\n /\n autoFocus?: boolean;\n /\n If true, the checkbox is disabled.\n /\n disabled?: boolean;\n /\n The initial checked state of the checkbox.\n /\n defaultChecked?: boolean;\n /\n The value submitted with the form when checked.\n /\n value?: string;\n /\n The name of the checkbox, used for form submission.\n /\n name?: string;\n /\n The tab order of the checkbox.\n /\n tabIndex?: number;\n /\n If true, uses separate labels with htmlFor/id association instead of wrapping the input.\n * If using this the id prop is required for it to function correctly.\n /\n separateLabel?: boolean;\n}\n\nconst Checkbox = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n separateLabel = false,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n if (separateLabel) {\n return (\n <div\n className={cx(styles.wrapper, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n {/ eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n <label\n htmlFor={id}\n className={cx(styles.checkbox, checkboxClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </label>\n {label === false ? null : (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n htmlFor={id}\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Text element=\"span\" type=\"text2\">\n {label}\n </Text>\n </label>\n )}\n </div>\n );\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","_ref$separateLabel","separateLabel","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","getTestId","ComponentDefaultTestId","CHECKBOX","ComponentVibeId","type","htmlFor","checkbox","CHECKBOX_CHECKBOX","onMouseUp","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","CHECKBOX_LABEL","Text","element"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_2be40ba384",checkbox:"checkbox_e1be6b86cd",icon:"icon_581bb3aeff",label:"label_967f18cf18",input:"input_be2f5a9326",checkboxGrowAnimation:"checkboxGrowAnimation_8ebdf53573"};!function(e){const n="s_id-3c767214051a_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern */\n.wrapper_2be40ba384 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n.checkbox_e1be6b86cd {\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.checkbox_e1be6b86cd: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.checkbox_e1be6b86cd:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon_581bb3aeff {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label_967f18cf18 {\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/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n/* we hide the checkbox and draw a new one instead. */\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n.input_be2f5a9326 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n.input_be2f5a9326:focus + .checkbox_e1be6b86cd {\n  border-color: var(--secondary-text-color);\n}\n.input_be2f5a9326:focus:checked + .checkbox_e1be6b86cd {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_be2f5a9326:focus-visible + .checkbox_e1be6b86cd {\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.input_be2f5a9326:checked:focus + .checkbox_e1be6b86cd:after,\n.input_be2f5a9326:indeterminate:focus + .checkbox_e1be6b86cd:after {\n  background-color: var(--primary-hover-color);\n}\n.input_be2f5a9326:checked + .checkbox_e1be6b86cd,\n.input_be2f5a9326:indeterminate + .checkbox_e1be6b86cd {\n  animation: checkboxGrowAnimation_8ebdf53573 var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input_be2f5a9326:checked + .checkbox_e1be6b86cd:hover,\n.input_be2f5a9326:indeterminate + .checkbox_e1be6b86cd:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_be2f5a9326:checked + .checkbox_e1be6b86cd:hover:after,\n.input_be2f5a9326:indeterminate + .checkbox_e1be6b86cd:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input_be2f5a9326:checked + .checkbox_e1be6b86cd:after,\n.input_be2f5a9326:indeterminate + .checkbox_e1be6b86cd: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.input_be2f5a9326:checked + .checkbox_e1be6b86cd > .icon_581bb3aeff,\n.input_be2f5a9326:indeterminate + .checkbox_e1be6b86cd > .icon_581bb3aeff {\n  visibility: visible;\n}\n.input_be2f5a9326:checked:disabled + .checkbox_e1be6b86cd:after,\n.input_be2f5a9326:indeterminate:disabled + .checkbox_e1be6b86cd:after {\n  background-color: var(--disabled-background-color);\n}\n.input_be2f5a9326:disabled + .checkbox_e1be6b86cd .icon_581bb3aeff,\n.input_be2f5a9326:disabled + .checkbox_e1be6b86cd:hover .icon_581bb3aeff {\n  color: var(--disabled-text-color);\n}\n.input_be2f5a9326:disabled + .checkbox_e1be6b86cd,\n.input_be2f5a9326:disabled + .checkbox_e1be6b86cd:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n.input_be2f5a9326:disabled ~ .label_967f18cf18 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation_8ebdf53573 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var e={wrapper:"wrapper_2f0b01ec7c",checkbox:"checkbox_9d7834a122",icon:"icon_588a206253",label:"label_1b81538134",input:"input_bea735bbe1",checkboxGrowAnimation:"checkboxGrowAnimation_1fe21c5c14"};!function(e){const n="s_id-3c767214051a_3_73_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern */\n.wrapper_2f0b01ec7c {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n.checkbox_9d7834a122 {\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.checkbox_9d7834a122: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.checkbox_9d7834a122:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon_588a206253 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label_1b81538134 {\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/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n/* we hide the checkbox and draw a new one instead. */\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n.input_bea735bbe1 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n.input_bea735bbe1:focus + .checkbox_9d7834a122 {\n  border-color: var(--secondary-text-color);\n}\n.input_bea735bbe1:focus:checked + .checkbox_9d7834a122 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_bea735bbe1:focus-visible + .checkbox_9d7834a122 {\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.input_bea735bbe1:checked:focus + .checkbox_9d7834a122:after,\n.input_bea735bbe1:indeterminate:focus + .checkbox_9d7834a122:after {\n  background-color: var(--primary-hover-color);\n}\n.input_bea735bbe1:checked + .checkbox_9d7834a122,\n.input_bea735bbe1:indeterminate + .checkbox_9d7834a122 {\n  animation: checkboxGrowAnimation_1fe21c5c14 var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input_bea735bbe1:checked + .checkbox_9d7834a122:hover,\n.input_bea735bbe1:indeterminate + .checkbox_9d7834a122:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_bea735bbe1:checked + .checkbox_9d7834a122:hover:after,\n.input_bea735bbe1:indeterminate + .checkbox_9d7834a122:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input_bea735bbe1:checked + .checkbox_9d7834a122:after,\n.input_bea735bbe1:indeterminate + .checkbox_9d7834a122: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.input_bea735bbe1:checked + .checkbox_9d7834a122 > .icon_588a206253,\n.input_bea735bbe1:indeterminate + .checkbox_9d7834a122 > .icon_588a206253 {\n  visibility: visible;\n}\n.input_bea735bbe1:checked:disabled + .checkbox_9d7834a122:after,\n.input_bea735bbe1:indeterminate:disabled + .checkbox_9d7834a122:after {\n  background-color: var(--disabled-background-color);\n}\n.input_bea735bbe1:disabled + .checkbox_9d7834a122 .icon_588a206253,\n.input_bea735bbe1:disabled + .checkbox_9d7834a122:hover .icon_588a206253 {\n  color: var(--disabled-text-color);\n}\n.input_bea735bbe1:disabled + .checkbox_9d7834a122,\n.input_bea735bbe1:disabled + .checkbox_9d7834a122:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n.input_bea735bbe1:disabled ~ .label_1b81538134 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation_1fe21c5c14 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e 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 a,useRef as r,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";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/useSetFocus/index.js";import k from"../../hooks/useClickableProps/useClickableProps.js";import C from"./Chips.module.scss.js";import{ComponentVibeId as x}from"../../tests/constants.js";import S from"../../../components/icon/dist/Icon/Icon.js";import N from"../../../packages/icons/dist/react/CloseSmall.js";var A=y(a((function(a,d){var j=a.className,y=a.avatarClassName,A=a.iconClassName,E=a.id,T=a.label,M=void 0===T?"":T,P=a.leftIcon,w=void 0===P?null:P,I=a.rightIcon,B=void 0===I?null:I,z=a.leftAvatar,H=void 0===z?null:z,L=a.rightAvatar,O=void 0===L?null:L,R=a.disabled,D=void 0!==R&&R,F=a.readOnly,_=void 0!==F&&F,U=a.allowTextSelection,q=void 0!==U&&U,G=a.color,J=void 0===G?"primary":G,K=a.iconSize,Q=void 0===K?18:K,V=a.onDelete,W=void 0===V?function(e,o){}:V,X=a.onMouseDown,Y=a.onClick,Z=a.noAnimation,$=void 0===Z||Z,ee=a.ariaLabel,oe=a.ariaHasPopup,te=void 0!==oe&&oe,ae=a.disableClickableBehavior,re=void 0!==ae&&ae,ie=a.leftAvatarType,se=void 0===ie?"img":ie,ne=a.rightAvatarType,le=void 0===ne?"img":ne,ce=a.showBorder,me=void 0!==ce&&ce,de=a.leftRenderer,ue=a.rightRenderer,pe=a.closeButtonAriaLabel,ve=void 0===pe?"Remove":pe,fe=a.noMargin,be=void 0!==fe&&fe,ge=a["data-testid"]||b(g.CHIP,E),je=!(!Y&&!X||re),ye=!_&&!D,he=ee||"string"==typeof M&&M||"",ke=r(null),Ce=r(null),xe=i(!1),Se=e(xe,2),Ne=Se[0],Ae=Se[1],Ee=s((function(){return Ae(!0)}),[]),Te=s((function(){return Ae(!1)}),[]),Me=h({ref:Ce}).isFocused,Pe=c(d,Ce),we=l(C.chips,j,o(o(o(o(o({},C.disabled,D),C.noAnimation,$),C.withUserSelect,q),C.border,me),C.noMargin,be)),Ie=l(C.clickable,we,o(o({},C.disabled,D),C.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:D?m("disabled-background-color"):je&&(Ne||Me)?u(J,!0,!0):u(J,!0)}}),[D,je,Ne,Me,J]),ze=s((function(e){e.stopPropagation(),W&&W(E,e)}),[E,W]),He=s((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Le=k({onClick:He,onMouseDown:X,disabled:D,id:E,"data-testid":ge,ariaLabel:he,ariaHidden:!1,ariaHasPopup:te,ariaExpanded:!1},Pe),Oe=je?Object.assign(Object.assign({},Le),{ref:Pe,className:Ie,style:Be,onMouseEnter:Ee,onMouseLeave:Te}):{className:we,"aria-label":he,style:Be,ref:Pe,onClick:He,onMouseDown:X,id:E,"data-testid":ge,onMouseEnter:Ee,onMouseLeave:Te},Re="text"===se?{text:H}:{src:H},De="text"===se?{text:O}:{src:O};return t.createElement("div",Object.assign({},Oe,{"data-vibe":x.CHIPS}),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(C.avatar,C.left,y),customSize:18,type:se,key:E},Re)):null,w?t.createElement(S,{className:l(C.icon,C.left,A),iconType:"font",icon:w,iconSize:Q,ignoreFocusStyle:!0}):null,de&&t.createElement("div",{className:l(C.customRenderer,C.left)},de),t.createElement(f,{type:"text2",className:C.label},M),B?t.createElement(S,{className:l(C.icon,C.right,A),iconType:"font",icon:B,iconSize:Q,ignoreFocusStyle:!0}):null,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(C.avatar,C.right,y),customSize:18,type:le,key:E},De)):null,ue&&t.createElement("div",{className:l(C.customRenderer,C.right)},ue),ye&&t.createElement(v,{size:"xxs",color:"on-primary-color",className:l(C.icon,C.close),ariaLabel:ve,hideTooltip:!0,icon:N,onClick:ze,"data-testid":"".concat(ge,"-close"),ref:ke}))})),{colors:d,avatarTypes:j});export{A as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as r,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";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/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import k from"./Chips.module.scss.js";import{ComponentVibeId as x}from"../../tests/constants.js";import S from"../../../components/icon/dist/Icon/Icon.js";import N from"../../../icons/dist/react/CloseSmall.js";var A=y(a((function(a,d){var j=a.className,y=a.avatarClassName,A=a.iconClassName,E=a.id,T=a.label,M=void 0===T?"":T,P=a.leftIcon,w=void 0===P?null:P,I=a.rightIcon,B=void 0===I?null:I,z=a.leftAvatar,H=void 0===z?null:z,L=a.rightAvatar,O=void 0===L?null:L,R=a.disabled,D=void 0!==R&&R,F=a.readOnly,_=void 0!==F&&F,U=a.allowTextSelection,q=void 0!==U&&U,G=a.color,J=void 0===G?"primary":G,K=a.iconSize,Q=void 0===K?18:K,V=a.onDelete,W=void 0===V?function(e,o){}:V,X=a.onMouseDown,Y=a.onClick,Z=a.noAnimation,$=void 0===Z||Z,ee=a.ariaLabel,oe=a.ariaHasPopup,te=void 0!==oe&&oe,ae=a.disableClickableBehavior,re=void 0!==ae&&ae,ie=a.leftAvatarType,se=void 0===ie?"img":ie,ne=a.rightAvatarType,le=void 0===ne?"img":ne,ce=a.showBorder,me=void 0!==ce&&ce,de=a.leftRenderer,ue=a.rightRenderer,pe=a.closeButtonAriaLabel,ve=void 0===pe?"Remove":pe,fe=a.noMargin,be=void 0!==fe&&fe,ge=a["data-testid"]||b(g.CHIP,E),je=!(!Y&&!X||re),ye=!_&&!D,he=ee||"string"==typeof M&&M||"",Ce=r(null),ke=r(null),xe=i(!1),Se=e(xe,2),Ne=Se[0],Ae=Se[1],Ee=s((function(){return Ae(!0)}),[]),Te=s((function(){return Ae(!1)}),[]),Me=h({ref:ke}).isFocused,Pe=c(d,ke),we=l(k.chips,j,o(o(o(o(o({},k.disabled,D),k.noAnimation,$),k.withUserSelect,q),k.border,me),k.noMargin,be)),Ie=l(k.clickable,we,o(o({},k.disabled,D),k.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:D?m("disabled-background-color"):je&&(Ne||Me)?u(J,!0,!0):u(J,!0)}}),[D,je,Ne,Me,J]),ze=s((function(e){e.stopPropagation(),W&&W(E,e)}),[E,W]),He=s((function(e){void 0!==Y&&e.target!==Ce.current&&(e.preventDefault(),Y(e))}),[Y]),Le=C({onClick:He,onMouseDown:X,disabled:D,id:E,"data-testid":ge,ariaLabel:he,ariaHidden:!1,ariaHasPopup:te,ariaExpanded:!1},Pe),Oe=je?Object.assign(Object.assign({},Le),{ref:Pe,className:Ie,style:Be,onMouseEnter:Ee,onMouseLeave:Te}):{className:we,"aria-label":he,style:Be,ref:Pe,onClick:He,onMouseDown:X,id:E,"data-testid":ge,onMouseEnter:Ee,onMouseLeave:Te},Re="text"===se?{text:H}:{src:H},De="text"===se?{text:O}:{src:O};return t.createElement("div",Object.assign({},Oe,{"data-vibe":x.CHIPS}),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(k.avatar,k.left,y),customSize:18,type:se,key:E},Re)):null,w?t.createElement(S,{className:l(k.icon,k.left,A),iconType:"font",icon:w,iconSize:Q,ignoreFocusStyle:!0}):null,de&&t.createElement("div",{className:l(k.customRenderer,k.left)},de),t.createElement(f,{type:"text2",className:k.label},M),B?t.createElement(S,{className:l(k.icon,k.right,A),iconType:"font",icon:B,iconSize:Q,ignoreFocusStyle:!0}):null,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(k.avatar,k.right,y),customSize:18,type:le,key:E},De)):null,ue&&t.createElement("div",{className:l(k.customRenderer,k.right)},ue),ye&&t.createElement(v,{size:"xxs",color:"on-primary-color",className:l(k.icon,k.close),ariaLabel:ve,hideTooltip:!0,icon:N,onClick:ze,"data-testid":"".concat(ge,"-close"),ref:Ce}))})),{colors:d,avatarTypes:j});export{A 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, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/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 { type 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 { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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, indicates that the chip has a popup.\n /\n ariaHasPopup?: boolean;\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 ariaHasPopup = false,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: backgroundColorStyle,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\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$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"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"}
1	+ {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/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 { type 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 { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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, indicates that the chip has a popup.\n /\n ariaHasPopup?: boolean;\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 ariaHasPopup = false,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: backgroundColorStyle,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\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$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"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"}