npm - @vibe/core - Versions diffs - 3.34.2 → 3.36.0-alpha-94da6.0 - Mend

@vibe/core 3.34.2 → 3.36.0-alpha-94da6.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 (407) hide show

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_820736aa9b",rectangle:"rectangle_de18abf9fd",shine:"shine_fcad2f9fb5",circle:"circle_e3de1f608f",text:"text_5f544959dd",textH1:"textH1_c4fa9765f2",textH2:"textH2_ca92e3981b",textH3:"textH3_ca92e3981b",textH4:"textH4_23286fea4a",textH5:"textH5_5dbe35c3ff",textH6:"textH6_37e2d2a2d9",textSmall:"textSmall_e475619ea8",textCustom:"textCustom_37e2d2a2d9",fullWidth:"fullWidth_d9ac820422"};!function(n){const e="s_id-8df79849e8ff_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_820736aa9b {\n  display: flex;\n}\n\n.rectangle_de18abf9fd {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_fcad2f9fb5;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_fcad2f9fb5 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_e3de1f608f {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_fcad2f9fb5;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_fcad2f9fb5 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_5f544959dd {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_fcad2f9fb5;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_fcad2f9fb5 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_c4fa9765f2 {\n  height: 32px;\n}\n\n.textH2_ca92e3981b {\n  height: 24px;\n}\n\n.textH3_ca92e3981b {\n  height: 24px;\n}\n\n.textH4_23286fea4a {\n  height: 21px;\n}\n\n.textH5_5dbe35c3ff {\n  height: 16px;\n}\n\n.textH6_37e2d2a2d9 {\n  height: 12px;\n}\n\n.textSmall_e475619ea8,\n.textCustom_37e2d2a2d9 {\n  height: 12px;\n}\n\n.fullWidth_d9ac820422 {\n  width: 100%;\n}\n\n.skeleton_820736aa9b:not(.fullWidth_d9ac820422) .text_5f544959dd {\n  width: 162px;\n}\n\n.skeleton_820736aa9b:not(.fullWidth_d9ac820422) .circle_e3de1f608f {\n  width: 40px;\n}\n\n.skeleton_820736aa9b:not(.fullWidth_d9ac820422) .rectangle_de18abf9fd {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_6e7f4682ce",rectangle:"rectangle_73212fea7f",shine:"shine_f8f1b2870d",circle:"circle_6e66284c31",text:"text_fc4a3ccee7",textH1:"textH1_53f9147c9a",textH2:"textH2_92656e413b",textH3:"textH3_92656e413b",textH4:"textH4_42f89ca775",textH5:"textH5_38153e2311",textH6:"textH6_1917d38507",textSmall:"textSmall_ae900980c9",textCustom:"textCustom_1917d38507",fullWidth:"fullWidth_f3e8b698ed"};!function(n){const e="s_id-8df79849e8ff_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_6e7f4682ce {\n  display: flex;\n}\n\n.rectangle_73212fea7f {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_f8f1b2870d;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_f8f1b2870d {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_6e66284c31 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_f8f1b2870d;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_f8f1b2870d {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_fc4a3ccee7 {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_f8f1b2870d;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_f8f1b2870d {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_53f9147c9a {\n  height: 32px;\n}\n\n.textH2_92656e413b {\n  height: 24px;\n}\n\n.textH3_92656e413b {\n  height: 24px;\n}\n\n.textH4_42f89ca775 {\n  height: 21px;\n}\n\n.textH5_38153e2311 {\n  height: 16px;\n}\n\n.textH6_1917d38507 {\n  height: 12px;\n}\n\n.textSmall_ae900980c9,\n.textCustom_1917d38507 {\n  height: 12px;\n}\n\n.fullWidth_f3e8b698ed {\n  width: 100%;\n}\n\n.skeleton_6e7f4682ce:not(.fullWidth_f3e8b698ed) .text_fc4a3ccee7 {\n  width: 162px;\n}\n\n.skeleton_6e7f4682ce:not(.fullWidth_f3e8b698ed) .circle_6e66284c31 {\n  width: 40px;\n}\n\n.skeleton_6e7f4682ce:not(.fullWidth_f3e8b698ed) .rectangle_73212fea7f {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_b773b94cb9"};!function(e){const t="s_id-a25847c4cc71_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_b773b94cb9.selectionIndicator_b773b94cb9.selectionIndicator_b773b94cb9 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_502abbe108"};!function(e){const t="s_id-a25847c4cc71_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_502abbe108.selectionIndicator_502abbe108.selectionIndicator_502abbe108 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slider:"slider_83927e8274",valueShown:"valueShown_7c5c413f96",positionTop:"positionTop_0fba745e33",positionBottom:"positionBottom_d095878357"};!function(e){const n="s_id-4e41ea5b2e41_3_34_1";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)}(".slider_83927e8274 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_7c5c413f96.positionTop_0fba745e33 {\n  margin-top: 10px;\n}\n\n.valueShown_7c5c413f96.positionBottom_d095878357 {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_293d68a10e",valueShown:"valueShown_f175c8a3f6",positionTop:"positionTop_16d60ef10a",positionBottom:"positionBottom_8049fa1edf"};!function(e){const n="s_id-4e41ea5b2e41_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_293d68a10e {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_f175c8a3f6.positionTop_16d60ef10a {\n  margin-top: 10px;\n}\n\n.valueShown_f175c8a3f6.positionBottom_8049fa1edf {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={base:"base_080a83cd64",disabled:"disabled_551582d0c5",small:"small_00f101d084",medium:"medium_674abaa49b",large:"large_674abaa49b"};!function(e){const n="s_id-0abb9e445f96_3_34_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_080a83cd64 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_551582d0c5 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_551582d0c5 * {\n  pointer-events: none;\n}\n\n.small_00f101d084 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_674abaa49b {\n  padding: 0 12px;\n}\n\n.large_674abaa49b {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_8f6ef7ca69",disabled:"disabled_3b064c05fc",small:"small_99d2223a9e",medium:"medium_9e91b60b0e",large:"large_9e91b60b0e"};!function(e){const n="s_id-0abb9e445f96_3_35_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_8f6ef7ca69 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_3b064c05fc {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_3b064c05fc * {\n  pointer-events: none;\n}\n\n.small_99d2223a9e {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_9e91b60b0e {\n  padding: 0 12px;\n}\n\n.large_9e91b60b0e {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_f669acb2de",positive:"positive_cfebfaf64c",negative:"negative_b4b334d4e3"};!function(e){const n="s_id-bb386829c5aa_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_f669acb2de {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_cfebfaf64c {\n  background-color: var(--positive-color);\n}\n\n.negative_b4b334d4e3 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_79d01f5fd0",positive:"positive_b60a785725",negative:"negative_435dbf5ce4"};!function(e){const n="s_id-bb386829c5aa_3_35_0";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)}(".filledTrack_79d01f5fd0 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_b60a785725 {\n  background-color: var(--positive-color);\n}\n\n.negative_435dbf5ce4 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={rail:"rail_65aa5013da",small:"small_4c36248beb",medium:"medium_d0ea61999d",large:"large_120e364491"};!function(e){const n="s_id-c66a4285003d_3_34_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_65aa5013da {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_4c36248beb {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_d0ea61999d {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_120e364491 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_0ca1d831dc",small:"small_5304261f1b",medium:"medium_4d5a6445e4",large:"large_45079c02a1"};!function(e){const n="s_id-c66a4285003d_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_0ca1d831dc {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_5304261f1b {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_4d5a6445e4 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_45079c02a1 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_1e76574f73",dragging:"dragging_219a301fbf",focused:"focused_eff707cdc2",notDisabledThumb:"notDisabledThumb_a38ab02778","focus-visible":"focus-visible_2ecf4fbc8f",positive:"positive_e83e4aa0a5",negative:"negative_282763649a",small:"small_36caf1fa8b",medium:"medium_77ee072c7a",large:"large_489a8ca4c5",label:"label_57d08ea6a4",positionTop:"positionTop_531d07d76d",positionBottom:"positionBottom_4422a5770d",colorPrimary:"colorPrimary_3d06dd9a7e",colorSecondary:"colorSecondary_0bcec1e562"};!function(o){const n="s_id-9ef20defa923_3_34_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_1e76574f73 {\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\n.dragging_219a301fbf {\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\n.focused_eff707cdc2 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_a38ab02778:focus-visible, .notDisabledThumb_a38ab02778.focus-visible_2ecf4fbc8f {\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\n.notDisabledThumb_a38ab02778:focus:not(.focus-visible_2ecf4fbc8f) {\n  outline: none;\n}\n\n.notDisabledThumb_a38ab02778:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_e83e4aa0a5 {\n  border-color: var(--positive-color);\n}\n\n.positive_e83e4aa0a5.notDisabledThumb_a38ab02778:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_282763649a {\n  border-color: var(--negative-color);\n}\n\n.negative_282763649a.notDisabledThumb_a38ab02778:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_36caf1fa8b {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_77ee072c7a {\n  height: 20px;\n  width: 20px;\n}\n\n.large_489a8ca4c5 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_57d08ea6a4 {\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\n.label_57d08ea6a4.positionTop_531d07d76d {\n  bottom: calc(100% + 8px);\n}\n\n.label_57d08ea6a4.positionBottom_4422a5770d {\n  top: calc(100% + 8px);\n}\n\n.label_57d08ea6a4.colorPrimary_3d06dd9a7e {\n  color: var(--primary-text-color);\n}\n\n.label_57d08ea6a4.colorSecondary_0bcec1e562 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_f3fa36df4c",dragging:"dragging_fca44282d6",focused:"focused_e27c8942fc",notDisabledThumb:"notDisabledThumb_05628ad602","focus-visible":"focus-visible_dfc830b2a7",positive:"positive_6998f14bd4",negative:"negative_b8f48e87aa",small:"small_fa7f21c969",medium:"medium_117bdf26ba",large:"large_3f21e3b95f",label:"label_c98ebe824e",positionTop:"positionTop_50bf30fc4c",positionBottom:"positionBottom_c7f193e1bf",colorPrimary:"colorPrimary_f94111093d",colorSecondary:"colorSecondary_b528f5417c"};!function(o){const n="s_id-9ef20defa923_3_35_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_f3fa36df4c {\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\n.dragging_fca44282d6 {\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\n.focused_e27c8942fc {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_05628ad602:focus-visible, .notDisabledThumb_05628ad602.focus-visible_dfc830b2a7 {\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\n.notDisabledThumb_05628ad602:focus:not(.focus-visible_dfc830b2a7) {\n  outline: none;\n}\n\n.notDisabledThumb_05628ad602:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_6998f14bd4 {\n  border-color: var(--positive-color);\n}\n\n.positive_6998f14bd4.notDisabledThumb_05628ad602:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_b8f48e87aa {\n  border-color: var(--negative-color);\n}\n\n.negative_b8f48e87aa.notDisabledThumb_05628ad602:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_fa7f21c969 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_117bdf26ba {\n  height: 20px;\n  width: 20px;\n}\n\n.large_3f21e3b95f {\n  height: 24px;\n  width: 24px;\n}\n\n.label_c98ebe824e {\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\n.label_c98ebe824e.positionTop_50bf30fc4c {\n  bottom: calc(100% + 8px);\n}\n\n.label_c98ebe824e.positionBottom_c7f193e1bf {\n  top: calc(100% + 8px);\n}\n\n.label_c98ebe824e.colorPrimary_f94111093d {\n  color: var(--primary-text-color);\n}\n\n.label_c98ebe824e.colorSecondary_b528f5417c {\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_f0477ada65",positive:"positive_5f59a5b38e",negative:"negative_fd1ed3f76c"};!function(e){const t="s_id-f9216dea54b1_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_f0477ada65 {\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_5f59a5b38e {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_fd1ed3f76c {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_ef61d09c84",positive:"positive_def82eb59e",negative:"negative_01ef1276cd"};!function(e){const t="s_id-f9216dea54b1_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_ef61d09c84 {\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_def82eb59e {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_01ef1276cd {\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_1127b4ff53",txt:"txt_7910df4ca8",prefix:"prefix_7565da701d",postfix:"postfix_2cdae8f6ab"};!function(e){const n="s_id-4fd2a8cee614_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_1127b4ff53 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_7910df4ca8 {\n  white-space: nowrap;\n}\n\n.prefix_7565da701d {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_2cdae8f6ab {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_626a1eba64",txt:"txt_25ddc062f6",prefix:"prefix_2e6da877c0",postfix:"postfix_3863072f51"};!function(e){const n="s_id-4fd2a8cee614_3_35_0";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_626a1eba64 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_25ddc062f6 {\n  white-space: nowrap;\n}\n\n.prefix_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_3863072f51 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as g}from"react";import{SplitButtonSecondaryContentPosition as p,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as D,DEFAULT_DIALOG_HIDE_TRIGGER as v,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as b}from"./SplitButtonConstants.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as N,AnimationType as S}from"../Dialog/DialogConstants.js";import{NOOP as k}from"../../utils/function-utils.js";import{isInsideClass as P}from"../../utils/dom-utils.js";import j from"../../hooks/useKeyEvent/index.js";import T from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import E from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import z from"../../../icons/dist/react/DropdownChevronDown.js";var _=function(p){var h=p.secondaryDialogContent,_=p.onSecondaryDialogDidShow,w=void 0===_?k:_,L=p.onSecondaryDialogDidHide,x=void 0===L?k:L,A=p.shouldCloseOnClickInsideDialog,H=p.zIndex,R=void 0===H?null:H,U=p.secondaryDialogClassName,F=p.secondaryDialogPosition,M=void 0===F?"bottom-start":F,K=p.dialogContainerSelector,W=p.dialogPaddingSize,Y=void 0===W?"medium":W,V=p.disabled,X=p.loading,q=p.kind,G=p.color,J=p.className,Q=p.leftIcon,Z=p.rightIcon,$=p.onClick,oo=p.children,eo=p.marginLeft,to=p.marginRight,io=p.active,no=p.id,ao=p["data-testid"],ro=i(p,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),so=c(!1),lo=o(so,2),co=lo[0],mo=lo[1],uo=c(!1),go=o(uo,2),po=go[0],fo=go[1],Do=c(!1),vo=o(Do,2),yo=vo[0],Co=vo[1],bo=m(null),ho=m(null),No=u((function(){return fo(!0)}),[fo]),So=u((function(){return fo(!1)}),[fo]),ko=u((function(o){return!V&&!P(o.target,b)}),[V]),Po=u((function(o){ko(o)&&Co(!0)}),[Co,ko]),jo=u((function(){return Co(!1)}),[Co]),To=u((function(o){ko(o)&&Co(!0)}),[Co,ko]),Io=u((function(){mo(!0),w()}),[mo,w]),Bo=u((function(o,e){mo(!1),x(),"esckey"===e&&ho.current.focus()}),[mo,x]);T({eventName:"mouseenter",callback:No,ref:bo}),T({eventName:"mouseleave",callback:So,ref:bo}),T({eventName:"mousedown",callback:Po,ref:bo}),T({eventName:"mouseup",callback:jo,ref:bo}),T({eventName:"transitionend",callback:jo,ref:bo}),j({keys:f,ref:bo,callback:To});var Eo=g((function(){return l(O.button,a(O,n("kind-"+q)),a(O,n("color-"+G)),e(e(e(e(e({},O.mainActive,io),O.active,yo),O.splitContentOpen,co),O.hovered,po),O.disabled,V),J)}),[J,q,G,io,yo,co,po,V]),Oo=g((function(){return V?[]:D}),[V]),zo=g((function(){return A?[].concat(t(v),[N.CONTENT_CLICK]):v}),[A]),_o=u((function(){var o="function"==typeof h?h():h;return d.createElement(E,{type:E.types.POPOVER,size:Y},o)}),[h,Y]),wo=g((function(){return"bottom"===M?"":"bottom-start"===M?"bottom":"top"}),[M]);return d.createElement("div",{className:Eo,ref:bo,id:no,"data-testid":ao||r(s.SPLIT_BUTTON,no)},d.createElement(I,Object.assign({},ro,{preventClickAnimation:!0,leftIcon:Q,rightIcon:Z,rightFlat:!0,color:G,kind:q,active:io,onClick:$,className:O.mainButton,marginLeft:eo,onFocus:No,onBlur:So,disabled:V,loading:X,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,no)}),oo),d.createElement("div",{className:O.secondaryButtonWrapper},d.createElement(B,{wrapperClassName:U,zIndex:R,content:_o,position:M,containerSelector:K,startingEdge:wo,animationType:S.EXPAND,moveBy:y,onDialogDidShow:Io,onDialogDidHide:Bo,showTrigger:Oo,hideTrigger:zo},d.createElement(I,Object.assign({},ro,{ref:ho,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:G,kind:q,className:O.secondaryButton,active:co,marginRight:to,onFocus:No,onBlur:So,disabled:V,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:co,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,no)}),d.createElement("div",{className:O.secondaryButtonIconWrapper},d.createElement(z,{"aria-hidden":"true"}))))))};_.defaultProps=Object.assign(Object.assign({},I.defaultProps),{onSecondaryDialogDidShow:k,onSecondaryDialogDidHide:k,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:"bottom-start",dialogPaddingSize:E.sizes.MEDIUM});var w=h(_,{secondaryPositions:p,secondaryDialogPositions:p,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:E.sizes});export{w as default};
+import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as g}from"react";import{SplitButtonSecondaryContentPosition as p,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as D,DEFAULT_DIALOG_HIDE_TRIGGER as v,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as b}from"./SplitButtonConstants.js";import{withStaticProps as N}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as S,AnimationType as h}from"../Dialog/DialogConstants.js";import{NOOP as k}from"../../utils/function-utils.js";import{isInsideClass as P}from"../../utils/dom-utils.js";import T from"../../hooks/useKeyEvent/index.js";import j from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import E from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as z}from"../../tests/constants.js";import _ from"../../../icons/dist/react/DropdownChevronDown.js";var w=function(p){var N=p.secondaryDialogContent,w=p.onSecondaryDialogDidShow,L=void 0===w?k:w,x=p.onSecondaryDialogDidHide,A=void 0===x?k:x,H=p.shouldCloseOnClickInsideDialog,R=p.zIndex,U=void 0===R?null:R,F=p.secondaryDialogClassName,M=p.secondaryDialogPosition,K=void 0===M?"bottom-start":M,W=p.dialogContainerSelector,Y=p.dialogPaddingSize,V=void 0===Y?"medium":Y,X=p.disabled,q=p.loading,G=p.kind,J=p.color,Q=p.className,Z=p.leftIcon,$=p.rightIcon,oo=p.onClick,eo=p.children,to=p.marginLeft,io=p.marginRight,no=p.active,ao=p.id,ro=p["data-testid"],so=i(p,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),lo=c(!1),co=o(lo,2),mo=co[0],uo=co[1],go=c(!1),po=o(go,2),fo=po[0],Do=po[1],vo=c(!1),yo=o(vo,2),Co=yo[0],bo=yo[1],No=m(null),So=m(null),ho=u((function(){return Do(!0)}),[Do]),ko=u((function(){return Do(!1)}),[Do]),Po=u((function(o){return!X&&!P(o.target,b)}),[X]),To=u((function(o){Po(o)&&bo(!0)}),[bo,Po]),jo=u((function(){return bo(!1)}),[bo]),Io=u((function(o){Po(o)&&bo(!0)}),[bo,Po]),Bo=u((function(){uo(!0),L()}),[uo,L]),Eo=u((function(o,e){uo(!1),A(),"esckey"===e&&So.current.focus()}),[uo,A]);j({eventName:"mouseenter",callback:ho,ref:No}),j({eventName:"mouseleave",callback:ko,ref:No}),j({eventName:"mousedown",callback:To,ref:No}),j({eventName:"mouseup",callback:jo,ref:No}),j({eventName:"transitionend",callback:jo,ref:No}),T({keys:f,ref:No,callback:Io});var Oo=g((function(){return l(O.button,a(O,n("kind-"+G)),a(O,n("color-"+J)),e(e(e(e(e({},O.mainActive,no),O.active,Co),O.splitContentOpen,mo),O.hovered,fo),O.disabled,X),Q)}),[Q,G,J,no,Co,mo,fo,X]),zo=g((function(){return X?[]:D}),[X]),_o=g((function(){return H?[].concat(t(v),[S.CONTENT_CLICK]):v}),[H]),wo=u((function(){var o="function"==typeof N?N():N;return d.createElement(E,{type:E.types.POPOVER,size:V},o)}),[N,V]),Lo=g((function(){return"bottom"===K?"":"bottom-start"===K?"bottom":"top"}),[K]);return d.createElement("div",{className:Oo,ref:No,id:ao,"data-testid":ro||r(s.SPLIT_BUTTON,ao),"data-vibe":z.SPLIT_BUTTON},d.createElement(I,Object.assign({},so,{preventClickAnimation:!0,leftIcon:Z,rightIcon:$,rightFlat:!0,color:J,kind:G,active:no,onClick:oo,className:O.mainButton,marginLeft:to,onFocus:ho,onBlur:ko,disabled:X,loading:q,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,ao)}),eo),d.createElement("div",{className:O.secondaryButtonWrapper},d.createElement(B,{wrapperClassName:F,zIndex:U,content:wo,position:K,containerSelector:W,startingEdge:Lo,animationType:h.EXPAND,moveBy:y,onDialogDidShow:Bo,onDialogDidHide:Eo,showTrigger:zo,hideTrigger:_o},d.createElement(I,Object.assign({},so,{ref:So,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:J,kind:G,className:O.secondaryButton,active:mo,marginRight:io,onFocus:ho,onBlur:ko,disabled:X,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:mo,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,ao)}),d.createElement("div",{className:O.secondaryButtonIconWrapper},d.createElement(_,{"aria-hidden":"true"}))))))};w.defaultProps=Object.assign(Object.assign({},I.defaultProps),{onSecondaryDialogDidShow:k,onSecondaryDialogDidHide:k,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:"bottom-start",dialogPaddingSize:E.sizes.MEDIUM});var L=N(w,{secondaryPositions:p,secondaryDialogPositions:p,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:E.sizes});export{L as default};
 //# sourceMappingURL=SplitButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogSize, DialogTriggerEvent } from \"../Dialog\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n * The element or renderer which display inside the dialog which open by clicking on the split button's secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n onSecondaryDialogDidShow?: () => void;\n onSecondaryDialogDidHide?: () => void;\n zIndex?: number;\n /\n * Class name to provide the element which wraps the popover/modal/dialog\n /\n secondaryDialogClassName?: string;\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n Popover Container padding size\n /\n dialogPaddingSize?: DialogSize;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton: FC<SplitButtonProps> & {\n secondaryPositions?: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions?: typeof SplitButtonSecondaryContentPosition;\n sizes?: typeof Button.sizes;\n colors?: typeof Button.colors;\n kinds?: typeof Button.kinds;\n inputTags?: typeof Button.inputTags;\n dialogPaddingSizes?: typeof DialogContentContainer.sizes;\n} = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName,\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind,\n color,\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nSplitButton.defaultProps = {\n ...Button.defaultProps,\n onSecondaryDialogDidShow: NOOP,\n onSecondaryDialogDidHide: NOOP,\n zIndex: null,\n secondaryDialogClassName: \"\",\n secondaryDialogPosition: \"bottom-start\",\n dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\nexport default withStaticProps(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","sizes","MEDIUM","withStaticProps","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}
1	+ {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogSize, DialogTriggerEvent } from \"../Dialog\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n * The element or renderer which display inside the dialog which open by clicking on the split button's secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n onSecondaryDialogDidShow?: () => void;\n onSecondaryDialogDidHide?: () => void;\n zIndex?: number;\n /\n * Class name to provide the element which wraps the popover/modal/dialog\n /\n secondaryDialogClassName?: string;\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n Popover Container padding size\n /\n dialogPaddingSize?: DialogSize;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton: FC<SplitButtonProps> & {\n secondaryPositions?: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions?: typeof SplitButtonSecondaryContentPosition;\n sizes?: typeof Button.sizes;\n colors?: typeof Button.colors;\n kinds?: typeof Button.kinds;\n inputTags?: typeof Button.inputTags;\n dialogPaddingSizes?: typeof DialogContentContainer.sizes;\n} = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName,\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind,\n color,\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nSplitButton.defaultProps = {\n ...Button.defaultProps,\n onSecondaryDialogDidShow: NOOP,\n onSecondaryDialogDidHide: NOOP,\n zIndex: null,\n secondaryDialogClassName: \"\",\n secondaryDialogPosition: \"bottom-start\",\n dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\nexport default withStaticProps(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","sizes","MEDIUM","withStaticProps","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"44CA4DA,IAAMA,EAQF,SAACC,GAAA,IACHC,EA2BiBD,EA3BjBC,uBAAsBC,EA2BLF,EA1BjBG,yBAAAA,OAA2BC,IAAHF,EAAGE,EAAIF,EAAAG,EA0BdL,EAzBjBM,yBAAAA,OAA2BF,IAAHC,EAAGD,EAAIC,EAC/BE,EAwBiBP,EAxBjBO,+BAA8BC,EAwBbR,EAvBjBS,OAAAA,OAAS,IAAHD,EAAG,KAAIA,EACbE,EAsBiBV,EAtBjBU,yBAAwBC,EAsBPX,EArBjBY,wBAAAA,OAA0B,IAAHD,EAAG,eAAcA,EACxCE,EAoBiBb,EApBjBa,wBAAuBC,EAoBNd,EAnBjBe,kBAAAA,OAAoB,IAAHD,EAAG,SAAQA,EAC5BE,EAkBiBhB,EAlBjBgB,SAIAC,EAciBjB,EAdjBiB,QACAC,EAaiBlB,EAbjBkB,KACAC,EAYiBnB,EAZjBmB,MACAC,EAWiBpB,EAXjBoB,UACAC,EAUiBrB,EAVjBqB,SACAC,EASiBtB,EATjBsB,UACAC,GAQiBvB,EARjBuB,QACAC,GAOiBxB,EAPjBwB,SACAC,GAMiBzB,EANjByB,WACAC,GAKiB1B,EALjB0B,YACAC,GAIiB3B,EAJjB2B,OACAC,GAGiB5B,EAHjB4B,GACeC,GAEE7B,EAFjB,eACG8B,GAAWC,EAAA/B,EA3BX,4XA8BHgC,GAAsCC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA9CI,GAAYF,GAAA,GAAEG,GAAaH,GAAA,GAClCI,GAAgCL,GAAS,GAAMM,GAAAJ,EAAAG,GAAA,GAAxCE,GAASD,GAAA,GAAEE,GAAUF,GAAA,GAC5BG,GAAgCT,GAAS,GAAMU,GAAAR,EAAAO,GAAA,GAAxCE,GAAQD,GAAA,GAAEE,GAAWF,GAAA,GAGtBG,GAAMC,EAAO,MACbC,GAAqBD,EAAO,MAG5BE,GAAaC,GAAY,WAAA,OAAMT,IAAW,KAAO,CAACA,KAClDU,GAAgBD,GAAY,WAAA,OAAMT,IAAW,KAAQ,CAACA,KAEtDW,GAAkBF,GACtB,SAACG,GACC,OAAIrC,IACIsC,EAAcD,EAAEE,OAAuBC,EACjD,GACA,CAACxC,IAGGyC,GAAYP,GAChB,SAACG,GACMD,GAAgBC,IACrBR,IAAY,EACd,GACA,CAACA,GAAaO,KAEVM,GAAeR,GAAY,WAAA,OAAML,IAAY,KAAQ,CAACA,KACtDc,GAAmBT,GACvB,SAACG,GACMD,GAAgBC,IACrBR,IAAY,EACd,GACA,CAACA,GAAaO,KAGVQ,GAAaV,GAAY,WAC7Bb,IAAc,GACdlC,GACF,GAAG,CAACkC,GAAelC,IAEb0D,GAAaX,GACjB,SAACY,EAAgBC,GACf1B,IAAc,GACd/B,IACkB,WAAdyD,GACFf,GAAmBgB,QAAQC,OAE/B,GACA,CAAC5B,GAAe/B,IAMlB4D,EAAiB,CAAEH,UAAW,aAAcI,SAAUlB,GAAYH,IAAAA,KAClEoB,EAAiB,CAAEH,UAAW,aAAcI,SAAUhB,GAAeL,IAAAA,KAErEoB,EAAiB,CAAEH,UAAW,YAAaI,SAAUV,GAAWX,IAAAA,KAChEoB,EAAiB,CAAEH,UAAW,UAAWI,SAAUT,GAAcZ,IAAAA,KAGjEoB,EAAiB,CAAEH,UAAW,gBAAiBI,SAAUT,GAAcZ,IAAAA,KAGvEsB,EAAY,CAAEC,KAAMC,EAAYxB,IAAAA,GAAKqB,SAAUR,KAE/C,IAAMY,GAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,OACPC,EAASF,EAAQG,EAAU,QAAU3D,IACrC0D,EAASF,EAAQG,EAAU,SAAW1D,IAAO2D,EAAAA,EAAAA,EAAAA,EAAAA,EAE1CJ,CAAAA,EAAAA,EAAOK,WAAapD,IACpB+C,EAAO/C,OAASiB,IAChB8B,EAAOM,iBAAmB5C,IAC1BsC,EAAOO,QAAUzC,IACjBkC,EAAO1D,SAAWA,GAErBI,EACD,GACH,CAACA,EAAWF,EAAMC,EAAOQ,GAAQiB,GAAUR,GAAcI,GAAWxB,IAGhEkE,GAAoBV,GAAQ,WAAA,OAAOxD,EAAW,GAAKmE,CAA2B,GAAG,CAACnE,IAElFoE,GAAoBZ,GAAQ,WAChC,OAAIjE,EAAgC,GAAA8E,OAAAC,EAAWC,GAA2B,CAAEC,EAAcC,gBACnFF,CACT,GAAG,CAAChF,IAEEmF,GAAiBxC,GAAY,WACjC,IAAMyC,EAA4C,mBAA3B1F,EAAwCA,IAA2BA,EAC1F,OACE2F,EAACC,cAAAC,GAAuBC,KAAMD,EAAuBE,MAAMC,QAASC,KAAMnF,GACvE4E,EAGP,GAAG,CAAC1F,EAAwBc,IAEtBoF,GAAwB3B,GAAQ,WACpC,MAAgC,WAA5B5D,EACK,GAEuB,iBAA5BA,EACK,SAGF,KACT,GAAG,CAACA,IAEJ,OACEgF,EACEC,cAAA,MAAA,CAAAzE,UAAWmD,GACXzB,IAAKA,GACLlB,GAAIA,GACS,cAAAC,IAAcuE,EAAUC,EAAuBC,aAAc1E,IAAG,YAClE2E,EAAgBD,cAE3BV,EAAAC,cAACW,EAAMC,OAAAC,OAAA,CAAA,EAEA5E,GAEL,CAAA6E,uBACA,EAAAtF,SAAUA,EACVC,UAAWA,EACXsF,WAAS,EACTzF,MAAOA,EACPD,KAAMA,EACNS,OAAQA,GACRJ,QAASA,GACTH,UAAWsD,EAAOmC,WAClBpF,WAAYA,GACZqF,QAAS7D,GACT8D,OAAQ5D,GACRnC,SAAUA,EACVC,QAASA,gBACImF,EAAUC,EAAuBW,4BAA6BpF,MAE1EJ,IAEHoE,EAAAC,cAAA,MAAA,CAAKzE,UAAWsD,EAAOuC,wBACrBrB,EAACC,cAAAqB,GACCC,iBAAkBzG,EAClBD,OAAQA,EACRkF,QAASD,GACT0B,SAAUxG,EACVyG,kBAAmBxG,EACnByG,aAAcnB,GACdoB,cAAeC,EAAcC,OAC7BC,OAAQC,EACRC,gBAAiBhE,GACjBiE,gBAAiBhE,GACjBiE,YAAa5C,GACb6C,YAAa3C,IAEbQ,EAAAC,cAACW,EAAMC,OAAAC,OAAA,CAAA,EACD5E,GAAW,CACfgB,IAAKE,GACL2D,uBAAqB,EACrBqB,UAAQ,EACRC,eACA,EAAA9G,MAAOA,EACPD,KAAMA,EACNE,UAAWsD,EAAOwD,gBAClBvG,OAAQS,GACRV,YAAaA,GACboF,QAAS7D,GACT8D,OAAQ5D,GACRnC,SAAUA,EACVmH,UAAWC,EACXC,cACA,EAAAC,aAAclG,GAAY,cACbgE,EAAUC,EAAuBkC,8BAA+B3G,MAE7EgE,EAAAC,cAAA,MAAA,CAAKzE,UAAWsD,EAAO8D,4BACrB5C,EAACC,cAAA4C,EAAgC,CAAA,cAAA,aAO/C,EAEA1I,EAAY2I,aACPjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,EAAOkC,cAAY,CACtBvI,yBAA0BC,EAC1BE,yBAA0BF,EAC1BK,OAAQ,KACRC,yBAA0B,GAC1BE,wBAAyB,eACzBG,kBAAmB+E,EAAuB6C,MAAMC,SAGlD,IAAeC,EAAAA,EAAgB9I,EAAa,CAC1C+I,mBAAoBC,EACpBC,yBAA0BD,EAC1BJ,MAAOnC,EAAOmC,MACdM,OAAQzC,EAAOyC,OACfC,MAAO1C,EAAO0C,MACdC,UAAW3C,EAAO2C,UAClBC,mBAAoBtD,EAAuB6C"}

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

@@ -1,2 +1,2 @@
-var n={button:"button_838c21252b",mainButton:"mainButton_db2f5131f2",secondaryButton:"secondaryButton_d01387f080",secondaryButtonWrapper:"secondaryButtonWrapper_55906a1979",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_421cbff2f2",active:"active_663641bfe7",disabled:"disabled_43777464a7",kindTertiary:"kindTertiary_5f201eb323",colorPrimary:"colorPrimary_5f201eb323",mainActive:"mainActive_fd0b320c7b",splitContentOpen:"splitContentOpen_4efb0d691f",hovered:"hovered_5b344f0f3e",colorBrand:"colorBrand_fd0b320c7b",colorPositive:"colorPositive_bbd0d29938",colorNegative:"colorNegative_bbd0d29938",kindPrimary:"kindPrimary_d49e73a672",colorOnPrimaryColor:"colorOnPrimaryColor_a1947adaf4",kindSecondary:"kindSecondary_bbd0d29938"};!function(n){const r="s_id-b26d62194c18_3_34_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_838c21252b {\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_838c21252b .mainButton_db2f5131f2 {\n  margin-right: 0;\n}\n\n.button_838c21252b .secondaryButton_d01387f080 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_55906a1979 .secondaryButtonIconWrapper_421cbff2f2 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_663641bfe7 {\n  transform: scale(0.95);\n}\n\n.disabled_43777464a7 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b .mainButton_db2f5131f2 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b .mainButton_db2f5131f2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b .secondaryButton_d01387f080 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b .secondaryButton_d01387f080:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b.splitContentOpen_4efb0d691f.splitContentOpen_4efb0d691f .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b.splitContentOpen_4efb0d691f.splitContentOpen_4efb0d691f .secondaryButton_d01387f080:hover,\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b.hovered_5b344f0f3e.splitContentOpen_4efb0d691f .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorPrimary_5f201eb323.mainActive_fd0b320c7b.hovered_5b344f0f3e.splitContentOpen_4efb0d691f .secondaryButton_d01387f080:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_5f201eb323.colorBrand_fd0b320c7b.mainActive_fd0b320c7b .mainButton_db2f5131f2 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_5f201eb323.colorBrand_fd0b320c7b.mainActive_fd0b320c7b .secondaryButton_d01387f080 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_5f201eb323.colorBrand_fd0b320c7b.mainActive_fd0b320c7b.splitContentOpen_4efb0d691f.splitContentOpen_4efb0d691f .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorBrand_fd0b320c7b.mainActive_fd0b320c7b.splitContentOpen_4efb0d691f.splitContentOpen_4efb0d691f .secondaryButton_d01387f080:hover,\n.kindTertiary_5f201eb323.colorBrand_fd0b320c7b.mainActive_fd0b320c7b.hovered_5b344f0f3e.splitContentOpen_4efb0d691f .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorBrand_fd0b320c7b.mainActive_fd0b320c7b.hovered_5b344f0f3e.splitContentOpen_4efb0d691f .secondaryButton_d01387f080:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_5f201eb323.colorPositive_bbd0d29938.splitContentOpen_4efb0d691f .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorPositive_bbd0d29938:hover .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorPositive_bbd0d29938:focus .secondaryButton_d01387f080 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_5f201eb323.colorPositive_bbd0d29938.splitContentOpen_4efb0d691f .mainButton_db2f5131f2,\n.kindTertiary_5f201eb323.colorPositive_bbd0d29938:hover .mainButton_db2f5131f2,\n.kindTertiary_5f201eb323.colorPositive_bbd0d29938:focus .mainButton_db2f5131f2 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_5f201eb323.colorNegative_bbd0d29938.splitContentOpen_4efb0d691f .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorNegative_bbd0d29938:hover .secondaryButton_d01387f080,\n.kindTertiary_5f201eb323.colorNegative_bbd0d29938:focus .secondaryButton_d01387f080 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_5f201eb323.colorNegative_bbd0d29938.splitContentOpen_4efb0d691f .mainButton_db2f5131f2,\n.kindTertiary_5f201eb323.colorNegative_bbd0d29938:hover .mainButton_db2f5131f2,\n.kindTertiary_5f201eb323.colorNegative_bbd0d29938:focus .mainButton_db2f5131f2 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_5f201eb323 .secondaryButton_d01387f080 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_d49e73a672.disabled_43777464a7 .secondaryButton_d01387f080 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_d49e73a672:not(.disabled_43777464a7).colorPrimary_5f201eb323.mainActive_fd0b320c7b .secondaryButton_d01387f080 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_d49e73a672:not(.disabled_43777464a7).colorPrimary_5f201eb323 .secondaryButton_d01387f080 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_d49e73a672:not(.disabled_43777464a7).colorBrand_fd0b320c7b.mainActive_fd0b320c7b .secondaryButton_d01387f080 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_d49e73a672:not(.disabled_43777464a7).colorBrand_fd0b320c7b .secondaryButton_d01387f080 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_d49e73a672:not(.disabled_43777464a7).colorPositive_bbd0d29938 .secondaryButton_d01387f080 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_d49e73a672:not(.disabled_43777464a7).colorNegative_bbd0d29938 .secondaryButton_d01387f080 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_d49e73a672:not(.disabled_43777464a7).colorOnPrimaryColor_a1947adaf4 .secondaryButton_d01387f080 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_bbd0d29938 .mainButton_db2f5131f2 {\n  border-right: none;\n}\n\n.kindSecondary_bbd0d29938.colorPrimary_5f201eb323.mainActive_fd0b320c7b .mainButton_db2f5131f2 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_bbd0d29938.colorPrimary_5f201eb323.mainActive_fd0b320c7b .mainButton_db2f5131f2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_bbd0d29938.colorPrimary_5f201eb323.mainActive_fd0b320c7b .secondaryButton_d01387f080 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_bbd0d29938.colorPrimary_5f201eb323.splitContentOpen_4efb0d691f .secondaryButton_d01387f080 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_bbd0d29938.colorPrimary_5f201eb323.splitContentOpen_4efb0d691f .secondaryButton_d01387f080:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_bbd0d29938.colorBrand_fd0b320c7b.mainActive_fd0b320c7b .mainButton_db2f5131f2 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_bbd0d29938.colorBrand_fd0b320c7b.mainActive_fd0b320c7b .secondaryButton_d01387f080 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_bbd0d29938.colorBrand_fd0b320c7b.splitContentOpen_4efb0d691f .secondaryButton_d01387f080,\n.kindSecondary_bbd0d29938.colorBrand_fd0b320c7b.splitContentOpen_4efb0d691f .secondaryButton_d01387f080:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_4eb43e9c2e",mainButton:"mainButton_a6fd7ba9ff",secondaryButton:"secondaryButton_a134dd4238",secondaryButtonWrapper:"secondaryButtonWrapper_d95302ce2a",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_4c48654552",active:"active_ee6ef0bae2",disabled:"disabled_19b4acb875",kindTertiary:"kindTertiary_154467f486",colorPrimary:"colorPrimary_154467f486",mainActive:"mainActive_4fe5550adc",splitContentOpen:"splitContentOpen_8aaed099ac",hovered:"hovered_c146c027dd",colorBrand:"colorBrand_4fe5550adc",colorPositive:"colorPositive_c45b5b6b93",colorNegative:"colorNegative_c45b5b6b93",kindPrimary:"kindPrimary_c8371e525a",colorOnPrimaryColor:"colorOnPrimaryColor_71c5f70b8e",kindSecondary:"kindSecondary_c45b5b6b93"};!function(n){const r="s_id-b26d62194c18_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_4eb43e9c2e {\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_4eb43e9c2e .mainButton_a6fd7ba9ff {\n  margin-right: 0;\n}\n\n.button_4eb43e9c2e .secondaryButton_a134dd4238 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_d95302ce2a .secondaryButtonIconWrapper_4c48654552 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_ee6ef0bae2 {\n  transform: scale(0.95);\n}\n\n.disabled_19b4acb875 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover,\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover,\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_154467f486.colorPositive_c45b5b6b93.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:hover .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:focus .secondaryButton_a134dd4238 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_154467f486.colorPositive_c45b5b6b93.splitContentOpen_8aaed099ac .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:hover .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:focus .mainButton_a6fd7ba9ff {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_154467f486.colorNegative_c45b5b6b93.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:hover .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:focus .secondaryButton_a134dd4238 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_154467f486.colorNegative_c45b5b6b93.splitContentOpen_8aaed099ac .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:hover .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:focus .mainButton_a6fd7ba9ff {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_154467f486 .secondaryButton_a134dd4238 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_c8371e525a.disabled_19b4acb875 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorPrimary_154467f486 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorBrand_4fe5550adc.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorBrand_4fe5550adc .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorPositive_c45b5b6b93 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorNegative_c45b5b6b93 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorOnPrimaryColor_71c5f70b8e .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_c45b5b6b93 .mainButton_a6fd7ba9ff {\n  border-right: none;\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238: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_013febe730",contentOnTop:"contentOnTop_419e099120",contentOnBottom:"contentOnBottom_76bee5acbd"};!function(e){const t="s_id-9e4623f942e8_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_013febe730 .contentOnTop_419e099120 {\n  margin-top: var(--spacing-medium);\n}\n.steps_013febe730 .contentOnBottom_76bee5acbd {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_9a0e671110",contentOnTop:"contentOnTop_1dbad78660",contentOnBottom:"contentOnBottom_9147de8a1d"};!function(e){const t="s_id-9e4623f942e8_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_9a0e671110 .contentOnTop_1dbad78660 {\n  margin-top: var(--spacing-medium);\n}\n.steps_9a0e671110 .contentOnBottom_9147de8a1d {\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_7bac320614",backward:"backward_e86f16059d",icon:"icon_4d3fd7aed0",disabled:"disabled_b007f690fd",colorOnPrimaryColor:"colorOnPrimaryColor_5d2e6535cd",colorOnInvertedBackground:"colorOnInvertedBackground_2b4263022a"};!function(e){const d="s_id-b004c6aa2b0d_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".command_7bac320614 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_7bac320614.backward_e86f16059d {\n  flex-direction: row-reverse;\n}\n.icon_4d3fd7aed0 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_4d3fd7aed0.disabled_b007f690fd {\n  color: var(--disabled-text-color);\n}\n.icon_4d3fd7aed0.colorOnPrimaryColor_5d2e6535cd {\n  color: var(--text-color-on-primary);\n}\n.icon_4d3fd7aed0.colorOnInvertedBackground_2b4263022a {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_307baeffaa",backward:"backward_12b27f985c",icon:"icon_52d834aa07",disabled:"disabled_5368907020",colorOnPrimaryColor:"colorOnPrimaryColor_5744ef2742",colorOnInvertedBackground:"colorOnInvertedBackground_4db6d8f7b0"};!function(e){const n="s_id-b004c6aa2b0d_3_35_0";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_307baeffaa {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_307baeffaa.backward_12b27f985c {\n  flex-direction: row-reverse;\n}\n.icon_52d834aa07 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_52d834aa07.disabled_5368907020 {\n  color: var(--disabled-text-color);\n}\n.icon_52d834aa07.colorOnPrimaryColor_5744ef2742 {\n  color: var(--text-color-on-primary);\n}\n.icon_52d834aa07.colorOnInvertedBackground_4db6d8f7b0 {\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 o={dot:"dot_934e535e04","focus-visible":"focus-visible_347e281e52",isActive:"isActive_a5557b6e3f",colorOnPrimaryColor:"colorOnPrimaryColor_91e94b3244",colorOnInvertedBackground:"colorOnInvertedBackground_4f6109a70b"};!function(o){const n="s_id-cedbbb07e913_3_34_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_934e535e04 {\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_934e535e04:focus-visible, .dot_934e535e04.focus-visible_347e281e52 {\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_934e535e04:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.dot_934e535e04:focus-visible, .dot_934e535e04.focus-visible_347e281e52 {\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_934e535e04:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.dot_934e535e04:hover {\n  transform: scale(1.3);\n}\n.isActive_a5557b6e3f {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_91e94b3244.dot_934e535e04 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_91e94b3244.dot_934e535e04:focus-visible, .colorOnPrimaryColor_91e94b3244.dot_934e535e04.focus-visible_347e281e52 {\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_91e94b3244.dot_934e535e04:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.colorOnPrimaryColor_91e94b3244.dot_934e535e04.isActive_a5557b6e3f {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_4f6109a70b.dot_934e535e04 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_4f6109a70b.dot_934e535e04.isActive_a5557b6e3f {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_eca9e0fa2c","focus-visible":"focus-visible_eb6b496cf8",isActive:"isActive_c34dac6f71",colorOnPrimaryColor:"colorOnPrimaryColor_85408917d2",colorOnInvertedBackground:"colorOnInvertedBackground_d10427c8af"};!function(o){const n="s_id-cedbbb07e913_3_35_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_eca9e0fa2c {\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_eca9e0fa2c:focus-visible, .dot_eca9e0fa2c.focus-visible_eb6b496cf8 {\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_eca9e0fa2c:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.dot_eca9e0fa2c:focus-visible, .dot_eca9e0fa2c.focus-visible_eb6b496cf8 {\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_eca9e0fa2c:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.dot_eca9e0fa2c:hover {\n  transform: scale(1.3);\n}\n.isActive_c34dac6f71 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c:focus-visible, .colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c.focus-visible_eb6b496cf8 {\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_85408917d2.dot_eca9e0fa2c:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c.isActive_c34dac6f71 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_d10427c8af.dot_eca9e0fa2c {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_d10427c8af.dot_eca9e0fa2c.isActive_c34dac6f71 {\n  background: var(--text-color-on-inverted);\n}");export{o 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_722504df73",galleryHeaderDot:"galleryHeaderDot_7565da701d"};!function(e){const a="s_id-62748f4c4e74_3_34_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,l.firstChild?l.insertBefore(d,l.firstChild):l.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_722504df73 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_722504df73 .galleryHeaderDot_7565da701d {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_722504df73 .galleryHeaderDot_7565da701d:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_fc2f35f9e1",galleryHeaderDot:"galleryHeaderDot_2e6da877c0"};!function(e){const a="s_id-62748f4c4e74_3_35_0";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_fc2f35f9e1 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_fc2f35f9e1 .galleryHeaderDot_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_fc2f35f9e1 .galleryHeaderDot_2e6da877c0: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_31ed4eee8f"};!function(e){const t="s_id-918f12c2f9aa_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_31ed4eee8f {\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_b9a589d541"};!function(e){const t="s_id-918f12c2f9aa_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_b9a589d541 {\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_76cf5759ac"};!function(e){const t="s_id-126f9ab60838_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_76cf5759ac {\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_186d19a3a5"};!function(e){const t="s_id-126f9ab60838_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_186d19a3a5 {\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_11323aec15"};!function(e){const t="s_id-ac5bc6964f98_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_11323aec15 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_6b6f35b459"};!function(e){const t="s_id-ac5bc6964f98_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_6b6f35b459 {\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 e={table:"table_e54bea704f",border:"border_38d57176ac",virtualized:"virtualized_a268811da3",hasScroll:"hasScroll_8a2abc413e"};!function(e){const r="s_id-2b8bccf4a9c1_3_34_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".table_e54bea704f {\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_e54bea704f.border_38d57176ac {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_e54bea704f [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_e54bea704f [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_e54bea704f.virtualized_a268811da3 {\n  overflow: hidden;\n}\n.table_e54bea704f.hasScroll_8a2abc413e {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
+var e={table:"table_f2ef2d423f",border:"border_95e6afaa38",virtualized:"virtualized_8fa05518a2",hasScroll:"hasScroll_30e3b70c48"};!function(e){const r="s_id-2b8bccf4a9c1_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".table_f2ef2d423f {\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_f2ef2d423f.border_95e6afaa38 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_f2ef2d423f [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_f2ef2d423f [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_f2ef2d423f.virtualized_8fa05518a2 {\n  overflow: hidden;\n}\n.table_f2ef2d423f.hasScroll_30e3b70c48 {\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_ad9676decf"};!function(e){const t="s_id-afed3a5f5737_3_34_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_ad9676decf {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_b96f7be674"};!function(e){const t="s_id-afed3a5f5737_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_b96f7be674 {\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_b5a1a36719",sticky:"sticky_892778203b"};!function(e){const t="s_id-25789b81dac4_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_b5a1a36719 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_b5a1a36719.sticky_892778203b {\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_25293c25b0",sticky:"sticky_083f617c49"};!function(e){const t="s_id-25789b81dac4_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_25293c25b0 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_25293c25b0.sticky_083f617c49 {\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_ad9676decf",longText:"longText_9363320600",mediumText:"mediumText_9fa0c065e3",tableCellSkeleton:"tableCellSkeleton_ad9676decf",circle:"circle_a1cbcfb7de",rectangle:"rectangle_f5606a9978"};!function(e){const l="s_id-18cab9319884_3_34_1";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_ad9676decf {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_ad9676decf.longText_9363320600 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_ad9676decf.mediumText_9fa0c065e3 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_ad9676decf .tableCellSkeleton_ad9676decf {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_ad9676decf .tableCellSkeleton_ad9676decf.circle_a1cbcfb7de, .tableCellSkeletonWrapper_ad9676decf .tableCellSkeleton_ad9676decf.rectangle_f5606a9978 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_ad9676decf .tableCellSkeleton_ad9676decf.circle_a1cbcfb7de, .tableCellSkeletonWrapper_ad9676decf .tableCellSkeleton_ad9676decf.rectangle_f5606a9978 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_b96f7be674",longText:"longText_880d160d3f",mediumText:"mediumText_ebc0dabec9",tableCellSkeleton:"tableCellSkeleton_b96f7be674",circle:"circle_22a0a98f62",rectangle:"rectangle_af6f8dc9cb"};!function(e){const l="s_id-18cab9319884_3_35_0";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_b96f7be674 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_b96f7be674.longText_880d160d3f {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_b96f7be674.mediumText_ebc0dabec9 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_b96f7be674 .tableCellSkeleton_b96f7be674 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_b96f7be674 .tableCellSkeleton_b96f7be674.circle_22a0a98f62, .tableCellSkeletonWrapper_b96f7be674 .tableCellSkeleton_b96f7be674.rectangle_af6f8dc9cb {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_b96f7be674 .tableCellSkeleton_b96f7be674.circle_22a0a98f62, .tableCellSkeletonWrapper_b96f7be674 .tableCellSkeleton_b96f7be674.rectangle_af6f8dc9cb {\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_d037a83800",menuContainer:"menuContainer_9f41061ca8"};!function(e){const n="s_id-545d156e3798_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_d037a83800 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_d037a83800 .menuContainer_9f41061ca8 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_79f66cf5b7",menuContainer:"menuContainer_2720d7787b"};!function(e){const n="s_id-545d156e3798_3_35_0";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_79f66cf5b7 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_79f66cf5b7 .menuContainer_2720d7787b {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\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_4657f30d9e",virtualized:"virtualized_5842e5d849"};!function(e){const t="s_id-8e924ee64aa4_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader_4657f30d9e {\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_4657f30d9e > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_4657f30d9e.virtualized_5842e5d849 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_4657f30d9e.virtualized_5842e5d849::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_330f180001",virtualized:"virtualized_7088b83927"};!function(e){const t="s_id-8e924ee64aa4_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader_330f180001 {\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_330f180001 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_330f180001.virtualized_7088b83927 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_330f180001.virtualized_7088b83927::-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_6234be613f","focus-visible":"focus-visible_347e281e52",sticky:"sticky_892778203b",sortActive:"sortActive_322590d47d",tableHeaderCellContent:"tableHeaderCellContent_c1460cbf33",icon:"icon_537fd2d0fc",infoTooltip:"infoTooltip_620075f796",tableHeaderCellSort:"tableHeaderCellSort_2ab96ae0bd",sort:"sort_98061b3734",asc:"asc_ad070d7945",desc:"desc_3d06dd9a7e",show:"show_4c30c2d3bd"};!function(e){const l="s_id-5b3eed132e11_3_34_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell_6234be613f {\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_6234be613f:focus-visible, .tableHeaderCell_6234be613f.focus-visible_347e281e52 {\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_6234be613f:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.tableHeaderCell_6234be613f.sticky_892778203b {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_6234be613f.sticky_892778203b:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_6234be613f:hover, .tableHeaderCell_6234be613f.sortActive_322590d47d {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_6234be613f .tableHeaderCellContent_c1460cbf33 {\n  min-width: 0;\n}\n.tableHeaderCell_6234be613f .tableHeaderCellContent_c1460cbf33 .icon_537fd2d0fc {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_6234be613f .tableHeaderCellContent_c1460cbf33 .infoTooltip_620075f796 {\n  display: inline-flex;\n}\n.tableHeaderCell_6234be613f .tableHeaderCellSort_2ab96ae0bd {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_6234be613f .tableHeaderCellSort_2ab96ae0bd .sort_98061b3734 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_6234be613f .tableHeaderCellSort_2ab96ae0bd .sort_98061b3734.asc_ad070d7945, .tableHeaderCell_6234be613f .tableHeaderCellSort_2ab96ae0bd .sort_98061b3734.desc_3d06dd9a7e {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_6234be613f .tableHeaderCellSort_2ab96ae0bd .sort_98061b3734:not(.show_4c30c2d3bd) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_b127d529e6","focus-visible":"focus-visible_eb6b496cf8",sticky:"sticky_083f617c49",sortActive:"sortActive_5b198dd071",tableHeaderCellContent:"tableHeaderCellContent_de8c08cb60",icon:"icon_93f9064aa4",infoTooltip:"infoTooltip_cb8cc1a489",tableHeaderCellSort:"tableHeaderCellSort_be971c53ec",sort:"sort_db6d05dcbc",asc:"asc_652228bcb7",desc:"desc_f94111093d",show:"show_d719bbf176"};!function(e){const l="s_id-5b3eed132e11_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell_b127d529e6 {\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_b127d529e6:focus-visible, .tableHeaderCell_b127d529e6.focus-visible_eb6b496cf8 {\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_b127d529e6:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.tableHeaderCell_b127d529e6.sticky_083f617c49 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_b127d529e6.sticky_083f617c49:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_b127d529e6:hover, .tableHeaderCell_b127d529e6.sortActive_5b198dd071 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_b127d529e6 .tableHeaderCellContent_de8c08cb60 {\n  min-width: 0;\n}\n.tableHeaderCell_b127d529e6 .tableHeaderCellContent_de8c08cb60 .icon_93f9064aa4 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_b127d529e6 .tableHeaderCellContent_de8c08cb60 .infoTooltip_cb8cc1a489 {\n  display: inline-flex;\n}\n.tableHeaderCell_b127d529e6 .tableHeaderCellSort_be971c53ec {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_b127d529e6 .tableHeaderCellSort_be971c53ec .sort_db6d05dcbc {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_b127d529e6 .tableHeaderCellSort_be971c53ec .sort_db6d05dcbc.asc_652228bcb7, .tableHeaderCell_b127d529e6 .tableHeaderCellSort_be971c53ec .sort_db6d05dcbc.desc_f94111093d {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_b127d529e6 .tableHeaderCellSort_be971c53ec .sort_db6d05dcbc:not(.show_d719bbf176) {\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_922823623c"};!function(e){const t="s_id-72a799b963ca_3_34_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_922823623c {\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_922823623c[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_922823623c > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_922823623c:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_922823623c:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_9ecabe888a"};!function(e){const a="s_id-72a799b963ca_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const l=document.createElement("style");l.id=a,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableRow_9ecabe888a {\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_9ecabe888a[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_9ecabe888a > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_9ecabe888a:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_9ecabe888a: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_acfc37b9dc",small:"small_a6152b2c02",medium:"medium_4ead3eddf6",large:"large_9aab0922ea"};!function(e){const n="s_id-3e6ad01a6799_3_34_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_acfc37b9dc {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_acfc37b9dc.small_a6152b2c02 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_acfc37b9dc.medium_4ead3eddf6 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_acfc37b9dc.large_9aab0922ea {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_80a631d8c6",small:"small_60213111a5",medium:"medium_811e58e3d0",large:"large_6a226d2abc"};!function(e){const n="s_id-3e6ad01a6799_3_35_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_80a631d8c6 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_80a631d8c6.small_60213111a5 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_80a631d8c6.medium_811e58e3d0 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_80a631d8c6.large_6a226d2abc {\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_930f8f5876",withHeader:"withHeader_536e9d56cd"};!function(e){const t="s_id-049f5e61a7a3_3_34_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_930f8f5876 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_930f8f5876.withHeader_536e9d56cd {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_f168adc6fb",withHeader:"withHeader_e6501fae05"};!function(e){const t="s_id-049f5e61a7a3_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_f168adc6fb {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_f168adc6fb.withHeader_e6501fae05 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { TooltipProps } from \"../../Tooltip/Tooltip\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name for tab link-name\n /\n tabInnerClassName?: string;\n /\n Tab index\n /\n value?: number;\n disabled?: boolean;\n active?: boolean;\n focus?: boolean;\n icon?: SubIcon;\n iconType?: IconType;\n iconSide?: string;\n onClick?: (value: number) => void;\n tooltipProps?: Partial<TooltipProps>;\n /\n Tab link-name\n /\n children?: string \| ReactElement \| ReactElement[];\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n >\n {/ eslint-disable-next-line jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events */}\n <a className={cx(styles.tabInner, tabInnerClassName)} onClick={() => !disabled && onClick(value)}>\n {renderIconAndChildren()}\n </a>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","getTestId","ComponentDefaultTestId","TAB","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"~~6gBAoCMA~~,IAAAA,EAAoBC,GACxB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAhB,EACdiB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIlB,EAAJkB,KACAC,EAAQnB,EAARmB,SAAQC,EAAApB,EACRqB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAO,MACtBC,EAAYC,EAAY1B,EAAKuB,GAwBnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAf,GAAcgB,QAAShB,EAAagB,UAC/CL,EAAAC,cAAA,KAAA,CACE5B,IAAKyB,EACLQ,IAAK9B,EACLF,UAAWiC,EAAGC,EAAOC,WAAYnC,EAASoC,EAAAA,EAAAA,EACvCF,GAAAA,EAAO1B,OAASA,GAChB0B,EAAO5B,SAAWA,GAClB4B,EAAOG,qBAAuB3B,IAEjCR,GAAIA,EACJoC,KAAK,MAAK,gBACK9B,EAAM,gBACNF,~~EACF~~,~~cAAAe~~,GAAckB,EAAUC,EAAuBC,IAAKvC,~~IAGjEwB~~,EAAAC,cAAA,IAAA,CAAG3B,UAAWiC,EAAGC,~~EAAOQ~~,~~SAAUzC~~,GAAoBW,QAAS,WAAA,OAAON,GAAYM,EAAQR,EAAM,~~GAvCtG~~,WACE,IAAKY,EAAM,OAAOI,EAElB,~~IAAMuB~~,~~EACJjB~~,~~gBAACkB~~,EAAI,CACHC,YAAY,~~EACZ5B~~,SAAUA,EACVD,KAAMA,EACNhB,UAAWiC,EAAGC,~~EAAOY~~,QAASC,~~EAASb~~,EAAQf,IAC/~~C6B~~,SAAU,GACVC,kBAAgB,IAIdC,~~EAAgBxB~~,~~EAAMyB~~,SAASC,~~QAAQhC~~,GAE7C,MAAiB,SAAbD,EACF,~~CAAQwB~~,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,~~CAmBSY~~,KAKX"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name for tab link-name\n /\n tabInnerClassName?: string;\n /\n Tab index\n /\n value?: number;\n disabled?: boolean;\n active?: boolean;\n focus?: boolean;\n icon?: SubIcon;\n iconType?: IconType;\n iconSide?: string;\n onClick?: (value: number) => void;\n tooltipProps?: Partial<TooltipProps>;\n /\n Tab link-name\n /\n children?: string \| ReactElement \| ReactElement[];\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n data-vibe={ComponentVibeId.TAB}\n >\n {/ eslint-disable-next-line jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events */}\n <a className={cx(styles.tabInner, tabInnerClassName)} onClick={() => !disabled && onClick(value)}>\n {renderIconAndChildren()}\n </a>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"2kBAqCMA,IAAAA,EAAoBC,GACxB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAhB,EACdiB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIlB,EAAJkB,KACAC,EAAQnB,EAARmB,SAAQC,EAAApB,EACRqB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAO,MACtBC,EAAYC,EAAY1B,EAAKuB,GAwBnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAf,GAAcgB,QAAShB,EAAagB,UAC/CL,EAAAC,cAAA,KAAA,CACE5B,IAAKyB,EACLQ,IAAK9B,EACLF,UAAWiC,EAAGC,EAAOC,WAAYnC,EAASoC,EAAAA,EAAAA,EACvCF,GAAAA,EAAO1B,OAASA,GAChB0B,EAAO5B,SAAWA,GAClB4B,EAAOG,qBAAuB3B,IAEjCR,GAAIA,EACJoC,KAAK,MAAK,gBACK9B,EAAM,gBACNF,EAAQ,cACVe,GAAckB,EAAUC,EAAuBC,IAAKvC,GAAG,YACzDwC,EAAgBD,KAG3Bf,EAAAC,cAAA,IAAA,CAAG3B,UAAWiC,EAAGC,EAAOS,SAAU1C,GAAoBW,QAAS,WAAA,OAAON,GAAYM,EAAQR,EAAM,GAxCtG,WACE,IAAKY,EAAM,OAAOI,EAElB,IAAMwB,EACJlB,gBAACmB,EAAI,CACHC,YAAY,EACZ7B,SAAUA,EACVD,KAAMA,EACNhB,UAAWiC,EAAGC,EAAOa,QAASC,EAASd,EAAQf,IAC/C8B,SAAU,GACVC,kBAAgB,IAIdC,EAAgBzB,EAAM0B,SAASC,QAAQjC,GAE7C,MAAiB,SAAbD,EACF,CAAQyB,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CAoBSY,KAKX"}

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_885e0d55d4",tabInner:"tabInner_563d1e6af2",tabIcon:"tabIcon_414d2d006e",right:"right_a75f3888eb",tabFocusVisibleInset:"tabFocusVisibleInset_42c8f4f255",active:"active_461a075cbb",disabled:"disabled_215d0778b3"};!function(n){const e="s_id-e9e07df0e1ab_3_34_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_885e0d55d4 {\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\n.tabWrapper_885e0d55d4: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\n.tabWrapper_885e0d55d4 .tabInner_563d1e6af2 {\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\n.tabWrapper_885e0d55d4 .tabInner_563d1e6af2:focus {\n  outline: none;\n}\n\n.tabWrapper_885e0d55d4 .tabInner_563d1e6af2 .tabIcon_414d2d006e {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_885e0d55d4 .tabInner_563d1e6af2 .tabIcon_414d2d006e.right_a75f3888eb {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_885e0d55d4.tabFocusVisibleInset_42c8f4f255 {\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\n.tabWrapper_885e0d55d4.active_461a075cbb:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_885e0d55d4.disabled_215d0778b3 .tabInner_563d1e6af2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_885e0d55d4:not(.disabled_215d0778b3) .tabInner_563d1e6af2:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_0f4e16ffbb",tabInner:"tabInner_5e75d57ca8",tabIcon:"tabIcon_00be8b7b79",right:"right_3a7b117248",tabFocusVisibleInset:"tabFocusVisibleInset_742e191683",active:"active_33d1d10aa3",disabled:"disabled_9ea910d20a"};!function(n){const e="s_id-e9e07df0e1ab_3_35_0";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)}('.tabWrapper_0f4e16ffbb {\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\n.tabWrapper_0f4e16ffbb: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\n.tabWrapper_0f4e16ffbb .tabInner_5e75d57ca8 {\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\n.tabWrapper_0f4e16ffbb .tabInner_5e75d57ca8:focus {\n  outline: none;\n}\n\n.tabWrapper_0f4e16ffbb .tabInner_5e75d57ca8 .tabIcon_00be8b7b79 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_0f4e16ffbb .tabInner_5e75d57ca8 .tabIcon_00be8b7b79.right_3a7b117248 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_0f4e16ffbb.tabFocusVisibleInset_742e191683 {\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\n.tabWrapper_0f4e16ffbb.active_33d1d10aa3:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_0f4e16ffbb.disabled_9ea910d20a .tabInner_5e75d57ca8 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_0f4e16ffbb:not(.disabled_9ea910d20a) .tabInner_5e75d57ca8:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map