npm - @vibe/core - Versions diffs - 3.88.6 → 3.89.0-alpha-01945.0 - Mend

@vibe/core 3.88.6 → 3.89.0-alpha-01945.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 (449) hide show

package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_744fd67ef3",dragging:"dragging_9d6295fe81",focused:"focused_e9f3fd997a",notDisabledThumb:"notDisabledThumb_6d2e95def2","focus-visible":"focus-visible_6636c552fb",positive:"positive_d68f510cf5",negative:"negative_342ee6b30a",small:"small_4c8064731b",medium:"medium_a5c1632046",large:"large_257f6c39b3",label:"label_d5f7c94204",positionTop:"positionTop_d8245539f3",positionBottom:"positionBottom_b35312cc89",colorPrimary:"colorPrimary_028102ca06",colorSecondary:"colorSecondary_8f8b50dc14"};!function(o){const e="s_id-9ef20defa923_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_744fd67ef3 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n.dragging_9d6295fe81 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n.focused_e9f3fd997a {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_6d2e95def2:focus-visible, .notDisabledThumb_6d2e95def2.focus-visible_6636c552fb {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb_6d2e95def2:focus:not(.focus-visible_6636c552fb) {\n  outline: none;\n}\n.notDisabledThumb_6d2e95def2:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_d68f510cf5 {\n  border-color: var(--positive-color);\n}\n.positive_d68f510cf5.notDisabledThumb_6d2e95def2:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_342ee6b30a {\n  border-color: var(--negative-color);\n}\n.negative_342ee6b30a.notDisabledThumb_6d2e95def2:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_4c8064731b {\n  height: 16px;\n  width: 16px;\n}\n.medium_a5c1632046 {\n  height: 20px;\n  width: 20px;\n}\n.large_257f6c39b3 {\n  height: 24px;\n  width: 24px;\n}\n.label_d5f7c94204 {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label_d5f7c94204.positionTop_d8245539f3 {\n  bottom: calc(100% + 8px);\n}\n.label_d5f7c94204.positionBottom_b35312cc89 {\n  top: calc(100% + 8px);\n}\n.label_d5f7c94204.colorPrimary_028102ca06 {\n  color: var(--primary-text-color);\n}\n.label_d5f7c94204.colorSecondary_8f8b50dc14 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_c3f92d21bf",dragging:"dragging_601277f97a",focused:"focused_48f28c55df",notDisabledThumb:"notDisabledThumb_62d59045ec","focus-visible":"focus-visible_6668561412",positive:"positive_001dd108be",negative:"negative_f6bfda2306",small:"small_82e6a84225",medium:"medium_2f94d27142",large:"large_ffa5f0a973",label:"label_5883534601",positionTop:"positionTop_115bcfbc2f",positionBottom:"positionBottom_140d900275",colorPrimary:"colorPrimary_00ddb005c8",colorSecondary:"colorSecondary_5184649dec"};!function(o){const n="s_id-9ef20defa923_3_88_6";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 */\n/* stylelint-enable */\n.thumb_c3f92d21bf {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n.dragging_601277f97a {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n.focused_48f28c55df {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_62d59045ec:focus-visible, .notDisabledThumb_62d59045ec.focus-visible_6668561412 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb_62d59045ec:focus:not(.focus-visible_6668561412) {\n  outline: none;\n}\n.notDisabledThumb_62d59045ec:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_001dd108be {\n  border-color: var(--positive-color);\n}\n.positive_001dd108be.notDisabledThumb_62d59045ec:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_f6bfda2306 {\n  border-color: var(--negative-color);\n}\n.negative_f6bfda2306.notDisabledThumb_62d59045ec:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_82e6a84225 {\n  height: 16px;\n  width: 16px;\n}\n.medium_2f94d27142 {\n  height: 20px;\n  width: 20px;\n}\n.large_ffa5f0a973 {\n  height: 24px;\n  width: 24px;\n}\n.label_5883534601 {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label_5883534601.positionTop_115bcfbc2f {\n  bottom: calc(100% + 8px);\n}\n.label_5883534601.positionBottom_140d900275 {\n  top: calc(100% + 8px);\n}\n.label_5883534601.colorPrimary_00ddb005c8 {\n  color: var(--primary-text-color);\n}\n.label_5883534601.colorSecondary_5184649dec {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={track:"track_80b7b07899",positive:"positive_e7b3878e9c",negative:"negative_d3fbd31897"};!function(e){const t="s_id-f9216dea54b1_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_80b7b07899 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_e7b3878e9c {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_d3fbd31897 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_7c232fdc03",positive:"positive_6bf945d4ae",negative:"negative_7a733702cd"};!function(e){const t="s_id-f9216dea54b1_3_88_6";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)}(".track_7c232fdc03 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_6bf945d4ae {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_7a733702cd {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/src/components/Slider/SliderInfix.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infix:"infix_b9cd8cbfae",txt:"txt_b6a166c38b",prefix:"prefix_9cf151caae",postfix:"postfix_0d8625409d"};!function(e){const n="s_id-4fd2a8cee614_3_88_5";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)}(".infix_b9cd8cbfae {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_b6a166c38b {\n  white-space: nowrap;\n}\n\n.prefix_9cf151caae {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_0d8625409d {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_f92c60741c",txt:"txt_3f2f3e42ac",prefix:"prefix_6afc5ec1f3",postfix:"postfix_bb1cc63bcc"};!function(e){const n="s_id-4fd2a8cee614_3_88_6";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)}(".infix_f92c60741c {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_3f2f3e42ac {\n  white-space: nowrap;\n}\n\n.prefix_6afc5ec1f3 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_bb1cc63bcc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={button:"button_b9f16c1efe",mainButton:"mainButton_69a132b849",secondaryButton:"secondaryButton_1923aa0ac2",secondaryButtonWrapper:"secondaryButtonWrapper_afe7fb93d3",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_9b43ca71b8",active:"active_e4c862a430",disabled:"disabled_8987038fd4",kindTertiary:"kindTertiary_c5e47be6af",colorPrimary:"colorPrimary_c5e47be6af",mainActive:"mainActive_180f7716a6",splitContentOpen:"splitContentOpen_d0210cfaa1",hovered:"hovered_8f704251b8",colorBrand:"colorBrand_180f7716a6",colorPositive:"colorPositive_f9667c62ae",colorNegative:"colorNegative_f9667c62ae",kindPrimary:"kindPrimary_642b4cfde1",colorOnPrimaryColor:"colorOnPrimaryColor_c4d621a78a",kindSecondary:"kindSecondary_f9667c62ae"};!function(a){const n="s_id-b26d62194c18_3_88_5";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=a)}(".button_b9f16c1efe {\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_b9f16c1efe .mainButton_69a132b849 {\n  margin-right: 0;\n}\n\n.button_b9f16c1efe .secondaryButton_1923aa0ac2 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_afe7fb93d3 .secondaryButtonIconWrapper_9b43ca71b8 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_e4c862a430 {\n  transform: scale(0.95);\n}\n\n.disabled_8987038fd4 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6 .mainButton_69a132b849 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6 .mainButton_69a132b849:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6 .secondaryButton_1923aa0ac2 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6 .secondaryButton_1923aa0ac2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6.splitContentOpen_d0210cfaa1.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6.splitContentOpen_d0210cfaa1.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2:hover,\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6.hovered_8f704251b8.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorPrimary_c5e47be6af.mainActive_180f7716a6.hovered_8f704251b8.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_c5e47be6af.colorBrand_180f7716a6.mainActive_180f7716a6 .mainButton_69a132b849 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_c5e47be6af.colorBrand_180f7716a6.mainActive_180f7716a6 .secondaryButton_1923aa0ac2 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_c5e47be6af.colorBrand_180f7716a6.mainActive_180f7716a6.splitContentOpen_d0210cfaa1.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorBrand_180f7716a6.mainActive_180f7716a6.splitContentOpen_d0210cfaa1.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2:hover,\n.kindTertiary_c5e47be6af.colorBrand_180f7716a6.mainActive_180f7716a6.hovered_8f704251b8.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorBrand_180f7716a6.mainActive_180f7716a6.hovered_8f704251b8.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_c5e47be6af.colorPositive_f9667c62ae.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorPositive_f9667c62ae:hover .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorPositive_f9667c62ae:focus .secondaryButton_1923aa0ac2 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_c5e47be6af.colorPositive_f9667c62ae.splitContentOpen_d0210cfaa1 .mainButton_69a132b849,\n.kindTertiary_c5e47be6af.colorPositive_f9667c62ae:hover .mainButton_69a132b849,\n.kindTertiary_c5e47be6af.colorPositive_f9667c62ae:focus .mainButton_69a132b849 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_c5e47be6af.colorNegative_f9667c62ae.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorNegative_f9667c62ae:hover .secondaryButton_1923aa0ac2,\n.kindTertiary_c5e47be6af.colorNegative_f9667c62ae:focus .secondaryButton_1923aa0ac2 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_c5e47be6af.colorNegative_f9667c62ae.splitContentOpen_d0210cfaa1 .mainButton_69a132b849,\n.kindTertiary_c5e47be6af.colorNegative_f9667c62ae:hover .mainButton_69a132b849,\n.kindTertiary_c5e47be6af.colorNegative_f9667c62ae:focus .mainButton_69a132b849 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_c5e47be6af .secondaryButton_1923aa0ac2 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_642b4cfde1.disabled_8987038fd4 .secondaryButton_1923aa0ac2 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_642b4cfde1:not(.disabled_8987038fd4).colorPrimary_c5e47be6af.mainActive_180f7716a6 .secondaryButton_1923aa0ac2 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_642b4cfde1:not(.disabled_8987038fd4).colorPrimary_c5e47be6af .secondaryButton_1923aa0ac2 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_642b4cfde1:not(.disabled_8987038fd4).colorBrand_180f7716a6.mainActive_180f7716a6 .secondaryButton_1923aa0ac2 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_642b4cfde1:not(.disabled_8987038fd4).colorBrand_180f7716a6 .secondaryButton_1923aa0ac2 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_642b4cfde1:not(.disabled_8987038fd4).colorPositive_f9667c62ae .secondaryButton_1923aa0ac2 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_642b4cfde1:not(.disabled_8987038fd4).colorNegative_f9667c62ae .secondaryButton_1923aa0ac2 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_642b4cfde1:not(.disabled_8987038fd4).colorOnPrimaryColor_c4d621a78a .secondaryButton_1923aa0ac2 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_f9667c62ae .mainButton_69a132b849 {\n  border-right: none;\n}\n\n.kindSecondary_f9667c62ae.colorPrimary_c5e47be6af.mainActive_180f7716a6 .mainButton_69a132b849 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_f9667c62ae.colorPrimary_c5e47be6af.mainActive_180f7716a6 .mainButton_69a132b849:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_f9667c62ae.colorPrimary_c5e47be6af.mainActive_180f7716a6 .secondaryButton_1923aa0ac2 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_f9667c62ae.colorPrimary_c5e47be6af.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_f9667c62ae.colorPrimary_c5e47be6af.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_f9667c62ae.colorBrand_180f7716a6.mainActive_180f7716a6 .mainButton_69a132b849 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_f9667c62ae.colorBrand_180f7716a6.mainActive_180f7716a6 .secondaryButton_1923aa0ac2 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_f9667c62ae.colorBrand_180f7716a6.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2,\n.kindSecondary_f9667c62ae.colorBrand_180f7716a6.splitContentOpen_d0210cfaa1 .secondaryButton_1923aa0ac2:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{a as default};
+var n={button:"button_8674258613",mainButton:"mainButton_af49b1898e",secondaryButton:"secondaryButton_5ed1cb08c2",secondaryButtonWrapper:"secondaryButtonWrapper_3f2dfbb2e3",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_87c72f7a42",active:"active_0bc87da734",disabled:"disabled_f48ae79001",kindTertiary:"kindTertiary_d6a777d5cd",colorPrimary:"colorPrimary_d6a777d5cd",mainActive:"mainActive_c5185e07da",splitContentOpen:"splitContentOpen_b2c5c0b92f",hovered:"hovered_605d4b8aa1",colorBrand:"colorBrand_c5185e07da",colorPositive:"colorPositive_ec982869d9",colorNegative:"colorNegative_ec982869d9",kindPrimary:"kindPrimary_0a36045fd6",colorOnPrimaryColor:"colorOnPrimaryColor_f5d3553c2f",kindSecondary:"kindSecondary_ec982869d9"};!function(n){const r="s_id-b26d62194c18_3_88_6";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_8674258613 {\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_8674258613 .mainButton_af49b1898e {\n  margin-right: 0;\n}\n\n.button_8674258613 .secondaryButton_5ed1cb08c2 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_3f2dfbb2e3 .secondaryButtonIconWrapper_87c72f7a42 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_0bc87da734 {\n  transform: scale(0.95);\n}\n\n.disabled_f48ae79001 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da .mainButton_af49b1898e {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da .mainButton_af49b1898e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da .secondaryButton_5ed1cb08c2 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da .secondaryButton_5ed1cb08c2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da.splitContentOpen_b2c5c0b92f.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da.splitContentOpen_b2c5c0b92f.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2:hover,\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da.hovered_605d4b8aa1.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorPrimary_d6a777d5cd.mainActive_c5185e07da.hovered_605d4b8aa1.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_d6a777d5cd.colorBrand_c5185e07da.mainActive_c5185e07da .mainButton_af49b1898e {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_d6a777d5cd.colorBrand_c5185e07da.mainActive_c5185e07da .secondaryButton_5ed1cb08c2 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_d6a777d5cd.colorBrand_c5185e07da.mainActive_c5185e07da.splitContentOpen_b2c5c0b92f.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorBrand_c5185e07da.mainActive_c5185e07da.splitContentOpen_b2c5c0b92f.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2:hover,\n.kindTertiary_d6a777d5cd.colorBrand_c5185e07da.mainActive_c5185e07da.hovered_605d4b8aa1.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorBrand_c5185e07da.mainActive_c5185e07da.hovered_605d4b8aa1.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_d6a777d5cd.colorPositive_ec982869d9.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorPositive_ec982869d9:hover .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorPositive_ec982869d9:focus .secondaryButton_5ed1cb08c2 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_d6a777d5cd.colorPositive_ec982869d9.splitContentOpen_b2c5c0b92f .mainButton_af49b1898e,\n.kindTertiary_d6a777d5cd.colorPositive_ec982869d9:hover .mainButton_af49b1898e,\n.kindTertiary_d6a777d5cd.colorPositive_ec982869d9:focus .mainButton_af49b1898e {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_d6a777d5cd.colorNegative_ec982869d9.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorNegative_ec982869d9:hover .secondaryButton_5ed1cb08c2,\n.kindTertiary_d6a777d5cd.colorNegative_ec982869d9:focus .secondaryButton_5ed1cb08c2 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_d6a777d5cd.colorNegative_ec982869d9.splitContentOpen_b2c5c0b92f .mainButton_af49b1898e,\n.kindTertiary_d6a777d5cd.colorNegative_ec982869d9:hover .mainButton_af49b1898e,\n.kindTertiary_d6a777d5cd.colorNegative_ec982869d9:focus .mainButton_af49b1898e {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_d6a777d5cd .secondaryButton_5ed1cb08c2 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_0a36045fd6.disabled_f48ae79001 .secondaryButton_5ed1cb08c2 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_0a36045fd6:not(.disabled_f48ae79001).colorPrimary_d6a777d5cd.mainActive_c5185e07da .secondaryButton_5ed1cb08c2 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_0a36045fd6:not(.disabled_f48ae79001).colorPrimary_d6a777d5cd .secondaryButton_5ed1cb08c2 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_0a36045fd6:not(.disabled_f48ae79001).colorBrand_c5185e07da.mainActive_c5185e07da .secondaryButton_5ed1cb08c2 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_0a36045fd6:not(.disabled_f48ae79001).colorBrand_c5185e07da .secondaryButton_5ed1cb08c2 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_0a36045fd6:not(.disabled_f48ae79001).colorPositive_ec982869d9 .secondaryButton_5ed1cb08c2 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_0a36045fd6:not(.disabled_f48ae79001).colorNegative_ec982869d9 .secondaryButton_5ed1cb08c2 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_0a36045fd6:not(.disabled_f48ae79001).colorOnPrimaryColor_f5d3553c2f .secondaryButton_5ed1cb08c2 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_ec982869d9 .mainButton_af49b1898e {\n  border-right: none;\n}\n\n.kindSecondary_ec982869d9.colorPrimary_d6a777d5cd.mainActive_c5185e07da .mainButton_af49b1898e {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_ec982869d9.colorPrimary_d6a777d5cd.mainActive_c5185e07da .mainButton_af49b1898e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_ec982869d9.colorPrimary_d6a777d5cd.mainActive_c5185e07da .secondaryButton_5ed1cb08c2 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_ec982869d9.colorPrimary_d6a777d5cd.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_ec982869d9.colorPrimary_d6a777d5cd.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_ec982869d9.colorBrand_c5185e07da.mainActive_c5185e07da .mainButton_af49b1898e {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_ec982869d9.colorBrand_c5185e07da.mainActive_c5185e07da .secondaryButton_5ed1cb08c2 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_ec982869d9.colorBrand_c5185e07da.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2,\n.kindSecondary_ec982869d9.colorBrand_c5185e07da.splitContentOpen_b2c5c0b92f .secondaryButton_5ed1cb08c2: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_eff849b5c7",contentOnTop:"contentOnTop_4de2870312",contentOnBottom:"contentOnBottom_cfbf4680a0"};!function(e){const t="s_id-9e4623f942e8_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_eff849b5c7 .contentOnTop_4de2870312 {\n  margin-top: var(--spacing-medium);\n}\n.steps_eff849b5c7 .contentOnBottom_cfbf4680a0 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_1e63d1689e",contentOnTop:"contentOnTop_79ac327d9c",contentOnBottom:"contentOnBottom_511e47b0a4"};!function(e){const t="s_id-9e4623f942e8_3_88_6";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_1e63d1689e .contentOnTop_79ac327d9c {\n  margin-top: var(--spacing-medium);\n}\n.steps_1e63d1689e .contentOnBottom_511e47b0a4 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={command:"command_ac039cd15a",backward:"backward_ef19148a35",icon:"icon_ea64d1053a",disabled:"disabled_a598c25580",colorOnPrimaryColor:"colorOnPrimaryColor_3ad940b73b",colorOnInvertedBackground:"colorOnInvertedBackground_a9c1d000e6"};!function(e){const n="s_id-b004c6aa2b0d_3_88_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_ac039cd15a {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_ac039cd15a.backward_ef19148a35 {\n  flex-direction: row-reverse;\n}\n.icon_ea64d1053a {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_ea64d1053a.disabled_a598c25580 {\n  color: var(--disabled-text-color);\n}\n.icon_ea64d1053a.colorOnPrimaryColor_3ad940b73b {\n  color: var(--text-color-on-primary);\n}\n.icon_ea64d1053a.colorOnInvertedBackground_a9c1d000e6 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_0a0e87e5a8",backward:"backward_a0bd51846f",icon:"icon_c331d6e2f3",disabled:"disabled_b734e3a96d",colorOnPrimaryColor:"colorOnPrimaryColor_3737c8c638",colorOnInvertedBackground:"colorOnInvertedBackground_db17540cba"};!function(e){const n="s_id-b004c6aa2b0d_3_88_6";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_0a0e87e5a8 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_0a0e87e5a8.backward_a0bd51846f {\n  flex-direction: row-reverse;\n}\n.icon_c331d6e2f3 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_c331d6e2f3.disabled_b734e3a96d {\n  color: var(--disabled-text-color);\n}\n.icon_c331d6e2f3.colorOnPrimaryColor_3737c8c638 {\n  color: var(--text-color-on-primary);\n}\n.icon_c331d6e2f3.colorOnInvertedBackground_db17540cba {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={dot:"dot_ca82e0e31c","focus-visible":"focus-visible_44ca32acb2",isActive:"isActive_e9783e9a6a",colorOnPrimaryColor:"colorOnPrimaryColor_2bf09de334",colorOnInvertedBackground:"colorOnInvertedBackground_2bc4adee8f"};!function(n){const o="s_id-cedbbb07e913_3_88_5";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot_ca82e0e31c {\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_ca82e0e31c:focus-visible, .dot_ca82e0e31c.focus-visible_44ca32acb2 {\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_ca82e0e31c:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.dot_ca82e0e31c:focus-visible, .dot_ca82e0e31c.focus-visible_44ca32acb2 {\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_ca82e0e31c:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.dot_ca82e0e31c:hover {\n  transform: scale(1.3);\n}\n.isActive_e9783e9a6a {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_2bf09de334.dot_ca82e0e31c {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_2bf09de334.dot_ca82e0e31c:focus-visible, .colorOnPrimaryColor_2bf09de334.dot_ca82e0e31c.focus-visible_44ca32acb2 {\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_2bf09de334.dot_ca82e0e31c:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.colorOnPrimaryColor_2bf09de334.dot_ca82e0e31c.isActive_e9783e9a6a {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_2bc4adee8f.dot_ca82e0e31c {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_2bc4adee8f.dot_ca82e0e31c.isActive_e9783e9a6a {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
+var n={dot:"dot_ca048b38d4","focus-visible":"focus-visible_ef81741bea",isActive:"isActive_3a273f3954",colorOnPrimaryColor:"colorOnPrimaryColor_878162c8a2",colorOnInvertedBackground:"colorOnInvertedBackground_1c163bed71"};!function(n){const o="s_id-cedbbb07e913_3_88_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot_ca048b38d4 {\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_ca048b38d4:focus-visible, .dot_ca048b38d4.focus-visible_ef81741bea {\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_ca048b38d4:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.dot_ca048b38d4:focus-visible, .dot_ca048b38d4.focus-visible_ef81741bea {\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_ca048b38d4:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.dot_ca048b38d4:hover {\n  transform: scale(1.3);\n}\n.isActive_3a273f3954 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_878162c8a2.dot_ca048b38d4 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_878162c8a2.dot_ca048b38d4:focus-visible, .colorOnPrimaryColor_878162c8a2.dot_ca048b38d4.focus-visible_ef81741bea {\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_878162c8a2.dot_ca048b38d4:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.colorOnPrimaryColor_878162c8a2.dot_ca048b38d4.isActive_3a273f3954 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_1c163bed71.dot_ca048b38d4 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_1c163bed71.dot_ca048b38d4.isActive_3a273f3954 {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_4ddd758bbf",galleryHeaderDot:"galleryHeaderDot_9cf151caae"};!function(e){const a="s_id-62748f4c4e74_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const l=document.createElement("style");l.id=a,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_4ddd758bbf {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_4ddd758bbf .galleryHeaderDot_9cf151caae {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_4ddd758bbf .galleryHeaderDot_9cf151caae:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_d2878090f3",galleryHeaderDot:"galleryHeaderDot_6afc5ec1f3"};!function(e){const a="s_id-62748f4c4e74_3_88_6";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_d2878090f3 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_d2878090f3 .galleryHeaderDot_6afc5ec1f3 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_d2878090f3 .galleryHeaderDot_6afc5ec1f3: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_745692c50c"};!function(e){const t="s_id-918f12c2f9aa_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_745692c50c {\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_18eeea278c"};!function(e){const t="s_id-918f12c2f9aa_3_88_6";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)}(".header_18eeea278c {\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_aa4024fbe8"};!function(e){const n="s_id-126f9ab60838_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers_aa4024fbe8 {\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_db0dce3a8c"};!function(e){const n="s_id-126f9ab60838_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers_db0dce3a8c {\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_fbd2dccf76"};!function(e){const t="s_id-4506b47fa00c_3_88_5";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch_fbd2dccf76 { /* 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_7999a772cc"};!function(e){const t="s_id-4506b47fa00c_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch_7999a772cc { /* 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_c77b394250",border:"border_90e3a9c736",virtualized:"virtualized_138c652647",hasScroll:"hasScroll_a92d245d3a"};!function(r){const e="s_id-55eb48952bb4_3_88_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table_c77b394250 {\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_c77b394250::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_c77b394250::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_c77b394250.border_90e3a9c736 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_c77b394250 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_c77b394250 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_c77b394250.virtualized_138c652647 {\n  overflow: hidden;\n}\n.table_c77b394250.hasScroll_a92d245d3a {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var e={table:"table_3bba8eb55d",border:"border_2dd2275866",virtualized:"virtualized_2c5f1763aa",hasScroll:"hasScroll_5e55b2bbdb"};!function(e){const r="s_id-55eb48952bb4_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.table_3bba8eb55d {\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_3bba8eb55d::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_3bba8eb55d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_3bba8eb55d.border_2dd2275866 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_3bba8eb55d [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_3bba8eb55d [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_3bba8eb55d.virtualized_2c5f1763aa {\n  overflow: hidden;\n}\n.table_3bba8eb55d.hasScroll_5e55b2bbdb {\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_4ef04b2991"};!function(e){const t="s_id-afed3a5f5737_3_88_5";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_4ef04b2991 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_22bc0abb24"};!function(e){const t="s_id-afed3a5f5737_3_88_6";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_22bc0abb24 {\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_bd411a9429",sticky:"sticky_b670f272c6"};!function(e){const t="s_id-25789b81dac4_3_88_5";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_bd411a9429 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_bd411a9429.sticky_b670f272c6 {\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_5476a407e9",sticky:"sticky_feed439beb"};!function(e){const t="s_id-25789b81dac4_3_88_6";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_5476a407e9 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_5476a407e9.sticky_feed439beb {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_4ef04b2991",longText:"longText_b04a22dd23",mediumText:"mediumText_9f8139a822",tableCellSkeleton:"tableCellSkeleton_4ef04b2991",circle:"circle_ba3a45b217",rectangle:"rectangle_677a976a0f"};!function(e){const l="s_id-18cab9319884_3_88_5";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_4ef04b2991 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_4ef04b2991.longText_b04a22dd23 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_4ef04b2991.mediumText_9f8139a822 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_4ef04b2991 .tableCellSkeleton_4ef04b2991 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_4ef04b2991 .tableCellSkeleton_4ef04b2991.circle_ba3a45b217, .tableCellSkeletonWrapper_4ef04b2991 .tableCellSkeleton_4ef04b2991.rectangle_677a976a0f {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_4ef04b2991 .tableCellSkeleton_4ef04b2991.circle_ba3a45b217, .tableCellSkeletonWrapper_4ef04b2991 .tableCellSkeleton_4ef04b2991.rectangle_677a976a0f {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_22bc0abb24",longText:"longText_2ff893d418",mediumText:"mediumText_29578cf5b3",tableCellSkeleton:"tableCellSkeleton_22bc0abb24",circle:"circle_6592fadc77",rectangle:"rectangle_ee701b14ec"};!function(e){const l="s_id-18cab9319884_3_88_6";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_22bc0abb24 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_22bc0abb24.longText_2ff893d418 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_22bc0abb24.mediumText_29578cf5b3 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_22bc0abb24 .tableCellSkeleton_22bc0abb24 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_22bc0abb24 .tableCellSkeleton_22bc0abb24.circle_6592fadc77, .tableCellSkeletonWrapper_22bc0abb24 .tableCellSkeleton_22bc0abb24.rectangle_ee701b14ec {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_22bc0abb24 .tableCellSkeleton_22bc0abb24.circle_6592fadc77, .tableCellSkeletonWrapper_22bc0abb24 .tableCellSkeleton_22bc0abb24.rectangle_ee701b14ec {\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_329b126477",menuContainer:"menuContainer_dff2ceabd2"};!function(e){const n="s_id-c61f3446ce1a_3_88_5";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_329b126477 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_329b126477 .menuContainer_dff2ceabd2 {\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_2274cc9f66",menuContainer:"menuContainer_2377d51e47"};!function(e){const n="s_id-c61f3446ce1a_3_88_6";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_2274cc9f66 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_2274cc9f66 .menuContainer_2377d51e47 {\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_e0c91d3416",virtualized:"virtualized_cc4b74ffc7"};!function(e){const t="s_id-8e924ee64aa4_3_88_5";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)}(".tableHeader_e0c91d3416 {\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_e0c91d3416 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_e0c91d3416.virtualized_cc4b74ffc7 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_e0c91d3416.virtualized_cc4b74ffc7::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_82b5fa2faf",virtualized:"virtualized_bc56fb61c1"};!function(e){const a="s_id-8e924ee64aa4_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeader_82b5fa2faf {\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_82b5fa2faf > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_82b5fa2faf.virtualized_bc56fb61c1 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_82b5fa2faf.virtualized_bc56fb61c1::-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_d5261a4993","focus-visible":"focus-visible_44ca32acb2",sticky:"sticky_b670f272c6",sortActive:"sortActive_8a9dbe5b84",tableHeaderCellContent:"tableHeaderCellContent_7bbb5cddd9",icon:"icon_6a84d6e44d",infoTooltip:"infoTooltip_fb8533f435",tableHeaderCellSort:"tableHeaderCellSort_d04f3657de",sort:"sort_e06cb89272",asc:"asc_946ea89ef5",desc:"desc_028102ca06",show:"show_55feb65a1c"};!function(e){const a="s_id-5b3eed132e11_3_88_5";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_d5261a4993 {\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_d5261a4993:focus-visible, .tableHeaderCell_d5261a4993.focus-visible_44ca32acb2 {\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_d5261a4993:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.tableHeaderCell_d5261a4993.sticky_b670f272c6 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_d5261a4993.sticky_b670f272c6:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_d5261a4993:hover, .tableHeaderCell_d5261a4993.sortActive_8a9dbe5b84 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_d5261a4993 .tableHeaderCellContent_7bbb5cddd9 {\n  min-width: 0;\n}\n.tableHeaderCell_d5261a4993 .tableHeaderCellContent_7bbb5cddd9 .icon_6a84d6e44d {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_d5261a4993 .tableHeaderCellContent_7bbb5cddd9 .infoTooltip_fb8533f435 {\n  display: inline-flex;\n}\n.tableHeaderCell_d5261a4993 .tableHeaderCellSort_d04f3657de {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_d5261a4993 .tableHeaderCellSort_d04f3657de .sort_e06cb89272 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_d5261a4993 .tableHeaderCellSort_d04f3657de .sort_e06cb89272.asc_946ea89ef5, .tableHeaderCell_d5261a4993 .tableHeaderCellSort_d04f3657de .sort_e06cb89272.desc_028102ca06 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_d5261a4993 .tableHeaderCellSort_d04f3657de .sort_e06cb89272:not(.show_55feb65a1c) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_f68f215a3c","focus-visible":"focus-visible_ef81741bea",sticky:"sticky_feed439beb",sortActive:"sortActive_fb79533caa",tableHeaderCellContent:"tableHeaderCellContent_3305de8a9e",icon:"icon_4bb9203979",infoTooltip:"infoTooltip_6a9574c279",tableHeaderCellSort:"tableHeaderCellSort_58ab2a4322",sort:"sort_a470e55101",asc:"asc_7a3f8951d6",desc:"desc_00ddb005c8",show:"show_55298f705d"};!function(e){const a="s_id-5b3eed132e11_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_f68f215a3c {\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_f68f215a3c:focus-visible, .tableHeaderCell_f68f215a3c.focus-visible_ef81741bea {\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_f68f215a3c:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.tableHeaderCell_f68f215a3c.sticky_feed439beb {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_f68f215a3c.sticky_feed439beb:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_f68f215a3c:hover, .tableHeaderCell_f68f215a3c.sortActive_fb79533caa {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_f68f215a3c .tableHeaderCellContent_3305de8a9e {\n  min-width: 0;\n}\n.tableHeaderCell_f68f215a3c .tableHeaderCellContent_3305de8a9e .icon_4bb9203979 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_f68f215a3c .tableHeaderCellContent_3305de8a9e .infoTooltip_6a9574c279 {\n  display: inline-flex;\n}\n.tableHeaderCell_f68f215a3c .tableHeaderCellSort_58ab2a4322 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_f68f215a3c .tableHeaderCellSort_58ab2a4322 .sort_a470e55101 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_f68f215a3c .tableHeaderCellSort_58ab2a4322 .sort_a470e55101.asc_7a3f8951d6, .tableHeaderCell_f68f215a3c .tableHeaderCellSort_58ab2a4322 .sort_a470e55101.desc_00ddb005c8 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_f68f215a3c .tableHeaderCellSort_58ab2a4322 .sort_a470e55101:not(.show_55298f705d) {\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_e9e1614650"};!function(e){const t="s_id-72a799b963ca_3_88_5";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_e9e1614650 {\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_e9e1614650[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_e9e1614650 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_e9e1614650:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_e9e1614650:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_99fd1284b6"};!function(e){const t="s_id-72a799b963ca_3_88_6";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_99fd1284b6 {\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_99fd1284b6[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_99fd1284b6 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_99fd1284b6:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_99fd1284b6: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_cf17a974b9",small:"small_fd566a76ed",medium:"medium_5eb8aa9463",large:"large_f6626ed137"};!function(e){const n="s_id-3e6ad01a6799_3_88_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_cf17a974b9 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_cf17a974b9.small_fd566a76ed {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_cf17a974b9.medium_5eb8aa9463 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_cf17a974b9.large_f6626ed137 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_a0eddb39b3",small:"small_cff1458691",medium:"medium_d550ee275d",large:"large_d1710c9d42"};!function(e){const n="s_id-3e6ad01a6799_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_a0eddb39b3 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_a0eddb39b3.small_cff1458691 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_a0eddb39b3.medium_d550ee275d {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_a0eddb39b3.large_d1710c9d42 {\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_2efab1c966",tableBodyItems:"tableBodyItems_8d048ac07d",withHeader:"withHeader_6db44957b3"};!function(e){const t="s_id-f3eca674d9e8_3_88_5";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody_2efab1c966 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_2efab1c966 .tableBodyItems_8d048ac07d::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_2efab1c966 .tableBodyItems_8d048ac07d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_2efab1c966.withHeader_6db44957b3 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_a867619f65",tableBodyItems:"tableBodyItems_644aa00cd7",withHeader:"withHeader_3679adad52"};!function(e){const t="s_id-f3eca674d9e8_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody_a867619f65 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_a867619f65 .tableBodyItems_644aa00cd7::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_a867619f65 .tableBodyItems_644aa00cd7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_a867619f65.withHeader_3679adad52 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabWrapper:"tabWrapper_bcce0c02eb",stretchedUnderline:"stretchedUnderline_a2cfcd90a7",tabInner:"tabInner_47eccc5c16",tabIcon:"tabIcon_284cd3a157",right:"right_62d81d8d0c",tabFocusVisibleInset:"tabFocusVisibleInset_5c373267fe",active:"active_3ad92e4f31",disabled:"disabled_8ae4b49f0c"};!function(e){const n="s_id-304dfa4df00e_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper_bcce0c02eb {\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_bcce0c02eb.stretchedUnderline_a2cfcd90a7 {\n  border-bottom: 0;\n}\n.tabWrapper_bcce0c02eb: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_bcce0c02eb .tabInner_47eccc5c16 {\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_bcce0c02eb .tabInner_47eccc5c16:focus {\n  outline: none;\n}\n.tabWrapper_bcce0c02eb .tabInner_47eccc5c16 .tabIcon_284cd3a157 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper_bcce0c02eb .tabInner_47eccc5c16 .tabIcon_284cd3a157.right_62d81d8d0c {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper_bcce0c02eb.tabFocusVisibleInset_5c373267fe {\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_bcce0c02eb.active_3ad92e4f31:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper_bcce0c02eb.disabled_8ae4b49f0c .tabInner_47eccc5c16 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_bcce0c02eb:not(.disabled_8ae4b49f0c) .tabInner_47eccc5c16:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{e as default};
+var n={tabWrapper:"tabWrapper_209104a447",stretchedUnderline:"stretchedUnderline_4c7b64acf8",tabInner:"tabInner_036cf680f6",tabIcon:"tabIcon_860d12c6f1",right:"right_61513a861d",tabFocusVisibleInset:"tabFocusVisibleInset_40844b039f",active:"active_00ddb005c8",disabled:"disabled_ef84cc2950"};!function(n){const e="s_id-bcc8401f236d_3_88_6";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper_209104a447 {\n  position: relative;\n  display: inline-block;\n  padding-left: 0;\n  padding-right: 0;\n  border: none;\n  color: var(--secondary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n}\n.tabWrapper_209104a447.stretchedUnderline_4c7b64acf8 {\n  border-bottom: 0;\n}\n/* Selected stroke is rendered once on TabList (slide-transition) */\n.tabWrapper_209104a447:after {\n  display: none;\n}\n.tabWrapper_209104a447 .tabInner_036cf680f6 {\n  /* Leaves 2px gap + 2px underline within the list height */\n  height: calc(100% - 4px);\n  width: fit-content;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: var(--spacing-xs) var(--spacing-small);\n  border-radius: var(--border-radius-medium);\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 0;\n  cursor: pointer;\n  color: var(--secondary-text-color);\n}\n.tabWrapper_209104a447 .tabInner_036cf680f6:focus {\n  outline: none;\n}\n.tabWrapper_209104a447 .tabInner_036cf680f6 .tabIcon_860d12c6f1 {\n  color: var(--secondary-text-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper_209104a447 .tabInner_036cf680f6 .tabIcon_860d12c6f1.right_61513a861d {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper_209104a447.tabFocusVisibleInset_40844b039f {\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_209104a447.active_00ddb005c8 {\n  color: var(--primary-text-color);\n}\n.tabWrapper_209104a447.active_00ddb005c8 .tabInner_036cf680f6 {\n  color: var(--primary-text-color);\n}\n.tabWrapper_209104a447.active_00ddb005c8 .tabInner_036cf680f6 .tabIcon_860d12c6f1 {\n  color: var(--primary-text-color);\n}\n.tabWrapper_209104a447.disabled_ef84cc2950 .tabInner_036cf680f6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_209104a447.disabled_ef84cc2950 .tabInner_036cf680f6 .tabIcon_860d12c6f1 {\n  color: var(--disabled-text-color);\n}\n.tabWrapper_209104a447:not(.disabled_ef84cc2950):not(.active_00ddb005c8) .tabInner_036cf680f6:hover {\n  border-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n  color: var(--primary-text-color);\n}\n.tabWrapper_209104a447:not(.disabled_ef84cc2950):not(.active_00ddb005c8) .tabInner_036cf680f6:hover .tabIcon_860d12c6f1 {\n  color: var(--primary-text-color);\n}\n.tabWrapper_209104a447.active_00ddb005c8:not(.disabled_ef84cc2950) .tabInner_036cf680f6:hover {\n  border-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n  color: var(--primary-text-color);\n}");export{n 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"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};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import{camelCase as n}from"es-toolkit";import i,{forwardRef as o,useRef as s,useState as a,useEffect as c,useMemo as l,useCallback as u,useLayoutEffect as d}from"react";import f from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import m from"../../../hooks/useMergeRef.js";import v from"../../../hooks/usePrevious/index.js";import{NOOP as p}from"../../../utils/function-utils.js";import{getTestId as b,ComponentDefaultTestId as h}from"../../../tests/testIds.js";import{getStyle as y}from"../../../helpers/typesciptCssModulesHelper.js";import I from"./TabList.module.scss.js";var g=o((function(o,g){var C=o.className,w=o.id,x=o.onTabChange,N=void 0===x?p:x,j=o.activeTabId,T=void 0===j?0:j,L=o.tabType,k=void 0===L?"Compact":L,E=o.size,B=o.stretchedUnderline,O=void 0!==B&&B,R=o.tabPanelIds,A=void 0===R?[]:R,M=o.children,P=o["data-testid"],z=s(null),S=m(g,z),U=s({}),_=s(null),G=s(null),H=s(!1),K=s(null),W=a(T),q=e(W,2),D=q[0],F=q[1],J=a(!1),Q=e(J,2),V=Q[0],X=Q[1],Y=v(T),Z=v(D);c((function(){T!==Y&&T!==D&&F(T)}),[T,Y,D,F]),c((function(){var e;void 0!==Z&&Z!==D&&U.current[D]&&(null===(e=U.current[D])||void 0===e||e.focus())}),[D,Z]);var $=l((function(){var e=new Set;return i.Children.forEach(M,(function(t,r){t.props.disabled&&e.add(r)})),e}),[M]),ee=u((function(e){$.has(e)||(F(e),N&&N(e))}),[N,$]),te=u((function(e,t){var r,n=null===(r=M[t].props)||void 0===r?void 0:r.onClick;$.has(t)||(n&&n(t),ee(t))}),[M,$,ee]),re=u((function(e){return M[e]}),[M]),ne=l((function(){return Array.from($)}),[$]),ie=f({ref:_,numberOfItemsInLine:null==M?void 0:M.length,itemsCount:null==M?void 0:M.length,getItemByIndex:re,onItemClicked:te,disabledIndexes:ne,circularNavigation:!0}),oe=ie.activeIndex,se=ie.onSelectionAction,ae=v(oe);c((function(){var e;void 0!==oe&&oe>=0&&ae!==oe&&U.current[oe]&&(null===(e=U.current[oe])||void 0===e||e.focus())}),[oe,ae]);var ce=u((function(e){var t=z.current,r=G.current,n=U.current[D];if(t&&r&&n){var i=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=o.left-i.left+t.scrollLeft+4,a=Math.max(0,o.width-8),c=K.current;if(e||!c||c.left!==s||c.width!==a){K.current={left:s,width:a};var l="undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(e&&H.current&&!l)r.style.left="".concat(s,"px"),r.style.width="".concat(a,"px");else{var u=r.style.transition;r.style.transition="none",r.style.left="".concat(s,"px"),r.style.width="".concat(a,"px"),r.style.transition=u}H.current=!0,X(!0)}else X(!0)}}),[D]),le=s(ce);le.current=ce,d((function(){ce(!0)}),[D,M,E,k,ce]),c((function(){var e=z.current;if(e&&"undefined"!=typeof ResizeObserver){var t=new ResizeObserver((function(){le.current(!1)}));return t.observe(e),Object.values(U.current).forEach((function(e){e&&t.observe(e)})),function(){return t.disconnect()}}}),[M]);var ue=l((function(){return i.Children.map(M,(function(e,t){var n=D===t,o=void 0===oe||0>oe?n:oe===t;return i.cloneElement(e,{value:t,active:n,focus:oe===t,onClick:se,stretchedUnderline:O,className:r(I.tabListTabWrapper,e.props.className),tabInnerClassName:r(I.tabListTabInner,e.props.tabInnerClassName),tabIndex:o?0:-1,ariaControls:A[t],ref:function(e){U.current[t]=e}})}))}),[M,D,oe,se,O,A,w]);return i.createElement("div",{ref:S,className:r(I.tabsWrapper,C,[y(I,n(k))],t({},I.stretchedUnderline,O)),id:w,"data-testid":P||b(h.TAB_LIST,w)},i.createElement("ul",{ref:_,className:r(I.tabsList,[y(I,E)]),role:"tablist"},ue),i.createElement("span",{ref:G,className:r(I.selectedIndicator,t({},I.visible,V)),"aria-hidden":!0}))}));Object.assign(g,{isTabList:!0});export{g 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 \"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":"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"}
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 useLayoutEffect,\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\nconst SELECTED_INDICATOR_INSET_PX = 4;\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 const ulRef = useRef<HTMLUListElement>(null);\n const indicatorRef = useRef<HTMLSpanElement>(null);\n const indicatorReadyRef = useRef(false);\n const lastGeometryRef = useRef<{ left: number; width: number } \| null>(null);\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n const [indicatorVisible, setIndicatorVisible] = useState(false);\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 { 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 updateSelectedIndicator = useCallback(\n (animate: boolean) => {\n const wrapper = componentRef.current as HTMLElement \| null;\n const indicator = indicatorRef.current;\n const tab = tabRefs.current[activeTabState];\n if (!wrapper \|\| !indicator \|\| !tab) return;\n\n const wrapperRect = wrapper.getBoundingClientRect();\n const tabRect = tab.getBoundingClientRect();\n const toLeft = tabRect.left - wrapperRect.left + wrapper.scrollLeft + SELECTED_INDICATOR_INSET_PX;\n const toWidth = Math.max(0, tabRect.width - SELECTED_INDICATOR_INSET_PX 2);\n\n // A non-animated update that lands on the geometry we already applied would only\n // cancel an in-flight glide. ResizeObserver.observe() always fires one such callback,\n // so bail out unless the target actually moved.\n const lastGeometry = lastGeometryRef.current;\n if (!animate && lastGeometry && lastGeometry.left === toLeft && lastGeometry.width === toWidth) {\n setIndicatorVisible(true);\n return;\n }\n lastGeometryRef.current = { left: toLeft, width: toWidth };\n\n const prefersReducedMotion =\n typeof window !== \"undefined\" && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n const shouldAnimate = animate && indicatorReadyRef.current && !prefersReducedMotion;\n\n if (!shouldAnimate) {\n const previousTransition = indicator.style.transition;\n indicator.style.transition = \"none\";\n indicator.style.left = `${toLeft}px`;\n indicator.style.width = `${toWidth}px`;\n void indicator.offsetWidth;\n indicator.style.transition = previousTransition;\n } else {\n indicator.style.left = `${toLeft}px`;\n indicator.style.width = `${toWidth}px`;\n }\n\n indicatorReadyRef.current = true;\n setIndicatorVisible(true);\n },\n [activeTabState]\n );\n\n // Lets the ResizeObserver stay subscribed across tab changes.\n const updateSelectedIndicatorRef = useRef(updateSelectedIndicator);\n updateSelectedIndicatorRef.current = updateSelectedIndicator;\n\n useLayoutEffect(() => {\n updateSelectedIndicator(true);\n }, [activeTabState, children, size, tabType, updateSelectedIndicator]);\n\n useEffect(() => {\n const wrapper = componentRef.current as HTMLElement \| null;\n if (!wrapper \|\| typeof ResizeObserver === \"undefined\") return;\n\n const resizeObserver = new ResizeObserver(() => {\n updateSelectedIndicatorRef.current(false);\n });\n resizeObserver.observe(wrapper);\n Object.values(tabRefs.current).forEach(tab => {\n if (tab) resizeObserver.observe(tab);\n });\n\n return () => resizeObserver.disconnect();\n }, [children]);\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 <span\n ref={indicatorRef}\n className={cx(styles.selectedIndicator, { [styles.visible]: indicatorVisible })}\n aria-hidden\n />\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","ulRef","indicatorRef","indicatorReadyRef","lastGeometryRef","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","_useState3","_useState4","indicatorVisible","setIndicatorVisible","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","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","updateSelectedIndicator","animate","wrapper","indicator","tab","wrapperRect","getBoundingClientRect","tabRect","toLeft","left","scrollLeft","toWidth","Math","max","width","SELECTED_INDICATOR_INSET_PX","lastGeometry","prefersReducedMotion","window","matchMedia","matches","style","concat","previousTransition","transition","updateSelectedIndicatorRef","useLayoutEffect","ResizeObserver","resizeObserver","observe","Object","values","disconnect","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","selectedIndicator","visible","assign","isTabList"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_35baa359dc",tabsList:"tabsList_c03b0aabf3",sm:"sm_081b21125b",lg:"lg_46693412ca",stretched:"stretched_f4c98a8e68",tabListTabWrapper:"tabListTabWrapper_f7ee2fe382",tabListTabInner:"tabListTabInner_f7ee2fe382",disabled:"disabled_994bba4741",stretchedUnderline:"stretchedUnderline_097f4077aa"};!function(e){const a="s_id-1dd2e005bc2f_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper_35baa359dc .tabsList_c03b0aabf3 {\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.tabsWrapper_35baa359dc .tabsList_c03b0aabf3.sm_081b21125b {\n  height: 32px;\n}\n.tabsWrapper_35baa359dc .tabsList_c03b0aabf3.lg_46693412ca {\n  height: 48px;\n}\n.tabsWrapper_35baa359dc.stretched_f4c98a8e68 .tabsList_c03b0aabf3 {\n  width: 100%;\n}\n.tabsWrapper_35baa359dc.stretched_f4c98a8e68 .tabsList_c03b0aabf3 .tabListTabWrapper_f7ee2fe382 {\n  width: 100%;\n}\n.tabsWrapper_35baa359dc.stretched_f4c98a8e68 .tabsList_c03b0aabf3 .tabListTabWrapper_f7ee2fe382 .tabListTabInner_f7ee2fe382 {\n  width: 100%;\n}\n.tabsWrapper_35baa359dc.disabled_994bba4741 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper_35baa359dc.stretchedUnderline_097f4077aa {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_578017af28",tabsList:"tabsList_cc8bfbbb3b",selectedIndicator:"selectedIndicator_05b6e3bacb",visible:"visible_51c32786bc",sm:"sm_078605f5c4",lg:"lg_e25f57663a",stretched:"stretched_5a52f9326e",tabListTabWrapper:"tabListTabWrapper_1e90d5ffd4",tabListTabInner:"tabListTabInner_1e90d5ffd4",disabled:"disabled_01acbe8392",stretchedUnderline:"stretchedUnderline_546d09057d"};!function(e){const n="s_id-1f1ea82925d8_3_88_6";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)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper_578017af28 {\n  position: relative;\n  --duration-long-250: 250ms;\n  --duration-short-70: 70ms;\n  --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n  --ease-linear: linear;\n}\n.tabsWrapper_578017af28 .tabsList_cc8bfbbb3b {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  /* Medium: 32px button + 2px gap + 2px selected underline */\n  height: 36px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper_578017af28 .selectedIndicator_05b6e3bacb {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--primary-color);\n  border-radius: 1px;\n  opacity: 0;\n  z-index: 2;\n  pointer-events: none;\n  transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n.tabsWrapper_578017af28 .selectedIndicator_05b6e3bacb.visible_51c32786bc {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: reduce) {\n  .tabsWrapper_578017af28 .selectedIndicator_05b6e3bacb {\n    transition: opacity var(--duration-short-70) var(--ease-linear);\n  }\n}\n.tabsWrapper_578017af28 .tabsList_cc8bfbbb3b.sm_078605f5c4 {\n  /* Small: 28px button + 2px gap + 2px underline */\n  height: 32px;\n}\n.tabsWrapper_578017af28 .tabsList_cc8bfbbb3b.lg_e25f57663a {\n  /* Large: 36px button + 2px gap + 2px underline */\n  height: 40px;\n}\n.tabsWrapper_578017af28.stretched_5a52f9326e .tabsList_cc8bfbbb3b {\n  width: 100%;\n}\n.tabsWrapper_578017af28.stretched_5a52f9326e .tabsList_cc8bfbbb3b .tabListTabWrapper_1e90d5ffd4 {\n  width: 100%;\n}\n.tabsWrapper_578017af28.stretched_5a52f9326e .tabsList_cc8bfbbb3b .tabListTabWrapper_1e90d5ffd4 .tabListTabInner_1e90d5ffd4 {\n  width: 100%;\n}\n.tabsWrapper_578017af28.disabled_01acbe8392 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper_578017af28.stretchedUnderline_546d09057d {\n  border-bottom: none;\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_028102ca06"};!function(e){const t="s_id-82244d4a2f7b_3_88_5";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_028102ca06 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_00ddb005c8"};!function(e){const t="s_id-82244d4a2f7b_3_88_6";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_00ddb005c8 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_d2c427921b",tabPanel:"tabPanel_a8e152b0de",animationDirectionRtl:"animationDirectionRtl_9e43e922a8",animationDirectionLtr:"animationDirectionLtr_9af1ddfaaf",active:"active_3340625e27",panelSlideIn:"panelSlideIn_46752e40e8"};!function(e){const a="s_id-078bacbdb1e4_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_d2c427921b .tabPanel_a8e152b0de {\n  display: none;\n}\n.tabPanelsWrapper_d2c427921b .tabPanel_a8e152b0de.animationDirectionRtl_9e43e922a8 {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper_d2c427921b .tabPanel_a8e152b0de.animationDirectionLtr_9af1ddfaaf {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper_d2c427921b .tabPanel_a8e152b0de.active_3340625e27 {\n  display: block;\n  animation: panelSlideIn_46752e40e8 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn_46752e40e8 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var a={tabPanelsWrapper:"tabPanelsWrapper_a3b2d4ec99",tabPanel:"tabPanel_bcd32ba345",animationDirectionRtl:"animationDirectionRtl_973e8b3c55",animationDirectionLtr:"animationDirectionLtr_cb0901328a",active:"active_7270a4ae06",panelSlideIn:"panelSlideIn_ba36b5d4a9"};!function(a){const e="s_id-078bacbdb1e4_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345 {\n  display: none;\n}\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345.animationDirectionRtl_973e8b3c55 {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345.animationDirectionLtr_cb0901328a {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345.active_7270a4ae06 {\n  display: block;\n  animation: panelSlideIn_ba36b5d4a9 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn_ba36b5d4a9 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_7d5bd464b9",label:"label_e97a25df28",required:"required_a29dff418d",subTextContainer:"subTextContainer_8f8b50dc14",helpText:"helpText_c91415ef33",limitText:"limitText_31f623283c",textArea:"textArea_8ae2e2ce00",small:"small_075d4f300c",large:"large_b0bbaa7de9",resize:"resize_6c4d7dc4c9",success:"success_1bf7fa7f7e",error:"error_4407088466",disabled:"disabled_a29dff418d",readOnly:"readOnly_a29dff418d"};!function(e){const r="s_id-c3fc7910bb37_3_88_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_7d5bd464b9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_7d5bd464b9 .label_e97a25df28 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_7d5bd464b9 .label_e97a25df28.required_a29dff418d::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_7d5bd464b9 .subTextContainer_8f8b50dc14 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_7d5bd464b9 .subTextContainer_8f8b50dc14 .helpText_c91415ef33 {\n  display: flex;\n}\n.textAreaWrapper_7d5bd464b9 .subTextContainer_8f8b50dc14 .limitText_31f623283c {\n  margin-left: auto;\n}\n.textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00:active, .textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00:focus, .textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00.small_075d4f300c {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00.large_b0bbaa7de9 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_7d5bd464b9 .textArea_8ae2e2ce00:not(.resize_6c4d7dc4c9) {\n  resize: none;\n}\n.textAreaWrapper_7d5bd464b9.success_1bf7fa7f7e .textArea_8ae2e2ce00 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_7d5bd464b9.success_1bf7fa7f7e .helpText_c91415ef33 {\n  color: var(--color-success);\n}\n.textAreaWrapper_7d5bd464b9.error_4407088466 .textArea_8ae2e2ce00 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_7d5bd464b9.error_4407088466 .helpText_c91415ef33,\n.textAreaWrapper_7d5bd464b9.error_4407088466 .limitText_31f623283c {\n  color: var(--color-error);\n}\n.textAreaWrapper_7d5bd464b9.disabled_a29dff418d .textArea_8ae2e2ce00,\n.textAreaWrapper_7d5bd464b9.disabled_a29dff418d .textArea_8ae2e2ce00:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_7d5bd464b9.disabled_a29dff418d .helpText_c91415ef33 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_7d5bd464b9.readOnly_a29dff418d .textArea_8ae2e2ce00,\n.textAreaWrapper_7d5bd464b9.readOnly_a29dff418d .textArea_8ae2e2ce00:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_70e3ec8486",label:"label_d39d7cace4",required:"required_f21a3ef15c",subTextContainer:"subTextContainer_5184649dec",helpText:"helpText_877d31a52d",limitText:"limitText_fa76a95a6e",textArea:"textArea_625ebe8b93",small:"small_31e0359413",large:"large_04e22bc5c1",resize:"resize_0ba8982676",success:"success_299faef1e1",error:"error_3de2716cb6",disabled:"disabled_f21a3ef15c",readOnly:"readOnly_f21a3ef15c"};!function(e){const r="s_id-c3fc7910bb37_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_70e3ec8486 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_70e3ec8486 .label_d39d7cace4 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_70e3ec8486 .label_d39d7cace4.required_f21a3ef15c::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_70e3ec8486 .subTextContainer_5184649dec {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_70e3ec8486 .subTextContainer_5184649dec .helpText_877d31a52d {\n  display: flex;\n}\n.textAreaWrapper_70e3ec8486 .subTextContainer_5184649dec .limitText_fa76a95a6e {\n  margin-left: auto;\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:active, .textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:focus, .textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93.small_31e0359413 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93.large_04e22bc5c1 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:not(.resize_0ba8982676) {\n  resize: none;\n}\n.textAreaWrapper_70e3ec8486.success_299faef1e1 .textArea_625ebe8b93 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_70e3ec8486.success_299faef1e1 .helpText_877d31a52d {\n  color: var(--color-success);\n}\n.textAreaWrapper_70e3ec8486.error_3de2716cb6 .textArea_625ebe8b93 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_70e3ec8486.error_3de2716cb6 .helpText_877d31a52d,\n.textAreaWrapper_70e3ec8486.error_3de2716cb6 .limitText_fa76a95a6e {\n  color: var(--color-error);\n}\n.textAreaWrapper_70e3ec8486.disabled_f21a3ef15c .textArea_625ebe8b93,\n.textAreaWrapper_70e3ec8486.disabled_f21a3ef15c .textArea_625ebe8b93:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_70e3ec8486.disabled_f21a3ef15c .helpText_877d31a52d {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_70e3ec8486.readOnly_f21a3ef15c .textArea_625ebe8b93,\n.textAreaWrapper_70e3ec8486.readOnly_f21a3ef15c .textArea_625ebe8b93:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as u,TextFieldTextType as p,FEEDBACK_CLASSES as v,SIZE_MAPPER as f,TextFieldAriaLabel as b}from"./TextFieldConstants.js";import{BASE_SIZES as C}from"../../constants/sizes.js";import x from"../../hooks/useMergeRef.js";import{getTestId as y}from"../../tests/testIds.js";import{NOOP as E}from"../../utils/function-utils.js";import{ComponentDefaultTestId as T,ComponentVibeId as h}from"../../tests/constants.js";import{withStaticProps as N}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import g from"./TextField.module.scss.js";import I from"../HiddenText/HiddenText.js";import j from"../../../components/loader/dist/Loader/Loader.js";import F from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import L from"../../../components/clickable/dist/Clickable/Clickable.js";import k from"../../../components/icon/dist/Icon/Icon.js";import D from"../../../components/typography/dist/Text/Text.js";var w={primary:"",secondary:""},H=N(n((function(n,u){var p=n.className,C=void 0===p?"":p,N=n.placeholder,H=void 0===N?"":N,A=n.autoComplete,S=void 0===A?"off":A,_=n.value,q=n.onChange,R=void 0===q?E:q,W=n.onBlur,z=void 0===W?E:W,B=n.onFocus,O=void 0===B?E:B,K=n.onKeyDown,M=void 0===K?E:K,P=n.onWheel,V=void 0===P?E:P,X=n.debounceRate,U=void 0===X?0:X,Y=n.autoFocus,G=void 0!==Y&&Y,J=n.disabled,Q=void 0!==J&&J,Z=n.readonly,$=void 0!==Z&&Z,ee=n.setRef,oe=void 0===ee?E:ee,te=n.iconName,ae=n.secondaryIconName,ne=n.id,re=void 0===ne?"input":ne,ie=n.title,le=void 0===ie?"":ie,se=n.size,ce=void 0===se?"small":se,de=n.validation,me=void 0===de?null:de,ue=n.wrapperClassName,pe=void 0===ue?"":ue,ve=n.onIconClick,fe=void 0===ve?E:ve,be=n.clearOnIconClick,Ce=void 0!==be&&be,xe=n.labelIconName,ye=n.showCharCount,Ee=void 0!==ye&&ye,Te=n.inputAriaLabel,he=n.searchResultsContainerId,Ne=void 0===he?"":he,ge=n.activeDescendant,Ie=void 0===ge?"":ge,je=n.iconsNames,Fe=void 0===je?w:je,Le=n.type,ke=void 0===Le?"text":Le,De=n.maxLength,we=void 0===De?null:De,He=n.allowExceedingMaxLength,Ae=void 0!==He&&He,Se=n.trim,_e=void 0!==Se&&Se,qe=n.role,Re=void 0===qe?"":qe,We=n.required,ze=void 0!==We&&We,Be=n.requiredErrorText,Oe=void 0===Be?"":Be,Ke=n.loading,Me=void 0!==Ke&&Ke,Pe=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Ue=n.underline,Ye=void 0!==Ue&&Ue,Ge=n.name,Je=n.controlled,Qe=void 0!==Je&&Je,Ze=n.iconTooltipContent,$e=n.secondaryTooltipContent,eo=n.dir,oo=r(!1),to=e(oo,2),ao=to[0],no=to[1],ro=i(null),io=x(u,ro,oe),lo=l((function(e){ze&&!e.target.value&&no(!0),z(e)}),[z,ze]),so=l((function(e,o){ao&&e&&no(!1),R(e,o||{target:ro.current})}),[R,ao]),co=d({delay:U,onChange:so,initialStateValue:_,trim:_e}),mo=co.inputValue,uo=co.onEventChanged,po=co.clearValue,vo=s((function(){return Qe?_:mo}),[Qe,_,mo]),fo=l((function(e){Qe?so(e.target.value,e):uo(e)}),[Qe,so,uo]),bo=s((function(){return ae&&vo?ae:te}),[te,ae,vo]),Co=l((function(){Q||(Ce&&(ro.current&&ro.current.focus(),ro.current.value="",Qe?so(""):po()),fe(bo))}),[Q,Ce,fe,bo,Qe,so,po]),xo=s((function(){return"number"==typeof we&&vo&&vo.length>we?v.error:me&&me.status||ao?v[ao?"error":me.status]:""}),[we,me,ao,vo]),yo=te||ae,Eo=Ee||me&&me.text||ao&&Oe,To=ae===bo,ho=te===bo,No=(fe!==E||Fe.primary||Ze)&&vo&&te.length&&ho,go=(ae||$e)&&To&&!!vo,Io=Ae?"".concat(re,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==ro?void 0:ro.current)&&G){var e=requestAnimationFrame((function(){return ro.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[ro,G]);var jo=fe!==E||Ce,Fo=Fe.primary||Ze,Lo=Fe.secondary||$e;return a.createElement("div",{className:t(g.textField,pe,o(o({},g.disabled,Q),g.onlyUnderline,Ye)),role:Re,"aria-busy":Me},a.createElement("div",{className:t(g.labelWrapper)},a.createElement(m,{labelText:le,icon:xe,labelFor:re,required:ze}),a.createElement("div",{className:t(g.inputWrapper,f[ce],xo)},a.createElement("input",{className:t(C,g.input,o(o({},g.inputHasIcon,!!yo),g.readOnly,$)),placeholder:H,autoComplete:S,value:vo,onChange:fo,disabled:Q,readOnly:$,ref:io,type:ke,id:re,"data-testid":Pe||y(T.TEXT_FIELD,re),"data-vibe":h.TEXT_FIELD,name:Ge,onBlur:lo,onFocus:O,onKeyDown:M,onWheel:V,maxLength:"number"!=typeof we||Ae?void 0:we,role:Ne&&"combobox","aria-label":Te||H,"aria-invalid":me&&"error"===me.status||ao,"aria-owns":Ne,"aria-activedescendant":Ie,"aria-required":ze,"aria-describedby":Io,required:ze,tabIndex:Xe,dir:eo}),Me&&a.createElement("div",{className:t(g.loaderContainer,o({},g.loaderContainerHasIcon,yo))},a.createElement("div",{className:t(g.loader)},a.createElement(j,{className:t(g.loaderSvg)}))),te&&a.createElement(F,{content:ho?Ze:void 0,referenceWrapperClassName:g.tooltipContainer},a.createElement(L,{className:t(g.iconContainer,o(o(o({},g.iconContainerHasIcon,yo),g.iconContainerActive,ho),g.iconContainerClickable,jo)),onClick:Co,tabIndex:No?"0":"-1",ariaLabel:Fo},a.createElement(k,{icon:te,className:t(g.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"}))),ae&&a.createElement(F,{content:To?$e:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:g.tooltipContainer},a.createElement(L,{className:t(g.iconContainer,o(o(o({},g.iconContainerHasIcon,yo),g.iconContainerActive,To),g.iconContainerClickable,jo)),onClick:Co,tabIndex:go?"0":"-1","data-testid":Ve||y(T.TEXT_FIELD_SECONDARY_BUTTON,re),ariaLabel:Lo},a.createElement(k,{icon:ae,className:t(g.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"})))),Eo&&a.createElement(D,{type:"text2",color:"secondary",className:t(g.subTextContainer)},(me&&me.text||ao&&Oe)&&a.createElement("span",{className:t(g.subTextContainerStatus)},ao?Oe:me.text),Ee&&a.createElement("span",{className:t(g.counter),"aria-label":b.CHAR},vo&&vo.length||0,"number"==typeof we&&"/".concat(we),a.createElement(I,{id:Io,text:"Maximum of ".concat(we," characters")})))))})),{sizes:C,feedbacks:u,types:p});export{H as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import n,{forwardRef as a,useState as i,useRef as r,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as u,TextFieldTextType as p,FEEDBACK_CLASSES as v,SIZE_MAPPER as f,TextFieldAriaLabel as C}from"./TextFieldConstants.js";import{BASE_SIZES as b}from"../../constants/sizes.js";import x from"../../hooks/useMergeRef.js";import{getTestId as y}from"../../tests/testIds.js";import{NOOP as E}from"../../utils/function-utils.js";import{ComponentDefaultTestId as T,ComponentVibeId as h}from"../../tests/constants.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./TextField.module.scss.js";import I from"../HiddenText/HiddenText.js";import j from"../../../components/loader/dist/Loader/Loader.js";import L from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import F from"../../../components/clickable/dist/Clickable/Clickable.js";import k from"../../../components/icon/dist/Icon/Icon.js";import D from"../../../components/typography/dist/Text/Text.js";var w={primary:"",secondary:""},H=g(a((function(a,u){var p=a.className,b=void 0===p?"":p,g=a.placeholder,H=void 0===g?"":g,A=a.autoComplete,S=void 0===A?"off":A,W=a.value,_=a.onChange,q=void 0===_?E:_,R=a.onBlur,z=void 0===R?E:R,B=a.onFocus,O=void 0===B?E:B,P=a.onKeyDown,K=void 0===P?E:P,M=a.onWheel,V=void 0===M?E:M,X=a.debounceRate,U=void 0===X?0:X,Y=a.autoFocus,G=void 0!==Y&&Y,J=a.disabled,Q=void 0!==J&&J,Z=a.readonly,$=void 0!==Z&&Z,ee=a.setRef,te=void 0===ee?E:ee,oe=a.iconName,ne=a.iconPosition,ae=void 0===ne?"right":ne,ie=a.secondaryIconName,re=a.id,le=void 0===re?"input":re,se=a.title,ce=void 0===se?"":se,de=a.size,me=void 0===de?"small":de,ue=a.validation,pe=void 0===ue?null:ue,ve=a.wrapperClassName,fe=void 0===ve?"":ve,Ce=a.onIconClick,be=void 0===Ce?E:Ce,xe=a.clearOnIconClick,ye=void 0!==xe&&xe,Ee=a.labelIconName,Te=a.showCharCount,he=void 0!==Te&&Te,ge=a.inputAriaLabel,Ne=a.searchResultsContainerId,Ie=void 0===Ne?"":Ne,je=a.activeDescendant,Le=void 0===je?"":je,Fe=a.iconsNames,ke=void 0===Fe?w:Fe,De=a.type,we=void 0===De?"text":De,He=a.maxLength,Ae=void 0===He?null:He,Se=a.allowExceedingMaxLength,We=void 0!==Se&&Se,_e=a.trim,qe=void 0!==_e&&_e,Re=a.role,ze=void 0===Re?"":Re,Be=a.required,Oe=void 0!==Be&&Be,Pe=a.requiredErrorText,Ke=void 0===Pe?"":Pe,Me=a.loading,Ve=void 0!==Me&&Me,Xe=a["data-testid"],Ue=a.secondaryDataTestId,Ye=a.tabIndex,Ge=a.underline,Je=void 0!==Ge&&Ge,Qe=a.name,Ze=a.controlled,$e=void 0!==Ze&&Ze,et=a.iconTooltipContent,tt=a.secondaryTooltipContent,ot=a.dir,nt=i(!1),at=e(nt,2),it=at[0],rt=at[1],lt=r(null),st=x(u,lt,te),ct=l((function(e){Oe&&!e.target.value&&rt(!0),z(e)}),[z,Oe]),dt=l((function(e,t){it&&e&&rt(!1),q(e,t||{target:lt.current})}),[q,it]),mt=d({delay:U,onChange:dt,initialStateValue:W,trim:qe}),ut=mt.inputValue,pt=mt.onEventChanged,vt=mt.clearValue,ft=s((function(){return $e?W:ut}),[$e,W,ut]),Ct=l((function(e){$e?dt(e.target.value,e):pt(e)}),[$e,dt,pt]),bt=s((function(){return ie&&ft?ie:oe}),[oe,ie,ft]),xt=l((function(){Q||(ye&&(lt.current&&lt.current.focus(),lt.current.value="",$e?dt(""):vt()),be(bt))}),[Q,ye,be,bt,$e,dt,vt]),yt=s((function(){return"number"==typeof Ae&&ft&&ft.length>Ae?v.error:pe&&pe.status||it?v[it?"error":pe.status]:""}),[Ae,pe,it,ft]),Et=oe||ie,Tt=he||pe&&pe.text||it&&Ke,ht=ie===bt,gt=oe===bt,Nt=(be!==E||ke.primary||et)&&ft&&oe.length&&gt,It=(ie||tt)&&ht&&!!ft,jt=We?"".concat(le,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==lt?void 0:lt.current)&&G){var e=requestAnimationFrame((function(){return lt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[lt,G]);var Lt=be!==E||ye,Ft=ke.primary||et,kt=ke.secondary||tt;return n.createElement("div",{className:o(N.textField,fe,t(t({},N.disabled,Q),N.onlyUnderline,Je)),role:ze,"aria-busy":Ve},n.createElement("div",{className:o(N.labelWrapper)},n.createElement(m,{labelText:ce,icon:Ee,labelFor:le,required:Oe}),n.createElement("div",{className:o(N.inputWrapper,f[me],yt,t({},N.inputWrapperIconLeft,"left"===ae&&!!oe))},n.createElement("input",{className:o(b,N.input,t(t({},N.inputHasIcon,!!Et),N.readOnly,$)),placeholder:H,autoComplete:S,value:ft,onChange:Ct,disabled:Q,readOnly:$,ref:st,type:we,id:le,"data-testid":Xe||y(T.TEXT_FIELD,le),"data-vibe":h.TEXT_FIELD,name:Qe,onBlur:ct,onFocus:O,onKeyDown:K,onWheel:V,maxLength:"number"!=typeof Ae||We?void 0:Ae,role:Ie&&"combobox","aria-label":ge||H,"aria-invalid":pe&&"error"===pe.status||it,"aria-owns":Ie,"aria-activedescendant":Le,"aria-required":Oe,"aria-describedby":jt,required:Oe,tabIndex:Ye,dir:ot}),Ve&&n.createElement("div",{className:o(N.loaderContainer,t({},N.loaderContainerHasIcon,Et))},n.createElement("div",{className:o(N.loader)},n.createElement(j,{className:o(N.loaderSvg)}))),oe&&n.createElement(L,{content:gt?et:void 0,referenceWrapperClassName:N.tooltipContainer},n.createElement(F,{className:o(N.iconContainer,t(t(t(t({},N.iconContainerHasIcon,Et),N.iconContainerActive,gt),N.iconContainerClickable,Lt),N.iconContainerLeft,"left"===ae)),onClick:xt,tabIndex:Nt?"0":"-1",ariaLabel:Ft},n.createElement(k,{icon:oe,className:o(N.icon),iconType:"font",iconSize:"small"===me?"16px":"18px"}))),ie&&n.createElement(L,{content:ht?tt:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:N.tooltipContainer},n.createElement(F,{className:o(N.iconContainer,t(t(t({},N.iconContainerHasIcon,Et),N.iconContainerActive,ht),N.iconContainerClickable,Lt)),onClick:xt,tabIndex:It?"0":"-1","data-testid":Ue||y(T.TEXT_FIELD_SECONDARY_BUTTON,le),ariaLabel:kt},n.createElement(k,{icon:ie,className:o(N.icon),iconType:"font",iconSize:"small"===me?"16px":"18px"})))),Tt&&n.createElement(D,{type:"text2",color:"secondary",className:o(N.subTextContainer)},(pe&&pe.text||it&&Ke)&&n.createElement("span",{className:o(N.subTextContainerStatus)},it?Ke:pe.text),he&&n.createElement("span",{className:o(N.counter),"aria-label":C.CHAR},ft&&ft.length||0,"number"==typeof Ae&&"/".concat(Ae),n.createElement(I,{id:jt,text:"Maximum of ".concat(Ae," characters")})))))})),{sizes:b,feedbacks:u,types:p});export{H as default};
 //# sourceMappingURL=TextField.js.map