npm - @vibe/core - Versions diffs - 4.5.6 → 4.6.0-alpha-1900b.0 - Mend

@vibe/core 4.5.6 → 4.6.0-alpha-1900b.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 (546) hide show

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

@@ -1,2 +1,2 @@
-var n={attention:"attention_f430b6faf2",animate:"animate_d34c480483",attentionBoxAnimation:"attentionBoxAnimation_77b2cb448c",primary:"primary_8a265e423f",positive:"positive_66ffef0026",negative:"negative_a423c63e50",warning:"warning_239cc31d88",neutral:"neutral_7d61a75b14"};!function(n){const e="s_id-4a6eadcbcb7d_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_77b2cb448c {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_f430b6faf2 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_f430b6faf2.animate_d34c480483 {\n  animation: attentionBoxAnimation_77b2cb448c 200ms var(--motion-timing-transition);\n}\n.attention_f430b6faf2.primary_8a265e423f {\n  background-color: var(--primary-selected-color);\n}\n.attention_f430b6faf2.positive_66ffef0026 {\n  background-color: var(--positive-color-selected);\n}\n.attention_f430b6faf2.negative_a423c63e50 {\n  background-color: var(--negative-color-selected);\n}\n.attention_f430b6faf2.warning_239cc31d88 {\n  background-color: var(--warning-color-selected);\n}\n.attention_f430b6faf2.neutral_7d61a75b14 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_808024251c",animate:"animate_384a080086",attentionBoxAnimation:"attentionBoxAnimation_4705898a67",primary:"primary_570f54c0b8",positive:"positive_23c8ff7942",negative:"negative_d8ced624fe",warning:"warning_ac0466db61",neutral:"neutral_82f93e4c2f"};!function(n){const e="s_id-4a6eadcbcb7d_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_4705898a67 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_808024251c {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_808024251c.animate_384a080086 {\n  animation: attentionBoxAnimation_4705898a67 200ms var(--motion-timing-transition);\n}\n.attention_808024251c.primary_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n.attention_808024251c.positive_23c8ff7942 {\n  background-color: var(--positive-color-selected);\n}\n.attention_808024251c.negative_d8ced624fe {\n  background-color: var(--negative-color-selected);\n}\n.attention_808024251c.warning_ac0466db61 {\n  background-color: var(--warning-color-selected);\n}\n.attention_808024251c.neutral_82f93e4c2f {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_a2459fb968"};!function(e){const t="s_id-979f8aeb619b_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_a2459fb968 {\n  flex-shrink: 0;\n}\n.closeButton_a2459fb968:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_e5467b6885"};!function(e){const t="s_id-979f8aeb619b_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_e5467b6885 {\n  flex-shrink: 0;\n}\n.closeButton_e5467b6885:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_bc6d98cf20"};!function(e){const t="s_id-55a80ba34ba3_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_bc6d98cf20 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_703b293973"};!function(e){const t="s_id-55a80ba34ba3_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_703b293973 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_c9cba5b746"};!function(e){const t="s_id-f7cefb69d475_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink_c9cba5b746 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_b7f1a90afd"};!function(e){const t="s_id-f7cefb69d475_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink_b7f1a90afd {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_0c178110af",mainContentGroup:"mainContentGroup_040dca7dd1",leadingIcon:"leadingIcon_fc9d1a7a6f",actionsGroup:"actionsGroup_d7335899fa"};!function(n){const e="s_id-2f71fab0a877_4_5_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_0c178110af {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_040dca7dd1 {\n  min-width: 0;\n}\n\n.leadingIcon_fc9d1a7a6f {\n  align-self: flex-start;\n}\n\n.actionsGroup_d7335899fa {\n  gap: var(--space-12);\n}");export{n as default};
+var e={container:"container_9672b16caf",mainContentGroup:"mainContentGroup_0ed79d95f4",leadingIcon:"leadingIcon_aebfcc1e8d",actionsGroup:"actionsGroup_59277ada58"};!function(e){const n="s_id-2f71fab0a877_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_9672b16caf {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_0ed79d95f4 {\n  min-width: 0;\n}\n\n.leadingIcon_aebfcc1e8d {\n  align-self: flex-start;\n}\n\n.actionsGroup_59277ada58 {\n  gap: var(--space-12);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_6fb19705ab",icon:"icon_fab375ec81",title:"title_3b1af9a96e",text:"text_fdf3216547",actions:"actions_135fd7249f",closeButton:"closeButton_0ef0a8dfa0",hasIcon:"hasIcon_89ff5b737e",hasCloseButton:"hasCloseButton_e699579c4e",hasTitle:"hasTitle_8d8faa56f2"};!function(n){const a="s_id-d1aa0b2532e6_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const e=document.createElement("style");e.id=a,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_6fb19705ab {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_6fb19705ab .icon_fab375ec81 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_6fb19705ab .title_3b1af9a96e {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_6fb19705ab .text_fdf3216547,\n.container_6fb19705ab .actions_135fd7249f {\n  grid-column: 2/-1;\n}\n.container_6fb19705ab .text_fdf3216547 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_6fb19705ab .closeButton_0ef0a8dfa0 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_6fb19705ab .actions_135fd7249f {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_6fb19705ab:not(.hasIcon_89ff5b737e) {\n  --grid-columns: 1fr auto;\n}\n.container_6fb19705ab:not(.hasIcon_89ff5b737e):not(.hasCloseButton_e699579c4e) {\n  --grid-columns: 1fr;\n}\n.container_6fb19705ab:not(.hasIcon_89ff5b737e) .title_3b1af9a96e {\n  grid-column: 1;\n}\n.container_6fb19705ab:not(.hasIcon_89ff5b737e) .text_fdf3216547,\n.container_6fb19705ab:not(.hasIcon_89ff5b737e) .actions_135fd7249f {\n  grid-column: 1/-1;\n}\n.container_6fb19705ab:not(.hasIcon_89ff5b737e) .closeButton_0ef0a8dfa0 {\n  grid-column: 2;\n}\n.container_6fb19705ab:not(.hasCloseButton_e699579c4e) {\n  --grid-columns: auto 1fr;\n}\n.container_6fb19705ab:not(.hasTitle_8d8faa56f2) .icon_fab375ec81 {\n  align-self: start;\n}\n.container_6fb19705ab:not(.hasTitle_8d8faa56f2) .text_fdf3216547 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_6fb19705ab:not(.hasTitle_8d8faa56f2) .closeButton_0ef0a8dfa0 {\n  margin-block-start: -1px;\n}\n.container_6fb19705ab:not(.hasTitle_8d8faa56f2) .actions_135fd7249f {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_084b95c8ef",icon:"icon_a4b66bcd68",title:"title_dcea448e48",text:"text_ffe04882e0",actions:"actions_dfff61a56a",closeButton:"closeButton_874e519b26",hasIcon:"hasIcon_0ec8610947",hasCloseButton:"hasCloseButton_5818eee561",hasTitle:"hasTitle_8f112d176a"};!function(n){const e="s_id-d1aa0b2532e6_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_084b95c8ef {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_084b95c8ef .icon_a4b66bcd68 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_084b95c8ef .title_dcea448e48 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_084b95c8ef .text_ffe04882e0,\n.container_084b95c8ef .actions_dfff61a56a {\n  grid-column: 2/-1;\n}\n.container_084b95c8ef .text_ffe04882e0 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_084b95c8ef .closeButton_874e519b26 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_084b95c8ef .actions_dfff61a56a {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) {\n  --grid-columns: 1fr auto;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947):not(.hasCloseButton_5818eee561) {\n  --grid-columns: 1fr;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .title_dcea448e48 {\n  grid-column: 1;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .text_ffe04882e0,\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .actions_dfff61a56a {\n  grid-column: 1/-1;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .closeButton_874e519b26 {\n  grid-column: 2;\n}\n.container_084b95c8ef:not(.hasCloseButton_5818eee561) {\n  --grid-columns: auto 1fr;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .icon_a4b66bcd68 {\n  align-self: start;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .text_ffe04882e0 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .closeButton_874e519b26 {\n  margin-block-start: -1px;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .actions_dfff61a56a {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_9b8ee85935",large:"large_c1e781b863",medium:"medium_b4ad088033",small:"small_8939e67be2",xs:"xs_3b5e523309",clickableWrapper:"clickableWrapper_c982f997f9",circle:"circle_9cb979ebb5","focus-visible":"focus-visible_5f2ed29cd1",circleImg:"circleImg_89a8d13cac",circleText:"circleText_63d808a00e",disabled:"disabled_f9acd93b79",square:"square_d9bc53233d",withoutBorder:"withoutBorder_579bea3d41",badges:"badges_8578d4c72b",badge:"badge_dc7e810566",badgeTopLeft:"badgeTopLeft_81a8307e1c",badgeTopRight:"badgeTopRight_2a0ca50e8c",badgeBottomLeft:"badgeBottomLeft_cfaa694c80",badgeBottomRight:"badgeBottomRight_1310f3ca3f"};!function(e){const n="s_id-4487266934ef_4_5_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_9b8ee85935 {\n  position: relative;\n}\n.large_c1e781b863 {\n  height: 50px;\n  width: 50px;\n}\n.medium_b4ad088033 {\n  height: 32px;\n  width: 32px;\n}\n.small_8939e67be2 {\n  height: 28px;\n  width: 28px;\n}\n.xs_3b5e523309 {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper_c982f997f9 {\n  height: 100%;\n  width: 100%;\n}\n.circle_9cb979ebb5 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n.circle_9cb979ebb5:focus {\n  outline: none;\n}\n.circle_9cb979ebb5:focus:focus-visible, .circle_9cb979ebb5:focus.focus-visible_5f2ed29cd1 {\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.circle_9cb979ebb5:focus:focus:not(.focus-visible_5f2ed29cd1) {\n  outline: none;\n}\n.circleImg_89a8d13cac {\n  border-color: var(--primary-background-color);\n}\n.circleText_63d808a00e {\n  border-color: var(--layout-border-color);\n}\n.disabled_f9acd93b79:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n.square_d9bc53233d {\n  border-radius: var(--border-radius-small);\n}\n.square_d9bc53233d:focus {\n  outline: none;\n}\n.square_d9bc53233d:focus:focus-visible, .square_d9bc53233d:focus.focus-visible_5f2ed29cd1 {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square_d9bc53233d:focus:focus:not(.focus-visible_5f2ed29cd1) {\n  outline: none;\n}\n.withoutBorder_579bea3d41 {\n  border: none;\n}\n.badges_8578d4c72b {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-inline: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges_8578d4c72b .badge_dc7e810566 {\n  display: flex;\n}\n.badges_8578d4c72b .badgeTopLeft_81a8307e1c {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges_8578d4c72b .badgeTopRight_2a0ca50e8c {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges_8578d4c72b .badgeBottomLeft_cfaa694c80 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges_8578d4c72b .badgeBottomRight_1310f3ca3f {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar_f4fd3a0172",large:"large_ac8ac2c047",medium:"medium_8965a716b2",small:"small_32a7e0e217",xs:"xs_8fce0bf41a",clickableWrapper:"clickableWrapper_2d6db05b57",circle:"circle_6de854b61b","focus-visible":"focus-visible_e53c2a36cb",circleImg:"circleImg_3064f10070",circleText:"circleText_2da11832f0",disabled:"disabled_f7adfedbc9",square:"square_4cffc0b259",withoutBorder:"withoutBorder_3178477ada",badges:"badges_8e76c03bb5",badge:"badge_c2bbd0cd54",badgeTopLeft:"badgeTopLeft_06e8d481b7",badgeTopRight:"badgeTopRight_ce0693393a",badgeBottomLeft:"badgeBottomLeft_0c8e89c3d3",badgeBottomRight:"badgeBottomRight_166d0d4184"};!function(e){const n="s_id-4487266934ef_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_f4fd3a0172 {\n  position: relative;\n}\n\n.large_ac8ac2c047 {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_8965a716b2 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_32a7e0e217 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_8fce0bf41a {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_2d6db05b57 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_6de854b61b {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_6de854b61b:focus {\n  outline: none;\n}\n.circle_6de854b61b:focus:focus-visible, .circle_6de854b61b:focus.focus-visible_e53c2a36cb {\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.circle_6de854b61b:focus:focus:not(.focus-visible_e53c2a36cb) {\n  outline: none;\n}\n\n.circleImg_3064f10070 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_2da11832f0 {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_f7adfedbc9:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_4cffc0b259 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_4cffc0b259:focus {\n  outline: none;\n}\n.square_4cffc0b259:focus:focus-visible, .square_4cffc0b259:focus.focus-visible_e53c2a36cb {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square_4cffc0b259:focus:focus:not(.focus-visible_e53c2a36cb) {\n  outline: none;\n}\n\n.withoutBorder_3178477ada {\n  border: none;\n}\n\n.badges_8e76c03bb5 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-inline: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_8e76c03bb5 .badge_c2bbd0cd54 {\n  display: flex;\n}\n\n.badges_8e76c03bb5 .badgeTopLeft_06e8d481b7 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_8e76c03bb5 .badgeTopRight_ce0693393a {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_8e76c03bb5 .badgeBottomLeft_0c8e89c3d3 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_8e76c03bb5 .badgeBottomRight_166d0d4184 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/src/components/Avatar/AvatarBadge.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_414bed742b",badgeMedium:"badgeMedium_323ef43456",badgeSmall:"badgeSmall_c9b5eb6225",badgeXs:"badgeXs_b470a78897"};!function(e){const d="s_id-e545a08d61b0_4_5_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_414bed742b {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_323ef43456 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_c9b5eb6225,\n.badgeXs_b470a78897 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_ead73a5c18",badgeMedium:"badgeMedium_f52b2435bd",badgeSmall:"badgeSmall_9f5873c339",badgeXs:"badgeXs_431441c542"};!function(e){const d="s_id-e545a08d61b0_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_ead73a5c18 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_f52b2435bd {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_9f5873c339,\n.badgeXs_431441c542 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/src/components/Avatar/AvatarContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_e739b9b8cd",contentText:"contentText_0463ef7812",contentTextLarge:"contentTextLarge_a3aa93ef9c",contentTextMedium:"contentTextMedium_6896b9711d",contentTextSmall:"contentTextSmall_82072a4e8a",contentTextXs:"contentTextXs_f072bc5c41",contentIconLarge:"contentIconLarge_8939e67be2",contentIconMedium:"contentIconMedium_f8e9e3b77d",contentIconSmall:"contentIconSmall_f2134eea28"};!function(n){const t="s_id-50188146c7c7_4_5_5";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg_e739b9b8cd {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n.contentText_0463ef7812 {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.contentTextLarge_a3aa93ef9c {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n.contentTextMedium_6896b9711d {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall_82072a4e8a {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs_f072bc5c41 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge_8939e67be2 {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium_f8e9e3b77d {\n  height: 18px;\n  width: 18px;\n}\n.contentIconSmall_f2134eea28 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_1043b263ca",contentText:"contentText_da97ccf045",contentTextLarge:"contentTextLarge_c2b9de6562",contentTextMedium:"contentTextMedium_2a9af5e421",contentTextSmall:"contentTextSmall_e30ef0119b",contentTextXs:"contentTextXs_db344b51ad",contentIconLarge:"contentIconLarge_32a7e0e217",contentIconMedium:"contentIconMedium_ead6a84e71",contentIconSmall:"contentIconSmall_1726e06f9e"};!function(n){const t="s_id-50188146c7c7_4_5_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg_1043b263ca {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_da97ccf045 {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge_c2b9de6562 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium_2a9af5e421 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_e30ef0119b {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_db344b51ad {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_32a7e0e217 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_ead6a84e71 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_1726e06f9e {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer_36f361cb4e",avatarContainer:"avatarContainer_27b54f99d3"};!function(e){const n="s_id-34c07868a875_4_5_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer_36f361cb4e {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_27b54f99d3 {\n  margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_8bff4bf3e4",avatarContainer:"avatarContainer_c8500eac11"};!function(e){const a="s_id-34c07868a875_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer_8bff4bf3e4 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_c8500eac11 {\n  margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{avatarOnClick as m}from"./AvatarGroupHelper.js";import c from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";import{getStyle as p}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,P=void 0===j?"medium":j,g=v.type,M=v.counterAriaLabel,A=v.disabled,E=v.counterProps||{},z=E.color,N=void 0===z?"light":z,T=E.count,h=void 0===T?b.length:T,y=E.prefix,G=void 0===y?"+":y,L=E.maxDigits,k=void 0===L?3:L,B=E.ariaLabelItemsName,H=void 0===B?"items":B,O=E.noAnimation,R=E.dialogContainerSelector,S=E.tabIndex,D=void 0===S?0:S,V=p(c,null==P?void 0:""+P),_=c[N],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(i,{color:N,count:h,prefix:G,maxDigits:k,"aria-label":M||"Tab for more ".concat(H),noAnimation:O,counterClassName:n(e({},c.disabled,A)),size:"xs"===P?"xs":void 0})}),[M,H,N,k,G,h,A,O]);return b.length||h?A?o.createElement("div",{ref:F,className:n(c.counterContainer,c.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:J,zIndex:1,className:n(c.counterContainer,V,_),"aria-label":M||"".concat(h," additional ").concat(H),dialogContainerSelector:R},o.createElement(l,{id:"menu",size:"medium",className:c.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a["aria-label"]),onClick:function(o){return m(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,"aria-label":"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:g},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:D,className:n(c.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../MenuButton/MenuButton.js";import a from"../Counter/Counter.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{avatarOnClick as m}from"./AvatarGroupHelper.js";import c from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";import{getStyle as p}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,P=void 0===j?"medium":j,g=v.type,M=v.counterAriaLabel,A=v.disabled,E=v.counterProps||{},z=E.color,N=void 0===z?"light":z,T=E.count,h=void 0===T?b.length:T,y=E.prefix,G=void 0===y?"+":y,L=E.maxDigits,k=void 0===L?3:L,B=E.ariaLabelItemsName,H=void 0===B?"items":B,O=E.noAnimation,R=E.dialogContainerSelector,S=E.tabIndex,D=void 0===S?0:S,V=p(c,null==P?void 0:""+P),_=c[N],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(a,{color:N,count:h,prefix:G,maxDigits:k,"aria-label":M||"Tab for more ".concat(H),noAnimation:O,counterClassName:n(e({},c.disabled,A)),size:"xs"===P?"xs":void 0})}),[M,H,N,k,G,h,A,O]);return b.length||h?A?o.createElement("div",{ref:F,className:n(c.counterContainer,c.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(i,{component:J,zIndex:1,className:n(c.counterContainer,V,_),"aria-label":M||"".concat(h," additional ").concat(H),dialogContainerSelector:R},o.createElement(l,{id:"menu",size:"medium",className:c.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a["aria-label"]),onClick:function(o){return m(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,"aria-label":"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:g},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:D,className:n(c.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
 //# sourceMappingURL=AvatarGroupCounter.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport ~~Counter~~ from \"../~~Counter~~/~~Counter~~\";\nimport ~~MenuButton~~ from \"../~~MenuButton~~/~~MenuButton~~\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n The list of avatars hidden behind the counter.\n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n Props for customizing the counter appearance.\n /\n counterProps?: AvatarGroupCounterVisualProps;\n /\n Props for customizing the counter tooltip.\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the counter tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n The size of the counter.\n /\n size?: AvatarSize;\n /\n The type of the avatars in the counter.\n /\n type?: AvatarType;\n /\n The label of the counter for accessibility.\n /\n counterAriaLabel?: string;\n /\n If true, the counter is disabled and non-interactive.\n /\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.[\"aria-label\"],\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n \"aria-label\": \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}
1	+ {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Counter from \"../Counter/Counter\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n The list of avatars hidden behind the counter.\n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n Props for customizing the counter appearance.\n /\n counterProps?: AvatarGroupCounterVisualProps;\n /\n Props for customizing the counter tooltip.\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the counter tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n The size of the counter.\n /\n size?: AvatarSize;\n /\n The type of the avatars in the counter.\n /\n type?: AvatarType;\n /\n The label of the counter for accessibility.\n /\n counterAriaLabel?: string;\n /\n If true, the counter is disabled and non-interactive.\n /\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.[\"aria-label\"],\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n \"aria-label\": \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={counterContainer:"counterContainer_3dcc7ebece","focus-visible":"focus-visible_1bbdcfe2b2",xs:"xs_b2fb2b657e",small:"small_e1aec11b71",medium:"medium_bf140821e9",large:"large_1d57433a62",primary:"primary_50883479ca",dark:"dark_1a87bab00d",negative:"negative_6c0753130c",light:"light_b40e39afb0",disabled:"disabled_1181373c26",menu:"menu_54f88cc15a"};!function(e){const n="s_id-98062d6d439a_4_5_5";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece:focus-visible, .counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.focus-visible_1bbdcfe2b2 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece:focus-visible:focus-visible, .counterContainer_3dcc7ebece.counterContainer_3dcc7ebece:focus-visible.focus-visible_1bbdcfe2b2, .counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.focus-visible_1bbdcfe2b2:focus-visible, .counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.focus-visible_1bbdcfe2b2.focus-visible_1bbdcfe2b2 {\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_3dcc7ebece.counterContainer_3dcc7ebece:focus-visible:focus:not(.focus-visible_1bbdcfe2b2), .counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.focus-visible_1bbdcfe2b2:focus:not(.focus-visible_1bbdcfe2b2) {\n  outline: none;\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.xs_b2fb2b657e {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.small_e1aec11b71 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.medium_bf140821e9 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.large_1d57433a62 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.primary_50883479ca {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.dark_1a87bab00d {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.negative_6c0753130c {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.light_b40e39afb0 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_3dcc7ebece.counterContainer_3dcc7ebece .disabled_1181373c26, .counterContainer_3dcc7ebece.counterContainer_3dcc7ebece.disabled_1181373c26 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_54f88cc15a {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_54f88cc15a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_54f88cc15a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var n={counterContainer:"counterContainer_ddbba33d06","focus-visible":"focus-visible_364d503ffb",xs:"xs_8eabe098fa",small:"small_444b83b85c",medium:"medium_0e6b40dd60",large:"large_90e36e6086",primary:"primary_d0ae2f1d15",dark:"dark_629020a84a",negative:"negative_cd8560abf9",light:"light_a7097a4564",disabled:"disabled_69afe91c0a",menu:"menu_8fb5f64006"};!function(n){const e="s_id-98062d6d439a_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible.focus-visible_364d503ffb, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb.focus-visible_364d503ffb {\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_ddbba33d06.counterContainer_ddbba33d06:focus-visible:focus:not(.focus-visible_364d503ffb), .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb:focus:not(.focus-visible_364d503ffb) {\n  outline: none;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.xs_8eabe098fa {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.small_444b83b85c {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.medium_0e6b40dd60 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.large_90e36e6086 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.primary_d0ae2f1d15 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.dark_629020a84a {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.negative_cd8560abf9 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.light_a7097a4564 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06 .disabled_69afe91c0a, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.disabled_69afe91c0a {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n\n.menu_8fb5f64006 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_8fb5f64006::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_8fb5f64006::-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 e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_8c206e5199",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_a2459fb968",tooltipContainer:"tooltipContainer_eda5c98e08","focus-visible":"focus-visible_1bbdcfe2b2",tooltipGridContainer:"tooltipGridContainer_38cb6083b4",scrollableContainer:"scrollableContainer_0eaa8babc7"};!function(e){const t="s_id-886ef7c132b6_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_8c206e5199 {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_a2459fb968 {\n  flex-shrink: 0;\n}\n.tooltipContainer_eda5c98e08 {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer_eda5c98e08:focus, .tooltipContainer_eda5c98e08:focus-visible, .tooltipContainer_eda5c98e08.focus-visible_1bbdcfe2b2 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_38cb6083b4 {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer_0eaa8babc7::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_0eaa8babc7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_4f55bf16a9",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_e5467b6885",tooltipContainer:"tooltipContainer_16075abd37","focus-visible":"focus-visible_364d503ffb",tooltipGridContainer:"tooltipGridContainer_bc00f40eea",scrollableContainer:"scrollableContainer_1e7e89bd9d"};!function(e){const t="s_id-886ef7c132b6_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_4f55bf16a9 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_e5467b6885 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_16075abd37 {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer_16075abd37:focus, .tooltipContainer_16075abd37:focus-visible, .tooltipContainer_16075abd37.focus-visible_364d503ffb { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_bc00f40eea {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n\n.scrollableContainer_1e7e89bd9d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1e7e89bd9d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e 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_5edd68e3b0",virtualizedTooltipContainer:"virtualizedTooltipContainer_c676afdb1b","focus-visible":"focus-visible_1bbdcfe2b2"};!function(e){const i="s_id-21f61936150a_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_5edd68e3b0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_5edd68e3b0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_c676afdb1b {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_c676afdb1b:focus, .virtualizedTooltipContainer_c676afdb1b:focus-visible, .virtualizedTooltipContainer_c676afdb1b.focus-visible_1bbdcfe2b2 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_82bfcd289c",virtualizedTooltipContainer:"virtualizedTooltipContainer_0757e4fa13","focus-visible":"focus-visible_364d503ffb"};!function(e){const i="s_id-21f61936150a_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_82bfcd289c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_82bfcd289c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.virtualizedTooltipContainer_0757e4fa13 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_0757e4fa13:focus, .virtualizedTooltipContainer_0757e4fa13:focus-visible, .virtualizedTooltipContainer_0757e4fa13.focus-visible_364d503ffb { /* 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_9b8ee85935",badge:"badge_433e7057b3",outside:"outside_46af9a578c",topEnd:"topEnd_618dcba63d",rectangular:"rectangular_fec5dab98e",circular:"circular_e78562b924",topStart:"topStart_5bee0d907e",bottomEnd:"bottomEnd_19fa3266a9",bottomStart:"bottomStart_9f76aa4d48"};!function(e){const n="s_id-06f338dd08c3_4_5_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".badgeWrapper_9b8ee85935 {\n  position: relative;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3:not(.outside_46af9a578c) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.topEnd_618dcba63d.rectangular_fec5dab98e {\n  top: 0;\n  inset-inline-end: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.topEnd_618dcba63d.outside_46af9a578c {\n  top: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.topEnd_618dcba63d.circular_e78562b924 {\n  top: 15%;\n  inset-inline-end: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.topStart_5bee0d907e.rectangular_fec5dab98e {\n  top: 0;\n  inset-inline-start: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.topStart_5bee0d907e.outside_46af9a578c {\n  top: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.topStart_5bee0d907e.circular_e78562b924 {\n  top: 15%;\n  inset-inline-start: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.bottomEnd_19fa3266a9.rectangular_fec5dab98e {\n  bottom: 0;\n  inset-inline-end: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.bottomEnd_19fa3266a9.outside_46af9a578c {\n  bottom: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.bottomEnd_19fa3266a9.circular_e78562b924 {\n  bottom: 15%;\n  inset-inline-end: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.bottomStart_9f76aa4d48.rectangular_fec5dab98e {\n  bottom: 0;\n  inset-inline-start: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.bottomStart_9f76aa4d48.outside_46af9a578c {\n  bottom: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_9b8ee85935 .badge_433e7057b3.bottomStart_9f76aa4d48.circular_e78562b924 {\n  bottom: 15%;\n  inset-inline-start: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var e={badgeWrapper:"badgeWrapper_f4fd3a0172",badge:"badge_954f39319c",outside:"outside_c7e8f29f95",topEnd:"topEnd_c1b4d04b56",rectangular:"rectangular_acc5d9f229",circular:"circular_9886a872a6",topStart:"topStart_2c3e170e98",bottomEnd:"bottomEnd_7f32847554",bottomStart:"bottomStart_57dca95901"};!function(e){const n="s_id-06f338dd08c3_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".badgeWrapper_f4fd3a0172 {\n  position: relative;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c:not(.outside_c7e8f29f95) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.topEnd_c1b4d04b56.rectangular_acc5d9f229 {\n  top: 0;\n  inset-inline-end: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.topEnd_c1b4d04b56.outside_c7e8f29f95 {\n  top: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.topEnd_c1b4d04b56.circular_9886a872a6 {\n  top: 15%;\n  inset-inline-end: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.topStart_2c3e170e98.rectangular_acc5d9f229 {\n  top: 0;\n  inset-inline-start: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.topStart_2c3e170e98.outside_c7e8f29f95 {\n  top: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.topStart_2c3e170e98.circular_9886a872a6 {\n  top: 15%;\n  inset-inline-start: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.bottomEnd_7f32847554.rectangular_acc5d9f229 {\n  bottom: 0;\n  inset-inline-end: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.bottomEnd_7f32847554.outside_c7e8f29f95 {\n  bottom: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.bottomEnd_7f32847554.circular_9886a872a6 {\n  bottom: 15%;\n  inset-inline-end: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.bottomStart_57dca95901.rectangular_acc5d9f229 {\n  bottom: 0;\n  inset-inline-start: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.bottomStart_57dca95901.outside_c7e8f29f95 {\n  bottom: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_f4fd3a0172 .badge_954f39319c.bottomStart_57dca95901.circular_9886a872a6 {\n  bottom: 15%;\n  inset-inline-start: 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_c1cf369d14",primary:"primary_147b0d86d4",notification:"notification_8d59b65ccb"};!function(e){const i="s_id-d6448d74722f_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_c1cf369d14 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_c1cf369d14.primary_147b0d86d4 {\n  background-color: var(--primary-color);\n}\n.indicator_c1cf369d14.notification_8d59b65ccb {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_69989af5bd",primary:"primary_c97e99d0c3",notification:"notification_fc4424d9bb"};!function(e){const i="s_id-d6448d74722f_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_69989af5bd {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_69989af5bd.primary_c97e99d0c3 {\n  background-color: var(--primary-color);\n}\n.indicator_69989af5bd.notification_fc4424d9bb {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_6feca0da58","focus-visible":"focus-visible_9e6811659e",highlighted:"highlighted_6d1f1ce1ed",disabled:"disabled_f59f82e347",readOnly:"readOnly_8104a00d27",selected:"selected_8a265e423f",small:"small_97982f0a2a",medium:"medium_1c86cf0680",large:"large_c05413b689",avatar:"avatar_46d568ecd4",icon:"icon_a2459fb968",indent:"indent_2bc0216ab7",endElement:"endElement_7ae36abd21"};!function(e){const a="s_id-c5f50f32df2c_4_5_5";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)}("/* stylelint-disable selector-class-pattern */\n.wrapper_6feca0da58 {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_6feca0da58:focus-visible, .wrapper_6feca0da58.focus-visible_9e6811659e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_6feca0da58:focus:not(.focus-visible_9e6811659e) {\n  outline: none;\n}\n.wrapper_6feca0da58.highlighted_6d1f1ce1ed, .wrapper_6feca0da58:hover:not(.disabled_f59f82e347):not(.readOnly_8104a00d27) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_6feca0da58.disabled_f59f82e347 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_6feca0da58.readOnly_8104a00d27 {\n  cursor: default;\n}\n.wrapper_6feca0da58.selected_8a265e423f {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_6feca0da58.selected_8a265e423f.highlighted_6d1f1ce1ed, .wrapper_6feca0da58.selected_8a265e423f:hover:not(.disabled_f59f82e347):not(.readOnly_8104a00d27) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_6feca0da58.small_97982f0a2a {\n  padding: 6px var(--space-8);\n}\n.wrapper_6feca0da58.medium_1c86cf0680 {\n  padding: 9px 12px;\n}\n.wrapper_6feca0da58.large_c05413b689 {\n  padding: 13px 12px;\n}\n.wrapper_6feca0da58 .avatar_46d568ecd4,\n.wrapper_6feca0da58 .icon_a2459fb968 {\n  flex-shrink: 0;\n}\n.wrapper_6feca0da58 .indent_2bc0216ab7 {\n  width: 20px;\n}\n.wrapper_6feca0da58 .endElement_7ae36abd21 {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_8a4c3c0d6d","focus-visible":"focus-visible_0a8515e1cb",highlighted:"highlighted_f39c59ca3f",disabled:"disabled_53d10acbd6",readOnly:"readOnly_f20ed790fe",selected:"selected_570f54c0b8",small:"small_1532409aef",medium:"medium_9ab9dc23db",large:"large_381e8ebf23",avatar:"avatar_0d6d7aa149",icon:"icon_e5467b6885",indent:"indent_6d8a42323f",endElement:"endElement_46351e9a3c"};!function(e){const a="s_id-c5f50f32df2c_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_8a4c3c0d6d {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_8a4c3c0d6d:focus-visible, .wrapper_8a4c3c0d6d.focus-visible_0a8515e1cb {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_8a4c3c0d6d:focus:not(.focus-visible_0a8515e1cb) {\n  outline: none;\n}\n.wrapper_8a4c3c0d6d.highlighted_f39c59ca3f, .wrapper_8a4c3c0d6d:hover:not(.disabled_53d10acbd6):not(.readOnly_f20ed790fe) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_8a4c3c0d6d.disabled_53d10acbd6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_8a4c3c0d6d.readOnly_f20ed790fe {\n  cursor: default;\n}\n.wrapper_8a4c3c0d6d.selected_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_8a4c3c0d6d.selected_570f54c0b8.highlighted_f39c59ca3f, .wrapper_8a4c3c0d6d.selected_570f54c0b8:hover:not(.disabled_53d10acbd6):not(.readOnly_f20ed790fe) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_8a4c3c0d6d.small_1532409aef {\n  padding: 6px var(--space-8);\n}\n.wrapper_8a4c3c0d6d.medium_9ab9dc23db {\n  padding: 9px 12px;\n}\n.wrapper_8a4c3c0d6d.large_381e8ebf23 {\n  padding: 13px 12px;\n}\n.wrapper_8a4c3c0d6d .avatar_0d6d7aa149,\n.wrapper_8a4c3c0d6d .icon_e5467b6885 {\n  flex-shrink: 0;\n}\n.wrapper_8a4c3c0d6d .indent_6d8a42323f {\n  width: 20px;\n}\n.wrapper_8a4c3c0d6d .endElement_46351e9a3c {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={baseList:"baseList_880a408df3"};!function(e){const t="s_id-97ac9c3bb99a_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_880a408df3 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_880a408df3::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_880a408df3::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={baseList:"baseList_6528298364"};!function(e){const t="s_id-97ac9c3bb99a_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_6528298364 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_6528298364::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_6528298364::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.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_84dfd6dd47",withoutText:"withoutText_5741e9b2b7",breadcrumbText:"breadcrumbText_1d08be9e95",breadcrumbIcon:"breadcrumbIcon_273411c163",clickable:"clickable_40b91adc87",current:"current_633624d69d",disabled:"disabled_ef78130a5e",notClickable:"notClickable_f079575a5a"};!function(e){const n="s_id-6512392a70ad_4_5_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_84dfd6dd47 {\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_84dfd6dd47.withoutText_5741e9b2b7 {\n  padding: 4px;\n}\na.breadcrumbContent_84dfd6dd47:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_84dfd6dd47 .breadcrumbText_1d08be9e95 {\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_84dfd6dd47 .breadcrumbIcon_273411c163 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_84dfd6dd47:focus {\n  outline: none;\n}\n.breadcrumbContent_84dfd6dd47.clickable_40b91adc87 {\n  cursor: pointer;\n}\n.breadcrumbContent_84dfd6dd47.clickable_40b91adc87:hover,\n.breadcrumbContent_84dfd6dd47:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_84dfd6dd47.current_633624d69d {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_84dfd6dd47.disabled_ef78130a5e {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_84dfd6dd47.disabled_ef78130a5e:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_84dfd6dd47.notClickable_f079575a5a {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_e782b93b85",withoutText:"withoutText_da53539ebe",breadcrumbText:"breadcrumbText_448e1afac5",breadcrumbIcon:"breadcrumbIcon_9a18a8ed97",clickable:"clickable_796f490116",current:"current_5b4ade7ebe",disabled:"disabled_843c240d95",notClickable:"notClickable_317486a0c7"};!function(e){const n="s_id-6512392a70ad_4_5_3";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 */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_e782b93b85 {\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_e782b93b85.withoutText_da53539ebe {\n  padding: 4px;\n}\n\na.breadcrumbContent_e782b93b85:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n\n.breadcrumbContent_e782b93b85 .breadcrumbText_448e1afac5 {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.breadcrumbContent_e782b93b85 .breadcrumbIcon_9a18a8ed97 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n\n.breadcrumbContent_e782b93b85:focus {\n  outline: none;\n}\n\n.breadcrumbContent_e782b93b85.clickable_796f490116 {\n  cursor: pointer;\n}\n\n.breadcrumbContent_e782b93b85.clickable_796f490116:hover,\n.breadcrumbContent_e782b93b85:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n\n.breadcrumbContent_e782b93b85.current_5b4ade7ebe {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n\n.breadcrumbContent_e782b93b85.disabled_843c240d95 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_e782b93b85.disabled_843c240d95:hover {\n  background-color: transparent;\n}\n\n.breadcrumbContent_e782b93b85.notClickable_317486a0c7 {\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_daf877f559",disabled:"disabled_09af5c33ff"};!function(e){const d="s_id-03f482333e23_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_daf877f559 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_daf877f559.disabled_09af5c33ff {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_588dcf19d5",disabled:"disabled_5bfcde4c6e"};!function(e){const d="s_id-03f482333e23_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_588dcf19d5 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_588dcf19d5.disabled_5bfcde4c6e {\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_daf877f559"};!function(e){const n="s_id-fc5ae89c4b65_4_5_5";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_daf877f559 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_588dcf19d5"};!function(e){const n="s_id-fc5ae89c4b65_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_588dcf19d5 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

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

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

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as l,useCallback as a,useMemo as n,useEffect as s}from"react";import{camelCase as d}from"es-toolkit";import u from"classnames";import p from"../../hooks/usePrevious/index.js";import{ButtonWrapper as c}from"./ButtonWrapper.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as v}from"../../tests/constants.js";import b from"./ButtonGroup.module.scss.js";import{useMergeRef as h}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as y}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var B=i((function(i,B){var C=i.className,k=i.options,T=i.name,g=void 0===T?"":T,j=i.disabled,N=void 0!==j&&j,x=i.value,P=void 0===x?"":x,M=i.onSelect,O=i.size,U=void 0===O?"small":O,D=i.kind,S=void 0===D?"secondary":D,W=i.groupAriaLabel,E=void 0===W?"":W,G=i.tooltipPosition,H=i.tooltipHideDelay,I=i.tooltipShowDelay,_=i.tooltipContainerSelector,A=i.tooltipMoveBy,R=i.blurOnMouseUp,w=void 0===R\|\|R,z=i.id,F=i["data-testid"],L=i.fullWidth,q=void 0!==L&&L,J=r(),K=h(B,J),Q=l(P),V=t(Q,2),X=V[0],Y=V[1],Z=p(P),$=a((function(t){N\|\|t.disabled\|\|(Y(t.value),M&&M(t.value,g))}),[M,N,g]),tt=function(t){return(null==t?void 0:t.value)===X},et=n((function(){return k.find((function(t){return tt(t)}))}),[k,X]),ot=n((function(){return k.map((function(t,i){var r=tt(t),l=0===i,a=i===k.length-1,n=tt(k[i+1]);return o.createElement(c,{key:t.value,size:U,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,"aria-label":t["aria-label"],tooltipContent:t.tooltipContent,tooltipPosition:G,tooltipHideDelay:H,tooltipShowDelay:I,tooltipContainerSelector:_,tooltipMoveBy:A,blurOnMouseUp:w,fullWidth:q,className:u(b.button,b.optionText,e(e(e(e(e(e({},b.selected,r),b.disabled,N),b.buttonDisabled,t.disabled),b.fullWidth,q),b.startBorder,l),b.endBorder,a\|\|!n)),activeButtonClassName:b.activeButton},t.text)}))}),[k,X,U,G,H,I,_,A,w,N,q,$]);return s((function(){P!==Z&&P!==X&&Y(P)}),[P,Z,X,Y]),o.createElement("div",{className:u(b.buttonGroup,C,y(b,d("kind-"+S)),e({},b.disabled,N)),id:z,"data-testid":F\|\|m(f.BUTTON_GROUP,z),"data-vibe":v.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":E,className:u(b.buttonsContainer,e({},b.fullWidth,q)),"aria-disabled":N},ot),et&&et.subText&&o.createElement("div",{className:u(b.subTextContainer)},et.subText))}));export{B as default};
2	+ //# sourceMappingURL=ButtonGroup.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nimport { type SubIcon } from \"@vibe/icon\";\nimport { type ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { type ButtonType, type ButtonSize } from \"@vibe/button\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n \"aria-label\"?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /**\n * The list of button options.\n */\n options: Array<ButtonGroupOption>;\n /**\n * The currently selected button value.\n */\n value?: ButtonValue;\n /**\n * Callback fired when a button is selected.\n */\n onSelect?: (value: ButtonValue, name: string) => void;\n /**\n * The size of the buttons.\n */\n size?: ButtonSize;\n /**\n * The style variant of the buttons.\n */\n kind?: Extract<ButtonType, \"secondary\" | \"tertiary\">;\n /**\n * The name of the button group.\n */\n name?: string;\n /**\n * If true, disables all buttons in the group.\n */\n disabled?: boolean;\n /**\n * The label of the button group for accessibility.\n */\n groupAriaLabel?: string;\n /**\n * The position of the tooltip relative to the button.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * The delay in milliseconds before the tooltip hides.\n */\n tooltipHideDelay?: number;\n /**\n * The delay in milliseconds before the tooltip shows.\n */\n tooltipShowDelay?: number;\n /**\n * CSS selector for the tooltip container.\n */\n tooltipContainerSelector?: string;\n /**\n * Adjusts the tooltip position.\n */\n tooltipMoveBy?: MoveBy;\n /**\n * The content inside the button group.\n */\n children?: React.ReactNode;\n /**\n * If true, makes the button group take the full width of its container.\n */\n fullWidth?: boolean;\n /**\n * If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled || option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n const selectedOption = useMemo(() => {\n return options.find(option => isOptionActive(option));\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = isOptionActive(option);\n const isFirst = index === 0;\n const isLast = index === options.length - 1;\n const isNextOptionActive = isOptionActive(options[index + 1]);\n\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n aria-label={option[\"aria-label\"]}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n fullWidth={fullWidth}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth,\n [styles.startBorder]: isFirst,\n [styles.endBorder]: isLast || !isNextOptionActive\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div\n role=\"group\"\n aria-label={groupAriaLabel}\n className={cx(styles.buttonsContainer, { [styles.fullWidth]: fullWidth })}\n aria-disabled={disabled}\n >\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer"],"mappings":"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"}

package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={buttonGroup:"buttonGroup_d2fa709807",subTextContainer:"subTextContainer_896ea5f361",buttonsContainer:"buttonsContainer_4290d1beb6",fullWidth:"fullWidth_458c3e2c3a",button:"button_6773c93be1",activeButton:"activeButton_6d83e1e5cf",disabled:"disabled_5bfcde4c6e",buttonDisabled:"buttonDisabled_9792f0f1a8",startBorder:"startBorder_1723643306",endBorder:"endBorder_ad0dc4e4ce",kindTertiary:"kindTertiary_6d83e1e5cf",optionText:"optionText_694354ab49",selected:"selected_b382f3fb38",wrapper:"wrapper_3eae87262d"};!function(e){const n="s_id-088a66d7b959_4_5_3";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)}("/* stylelint-disable /\n/ stylelint-enable */\n.buttonGroup_d2fa709807 {\n display: flex;\n flex-direction: column;\n}\n\n.subTextContainer_896ea5f361 {\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_4290d1beb6 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.buttonsContainer_4290d1beb6.fullWidth_458c3e2c3a {\n justify-content: flex-start;\n width: 100%;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1 {\n border-style: var(--border-style);\n border-width: var(--border-width) 0;\n background-color: var(--primary-background-color);\n border-color: var(--layout-border-color);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.activeButton_6d83e1e5cf:not(.disabled_5bfcde4c6e) {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n border-color: var(--primary-color);\n border-inline-width: var(--border-width);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.activeButton_6d83e1e5cf:not(.disabled_5bfcde4c6e):hover:not(.disabled_5bfcde4c6e) {\n background-color: var(--primary-hover-color);\n border-color: var(--primary-hover-color);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.disabled_5bfcde4c6e, .buttonsContainer_4290d1beb6 .button_6773c93be1.buttonDisabled_9792f0f1a8 {\n background-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.disabled_5bfcde4c6e:hover, .buttonsContainer_4290d1beb6 .button_6773c93be1.buttonDisabled_9792f0f1a8:hover {\n background-color: var(--disabled-background-color);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.startBorder_1723643306 {\n border-inline-start-width: 1px;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.endBorder_ad0dc4e4ce {\n border-inline-end-width: 1px;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.fullWidth_458c3e2c3a {\n width: 100%;\n display: flex;\n}\n.kindTertiary_6d83e1e5cf .buttonsContainer_4290d1beb6 .button_6773c93be1 {\n border-color: transparent;\n}\n.kindTertiary_6d83e1e5cf .buttonsContainer_4290d1beb6 .button_6773c93be1:first-child {\n border-color: transparent;\n}\n\n.optionText_694354ab49:not(.disabled_5bfcde4c6e) {\n color: var(--primary-text-color);\n}\n\n.optionText_694354ab49:not(.disabled_5bfcde4c6e).selected_b382f3fb38 {\n color: var(--primary-text-color);\n}\n\n.wrapper_3eae87262d.disabled_5bfcde4c6e {\n cursor: not-allowed;\n}\n\n.fullWidth_458c3e2c3a {\n flex: 1;\n}");export{e as default};
2	+ //# sourceMappingURL=ButtonGroup.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ButtonGroup.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/ButtonGroup/ButtonWrapper.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__rest as o}from"../../../_virtual/_tslib.js";import t from"react";import{isNil as e}from"es-toolkit";import i from"./ButtonGroup.module.scss.js";import l from"../../../components/button/dist/Button/Button.js";import r from"../../../components/tooltip/dist/Tooltip/Tooltip.js";var n=function(n){var s=n.tooltipContent,a=n.tooltipPosition,p=n.tooltipHideDelay,m=n.tooltipShowDelay,c=n.tooltipContainerSelector,u=n.tooltipMoveBy,d=n.fullWidth,f=n.className,h=o(n,["tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className"]),v=t.createElement(l,Object.assign({},h,{className:f}));return e(s)?d?t.createElement("div",{className:i.fullWidth},v):v:t.createElement(r,{moveBy:u,position:a,hideDelay:p,showDelay:m,content:s,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],containerSelector:c,referenceWrapperClassName:d?i.fullWidth:void 0},v)};export{n as ButtonWrapper};
2	+ //# sourceMappingURL=ButtonWrapper.js.map

package/dist/src/components/ButtonGroup/ButtonWrapper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ButtonWrapper.js","sources":["../../../../src/components/ButtonGroup/ButtonWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface ButtonWrapperProps extends ButtonProps {\n /**\n * The content of the tooltip.\n */\n tooltipContent?: string;\n /**\n * The position of the tooltip relative to the button.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * The delay in milliseconds before the tooltip hides.\n */\n tooltipHideDelay?: number;\n /**\n * The delay in milliseconds before the tooltip shows.\n */\n tooltipShowDelay?: number;\n /**\n * CSS selector for the tooltip container.\n */\n tooltipContainerSelector?: string;\n /**\n * Adjusts the tooltip position.\n */\n tooltipMoveBy?: MoveBy;\n /**\n * If true, makes the button take the full width of its container.\n */\n fullWidth?: boolean;\n}\n\nexport const ButtonWrapper = ({\n tooltipContent,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n fullWidth,\n className,\n ...otherProps\n}: ButtonWrapperProps) => {\n const button = <Button {...otherProps} className={className} />;\n\n if (!isNil(tooltipContent)) {\n return (\n <Tooltip\n moveBy={tooltipMoveBy}\n position={tooltipPosition}\n hideDelay={tooltipHideDelay}\n showDelay={tooltipShowDelay}\n content={tooltipContent}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n containerSelector={tooltipContainerSelector}\n referenceWrapperClassName={fullWidth ? styles.fullWidth : undefined}\n >\n {button}\n </Tooltip>\n );\n }\n\n // Always wrap in a div when fullWidth to ensure consistent structure\n if (fullWidth) {\n return <div className={styles.fullWidth}>{button}</div>;\n }\n\n return button;\n};\n"],"names":["ButtonWrapper","_a","tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className","otherProps","__rest","button","React","createElement","Button","Object","assign","isNil","styles","Tooltip","moveBy","position","hideDelay","showDelay","content","showTrigger","hideTrigger","containerSelector","referenceWrapperClassName","undefined"],"mappings":"gSAuCaA,EAAgB,SAACC,OAC5BC,EAOSD,EAPTC,eACAC,EAMSF,EANTE,gBACAC,EAKSH,EALTG,iBACAC,EAISJ,EAJTI,iBACAC,EAGSL,EAHTK,yBACAC,EAESN,EAFTM,cACAC,EACSP,EADTO,UACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EATe,+IAWtBW,EAASC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKP,EAAU,CAAED,UAAWA,KAElD,OAAKS,EAAMhB,GAmBPM,EACKK,EAAAC,cAAA,MAAA,CAAKL,UAAWU,EAAOX,WAAYI,GAGrCA,EArBHC,EAACC,cAAAM,EACC,CAAAC,OAAQd,EACRe,SAAUnB,EACVoB,UAAWnB,EACXoB,UAAWnB,EACXoB,QAASvB,EACTwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,kBAAmBtB,EACnBuB,0BAA2BrB,EAAYW,EAAOX,eAAYsB,GAEzDlB,EAWT"}

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

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

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

@@ -0,0 +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 \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\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 \"aria-label\"?: 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 \"aria-labelledby\"?: 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 \"aria-label\": ariaLabel,\n label,\n \"aria-labelledby\": 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\n const onMouseUpCallback = useCallback((e: React.MouseEvent<HTMLElement>) => {\n const target = e.currentTarget;\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n target.blur();\n });\n });\n }, []);\n\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 const onKeyDownCallback = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \" \") {\n e.preventDefault();\n inputRef.current?.click();\n }\n },\n [inputRef]\n );\n\n const wrapperTabIndex = disabled ? undefined : tabIndex ?? 0;\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={-1}\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 tabIndex={wrapperTabIndex}\n onMouseUp={onMouseUpCallback}\n onKeyDown={onKeyDownCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Icon\n className={styles.icon}\n type=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n aria-hidden={true}\n size=\"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 tabIndex={wrapperTabIndex}\n onMouseUp={onMouseUpCallback}\n onKeyDown={onKeyDownCallback}\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={-1}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n type=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n aria-hidden={true}\n size=\"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","onMouseUpCallback","useCallback","e","target","currentTarget","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","current","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","onKeyDownCallback","key","preventDefault","_a","click","wrapperTabIndex","undefined","React","createElement","cx","styles","wrapper","getTestId","ComponentDefaultTestId","CHECKBOX","ComponentVibeId","input","type","htmlFor","checkbox","CHECKBOX_CHECKBOX","onMouseUp","onKeyDown","Icon","icon","Remove","Check","ignoreFocusStyle","size","CHECKBOX_LABEL","Text","element"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
1	+ var n={wrapper:"wrapper_a4843afc70",checkbox:"checkbox_6e26125358",icon:"icon_942fb87995",label:"label_ac528c90b2",input:"input_ba2310db67",checkboxGrowAnimation:"checkboxGrowAnimation_ece1e8d3d9"};!function(n){const e="s_id-61e2dcaf5212_4_5_3";if("undefined"!=typeof document){const o=document.head\|\|document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('@charset "UTF-8";\n/* stylelint-disable /\n/ stylelint-enable /\n/ stylelint-disable /\n/ stylelint-enable /\n/ stylelint-disable selector-class-pattern /\n.wrapper_a4843afc70 {\n position: relative;\n display: flex;\n align-items: center;\n width: fit-content;\n height: min-content;\n outline: none; / focus ring is rendered on .checkbox child, not the wrapper /\n}\n\n.checkbox_6e26125358 {\n cursor: pointer;\n visibility: visible;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 16px;\n width: 16px;\n border: 1px solid;\n border-color: var(--ui-border-color);\n border-radius: 2px;\n transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n position: relative;\n overflow: hidden;\n background-color: var(--secondary-background-color);\n}\n\n.checkbox_6e26125358:after {\n content: " ";\n background-color: transparent;\n position: absolute;\n height: 16px;\n z-index: 2;\n inset-inline: 0;\n width: 100%;\n}\n\n.checkbox_6e26125358:hover {\n border-color: var(--secondary-text-color);\n}\n\n.icon_942fb87995 {\n width: 100%;\n color: var(--text-color-on-primary);\n visibility: hidden;\n}\n\n.label_ac528c90b2 {\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(--space-8);\n}\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_ba2310db67 {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}\n\n/ For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. /\n.input_ba2310db67:focus + .checkbox_6e26125358 {\n border-color: var(--secondary-text-color);\n}\n\n.input_ba2310db67:focus:checked + .checkbox_6e26125358 {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input_ba2310db67:focus-visible + .checkbox_6e26125358 {\n outline: none;\n z-index: 11;\n border-radius: 2px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.input_ba2310db67:checked:focus + .checkbox_6e26125358:after,\n.input_ba2310db67:indeterminate:focus + .checkbox_6e26125358:after {\n background-color: var(--primary-hover-color);\n}\n\n/ Tab navigation — non-separate mode: the wrapper <label> is the Tab target /\n.wrapper_a4843afc70:focus-visible > .checkbox_6e26125358 {\n outline: none;\n z-index: 11;\n border-radius: 2px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_a4843afc70:focus-visible > .input_ba2310db67:checked ~ .checkbox_6e26125358,\n.wrapper_a4843afc70:focus-visible > .input_ba2310db67:indeterminate ~ .checkbox_6e26125358 {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n/ Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox_6e26125358:focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 2px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:focus-visible,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358:focus-visible {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358 {\n animation: checkboxGrowAnimation_ece1e8d3d9 var(--motion-productive-short);\n background-color: var(--primary-color);\n border-color: transparent;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:hover,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358:hover {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:hover:after,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358:hover:after {\n background-color: var(--primary-hover-color);\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:after,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358: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 inset-inline-start: 0;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358 > .icon_942fb87995,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358 > .icon_942fb87995 {\n visibility: visible;\n}\n\n.input_ba2310db67:checked:disabled + .checkbox_6e26125358:after,\n.input_ba2310db67:indeterminate:disabled + .checkbox_6e26125358:after {\n background-color: var(--disabled-background-color);\n}\n\n.input_ba2310db67:disabled + .checkbox_6e26125358 .icon_942fb87995,\n.input_ba2310db67:disabled + .checkbox_6e26125358:hover .icon_942fb87995 {\n color: var(--disabled-text-color);\n}\n\n.input_ba2310db67:disabled + .checkbox_6e26125358,\n.input_ba2310db67:disabled + .checkbox_6e26125358:hover {\n cursor: not-allowed;\n background-color: var(--disabled-background-color);\n border-color: var(--primary-text-color);\n}\n\n.input_ba2310db67:disabled ~ .label_ac528c90b2 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_ece1e8d3d9 {\n 0% {\n transform: scale(0.8);\n }\n 100% {\n transform: scale(1);\n }\n}');export{n as default};
2	+ //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/src/components/Checkbox/Checkbox.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Checkbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useRef as e,useCallback as t}from"react";import{isFirefox as r}from"../../../../shared/dist/utils/user-agent-utils.js";function n(n){var u=n.inputRef,i=e(!1);return{onClickCapture:t((function(e){var t;if(!i.current&&e.shiftKey&&r()&&(null===(t=null==u?void 0:u.current)\|\|void 0===t?void 0:t.dispatchEvent)){e.preventDefault();var n=new MouseEvent("click",{shiftKey:!0,bubbles:!0,cancelable:!0});i.current=!0,u.current.dispatchEvent(n)}else i.current&&(i.current=!1)}),[i,u])}}export{n as useSupportFirefoxLabelClick};
2	+ //# sourceMappingURL=useSupportFirefoxLabelClick.js.map

package/dist/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useSupportFirefoxLabelClick.js","sources":["../../../../../src/components/Checkbox/hooks/useSupportFirefoxLabelClick.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useRef } from \"react\";\nimport { isFirefox } from \"@vibe/shared\";\n\nexport function useSupportFirefoxLabelClick({ inputRef }: { inputRef: React.RefObject<HTMLInputElement> }) {\n // The purpose of this variable is to make sure that the captured event is a checkbox's label click event and not a manual event\n // that we actually created in this hook.\n // We handle the custom event create state as ref because this variable should not be depend on the component renders\n // and it should be unique per checkbox.\n const customEventCreated = useRef(false);\n\n // fix for known bug firefox bug: firefox does not support checking or unchecking checkbox by its label when shift pressed\n const onClickCapture = useCallback(\n (e: React.MouseEvent) => {\n // We would like to dispatch a manual event to click on the input only for cases where there is a bug in supporting this capability -\n // firefox browsers when the shift key is pressed.\n // In addition we make sure here that the captured event is not a manually generated event created by this code because we want to prevent\n // an infinite loop in recursion here.\n if (!customEventCreated.current && e.shiftKey && isFirefox() && inputRef?.current?.dispatchEvent) {\n e.preventDefault();\n const manualClickEvent = new MouseEvent(\"click\", {\n shiftKey: true,\n // After dispatch this event we will want it to be captured by all the relevant event listeners which registered to this checkbox input.\n bubbles: true,\n cancelable: true\n });\n\n customEventCreated.current = true;\n inputRef.current.dispatchEvent(manualClickEvent);\n } else if (customEventCreated.current) {\n customEventCreated.current = false;\n }\n },\n [customEventCreated, inputRef]\n );\n\n return { onClickCapture };\n}\n"],"names":["useSupportFirefoxLabelClick","_ref","inputRef","customEventCreated","useRef","onClickCapture","useCallback","e","current","shiftKey","isFirefox","_a","dispatchEvent","preventDefault","manualClickEvent","MouseEvent","bubbles","cancelable"],"mappings":"8HAIgB,SAAAA,EAA2BC,GAA8D,IAA3DC,EAAQD,EAARC,SAKtCC,EAAqBC,GAAO,GA2BlC,MAAO,CAAEC,eAxBcC,GACrB,SAACC,SAKC,IAAKJ,EAAmBK,SAAWD,EAAEE,UAAYC,MAAkC,UAAnBR,aAAQ,EAARA,EAAUM,eAAS,IAAAG,OAAA,EAAAA,EAAAC,eAAe,CAChGL,EAAEM,iBACF,IAAMC,EAAmB,IAAIC,WAAW,QAAS,CAC/CN,UAAU,EAEVO,SAAS,EACTC,YAAY,IAGdd,EAAmBK,SAAU,EAC7BN,EAASM,QAAQI,cAAcE,EACjC,MAAWX,EAAmBK,UAC5BL,EAAmBK,SAAU,EAEjC,GACA,CAACL,EAAoBD,IAIzB"}

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 i,useRef as a,useState as s,useCallback as r,useMemo as n}from"react";import l from"classnames";import{getCSSVar as c}from"../../services/themes.js";import{getElementColor as d}from"../../types/Colors.js";import m from"../Avatar/Avatar.js";import{getTestId as u,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"../../hooks/useSetFocus/index.js";import v from"./Chips.module.scss.js";import{ComponentVibeId as b}from"../../tests/constants.js";import g from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import h from"../../../components/icon/dist/Icon/Icon.js";import y from"../../../components/typography/dist/Text/Text.js";import j from"../../../components/icon-button/dist/IconButton/IconButton.js";import k from"../../../icons/dist/react/CloseSmall.js";import{useMergeRef as x}from"../../../shared/dist/hooks/useMergeRef.js";var C=i((function(i,C){var N=i.className,E=i.avatarClassName,S=i.iconClassName,A=i.id,M=i.label,I=void 0===M?"":M,w=i.leftIcon,T=void 0===w?null:w,z=i.rightIcon,B=void 0===z?null:z,P=i.leftAvatar,O=void 0===P?null:P,R=i.rightAvatar,D=void 0===R?null:R,F=i.disabled,H=void 0!==F&&F,L=i.readOnly,_=void 0!==L&&L,U=i.allowTextSelection,q=void 0!==U&&U,G=i.color,J=void 0===G?"primary":G,K=i.iconSize,Q=void 0===K?18:K,V=i.onDelete,W=void 0===V?function(e,o){}:V,X=i.onMouseDown,Y=i.onClick,Z=i.noAnimation,$=void 0===Z||Z,ee=i["aria-label"],oe=i["aria-haspopup"],te=void 0!==oe&&oe,ie=i.leftAvatarType,ae=void 0===ie?"img":ie,se=i.rightAvatarType,re=void 0===se?"img":se,ne=i.showBorder,le=void 0!==ne&&ne,ce=i.leftRenderer,de=i.rightRenderer,me=i.closeButtonAriaLabel,ue=void 0===me?"Remove":me,pe=i.noMargin,fe=void 0!==pe&&pe,ve=i.size,be=void 0===ve?"medium":ve,ge=i["data-testid"]||u(p.CHIP,A),he=!!Y||!!X,ye=!_&&!H,je=ee||"string"==typeof I&&I||"",ke=a(null),xe=a(null),Ce=s(!1),Ne=e(Ce,2),Ee=Ne[0],Se=Ne[1],Ae=r((function(){return Se(!0)}),[]),Me=r((function(){return Se(!1)}),[]),Ie=f({ref:xe}).isFocused,we=x(C,xe),Te=l(v.chips,N,o(o(o(o(o(o({},v.disabled,H),v.noAnimation,$),v.withUserSelect,q),v.border,le),v.noMargin,fe),v.small,"small"===be)),ze=l(v.clickable,Te,o(o({},v.disabled,H),v.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:H?c("disabled-background-color"):he&&(Ee||Ie)?d(J,!0,!0):d(J,!0)}}),[H,he,Ee,Ie,J]),Pe=r((function(e){e.stopPropagation(),W&&W(A,e)}),[A,W]),Oe=r((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Re=g({onClick:Oe,onMouseDown:X,disabled:H,id:A,"data-testid":ge,"aria-label":je,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},we),De=he?Object.assign(Object.assign({},Re),{ref:we,className:ze,style:Be,onMouseEnter:Ae,onMouseLeave:Me}):{className:Te,"aria-label":je,style:Be,ref:we,onClick:Oe,onMouseDown:X,id:A,"data-testid":ge,onMouseEnter:Ae,onMouseLeave:Me},Fe="text"===ae?{text:O}:{src:O},He="text"===ae?{text:D}:{src:D};return t.createElement("div",Object.assign({},De,{"data-vibe":b.CHIPS}),O?t.createElement(m,Object.assign({withoutBorder:!0,className:l(v.avatar,v.left,E),customSize:18,type:ae,key:A},Fe)):null,T?t.createElement(h,{className:l(v.icon,v.left,S),type:"font",icon:T,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:l(v.customRenderer,v.left)},ce),t.createElement(y,{type:"text2",className:v.label},I),B?t.createElement(h,{className:l(v.icon,v.right,S),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,D?t.createElement(m,Object.assign({withoutBorder:!0,className:l(v.avatar,v.right,E),customSize:18,type:re,key:A},He)):null,de&&t.createElement("div",{className:l(v.customRenderer,v.right)},de),ye&&t.createElement(j,{size:"xxs",color:"on-primary-color",className:l(v.icon,v.close),"aria-label":ue,hideTooltip:!0,icon:k,onClick:Pe,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as a,useState as r,useCallback as s,useLayoutEffect as n,useMemo as l}from"react";import c from"classnames";import{getCSSVar as d}from"../../services/themes.js";import{getElementColor as m}from"../../types/Colors.js";import u from"../Avatar/Avatar.js";import{getTestId as p,ComponentDefaultTestId as f}from"../../tests/testIds.js";import v from"../../hooks/useSetFocus/index.js";import b from"./Chips.module.scss.js";import{ComponentVibeId as g}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import h from"../../../components/icon/dist/Icon/Icon.js";import j from"../../../components/typography/dist/Text/Text.js";import C from"../../../components/icon-button/dist/IconButton/IconButton.js";import x from"../../../icons/dist/react/CloseSmall.js";import{useMergeRef as k}from"../../../shared/dist/hooks/useMergeRef.js";var w=i((function(i,w){var N,S=i.className,E=i.avatarClassName,I=i.iconClassName,A=i.id,M=i.label,O=void 0===M?"":M,T=i.leftIcon,B=void 0===T?null:T,P=i.rightIcon,R=void 0===P?null:P,z=i.leftAvatar,L=void 0===z?null:z,H=i.rightAvatar,D=void 0===H?null:H,F=i.disabled,_=void 0!==F&&F,U=i.variant,q=void 0===U?"default":U,G=i.readOnly,J=void 0!==G&&G,K=i.pressed,Q=void 0!==K&&K,V=i.size,W=void 0===V?"medium":V,X=i.allowTextSelection,Y=void 0!==X&&X,Z=i.color,$=void 0===Z?"primary":Z,ee=i.iconSize,te=i.onDelete,oe=void 0===te?function(e,t){}:te,ie=i.onMouseDown,ae=i.onClick,re=i.noAnimation,se=void 0===re||re,ne=i.ariaLabel,le=i.ariaHasPopup,ce=void 0!==le&&le,de=i.disableClickableBehavior,me=void 0!==de&&de,ue=i.leftAvatarType,pe=void 0===ue?"img":ue,fe=i.rightAvatarType,ve=void 0===fe?"img":fe,be=i.showBorder,ge=void 0!==be&&be,ye=i.leftRenderer,he=i.rightRenderer,je=i.closeButtonAriaLabel,Ce=void 0===je?"Remove":je,xe=i.noMargin,ke=void 0!==xe&&xe,we=i["data-testid"]||p(f.CHIP,A),Ne="filterable"===q,Se=!Ne&&(J||"readOnly"===q),Ee="small"===W,Ie=Ne?"primary":$,Ae=ne||"string"==typeof O&&O||"",Me=null!=ee?ee:Ee?14:18,Oe=Ee?14:18,Te=!Se&&!_&&!Ne,Be=!Se&&(!me&&(!!ae||!!ie)||Ne),Pe=a(null),Re=a(null),ze=r(!1),Le=e(ze,2),He=Le[0],De=Le[1],Fe=s((function(){Se||De(!0)}),[Se]),_e=s((function(){return De(!1)}),[]),Ue=v({ref:Re}).isFocused,qe=k(w,Re);n((function(){if(Te&&Re.current){var e=Re.current;e.style.width="",e.style.width="".concat(e.getBoundingClientRect().width,"px")}}),[Te,O,W,B,R,L,D,ye,he]);var Ge=!!(B||L||ye),Je=!!(R||D||he),Ke=c(b.chips,S,(t(t(t(t(t(t(t(t(t(t(N={},b.disabled,_),b.noAnimation,se),b.withUserSelect,Y),b.border,ge),b.noMargin,ke),b.small,Ee),b.readOnly,Se),b.defaultCursor,Se),b.filterable,Ne),b.pressed,Ne&&Q),t(t(t(N,b.withClose,Te),b.withLeftIcon,Ge),b.withRightIcon,Je))),Qe=c(b.clickable,Ke,t(t({},b.disabled,_),b.disableTextSelection,!Y)),Ve=l((function(){if(!Ne)return{backgroundColor:_?d("disabled-background-color"):!Se&&Be&&(He||Ue)?m(Ie,!0,!0):m(Ie,!0)}}),[_,Be,He,Ue,Ie,Ne,Se]),We=s((function(e){e.stopPropagation(),oe&&oe(A,e)}),[A,oe]),Xe=s((function(e){Se||_||void 0!==ae&&e.target!==Pe.current&&(e.preventDefault(),ae(e))}),[ae,Se,_]),Ye=s((function(e){Se||_||null==ie||ie(e)}),[ie,Se,_]),Ze=y({onClick:Xe,onMouseDown:Ye,disabled:_||Se,id:A,"data-testid":we,ariaLabel:Ae,ariaHidden:!1,ariaHasPopup:ce,ariaExpanded:!1},qe),$e=Be?Object.assign(Object.assign(Object.assign({},Ze),{ref:qe,className:Qe,style:Ve,onMouseEnter:Fe,onMouseLeave:_e}),Ne?{"aria-pressed":Q}:{}):{className:Ke,"aria-label":Ae,style:Ve,ref:qe,onClick:Se?void 0:Xe,onMouseDown:Se?void 0:Ye,id:A,"data-testid":we,onMouseEnter:Fe,onMouseLeave:_e},et="text"===pe?{text:L}:{src:L},tt="text"===pe?{text:D}:{src:D};return o.createElement("div",Object.assign({},$e,{"data-vibe":g.CHIPS,"data-variant":Ne?"filterable":Se?"readOnly":"default"}),L?o.createElement(u,Object.assign({withoutBorder:!0,className:c(b.avatar,b.left,E),customSize:Oe,type:pe,key:A},et)):null,B?o.createElement(h,{className:c(b.icon,b.left,I),iconType:"font",icon:B,iconSize:Me,ignoreFocusStyle:!0}):null,ye&&o.createElement("div",{className:c(b.customRenderer,b.left)},ye),o.createElement(j,{type:Ee?"text3":"text2",className:b.label},O),R?o.createElement(h,{className:c(b.icon,b.right,I),iconType:"font",icon:R,iconSize:Me,ignoreFocusStyle:!0}):null,D?o.createElement(u,Object.assign({withoutBorder:!0,className:c(b.avatar,b.right,E),customSize:Oe,type:ve,key:A},tt)):null,he&&o.createElement("div",{className:c(b.customRenderer,b.right)},he),Te&&o.createElement(C,{size:"xxs",color:"on-primary-color",className:c(b.icon,b.close),ariaLabel:Ce,hideTooltip:!0,icon:x,onClick:We,"data-testid":"".concat(we,"-close"),ref:Pe}))}));export{w as default};
 //# sourceMappingURL=Chips.js.map