npm - @vibe/core - Versions diffs - 3.62.0 → 3.63.0-alpha-7f1d0.0 - Mend

@vibe/core 3.62.0 → 3.63.0-alpha-7f1d0.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 (630) hide show

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

@@ -1,2 +1,2 @@
-var n={button:"button_0795ce5684",mainButton:"mainButton_d6679e8628",secondaryButton:"secondaryButton_7ea6799992",secondaryButtonWrapper:"secondaryButtonWrapper_205cb7e542",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_33f96a7acf",active:"active_53a38cf2b1",disabled:"disabled_d6c9271f31",kindTertiary:"kindTertiary_54f8db1f66",colorPrimary:"colorPrimary_54f8db1f66",mainActive:"mainActive_ab91b6555b",splitContentOpen:"splitContentOpen_9b4a2f7f84",hovered:"hovered_82d0584ea8",colorBrand:"colorBrand_ab91b6555b",colorPositive:"colorPositive_c06e9067c2",colorNegative:"colorNegative_c06e9067c2",kindPrimary:"kindPrimary_38668d86b4",colorOnPrimaryColor:"colorOnPrimaryColor_616a0c7b32",kindSecondary:"kindSecondary_c06e9067c2"};!function(n){const r="s_id-b26d62194c18_3_61_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_0795ce5684 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_0795ce5684 .mainButton_d6679e8628 {\n  margin-right: 0;\n}\n\n.button_0795ce5684 .secondaryButton_7ea6799992 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_205cb7e542 .secondaryButtonIconWrapper_33f96a7acf {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_53a38cf2b1 {\n  transform: scale(0.95);\n}\n\n.disabled_d6c9271f31 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b .mainButton_d6679e8628 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b .mainButton_d6679e8628:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b .secondaryButton_7ea6799992 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b .secondaryButton_7ea6799992:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b.splitContentOpen_9b4a2f7f84.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b.splitContentOpen_9b4a2f7f84.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992:hover,\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b.hovered_82d0584ea8.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorPrimary_54f8db1f66.mainActive_ab91b6555b.hovered_82d0584ea8.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_54f8db1f66.colorBrand_ab91b6555b.mainActive_ab91b6555b .mainButton_d6679e8628 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_54f8db1f66.colorBrand_ab91b6555b.mainActive_ab91b6555b .secondaryButton_7ea6799992 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_54f8db1f66.colorBrand_ab91b6555b.mainActive_ab91b6555b.splitContentOpen_9b4a2f7f84.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorBrand_ab91b6555b.mainActive_ab91b6555b.splitContentOpen_9b4a2f7f84.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992:hover,\n.kindTertiary_54f8db1f66.colorBrand_ab91b6555b.mainActive_ab91b6555b.hovered_82d0584ea8.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorBrand_ab91b6555b.mainActive_ab91b6555b.hovered_82d0584ea8.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_54f8db1f66.colorPositive_c06e9067c2.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorPositive_c06e9067c2:hover .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorPositive_c06e9067c2:focus .secondaryButton_7ea6799992 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_54f8db1f66.colorPositive_c06e9067c2.splitContentOpen_9b4a2f7f84 .mainButton_d6679e8628,\n.kindTertiary_54f8db1f66.colorPositive_c06e9067c2:hover .mainButton_d6679e8628,\n.kindTertiary_54f8db1f66.colorPositive_c06e9067c2:focus .mainButton_d6679e8628 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_54f8db1f66.colorNegative_c06e9067c2.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorNegative_c06e9067c2:hover .secondaryButton_7ea6799992,\n.kindTertiary_54f8db1f66.colorNegative_c06e9067c2:focus .secondaryButton_7ea6799992 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_54f8db1f66.colorNegative_c06e9067c2.splitContentOpen_9b4a2f7f84 .mainButton_d6679e8628,\n.kindTertiary_54f8db1f66.colorNegative_c06e9067c2:hover .mainButton_d6679e8628,\n.kindTertiary_54f8db1f66.colorNegative_c06e9067c2:focus .mainButton_d6679e8628 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_54f8db1f66 .secondaryButton_7ea6799992 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_38668d86b4.disabled_d6c9271f31 .secondaryButton_7ea6799992 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_38668d86b4:not(.disabled_d6c9271f31).colorPrimary_54f8db1f66.mainActive_ab91b6555b .secondaryButton_7ea6799992 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_38668d86b4:not(.disabled_d6c9271f31).colorPrimary_54f8db1f66 .secondaryButton_7ea6799992 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_38668d86b4:not(.disabled_d6c9271f31).colorBrand_ab91b6555b.mainActive_ab91b6555b .secondaryButton_7ea6799992 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_38668d86b4:not(.disabled_d6c9271f31).colorBrand_ab91b6555b .secondaryButton_7ea6799992 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_38668d86b4:not(.disabled_d6c9271f31).colorPositive_c06e9067c2 .secondaryButton_7ea6799992 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_38668d86b4:not(.disabled_d6c9271f31).colorNegative_c06e9067c2 .secondaryButton_7ea6799992 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_38668d86b4:not(.disabled_d6c9271f31).colorOnPrimaryColor_616a0c7b32 .secondaryButton_7ea6799992 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_c06e9067c2 .mainButton_d6679e8628 {\n  border-right: none;\n}\n\n.kindSecondary_c06e9067c2.colorPrimary_54f8db1f66.mainActive_ab91b6555b .mainButton_d6679e8628 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_c06e9067c2.colorPrimary_54f8db1f66.mainActive_ab91b6555b .mainButton_d6679e8628:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_c06e9067c2.colorPrimary_54f8db1f66.mainActive_ab91b6555b .secondaryButton_7ea6799992 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_c06e9067c2.colorPrimary_54f8db1f66.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_c06e9067c2.colorPrimary_54f8db1f66.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_c06e9067c2.colorBrand_ab91b6555b.mainActive_ab91b6555b .mainButton_d6679e8628 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_c06e9067c2.colorBrand_ab91b6555b.mainActive_ab91b6555b .secondaryButton_7ea6799992 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_c06e9067c2.colorBrand_ab91b6555b.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992,\n.kindSecondary_c06e9067c2.colorBrand_ab91b6555b.splitContentOpen_9b4a2f7f84 .secondaryButton_7ea6799992:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_6634485cf9",mainButton:"mainButton_8b67df4d50",secondaryButton:"secondaryButton_790a556880",secondaryButtonWrapper:"secondaryButtonWrapper_030f6035c0",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_dc99355dd6",active:"active_c5903da007",disabled:"disabled_ad6560f57d",kindTertiary:"kindTertiary_e54680a766",colorPrimary:"colorPrimary_e54680a766",mainActive:"mainActive_e2f3f56f93",splitContentOpen:"splitContentOpen_406912e982",hovered:"hovered_96c6b9da85",colorBrand:"colorBrand_e2f3f56f93",colorPositive:"colorPositive_ff13d66515",colorNegative:"colorNegative_ff13d66515",kindPrimary:"kindPrimary_641b6640de",colorOnPrimaryColor:"colorOnPrimaryColor_7d57267682",kindSecondary:"kindSecondary_ff13d66515"};!function(n){const r="s_id-b26d62194c18_3_62_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_6634485cf9 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_6634485cf9 .mainButton_8b67df4d50 {\n  margin-right: 0;\n}\n\n.button_6634485cf9 .secondaryButton_790a556880 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_030f6035c0 .secondaryButtonIconWrapper_dc99355dd6 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_c5903da007 {\n  transform: scale(0.95);\n}\n\n.disabled_ad6560f57d {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880:hover,\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPrimary_e54680a766.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.splitContentOpen_406912e982.splitContentOpen_406912e982 .secondaryButton_790a556880:hover,\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorBrand_e2f3f56f93.mainActive_e2f3f56f93.hovered_96c6b9da85.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_e54680a766.colorPositive_ff13d66515.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:hover .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:focus .secondaryButton_790a556880 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_e54680a766.colorPositive_ff13d66515.splitContentOpen_406912e982 .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:hover .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorPositive_ff13d66515:focus .mainButton_8b67df4d50 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_e54680a766.colorNegative_ff13d66515.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:hover .secondaryButton_790a556880,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:focus .secondaryButton_790a556880 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_e54680a766.colorNegative_ff13d66515.splitContentOpen_406912e982 .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:hover .mainButton_8b67df4d50,\n.kindTertiary_e54680a766.colorNegative_ff13d66515:focus .mainButton_8b67df4d50 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_e54680a766 .secondaryButton_790a556880 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_641b6640de.disabled_ad6560f57d .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorPrimary_e54680a766 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorBrand_e2f3f56f93 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorPositive_ff13d66515 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorNegative_ff13d66515 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_641b6640de:not(.disabled_ad6560f57d).colorOnPrimaryColor_7d57267682 .secondaryButton_790a556880 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_ff13d66515 .mainButton_8b67df4d50 {\n  border-right: none;\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.mainActive_e2f3f56f93 .mainButton_8b67df4d50:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.splitContentOpen_406912e982 .secondaryButton_790a556880 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_ff13d66515.colorPrimary_e54680a766.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .mainButton_8b67df4d50 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.mainActive_e2f3f56f93 .secondaryButton_790a556880 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.splitContentOpen_406912e982 .secondaryButton_790a556880,\n.kindSecondary_ff13d66515.colorBrand_e2f3f56f93.splitContentOpen_406912e982 .secondaryButton_790a556880:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_bf8915c008",contentOnTop:"contentOnTop_d30ea95864",contentOnBottom:"contentOnBottom_f4e0faabce"};!function(e){const t="s_id-9e4623f942e8_3_61_1";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)}(".steps_bf8915c008 .contentOnTop_d30ea95864 {\n  margin-top: var(--spacing-medium);\n}\n.steps_bf8915c008 .contentOnBottom_f4e0faabce {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_b82e4821e5",contentOnTop:"contentOnTop_db30e22433",contentOnBottom:"contentOnBottom_6cbd4ba696"};!function(e){const t="s_id-9e4623f942e8_3_62_0";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)}(".steps_b82e4821e5 .contentOnTop_db30e22433 {\n  margin-top: var(--spacing-medium);\n}\n.steps_b82e4821e5 .contentOnBottom_6cbd4ba696 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as i,useCallback as s}from"react";import e from"classnames";import n from"../Icon/Icon.js";import m from"../Button/Button.js";import{NOOP as a}from"../../utils/function-utils.js";import{NEXT_TEXT as c,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import d from"./StepsCommand.module.scss.js";import{camelCase as f}from"lodash-es";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import v from"../../../icons/dist/react/NavigationChevronRight.js";import j from"../../../icons/dist/react/NavigationChevronLeft.js";var C=function(C){var h=C.isNext,S=void 0!==h&&h,_=C.onChangeActiveStep,b=void 0===_?a:_,N=C.activeStepIndex,g=C.stepsCount,A=C.isIconHidden,M=void 0!==A&&A,P=C.buttonProps,y=void 0===P?{}:P,B=C.color,D=void 0===B?"primary":B,E=y.children,I=t(y,["children"]),O=i((function(){return E||(S?c:l)}),[S,E]),R=S?N+1:N-1,k=s((function(o){return b(o,R)}),[R,b]),x=S&&N===g-1||!S&&0===N,H=S?v:j;return r.createElement(m,Object.assign({className:e(d.command,o({},d.backward,!S)),"data-testid":S?p.STEPS_FORWARD_COMMAND:p.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:k,disabled:x,color:D},I),O,M?null:r.createElement(n,{icon:H,className:e(d.icon,u(d,f("color-"+D)),o({},d.disabled,x))}))};export{C as StepsCommand};
+import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as i,useCallback as e}from"react";import s from"classnames";import n from"../Icon/Icon.js";import m from"../Button/Button.js";import{NOOP as a}from"../../utils/function-utils.js";import{NEXT_TEXT as c,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import d from"./StepsCommand.module.scss.js";import{camelCase as f}from"es-toolkit";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import v from"../../../icons/dist/react/NavigationChevronRight.js";import j from"../../../icons/dist/react/NavigationChevronLeft.js";var C=function(C){var S=C.isNext,_=void 0!==S&&S,b=C.onChangeActiveStep,h=void 0===b?a:b,N=C.activeStepIndex,g=C.stepsCount,A=C.isIconHidden,M=void 0!==A&&A,P=C.buttonProps,k=void 0===P?{}:P,y=C.color,B=void 0===y?"primary":y,D=k.children,E=t(k,["children"]),I=i((function(){return D||(_?c:l)}),[_,D]),O=_?N+1:N-1,R=e((function(o){return h(o,O)}),[O,h]),x=_&&N===g-1||!_&&0===N,H=_?v:j;return r.createElement(m,Object.assign({className:s(d.command,o({},d.backward,!_)),"data-testid":_?p.STEPS_FORWARD_COMMAND:p.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:R,disabled:x,color:B},E),I,M?null:r.createElement(n,{icon:H,className:s(d.icon,u(d,f("color-"+B)),o({},d.disabled,x))}))};export{C as StepsCommand};
 //# sourceMappingURL=StepsCommand.js.map

package/dist/src/components/Steps/StepsCommand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { type ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"~~lodash~~-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n /*\n If true, this button is for moving to the next step.\n /\n isNext?: boolean;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n /\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n If true, hides the navigation icon.\n /\n isIconHidden?: boolean;\n /\n Props applied to the button.\n /\n buttonProps?: Partial<ButtonProps>;\n /\n The color theme of the button.\n */\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"~~6uBA6CaA~~,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
1	+ {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { type ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n /*\n If true, this button is for moving to the next step.\n /\n isNext?: boolean;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n /\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n If true, hides the navigation icon.\n /\n isIconHidden?: boolean;\n /\n Props applied to the button.\n /\n buttonProps?: Partial<ButtonProps>;\n /\n The color theme of the button.\n */\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"8uBA6CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

package/dist/src/components/Steps/StepsCommand.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={command:"command_0bd037915a",backward:"backward_c56710da7f",icon:"icon_43533c7784",disabled:"disabled_4388d11e48",colorOnPrimaryColor:"colorOnPrimaryColor_322e1629c8",colorOnInvertedBackground:"colorOnInvertedBackground_e761b4f10c"};!function(e){const n="s_id-b004c6aa2b0d_3_61_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_0bd037915a {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_0bd037915a.backward_c56710da7f {\n  flex-direction: row-reverse;\n}\n.icon_43533c7784 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_43533c7784.disabled_4388d11e48 {\n  color: var(--disabled-text-color);\n}\n.icon_43533c7784.colorOnPrimaryColor_322e1629c8 {\n  color: var(--text-color-on-primary);\n}\n.icon_43533c7784.colorOnInvertedBackground_e761b4f10c {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_9cfa182a45",backward:"backward_3994dabf55",icon:"icon_cbd7c93f69",disabled:"disabled_3a67681e59",colorOnPrimaryColor:"colorOnPrimaryColor_ce55bfc2e4",colorOnInvertedBackground:"colorOnInvertedBackground_e92172a74e"};!function(e){const n="s_id-b004c6aa2b0d_3_62_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_9cfa182a45 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_9cfa182a45.backward_3994dabf55 {\n  flex-direction: row-reverse;\n}\n.icon_cbd7c93f69 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_cbd7c93f69.disabled_3a67681e59 {\n  color: var(--disabled-text-color);\n}\n.icon_cbd7c93f69.colorOnPrimaryColor_ce55bfc2e4 {\n  color: var(--text-color-on-primary);\n}\n.icon_cbd7c93f69.colorOnInvertedBackground_e92172a74e {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/src/components/Steps/StepsDot.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import{camelCase as o,noop as t}from"lodash-es";import s from"react";import a from"./StepsDot.module.scss.js";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";var l=function(l){var m=l.isActive,p=l.onClick,c=void 0===p?t:p,n=l.ariaCurrent,u=l.className;return s.createElement("button",{type:"button","aria-label":l.ariaLabel,"aria-current":!!m&&(void 0===n?"step":n),className:e(a.dot,i(a,o("color-"+l.color)),r({},a.isActive,m),u),onClick:c})};export{l as StepsDot};
+import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import{camelCase as o,noop as t}from"es-toolkit/compat";import s from"react";import a from"./StepsDot.module.scss.js";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";var l=function(l){var m=l.isActive,p=l.onClick,c=void 0===p?t:p,n=l.ariaCurrent,u=l.className;return s.createElement("button",{type:"button","aria-label":l.ariaLabel,"aria-current":!!m&&(void 0===n?"step":n),className:e(a.dot,i(a,o("color-"+l.color)),r({},a.isActive,m),u),onClick:c})};export{l as StepsDot};
 //# sourceMappingURL=StepsDot.js.map

package/dist/src/components/Steps/StepsDot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"~~lodash~~-es\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n /*\n Callback fired when the dot is clicked.\n /\n onClick?: (e: React.MouseEvent) => void;\n /\n ARIA attribute to indicate the current step.\n /\n ariaCurrent?: StepsDotAriaCurrent \| boolean;\n /\n If true, marks the dot as active.\n /\n isActive?: boolean;\n /\n The ARIA label for the dot.\n /\n ariaLabel?: string;\n /\n The color theme of the dot.\n */\n color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n isActive,\n onClick = NOOP,\n ariaCurrent = \"step\",\n ariaLabel,\n color,\n className\n}: StepsDotProps) => {\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n aria-current={isActive ? ariaCurrent : false}\n className={cx(\n styles.dot,\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.isActive]: isActive\n },\n className\n )}\n onClick={onClick}\n />\n );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"~~kSA~~+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}
1	+ {"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"es-toolkit/compat\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n /*\n Callback fired when the dot is clicked.\n /\n onClick?: (e: React.MouseEvent) => void;\n /\n ARIA attribute to indicate the current step.\n /\n ariaCurrent?: StepsDotAriaCurrent \| boolean;\n /\n If true, marks the dot as active.\n /\n isActive?: boolean;\n /\n The ARIA label for the dot.\n /\n ariaLabel?: string;\n /\n The color theme of the dot.\n */\n color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n isActive,\n onClick = NOOP,\n ariaCurrent = \"step\",\n ariaLabel,\n color,\n className\n}: StepsDotProps) => {\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n aria-current={isActive ? ariaCurrent : false}\n className={cx(\n styles.dot,\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.isActive]: isActive\n },\n className\n )}\n onClick={onClick}\n />\n );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"0SA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}

package/dist/src/components/Steps/StepsDot.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={dot:"dot_b4b5aeeb78","focus-visible":"focus-visible_d78c6951bc",isActive:"isActive_88930dc130",colorOnPrimaryColor:"colorOnPrimaryColor_90e6f7ce4d",colorOnInvertedBackground:"colorOnInvertedBackground_34f8548f48"};!function(o){const n="s_id-cedbbb07e913_3_61_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_b4b5aeeb78 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_b4b5aeeb78:focus-visible, .dot_b4b5aeeb78.focus-visible_d78c6951bc {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b4b5aeeb78:focus:not(.focus-visible_d78c6951bc) {\n  outline: none;\n}\n.dot_b4b5aeeb78:focus-visible, .dot_b4b5aeeb78.focus-visible_d78c6951bc {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b4b5aeeb78:focus:not(.focus-visible_d78c6951bc) {\n  outline: none;\n}\n.dot_b4b5aeeb78:hover {\n  transform: scale(1.3);\n}\n.isActive_88930dc130 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_90e6f7ce4d.dot_b4b5aeeb78 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_90e6f7ce4d.dot_b4b5aeeb78:focus-visible, .colorOnPrimaryColor_90e6f7ce4d.dot_b4b5aeeb78.focus-visible_d78c6951bc {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_90e6f7ce4d.dot_b4b5aeeb78:focus:not(.focus-visible_d78c6951bc) {\n  outline: none;\n}\n.colorOnPrimaryColor_90e6f7ce4d.dot_b4b5aeeb78.isActive_88930dc130 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_34f8548f48.dot_b4b5aeeb78 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_34f8548f48.dot_b4b5aeeb78.isActive_88930dc130 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_15f284d39e","focus-visible":"focus-visible_be1f2838e0",isActive:"isActive_c94daf5e5b",colorOnPrimaryColor:"colorOnPrimaryColor_2c84ba2c47",colorOnInvertedBackground:"colorOnInvertedBackground_af5930869a"};!function(o){const n="s_id-cedbbb07e913_3_62_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_15f284d39e {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_15f284d39e:focus-visible, .dot_15f284d39e.focus-visible_be1f2838e0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_15f284d39e:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.dot_15f284d39e:focus-visible, .dot_15f284d39e.focus-visible_be1f2838e0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_15f284d39e:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.dot_15f284d39e:hover {\n  transform: scale(1.3);\n}\n.isActive_c94daf5e5b {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e:focus-visible, .colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e.focus-visible_be1f2838e0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.colorOnPrimaryColor_2c84ba2c47.dot_15f284d39e.isActive_c94daf5e5b {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_af5930869a.dot_15f284d39e {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_af5930869a.dot_15f284d39e.isActive_c94daf5e5b {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/src/components/Steps/StepsGalleryHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"lodash-es";import o from"classnames";import{StepsDot as a}from"./StepsDot.js";import c from"./StepsGalleryHeader.module.scss.js";var s=function(s){var i=s.activeStepIndex,l=s.stepsCount,u=s.onChangeActiveStep,m=s.stepDescriptionFunc,p=s.color,f=s.className,d=t((function(){return n(l)}),[l]),v=r((function(e){return"Step number ".concat(e)}),[]),y=m||v,S=t((function(){return d.map((function(e){return function(t){return u(t,e)}}))}),[u,d]),g=t((function(){return d.map((function(t){return e.createElement(a,{isActive:i===t,key:"monday-style-step-dot-".concat(t+1),ariaLabel:y(t),onClick:S[t],color:p,className:c.galleryHeaderDot})}),[])}),[i,p,S,y,d]);return e.createElement("div",{role:"group",className:o(c.galleryHeader,f)},g||null)};export{s as StepsGalleryHeader};
+import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"es-toolkit/compat";import o from"classnames";import{StepsDot as a}from"./StepsDot.js";import c from"./StepsGalleryHeader.module.scss.js";var s=function(s){var i=s.activeStepIndex,l=s.stepsCount,m=s.onChangeActiveStep,u=s.stepDescriptionFunc,p=s.color,f=s.className,d=t((function(){return n(l)}),[l]),v=r((function(e){return"Step number ".concat(e)}),[]),y=u||v,S=t((function(){return d.map((function(e){return function(t){return m(t,e)}}))}),[m,d]),g=t((function(){return d.map((function(t){return e.createElement(a,{isActive:i===t,key:"monday-style-step-dot-".concat(t+1),ariaLabel:y(t),onClick:S[t],color:p,className:c.galleryHeaderDot})}),[])}),[i,p,S,y,d]);return e.createElement("div",{role:"group",className:o(c.galleryHeader,f)},g||null)};export{s as StepsGalleryHeader};
 //# sourceMappingURL=StepsGalleryHeader.js.map

package/dist/src/components/Steps/StepsGalleryHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport { range } from \"~~lodash~~-es\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n /*\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n /\n A function to generate step descriptions for accessibility.\n /\n stepDescriptionFunc?: (stepIndex: number) => string;\n /\n The color theme of the gallery header.\n */\n color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n activeStepIndex,\n stepsCount,\n onChangeActiveStep,\n stepDescriptionFunc,\n color,\n className\n}) => {\n const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n const overrideStepDescriptionFunc = stepDescriptionFunc \|\| defaultStepDescriptionFunc;\n const onClickFunctions = useMemo(\n () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n [onChangeActiveStep, stepsPlaceholders]\n );\n\n const galleryDots = useMemo(\n () =>\n stepsPlaceholders.map(\n stepIndex => (\n <StepsDot\n isActive={activeStepIndex === stepIndex}\n key={`monday-style-step-dot-${stepIndex + 1}`}\n ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n onClick={onClickFunctions[stepIndex]}\n color={color}\n className={styles.galleryHeaderDot}\n />\n ),\n []\n ),\n [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n );\n\n return (\n <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n {galleryDots \|\| null}\n </div>\n );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"~~gNA~~+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWoB,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKS,KAAK,QAAQtB,UAAWuB,EAAGH,EAAOI,cAAexB,IACnDY,GAAe,KAGtB"}
1	+ {"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport { range } from \"es-toolkit/compat\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n /*\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n /\n A function to generate step descriptions for accessibility.\n /\n stepDescriptionFunc?: (stepIndex: number) => string;\n /\n The color theme of the gallery header.\n */\n color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n activeStepIndex,\n stepsCount,\n onChangeActiveStep,\n stepDescriptionFunc,\n color,\n className\n}) => {\n const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n const overrideStepDescriptionFunc = stepDescriptionFunc \|\| defaultStepDescriptionFunc;\n const onClickFunctions = useMemo(\n () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n [onChangeActiveStep, stepsPlaceholders]\n );\n\n const galleryDots = useMemo(\n () =>\n stepsPlaceholders.map(\n stepIndex => (\n <StepsDot\n isActive={activeStepIndex === stepIndex}\n key={`monday-style-step-dot-${stepIndex + 1}`}\n ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n onClick={onClickFunctions[stepIndex]}\n color={color}\n className={styles.galleryHeaderDot}\n />\n ),\n []\n ),\n [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n );\n\n return (\n <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n {galleryDots \|\| null}\n </div>\n );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"wNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWoB,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKS,KAAK,QAAQtB,UAAWuB,EAAGH,EAAOI,cAAexB,IACnDY,GAAe,KAGtB"}

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_4fffc597a7",galleryHeaderDot:"galleryHeaderDot_e4fcc20560"};!function(e){const a="s_id-62748f4c4e74_3_61_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_4fffc597a7 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_4fffc597a7 .galleryHeaderDot_e4fcc20560 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_4fffc597a7 .galleryHeaderDot_e4fcc20560:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_bc12fb4e0d",galleryHeaderDot:"galleryHeaderDot_efd2ad8f7e"};!function(e){const a="s_id-62748f4c4e74_3_62_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,l.firstChild?l.insertBefore(d,l.firstChild):l.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_bc12fb4e0d {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_bc12fb4e0d .galleryHeaderDot_efd2ad8f7e {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_bc12fb4e0d .galleryHeaderDot_efd2ad8f7e:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/src/components/Steps/StepsHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header_79122d205f"};!function(e){const t="s_id-918f12c2f9aa_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_79122d205f {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_65ccd8d4e3"};!function(e){const t="s_id-918f12c2f9aa_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_65ccd8d4e3 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_f63ebdffdd"};!function(e){const t="s_id-126f9ab60838_3_61_1";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)}(".numbers_f63ebdffdd {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_1a2ee79fff"};!function(e){const t="s_id-126f9ab60838_3_62_0";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)}(".numbers_1a2ee79fff {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_85ff7a027d"};!function(e){const t="s_id-4506b47fa00c_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_85ff7a027d { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_fe6792123b"};!function(e){const t="s_id-4506b47fa00c_3_62_0";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)}(".hidden-switch_fe6792123b { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={table:"table_7866e6a33a",border:"border_9401775ba1",virtualized:"virtualized_3a177703a9",hasScroll:"hasScroll_2b4ea465d2"};!function(r){const e="s_id-55eb48952bb4_3_61_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_7866e6a33a {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_7866e6a33a::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_7866e6a33a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_7866e6a33a.border_9401775ba1 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_7866e6a33a [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_7866e6a33a [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_7866e6a33a.virtualized_3a177703a9 {\n  overflow: hidden;\n}\n.table_7866e6a33a.hasScroll_2b4ea465d2 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var e={table:"table_ea0be7453e",border:"border_55f79dfab2",virtualized:"virtualized_e8b5de9a68",hasScroll:"hasScroll_b3cc1fef26"};!function(e){const r="s_id-55eb48952bb4_3_62_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".table_ea0be7453e {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_ea0be7453e::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_ea0be7453e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_ea0be7453e.border_55f79dfab2 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_ea0be7453e [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_ea0be7453e [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_ea0be7453e.virtualized_e8b5de9a68 {\n  overflow: hidden;\n}\n.table_ea0be7453e.hasScroll_b3cc1fef26 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/src/components/Table/TableBody/TableBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_0935eb29f5"};!function(e){const t="s_id-afed3a5f5737_3_61_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_0935eb29f5 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_e6993ad7b6"};!function(e){const t="s_id-afed3a5f5737_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_e6993ad7b6 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

package/dist/src/components/Table/TableCell/TableCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_0ce5bb9835",sticky:"sticky_e2fd70a632"};!function(e){const t="s_id-25789b81dac4_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_0ce5bb9835 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_0ce5bb9835.sticky_e2fd70a632 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_47819e5c6a",sticky:"sticky_9455f7b951"};!function(e){const t="s_id-25789b81dac4_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_47819e5c6a {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_47819e5c6a.sticky_9455f7b951 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import l from"react";import t from"classnames";import r from"../TableCell/TableCell.js";import o from"../../Skeleton/Skeleton.js";import s from"./TableCellSkeleton.module.scss.js";import{getStyle as a}from"../../../helpers/typesciptCssModulesHelper.js";import{getSkeletonType as m}from"../Table/tableHelpers.js";import{camelCase as p}from"lodash-es";var i=function(i){var n=i.type,f=void 0===n?"long-text":n,u=["long-text","medium-text"].includes(f);return l.createElement(r,null,l.createElement(o,{type:m(f),wrapperClassName:t(s.tableCellSkeletonWrapper,a(s,p(f))),className:t(s.tableCellSkeleton,e({},a(s,p(f)),!u)),fullWidth:!0}))};export{i as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import l from"react";import t from"classnames";import r from"../TableCell/TableCell.js";import o from"../../Skeleton/Skeleton.js";import s from"./TableCellSkeleton.module.scss.js";import{getStyle as m}from"../../../helpers/typesciptCssModulesHelper.js";import{getSkeletonType as a}from"../Table/tableHelpers.js";import{camelCase as p}from"es-toolkit";var i=function(i){var n=i.type,f=void 0===n?"long-text":n,u=["long-text","medium-text"].includes(f);return l.createElement(r,null,l.createElement(o,{type:a(f),wrapperClassName:t(s.tableCellSkeletonWrapper,m(s,p(f))),className:t(s.tableCellSkeleton,e({},m(s,p(f)),!u)),fullWidth:!0}))};export{i as default};
 //# sourceMappingURL=TableCellSkeleton.js.map

package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCellSkeleton.js","sources":["../../../../../src/components/Table/TableCellSkeleton/TableCellSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TableCell from \"../TableCell/TableCell\";\nimport Skeleton from \"../../Skeleton/Skeleton\";\nimport styles from \"./TableCellSkeleton.module.scss\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type TableLoadingStateType } from \"../Table/Table\";\nimport { getSkeletonType } from \"../Table/tableHelpers\";\nimport { camelCase } from \"~~lodash~~-es\";\n\nexport interface TableCellSkeletonProps extends VibeComponentProps {\n /*\n The type of loading state for the skeleton.\n /\n type?: TableLoadingStateType;\n /\n If true, renders a shorter skeleton for text-based loading states.\n */\n short?: boolean;\n}\n\nconst TableCellSkeleton: React.FC<TableCellSkeletonProps> = ({ type = \"long-text\" }) => {\n const isText = [\"long-text\", \"medium-text\"].includes(type);\n return (\n <TableCell>\n <Skeleton\n type={getSkeletonType(type)}\n wrapperClassName={cx(styles.tableCellSkeletonWrapper, getStyle(styles, camelCase(type)))}\n className={cx(styles.tableCellSkeleton, { [getStyle(styles, camelCase(type))]: !isText })}\n fullWidth\n />\n </TableCell>\n );\n};\n\nexport default TableCellSkeleton;\n"],"names":["TableCellSkeleton","_ref","_ref$type","type","isText","includes","React","TableCell","createElement","Skeleton","getSkeletonType","wrapperClassName","cx","styles","tableCellSkeletonWrapper","getStyle","camelCase","className","tableCellSkeleton","_defineProperty","fullWidth"],"mappings":"~~ibAsBA~~,IAAMA,EAAsD,SAArCC,GAAgE,IAAAC,EAAAD,EAAxBE,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EACzEE,EAAS,CAAC,YAAa,eAAeC,SAASF,GACrD,OACEG,gBAACC,EAAS,KACRD,EAACE,cAAAC,EACC,CAAAN,KAAMO,EAAgBP,GACtBQ,iBAAkBC,EAAGC,EAAOC,yBAA0BC,EAASF,EAAQG,EAAUb,KACjFc,UAAWL,EAAGC,EAAOK,kBAAiBC,EAAA,CAAA,EAAKJ,EAASF,EAAQG,EAAUb,KAAUC,IAChFgB,WAAS,IAIjB"}
1	+ {"version":3,"file":"TableCellSkeleton.js","sources":["../../../../../src/components/Table/TableCellSkeleton/TableCellSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TableCell from \"../TableCell/TableCell\";\nimport Skeleton from \"../../Skeleton/Skeleton\";\nimport styles from \"./TableCellSkeleton.module.scss\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type TableLoadingStateType } from \"../Table/Table\";\nimport { getSkeletonType } from \"../Table/tableHelpers\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface TableCellSkeletonProps extends VibeComponentProps {\n /*\n The type of loading state for the skeleton.\n /\n type?: TableLoadingStateType;\n /\n If true, renders a shorter skeleton for text-based loading states.\n */\n short?: boolean;\n}\n\nconst TableCellSkeleton: React.FC<TableCellSkeletonProps> = ({ type = \"long-text\" }) => {\n const isText = [\"long-text\", \"medium-text\"].includes(type);\n return (\n <TableCell>\n <Skeleton\n type={getSkeletonType(type)}\n wrapperClassName={cx(styles.tableCellSkeletonWrapper, getStyle(styles, camelCase(type)))}\n className={cx(styles.tableCellSkeleton, { [getStyle(styles, camelCase(type))]: !isText })}\n fullWidth\n />\n </TableCell>\n );\n};\n\nexport default TableCellSkeleton;\n"],"names":["TableCellSkeleton","_ref","_ref$type","type","isText","includes","React","TableCell","createElement","Skeleton","getSkeletonType","wrapperClassName","cx","styles","tableCellSkeletonWrapper","getStyle","camelCase","className","tableCellSkeleton","_defineProperty","fullWidth"],"mappings":"kbAsBA,IAAMA,EAAsD,SAArCC,GAAgE,IAAAC,EAAAD,EAAxBE,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EACzEE,EAAS,CAAC,YAAa,eAAeC,SAASF,GACrD,OACEG,gBAACC,EAAS,KACRD,EAACE,cAAAC,EACC,CAAAN,KAAMO,EAAgBP,GACtBQ,iBAAkBC,EAAGC,EAAOC,yBAA0BC,EAASF,EAAQG,EAAUb,KACjFc,UAAWL,EAAGC,EAAOK,kBAAiBC,EAAA,CAAA,EAAKJ,EAASF,EAAQG,EAAUb,KAAUC,IAChFgB,WAAS,IAIjB"}

package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_0935eb29f5",longText:"longText_dec9d191f4",mediumText:"mediumText_80b39b529c",tableCellSkeleton:"tableCellSkeleton_0935eb29f5",circle:"circle_1fb4d06e6a",rectangle:"rectangle_09357fdf13"};!function(e){const l="s_id-18cab9319884_3_61_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_0935eb29f5 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_0935eb29f5.longText_dec9d191f4 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_0935eb29f5.mediumText_80b39b529c {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_0935eb29f5 .tableCellSkeleton_0935eb29f5 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_0935eb29f5 .tableCellSkeleton_0935eb29f5.circle_1fb4d06e6a, .tableCellSkeletonWrapper_0935eb29f5 .tableCellSkeleton_0935eb29f5.rectangle_09357fdf13 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_0935eb29f5 .tableCellSkeleton_0935eb29f5.circle_1fb4d06e6a, .tableCellSkeletonWrapper_0935eb29f5 .tableCellSkeleton_0935eb29f5.rectangle_09357fdf13 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_e6993ad7b6",longText:"longText_5fb2fd7f9d",mediumText:"mediumText_1ed49a4c35",tableCellSkeleton:"tableCellSkeleton_e6993ad7b6",circle:"circle_d8af944ec2",rectangle:"rectangle_e8face3f67"};!function(e){const l="s_id-18cab9319884_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_e6993ad7b6 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_e6993ad7b6.longText_5fb2fd7f9d {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_e6993ad7b6.mediumText_1ed49a4c35 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_e6993ad7b6 .tableCellSkeleton_e6993ad7b6 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_e6993ad7b6 .tableCellSkeleton_e6993ad7b6.circle_d8af944ec2, .tableCellSkeletonWrapper_e6993ad7b6 .tableCellSkeleton_e6993ad7b6.rectangle_e8face3f67 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_e6993ad7b6 .tableCellSkeleton_e6993ad7b6.circle_d8af944ec2, .tableCellSkeletonWrapper_e6993ad7b6 .tableCellSkeleton_e6993ad7b6.rectangle_e8face3f67 {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_734662f13c",menuContainer:"menuContainer_de47162c1c"};!function(e){const n="s_id-c61f3446ce1a_3_61_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_734662f13c {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_734662f13c .menuContainer_de47162c1c {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_97119b648a",menuContainer:"menuContainer_ac0e75ed1a"};!function(e){const n="s_id-c61f3446ce1a_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_97119b648a {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_97119b648a .menuContainer_ac0e75ed1a {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_2708a93c9f",virtualized:"virtualized_cc1100fb4e"};!function(e){const t="s_id-8e924ee64aa4_3_61_1";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)}(".tableHeader_2708a93c9f {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_2708a93c9f > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_2708a93c9f.virtualized_cc1100fb4e {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_2708a93c9f.virtualized_cc1100fb4e::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_9cf098ef6e",virtualized:"virtualized_7a5d270148"};!function(e){const t="s_id-8e924ee64aa4_3_62_0";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)}(".tableHeader_9cf098ef6e {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_9cf098ef6e > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_9cf098ef6e.virtualized_7a5d270148 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_9cf098ef6e.virtualized_7a5d270148::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_5c5da6bf96","focus-visible":"focus-visible_d78c6951bc",sticky:"sticky_e2fd70a632",sortActive:"sortActive_19f7e91a88",tableHeaderCellContent:"tableHeaderCellContent_75ef868d9e",icon:"icon_5262b1e957",infoTooltip:"infoTooltip_345c3915d7",tableHeaderCellSort:"tableHeaderCellSort_83d99cc5de",sort:"sort_92af8ffdab",asc:"asc_fb136e6ae0",desc:"desc_ebcac49cdb",show:"show_7e6ac1d647"};!function(e){const a="s_id-5b3eed132e11_3_61_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_5c5da6bf96 {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_5c5da6bf96:focus-visible, .tableHeaderCell_5c5da6bf96.focus-visible_d78c6951bc {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_5c5da6bf96:focus:not(.focus-visible_d78c6951bc) {\n  outline: none;\n}\n.tableHeaderCell_5c5da6bf96.sticky_e2fd70a632 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_5c5da6bf96.sticky_e2fd70a632:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_5c5da6bf96:hover, .tableHeaderCell_5c5da6bf96.sortActive_19f7e91a88 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_5c5da6bf96 .tableHeaderCellContent_75ef868d9e {\n  min-width: 0;\n}\n.tableHeaderCell_5c5da6bf96 .tableHeaderCellContent_75ef868d9e .icon_5262b1e957 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_5c5da6bf96 .tableHeaderCellContent_75ef868d9e .infoTooltip_345c3915d7 {\n  display: inline-flex;\n}\n.tableHeaderCell_5c5da6bf96 .tableHeaderCellSort_83d99cc5de {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_5c5da6bf96 .tableHeaderCellSort_83d99cc5de .sort_92af8ffdab {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_5c5da6bf96 .tableHeaderCellSort_83d99cc5de .sort_92af8ffdab.asc_fb136e6ae0, .tableHeaderCell_5c5da6bf96 .tableHeaderCellSort_83d99cc5de .sort_92af8ffdab.desc_ebcac49cdb {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_5c5da6bf96 .tableHeaderCellSort_83d99cc5de .sort_92af8ffdab:not(.show_7e6ac1d647) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_f917db1f6e","focus-visible":"focus-visible_be1f2838e0",sticky:"sticky_9455f7b951",sortActive:"sortActive_3c298c5e17",tableHeaderCellContent:"tableHeaderCellContent_c2ab1860b6",icon:"icon_8e26854249",infoTooltip:"infoTooltip_031a1d3676",tableHeaderCellSort:"tableHeaderCellSort_e8d3f2d7eb",sort:"sort_ea4ec84252",asc:"asc_8a2b87aba3",desc:"desc_26d0db93e3",show:"show_bc0ac73e5f"};!function(e){const l="s_id-5b3eed132e11_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell_f917db1f6e {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_f917db1f6e:focus-visible, .tableHeaderCell_f917db1f6e.focus-visible_be1f2838e0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_f917db1f6e:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.tableHeaderCell_f917db1f6e.sticky_9455f7b951 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_f917db1f6e.sticky_9455f7b951:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_f917db1f6e:hover, .tableHeaderCell_f917db1f6e.sortActive_3c298c5e17 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_f917db1f6e .tableHeaderCellContent_c2ab1860b6 {\n  min-width: 0;\n}\n.tableHeaderCell_f917db1f6e .tableHeaderCellContent_c2ab1860b6 .icon_8e26854249 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_f917db1f6e .tableHeaderCellContent_c2ab1860b6 .infoTooltip_031a1d3676 {\n  display: inline-flex;\n}\n.tableHeaderCell_f917db1f6e .tableHeaderCellSort_e8d3f2d7eb {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_f917db1f6e .tableHeaderCellSort_e8d3f2d7eb .sort_ea4ec84252 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_f917db1f6e .tableHeaderCellSort_e8d3f2d7eb .sort_ea4ec84252.asc_8a2b87aba3, .tableHeaderCell_f917db1f6e .tableHeaderCellSort_e8d3f2d7eb .sort_ea4ec84252.desc_26d0db93e3 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_f917db1f6e .tableHeaderCellSort_e8d3f2d7eb .sort_ea4ec84252:not(.show_bc0ac73e5f) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

package/dist/src/components/Table/TableRow/TableRow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_2f6a487b2c"};!function(e){const t="s_id-72a799b963ca_3_61_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_2f6a487b2c {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_2f6a487b2c[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_2f6a487b2c > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_2f6a487b2c:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_2f6a487b2c:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_99d898ccac"};!function(e){const c="s_id-72a799b963ca_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+c))return;const l=document.createElement("style");l.id=c,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_99d898ccac {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_99d898ccac[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_99d898ccac > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_99d898ccac:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_99d898ccac:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_4529f1e576",small:"small_bd89b91c5d",medium:"medium_1433012359",large:"large_cb5bdfcb38"};!function(e){const n="s_id-3e6ad01a6799_3_61_1";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)}(".rowMenuContainer_4529f1e576 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_4529f1e576.small_bd89b91c5d {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_4529f1e576.medium_1433012359 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_4529f1e576.large_cb5bdfcb38 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_5f055ddf44",small:"small_4a44ba1e3d",medium:"medium_f585a67d8a",large:"large_67f9431ad9"};!function(e){const n="s_id-3e6ad01a6799_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_5f055ddf44 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_5f055ddf44.small_4a44ba1e3d {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_5f055ddf44.medium_f585a67d8a {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_5f055ddf44.large_67f9431ad9 {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_d8f1c0c331",tableBodyItems:"tableBodyItems_db460c8589",withHeader:"withHeader_1d023eacc8"};!function(e){const t="s_id-f3eca674d9e8_3_61_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_d8f1c0c331 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_d8f1c0c331 .tableBodyItems_db460c8589::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_d8f1c0c331 .tableBodyItems_db460c8589::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_d8f1c0c331.withHeader_1d023eacc8 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_6c9c457e9e",tableBodyItems:"tableBodyItems_75b9211b29",withHeader:"withHeader_d4ea412c52"};!function(e){const t="s_id-f3eca674d9e8_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_6c9c457e9e {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_6c9c457e9e .tableBodyItems_75b9211b29::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_6c9c457e9e .tableBodyItems_75b9211b29::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_6c9c457e9e.withHeader_d4ea412c52 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

package/dist/src/components/Tabs/Tab/Tab.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as s,useRef as i}from"react";import{noop as a}from"lodash-es";import n from"../../../hooks/useMergeRef.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import c from"../../Icon/Icon.js";import{getTestId as d,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import f from"../../Tooltip/Tooltip.js";import{ComponentVibeId as u}from"../../../tests/constants.js";import{keyCodes as v}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";var b=s((function(s,b){var y=s.className,j=s.tabInnerClassName,C=s.id,I=s.value,T=void 0===I?0:I,h=s.disabled,k=void 0!==h&&h,E=s.active,N=void 0!==E&&E,A=s.focus,g=void 0!==A&&A,P=s.stretchedUnderline,S=void 0!==P&&P,x=s.onClick,B=void 0===x?a:x,H=s.tooltipProps,z=void 0===H?{}:H,D=s.icon,F=s.iconType,M=s.iconSide,R=void 0===M?"left":M,U=s.children,_=s["data-testid"],w=s.tabIndex,K=s.ariaControls,O=i(null),V=n(b,O);return r.createElement(f,Object.assign({},z,{content:z.content}),r.createElement("li",{ref:V,key:C,className:o(p.tabWrapper,y,e(e(e(e({},p.active,N),p.disabled,k),p.tabFocusVisibleInset,g),p.stretchedUnderline,S)),id:C,role:"tab","aria-selected":N,"aria-disabled":k,"aria-controls":K||void 0,tabIndex:w,"data-testid":_||d(m.TAB,C),"data-vibe":u.TAB,onClick:function(){return!k&&B(T)},onKeyDown:function(e){e.key!==v.ENTER&&e.key!==v.SPACE||(e.preventDefault(),!k&&B(T))}},r.createElement("div",{className:o(p.tabInner,j)},function(){if(!D)return U;var e=r.createElement(c,{ariaHidden:!0,iconType:F,icon:D,className:o(p.tabIcon,l(p,R)),iconSize:18,ignoreFocusStyle:!0}),s=r.Children.toArray(U);return"left"===R?[e].concat(t(s)):[].concat(t(s),[e])}())))}));export{b as default};
+import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as i,useRef as s}from"react";import{noop as a}from"es-toolkit/compat";import n from"../../../hooks/useMergeRef.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import l from"../../Icon/Icon.js";import{getTestId as d,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import f from"../../Tooltip/Tooltip.js";import{ComponentVibeId as u}from"../../../tests/constants.js";import{keyCodes as v}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";var b=i((function(i,b){var y=i.className,j=i.tabInnerClassName,C=i.id,I=i.value,k=void 0===I?0:I,T=i.disabled,E=void 0!==T&&T,h=i.active,N=void 0!==h&&h,A=i.focus,g=void 0!==A&&A,P=i.stretchedUnderline,S=void 0!==P&&P,x=i.onClick,B=void 0===x?a:x,H=i.tooltipProps,z=void 0===H?{}:H,D=i.icon,F=i.iconType,M=i.iconSide,R=void 0===M?"left":M,U=i.children,_=i["data-testid"],w=i.tabIndex,K=i.ariaControls,O=s(null),V=n(b,O);return r.createElement(f,Object.assign({},z,{content:z.content}),r.createElement("li",{ref:V,key:C,className:o(p.tabWrapper,y,e(e(e(e({},p.active,N),p.disabled,E),p.tabFocusVisibleInset,g),p.stretchedUnderline,S)),id:C,role:"tab","aria-selected":N,"aria-disabled":E,"aria-controls":K||void 0,tabIndex:w,"data-testid":_||d(m.TAB,C),"data-vibe":u.TAB,onClick:function(){return!E&&B(k)},onKeyDown:function(e){e.key!==v.ENTER&&e.key!==v.SPACE||(e.preventDefault(),!E&&B(k))}},r.createElement("div",{className:o(p.tabInner,j)},function(){if(!D)return U;var e=r.createElement(l,{ariaHidden:!0,iconType:F,icon:D,className:o(p.tabIcon,c(p,R)),iconSize:18,ignoreFocusStyle:!0}),i=r.Children.toArray(U);return"left"===R?[e].concat(t(i)):[].concat(t(i),[e])}())))}));export{b as default};
 //# sourceMappingURL=Tab.js.map

package/dist/src/components/Tabs/Tab/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"~~lodash~~-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { type SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { type TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name applied to the inner tab content.\n /\n tabInnerClassName?: string;\n /\n The index value of the tab.\n /\n value?: number;\n /\n If true, disables the tab.\n /\n disabled?: boolean;\n /\n If true, marks the tab as active.\n /\n active?: boolean;\n /\n If true, applies focus styles to the tab.\n /\n focus?: boolean;\n /\n If true, hides the individual tab border when using stretched underline.\n /\n stretchedUnderline?: boolean;\n /\n The icon displayed in the tab.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The position of the icon relative to the text.\n /\n iconSide?: string;\n /\n Callback fired when the tab is clicked.\n /\n onClick?: (value: number) => void;\n /\n Props passed to the tab's tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The content displayed inside the tab.\n /\n children?: string \| ReactElement \| ReactElement[];\n /\n Tab index for focus management.\n /\n tabIndex?: number;\n /\n The id of the associated TabPanel for aria-controls attribute.\n */\n ariaControls?: string;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n stretchedUnderline = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId,\n tabIndex,\n ariaControls\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n event.preventDefault();\n !disabled && onClick(value);\n }\n }\n\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus,\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n aria-controls={ariaControls \|\| undefined}\n tabIndex={tabIndex}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n data-vibe={ComponentVibeId.TAB}\n onClick={() => !disabled && onClick(value)}\n onKeyDown={handleKeyDown}\n >\n <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","ariaControls","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","undefined","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"~~yqBA0EMA~~,IAAAA,EAAoBC,GACxB,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SACAC,EAAY3B,EAAZ2B,aAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAjB,GAAckB,QAASlB,EAAakB,UAC/CL,EAAAC,cAAA,KAAA,CACEhC,IAAK6B,EACLQ,IAAKlC,EACLF,UAAWqC,EAAGC,EAAOC,WAAYvC,EAASwC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO9B,OAASA,GAChB8B,EAAOhC,SAAWA,GAClBgC,EAAOG,qBAAuB/B,GAC9B4B,EAAO1B,mBAAqBA,IAE/BV,GAAIA,EACJwC,KAAK,MAAK,gBACKlC,EAAM,gBACNF,EACA,gBAAAmB,QAAgBkB,EAC/BnB,SAAUA,EAAQ,cACLD,GAAcqB,EAAUC,EAAuBC,IAAK5C,GAAG,YACzD6C,EAAgBD,IAC3BhC,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C4C,UA3BN,SAAuBC,GACjBA,EAAMb,MAAQc,EAASC,OAASF,EAAMb,MAAQc,EAASE,QACzDH,EAAMI,kBACL/C,GAAYQ,EAAQV,GAEzB,GAwBM0B,EAAAC,cAAA,MAAA,CAAK/B,UAAWqC,EAAGC,EAAOgB,SAAUrD,IApD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAMiC,EACJzB,gBAAC0B,EAAI,CACHC,YAAY,EACZtC,SAAUA,EACVD,KAAMA,EACNlB,UAAWqC,EAAGC,EAAOoB,QAASC,EAASrB,EAAQjB,IAC/CuC,SAAU,GACVC,kBAAgB,IAIdC,EAAgBhC,EAAMiC,SAASC,QAAQ1C,GAE7C,MAAiB,SAAbD,EACF,CAAQkC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA+B+DY,KAIjE"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit/compat\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { type SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { type TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name applied to the inner tab content.\n /\n tabInnerClassName?: string;\n /\n The index value of the tab.\n /\n value?: number;\n /\n If true, disables the tab.\n /\n disabled?: boolean;\n /\n If true, marks the tab as active.\n /\n active?: boolean;\n /\n If true, applies focus styles to the tab.\n /\n focus?: boolean;\n /\n If true, hides the individual tab border when using stretched underline.\n /\n stretchedUnderline?: boolean;\n /\n The icon displayed in the tab.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The position of the icon relative to the text.\n /\n iconSide?: string;\n /\n Callback fired when the tab is clicked.\n /\n onClick?: (value: number) => void;\n /\n Props passed to the tab's tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The content displayed inside the tab.\n /\n children?: string \| ReactElement \| ReactElement[];\n /\n Tab index for focus management.\n /\n tabIndex?: number;\n /\n The id of the associated TabPanel for aria-controls attribute.\n */\n ariaControls?: string;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n stretchedUnderline = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId,\n tabIndex,\n ariaControls\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n event.preventDefault();\n !disabled && onClick(value);\n }\n }\n\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus,\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n aria-controls={ariaControls \|\| undefined}\n tabIndex={tabIndex}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n data-vibe={ComponentVibeId.TAB}\n onClick={() => !disabled && onClick(value)}\n onKeyDown={handleKeyDown}\n >\n <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","ariaControls","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","undefined","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"irBA0EMA,IAAAA,EAAoBC,GACxB,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SACAC,EAAY3B,EAAZ2B,aAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAjB,GAAckB,QAASlB,EAAakB,UAC/CL,EAAAC,cAAA,KAAA,CACEhC,IAAK6B,EACLQ,IAAKlC,EACLF,UAAWqC,EAAGC,EAAOC,WAAYvC,EAASwC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO9B,OAASA,GAChB8B,EAAOhC,SAAWA,GAClBgC,EAAOG,qBAAuB/B,GAC9B4B,EAAO1B,mBAAqBA,IAE/BV,GAAIA,EACJwC,KAAK,MAAK,gBACKlC,EAAM,gBACNF,EACA,gBAAAmB,QAAgBkB,EAC/BnB,SAAUA,EAAQ,cACLD,GAAcqB,EAAUC,EAAuBC,IAAK5C,GAAG,YACzD6C,EAAgBD,IAC3BhC,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C4C,UA3BN,SAAuBC,GACjBA,EAAMb,MAAQc,EAASC,OAASF,EAAMb,MAAQc,EAASE,QACzDH,EAAMI,kBACL/C,GAAYQ,EAAQV,GAEzB,GAwBM0B,EAAAC,cAAA,MAAA,CAAK/B,UAAWqC,EAAGC,EAAOgB,SAAUrD,IApD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAMiC,EACJzB,gBAAC0B,EAAI,CACHC,YAAY,EACZtC,SAAUA,EACVD,KAAMA,EACNlB,UAAWqC,EAAGC,EAAOoB,QAASC,EAASrB,EAAQjB,IAC/CuC,SAAU,GACVC,kBAAgB,IAIdC,EAAgBhC,EAAMiC,SAASC,QAAQ1C,GAE7C,MAAiB,SAAbD,EACF,CAAQkC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA+B+DY,KAIjE"}

package/dist/src/components/Tabs/Tab/Tab.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_08d77a7a9c",stretchedUnderline:"stretchedUnderline_c5c89bb125",tabInner:"tabInner_c87298f25b",tabIcon:"tabIcon_4672988f6c",right:"right_88ebb669c7",tabFocusVisibleInset:"tabFocusVisibleInset_589de7c503",active:"active_c47f638fda",disabled:"disabled_7a3f003f8e"};!function(n){const e="s_id-304dfa4df00e_3_61_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable selector-class-pattern */\n.tabWrapper_08d77a7a9c {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper_08d77a7a9c.stretchedUnderline_c5c89bb125 {\n  border-bottom: 0;\n}\n.tabWrapper_08d77a7a9c:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper_08d77a7a9c .tabInner_c87298f25b {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper_08d77a7a9c .tabInner_c87298f25b:focus {\n  outline: none;\n}\n.tabWrapper_08d77a7a9c .tabInner_c87298f25b .tabIcon_4672988f6c {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper_08d77a7a9c .tabInner_c87298f25b .tabIcon_4672988f6c.right_88ebb669c7 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper_08d77a7a9c.tabFocusVisibleInset_589de7c503 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper_08d77a7a9c.active_c47f638fda:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper_08d77a7a9c.disabled_7a3f003f8e .tabInner_c87298f25b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_08d77a7a9c:not(.disabled_7a3f003f8e) .tabInner_c87298f25b:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var e={tabWrapper:"tabWrapper_5d2f2aee16",stretchedUnderline:"stretchedUnderline_7d66739ec3",tabInner:"tabInner_7334041fd3",tabIcon:"tabIcon_eb20bd6bfc",right:"right_15f07c0653",tabFocusVisibleInset:"tabFocusVisibleInset_c6806786e7",active:"active_a838d002ec",disabled:"disabled_9092d314ea"};!function(e){const n="s_id-304dfa4df00e_3_62_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern */\n.tabWrapper_5d2f2aee16 {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper_5d2f2aee16.stretchedUnderline_7d66739ec3 {\n  border-bottom: 0;\n}\n.tabWrapper_5d2f2aee16:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper_5d2f2aee16 .tabInner_7334041fd3 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper_5d2f2aee16 .tabInner_7334041fd3:focus {\n  outline: none;\n}\n.tabWrapper_5d2f2aee16 .tabInner_7334041fd3 .tabIcon_eb20bd6bfc {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper_5d2f2aee16 .tabInner_7334041fd3 .tabIcon_eb20bd6bfc.right_15f07c0653 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper_5d2f2aee16.tabFocusVisibleInset_c6806786e7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper_5d2f2aee16.active_a838d002ec:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper_5d2f2aee16.disabled_9092d314ea .tabInner_7334041fd3 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_5d2f2aee16:not(.disabled_9092d314ea) .tabInner_7334041fd3:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{e as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/src/components/Tabs/TabList/TabList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as n}from"lodash-es";import o,{forwardRef as i,useRef as s,useState as a,useEffect as l,useMemo as d,useCallback as c}from"react";import u from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import m from"../../../hooks/useMergeRef.js";import f from"../../../hooks/usePrevious/index.js";import{NOOP as p}from"../../../utils/function-utils.js";import{getTestId as v,ComponentDefaultTestId as b}from"../../../tests/testIds.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";import I from"./TabList.module.scss.js";var C=i((function(i,C){var g=i.className,N=i.id,T=i.onTabChange,j=void 0===T?p:T,y=i.activeTabId,L=void 0===y?0:y,k=i.tabType,x=void 0===k?"Compact":k,A=i.size,E=i.stretchedUnderline,P=void 0!==E&&E,B=i.tabPanelIds,S=void 0===B?[]:B,U=i.children,_=i["data-testid"],G=s(null),H=m(C,G),K=s({}),M=a(L),O=e(M,2),W=O[0],w=O[1],z=f(L),R=f(W);l((function(){L!==z&&L!==W&&w(L)}),[L,z,W,w]),l((function(){var e;void 0!==R&&R!==W&&K.current[W]&&(null===(e=K.current[W])||void 0===e||e.focus())}),[W,R]);var q=d((function(){var e=new Set;return o.Children.forEach(U,(function(r,t){r.props.disabled&&e.add(t)})),e}),[U]),D=c((function(e){q.has(e)||(w(e),j&&j(e))}),[j,q]),F=c((function(e,r){var t,n=null===(t=U[r].props)||void 0===t?void 0:t.onClick;q.has(r)||(n&&n(r),D(r))}),[U,q,D]),J=c((function(e){return U[e]}),[U]),Q=d((function(){return Array.from(q)}),[q]),V=s(),X=u({ref:V,numberOfItemsInLine:null==U?void 0:U.length,itemsCount:null==U?void 0:U.length,getItemByIndex:J,onItemClicked:F,disabledIndexes:Q,circularNavigation:!0}),Y=X.activeIndex,Z=X.onSelectionAction,$=f(Y);l((function(){var e;void 0!==Y&&Y>=0&&$!==Y&&K.current[Y]&&(null===(e=K.current[Y])||void 0===e||e.focus())}),[Y,$]);var ee=d((function(){return o.Children.map(U,(function(e,r){var n=W===r,i=void 0===Y||0>Y?n:Y===r;return o.cloneElement(e,{value:r,active:n,focus:Y===r,onClick:Z,stretchedUnderline:P,className:t(I.tabListTabWrapper,e.props.className),tabInnerClassName:t(I.tabListTabInner,e.props.tabInnerClassName),tabIndex:i?0:-1,ariaControls:S[r],ref:function(e){K.current[r]=e}})}))}),[U,W,Y,Z,P,S,N]);return o.createElement("div",{ref:H,className:t(I.tabsWrapper,g,[h(I,n(x))],r({},I.stretchedUnderline,P)),id:N,"data-testid":_||v(b.TAB_LIST,N)},o.createElement("ul",{ref:V,className:t(I.tabsList,[h(I,A)]),role:"tablist"},ee))}));Object.assign(C,{isTabList:!0});export{C as default};
+import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as n}from"es-toolkit";import o,{forwardRef as i,useRef as s,useState as a,useEffect as l,useMemo as d,useCallback as c}from"react";import u from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import m from"../../../hooks/useMergeRef.js";import f from"../../../hooks/usePrevious/index.js";import{NOOP as p}from"../../../utils/function-utils.js";import{getTestId as v,ComponentDefaultTestId as b}from"../../../tests/testIds.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";import I from"./TabList.module.scss.js";var C=i((function(i,C){var g=i.className,N=i.id,T=i.onTabChange,j=void 0===T?p:T,y=i.activeTabId,k=void 0===y?0:y,L=i.tabType,x=void 0===L?"Compact":L,A=i.size,E=i.stretchedUnderline,P=void 0!==E&&E,B=i.tabPanelIds,S=void 0===B?[]:B,U=i.children,_=i["data-testid"],G=s(null),H=m(C,G),K=s({}),M=a(k),O=e(M,2),W=O[0],w=O[1],z=f(k),R=f(W);l((function(){k!==z&&k!==W&&w(k)}),[k,z,W,w]),l((function(){var e;void 0!==R&&R!==W&&K.current[W]&&(null===(e=K.current[W])||void 0===e||e.focus())}),[W,R]);var q=d((function(){var e=new Set;return o.Children.forEach(U,(function(r,t){r.props.disabled&&e.add(t)})),e}),[U]),D=c((function(e){q.has(e)||(w(e),j&&j(e))}),[j,q]),F=c((function(e,r){var t,n=null===(t=U[r].props)||void 0===t?void 0:t.onClick;q.has(r)||(n&&n(r),D(r))}),[U,q,D]),J=c((function(e){return U[e]}),[U]),Q=d((function(){return Array.from(q)}),[q]),V=s(),X=u({ref:V,numberOfItemsInLine:null==U?void 0:U.length,itemsCount:null==U?void 0:U.length,getItemByIndex:J,onItemClicked:F,disabledIndexes:Q,circularNavigation:!0}),Y=X.activeIndex,Z=X.onSelectionAction,$=f(Y);l((function(){var e;void 0!==Y&&Y>=0&&$!==Y&&K.current[Y]&&(null===(e=K.current[Y])||void 0===e||e.focus())}),[Y,$]);var ee=d((function(){return o.Children.map(U,(function(e,r){var n=W===r,i=void 0===Y||0>Y?n:Y===r;return o.cloneElement(e,{value:r,active:n,focus:Y===r,onClick:Z,stretchedUnderline:P,className:t(I.tabListTabWrapper,e.props.className),tabInnerClassName:t(I.tabListTabInner,e.props.tabInnerClassName),tabIndex:i?0:-1,ariaControls:S[r],ref:function(e){K.current[r]=e}})}))}),[U,W,Y,Z,P,S,N]);return o.createElement("div",{ref:H,className:t(I.tabsWrapper,g,[h(I,n(x))],r({},I.stretchedUnderline,P)),id:N,"data-testid":_||v(b.TAB_LIST,N)},o.createElement("ul",{ref:V,className:t(I.tabsList,[h(I,A)]),role:"tablist"},ee))}));Object.assign(C,{isTabList:!0});export{C as default};
 //# sourceMappingURL=TabList.js.map

package/dist/src/components/Tabs/TabList/TabList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n /*\n Callback fired when the active tab changes.\n /\n onTabChange?: (tabId: number) => void;\n /\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The type of tab style.\n /\n tabType?: string;\n /\n The size of the tab list.\n /\n size?: string;\n /\n If true, Sets an E2E underline under the whole tabs component.\n /\n stretchedUnderline?: boolean;\n /\n Array of corresponding TabPanel ids for aria-controls relationship.\n /\n tabPanelIds?: string[];\n /\n The child elements representing tabs.\n */\n children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n stretchedUnderline = false,\n tabPanelIds = [],\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const tabRefs = useRef<Record<number, HTMLElement \| null>>({});\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n const prevActiveTabState = usePrevious(activeTabState);\n\n useEffect(() => {\n // Update active tab if changed from props\n\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n // Focus management: when activeTabState changes, focus the active tab\n useEffect(() => {\n if (\n prevActiveTabState !== undefined &&\n prevActiveTabState !== activeTabState &&\n tabRefs.current[activeTabState]\n ) {\n tabRefs.current[activeTabState]?.focus();\n }\n }, [activeTabState, prevActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n const onTabClick = useCallback(\n (value: HTMLElement \| void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const ulRef = useRef();\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes,\n circularNavigation: true\n });\n\n // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n const prevFocusIndex = usePrevious(focusIndex);\n useEffect(() => {\n if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n tabRefs.current[focusIndex]?.focus();\n }\n }, [focusIndex, prevFocusIndex]);\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n const isActive = activeTabState === index;\n\n const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n return React.cloneElement(child, {\n value: index,\n active: isActive,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n stretchedUnderline,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n tabIndex: shouldBeFocusable ? 0 : -1,\n ariaControls: tabPanelIds[index],\n ref: (element: HTMLElement \| null) => {\n tabRefs.current[index] = element;\n }\n } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string; ariaControls?: string });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n </div>\n );\n }\n);\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","ariaControls","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"msBAoDMA,IAAAA,EAA4BC,GAChC,SAAAC,EAaEC,GACE,IAZAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAd,EAC1Be,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAQhB,EAARgB,SACeC,EAAUjB,EAAzB,eAIIkB,EAAeC,EAAO,MACtBC,EAAYC,EAAYpB,EAAKiB,GAC7BI,EAAUH,EAA2C,CAAA,GAE3DI,EAA4CC,EAAiBhB,GAAYiB,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYtB,GAClCuB,EAAqBD,EAAYH,GAEvCK,GAAU,WAGJxB,IAAgBqB,GAAuBrB,IAAgBmB,GACzDC,EAAkBpB,EAErB,GAAE,CAACA,EAAaqB,EAAqBF,EAAgBC,IAGtDI,GAAU,sBAEiBC,IAAvBF,GACAA,IAAuBJ,GACvBL,EAAQY,QAAQP,KAEe,QAA/BQ,EAAAb,EAAQY,QAAQP,UAAe,IAAAQ,GAAAA,EAAEC,QAErC,GAAG,CAACT,EAAgBI,IAEpB,IAAMM,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACvB,IACEiC,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBvB,EAAkBuB,GAClB9C,GAAeA,EAAY8C,GAC7B,GACA,CAAC9C,EAAagC,IAEVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBpB,EAAAnB,EAASmC,GAAOL,aAAO,IAAAX,OAAA,EAAAA,EAAAqB,QAC3CnB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAACnC,EAAUqB,EAAgBY,IAEvBQ,EAAiBP,GAAY,SAACL,GAAa,OAA6B7B,EAAS6B,KAAQ,CAAC7B,IAC1F0C,EAAkBpB,GAAQ,WAAA,OAAMqB,MAAMC,KAAKvB,KAAiB,CAACA,IAC7DwB,EAAQ1C,IACd2C,EAAuDC,EAA0B,CAC/E9D,IAAK4D,EACLG,oBAAqBhD,aAAA,EAAAA,EAAUiD,OAC/BC,WAAYlD,aAAA,EAAAA,EAAUiD,OACtBR,eAAAA,EACAU,cAAed,EACfK,gBAAAA,EACAU,oBAAoB,IAPDC,EAAUP,EAAvBQ,YAAyBC,EAAiBT,EAAjBS,kBAW3BC,EAAiB1C,EAAYuC,GACnCrC,GAAU,sBACWC,IAAfoC,GAA4BA,GAAc,GAAKG,IAAmBH,GAAc/C,EAAQY,QAAQmC,KACvE,QAA3BlC,EAAAb,EAAQY,QAAQmC,UAAW,IAAAlC,GAAAA,EAAEC,QAEjC,GAAG,CAACiC,EAAYG,IAEhB,IAAMC,GAAenC,GAAQ,WAqB3B,OApByBG,EAAMC,SAASgC,IAAI1D,GAAU,SAAC4B,EAAOC,GAC5D,IAAM8B,EAAWhD,IAAmBkB,EAE9B+B,OAAmC3C,IAAfoC,GAA0C,EAAdA,EAAyCM,EAAvBN,IAAexB,EAEvF,OAAOJ,EAAMoC,aAAajC,EAAO,CAC/BU,MAAOT,EACPiC,OAAQH,EACRvC,MAAOiC,IAAexB,EACtBW,QAASe,EACT1D,mBAAAA,EACAX,UAAW6E,EAAGC,EAAOC,kBAAmBrC,EAAME,MAAM5C,WACpDgF,kBAAmBH,EAAGC,EAAOG,gBAAiBvC,EAAME,MAAMoC,mBAC1DE,SAAUR,EAAoB,GAAK,EACnCS,aAActE,EAAY8B,GAC1B5C,IAAK,SAACqF,GACJhE,EAAQY,QAAQW,GAASyC,CAC3B,GAEJ,GAEF,GAAG,CAACtE,EAAUW,EAAgB0C,EAAYE,EAAmB1D,EAAoBE,EAAaZ,IAE9F,OACEsC,EACE8C,cAAA,MAAA,CAAAtF,IAAKmB,EACLlB,UAAW6E,EAAGC,EAAOQ,YAAatF,EAAW,CAACuF,EAAST,EAAQU,EAAUhF,KAAUiF,EAChFX,CAAAA,EAAAA,EAAOnE,mBAAqBA,IAE/BV,GAAIA,gBACSc,GAAc2E,EAAUC,EAAuBC,SAAU3F,IAEtEsC,EAAA8C,cAAA,KAAA,CAAItF,IAAK4D,EAAO3D,UAAW6E,EAAGC,EAAOe,SAAU,CAACN,EAAST,EAAQrE,KAASqF,KAAK,WAC5EvB,IAIT,IAEFwB,OAAOC,OAAOpG,EAAS,CACrBqG,WAAW"}
1	+ {"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n /*\n Callback fired when the active tab changes.\n /\n onTabChange?: (tabId: number) => void;\n /\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The type of tab style.\n /\n tabType?: string;\n /\n The size of the tab list.\n /\n size?: string;\n /\n If true, Sets an E2E underline under the whole tabs component.\n /\n stretchedUnderline?: boolean;\n /\n Array of corresponding TabPanel ids for aria-controls relationship.\n /\n tabPanelIds?: string[];\n /\n The child elements representing tabs.\n */\n children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n stretchedUnderline = false,\n tabPanelIds = [],\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const tabRefs = useRef<Record<number, HTMLElement \| null>>({});\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n const prevActiveTabState = usePrevious(activeTabState);\n\n useEffect(() => {\n // Update active tab if changed from props\n\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n // Focus management: when activeTabState changes, focus the active tab\n useEffect(() => {\n if (\n prevActiveTabState !== undefined &&\n prevActiveTabState !== activeTabState &&\n tabRefs.current[activeTabState]\n ) {\n tabRefs.current[activeTabState]?.focus();\n }\n }, [activeTabState, prevActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n const onTabClick = useCallback(\n (value: HTMLElement \| void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const ulRef = useRef();\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes,\n circularNavigation: true\n });\n\n // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n const prevFocusIndex = usePrevious(focusIndex);\n useEffect(() => {\n if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n tabRefs.current[focusIndex]?.focus();\n }\n }, [focusIndex, prevFocusIndex]);\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n const isActive = activeTabState === index;\n\n const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n return React.cloneElement(child, {\n value: index,\n active: isActive,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n stretchedUnderline,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n tabIndex: shouldBeFocusable ? 0 : -1,\n ariaControls: tabPanelIds[index],\n ref: (element: HTMLElement \| null) => {\n tabRefs.current[index] = element;\n }\n } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string; ariaControls?: string });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n </div>\n );\n }\n);\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","ariaControls","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"osBAoDMA,IAAAA,EAA4BC,GAChC,SAAAC,EAaEC,GACE,IAZAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAd,EAC1Be,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAQhB,EAARgB,SACeC,EAAUjB,EAAzB,eAIIkB,EAAeC,EAAO,MACtBC,EAAYC,EAAYpB,EAAKiB,GAC7BI,EAAUH,EAA2C,CAAA,GAE3DI,EAA4CC,EAAiBhB,GAAYiB,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYtB,GAClCuB,EAAqBD,EAAYH,GAEvCK,GAAU,WAGJxB,IAAgBqB,GAAuBrB,IAAgBmB,GACzDC,EAAkBpB,EAErB,GAAE,CAACA,EAAaqB,EAAqBF,EAAgBC,IAGtDI,GAAU,sBAEiBC,IAAvBF,GACAA,IAAuBJ,GACvBL,EAAQY,QAAQP,KAEe,QAA/BQ,EAAAb,EAAQY,QAAQP,UAAe,IAAAQ,GAAAA,EAAEC,QAErC,GAAG,CAACT,EAAgBI,IAEpB,IAAMM,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACvB,IACEiC,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBvB,EAAkBuB,GAClB9C,GAAeA,EAAY8C,GAC7B,GACA,CAAC9C,EAAagC,IAEVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBpB,EAAAnB,EAASmC,GAAOL,aAAO,IAAAX,OAAA,EAAAA,EAAAqB,QAC3CnB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAACnC,EAAUqB,EAAgBY,IAEvBQ,EAAiBP,GAAY,SAACL,GAAa,OAA6B7B,EAAS6B,KAAQ,CAAC7B,IAC1F0C,EAAkBpB,GAAQ,WAAA,OAAMqB,MAAMC,KAAKvB,KAAiB,CAACA,IAC7DwB,EAAQ1C,IACd2C,EAAuDC,EAA0B,CAC/E9D,IAAK4D,EACLG,oBAAqBhD,aAAA,EAAAA,EAAUiD,OAC/BC,WAAYlD,aAAA,EAAAA,EAAUiD,OACtBR,eAAAA,EACAU,cAAed,EACfK,gBAAAA,EACAU,oBAAoB,IAPDC,EAAUP,EAAvBQ,YAAyBC,EAAiBT,EAAjBS,kBAW3BC,EAAiB1C,EAAYuC,GACnCrC,GAAU,sBACWC,IAAfoC,GAA4BA,GAAc,GAAKG,IAAmBH,GAAc/C,EAAQY,QAAQmC,KACvE,QAA3BlC,EAAAb,EAAQY,QAAQmC,UAAW,IAAAlC,GAAAA,EAAEC,QAEjC,GAAG,CAACiC,EAAYG,IAEhB,IAAMC,GAAenC,GAAQ,WAqB3B,OApByBG,EAAMC,SAASgC,IAAI1D,GAAU,SAAC4B,EAAOC,GAC5D,IAAM8B,EAAWhD,IAAmBkB,EAE9B+B,OAAmC3C,IAAfoC,GAA0C,EAAdA,EAAyCM,EAAvBN,IAAexB,EAEvF,OAAOJ,EAAMoC,aAAajC,EAAO,CAC/BU,MAAOT,EACPiC,OAAQH,EACRvC,MAAOiC,IAAexB,EACtBW,QAASe,EACT1D,mBAAAA,EACAX,UAAW6E,EAAGC,EAAOC,kBAAmBrC,EAAME,MAAM5C,WACpDgF,kBAAmBH,EAAGC,EAAOG,gBAAiBvC,EAAME,MAAMoC,mBAC1DE,SAAUR,EAAoB,GAAK,EACnCS,aAActE,EAAY8B,GAC1B5C,IAAK,SAACqF,GACJhE,EAAQY,QAAQW,GAASyC,CAC3B,GAEJ,GAEF,GAAG,CAACtE,EAAUW,EAAgB0C,EAAYE,EAAmB1D,EAAoBE,EAAaZ,IAE9F,OACEsC,EACE8C,cAAA,MAAA,CAAAtF,IAAKmB,EACLlB,UAAW6E,EAAGC,EAAOQ,YAAatF,EAAW,CAACuF,EAAST,EAAQU,EAAUhF,KAAUiF,EAChFX,CAAAA,EAAAA,EAAOnE,mBAAqBA,IAE/BV,GAAIA,gBACSc,GAAc2E,EAAUC,EAAuBC,SAAU3F,IAEtEsC,EAAA8C,cAAA,KAAA,CAAItF,IAAK4D,EAAO3D,UAAW6E,EAAGC,EAAOe,SAAU,CAACN,EAAST,EAAQrE,KAASqF,KAAK,WAC5EvB,IAIT,IAEFwB,OAAOC,OAAOpG,EAAS,CACrBqG,WAAW"}

package/dist/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_423e2457fc",tabsList:"tabsList_d045d85a27",sm:"sm_5c53893c42",lg:"lg_58268a9ef6",stretched:"stretched_9e1a6c8791",tabListTabWrapper:"tabListTabWrapper_70f68e883c",tabListTabInner:"tabListTabInner_70f68e883c",disabled:"disabled_77d38676f2",stretchedUnderline:"stretchedUnderline_65c423d6e6"};!function(e){const t="s_id-1dd2e005bc2f_3_61_1";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)}(".tabsWrapper_423e2457fc .tabsList_d045d85a27 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_423e2457fc .tabsList_d045d85a27.sm_5c53893c42 {\n  height: 32px;\n}\n\n.tabsWrapper_423e2457fc .tabsList_d045d85a27.lg_58268a9ef6 {\n  height: 48px;\n}\n\n.tabsWrapper_423e2457fc.stretched_9e1a6c8791 .tabsList_d045d85a27 {\n  width: 100%;\n}\n\n.tabsWrapper_423e2457fc.stretched_9e1a6c8791 .tabsList_d045d85a27 .tabListTabWrapper_70f68e883c {\n  width: 100%;\n}\n\n.tabsWrapper_423e2457fc.stretched_9e1a6c8791 .tabsList_d045d85a27 .tabListTabWrapper_70f68e883c .tabListTabInner_70f68e883c {\n  width: 100%;\n}\n\n.tabsWrapper_423e2457fc.disabled_77d38676f2 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_423e2457fc.stretchedUnderline_65c423d6e6 {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_8e72ff8480",tabsList:"tabsList_c67a9a1760",sm:"sm_aae92b9c72",lg:"lg_590c371811",stretched:"stretched_e15e436b3d",tabListTabWrapper:"tabListTabWrapper_dd3453da2b",tabListTabInner:"tabListTabInner_dd3453da2b",disabled:"disabled_63214c7598",stretchedUnderline:"stretchedUnderline_946233d604"};!function(e){const t="s_id-1dd2e005bc2f_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_8e72ff8480 .tabsList_c67a9a1760 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_8e72ff8480 .tabsList_c67a9a1760.sm_aae92b9c72 {\n  height: 32px;\n}\n\n.tabsWrapper_8e72ff8480 .tabsList_c67a9a1760.lg_590c371811 {\n  height: 48px;\n}\n\n.tabsWrapper_8e72ff8480.stretched_e15e436b3d .tabsList_c67a9a1760 {\n  width: 100%;\n}\n\n.tabsWrapper_8e72ff8480.stretched_e15e436b3d .tabsList_c67a9a1760 .tabListTabWrapper_dd3453da2b {\n  width: 100%;\n}\n\n.tabsWrapper_8e72ff8480.stretched_e15e436b3d .tabsList_c67a9a1760 .tabListTabWrapper_dd3453da2b .tabListTabInner_dd3453da2b {\n  width: 100%;\n}\n\n.tabsWrapper_8e72ff8480.disabled_63214c7598 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_8e72ff8480.stretchedUnderline_946233d604 {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_ebcac49cdb"};!function(e){const t="s_id-82244d4a2f7b_3_61_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_ebcac49cdb {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_26d0db93e3"};!function(e){const t="s_id-82244d4a2f7b_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_26d0db93e3 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/src/components/Tabs/TabPanels/TabPanels.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"classnames";import{camelCase as s}from"lodash-es";import e,{forwardRef as a,useRef as r,useMemo as i}from"react";import o from"../../../hooks/useMergeRef.js";import{TabPanelsAnimationDirection as n}from"./TabPanelsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../../tests/testIds.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as p}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import d from"./TabPanels.module.scss.js";var f=a((function(a,n){var p=a.className,f=a.id,u=a.activeTabId,v=void 0===u?0:u,j=a.animationDirection,b=void 0===j?"rtl":j,P=a.children,h=a["data-testid"],N=r(null),T=o(n,N),g=i((function(){return e.Children.map(P,(function(a,r){var i=v===r;if(!i)return null;var o=i?"active":"non-active",n=i?"animation-direction-".concat(b):"";return e.cloneElement(a,Object.assign(Object.assign({index:r},a.props),{className:t(d.tabPanel,[c(d,o)],[c(d,s(n))],a.props.className)}))})).filter(Boolean)}),[P,v,b]);return e.createElement("div",{ref:T,className:t(d.tabPanelsWrapper,p),id:f,"data-testid":h||m(l.TAB_PANELS,f)},g)}));Object.assign(f,{isTabPanels:!0});var u=p(f,{animationDirections:n});export{u as default};
+import t from"classnames";import{camelCase as e}from"es-toolkit";import s,{forwardRef as a,useRef as r,useMemo as i}from"react";import o from"../../../hooks/useMergeRef.js";import{TabPanelsAnimationDirection as n}from"./TabPanelsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../../tests/testIds.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as p}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import d from"./TabPanels.module.scss.js";var f=a((function(a,n){var p=a.className,f=a.id,u=a.activeTabId,v=void 0===u?0:u,j=a.animationDirection,b=void 0===j?"rtl":j,P=a.children,h=a["data-testid"],N=r(null),T=o(n,N),g=i((function(){return s.Children.map(P,(function(a,r){var i=v===r;if(!i)return null;var o=i?"active":"non-active",n=i?"animation-direction-".concat(b):"";return s.cloneElement(a,Object.assign(Object.assign({index:r},a.props),{className:t(d.tabPanel,[c(d,o)],[c(d,e(n))],a.props.className)}))})).filter(Boolean)}),[P,v,b]);return s.createElement("div",{ref:T,className:t(d.tabPanelsWrapper,p),id:f,"data-testid":h||m(l.TAB_PANELS,f)},g)}));Object.assign(f,{isTabPanels:!0});var u=p(f,{animationDirections:n});export{u as default};
 //# sourceMappingURL=TabPanels.js.map