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

@vibe/core 4.5.6 → 4.6.0-alpha-1900b.0

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

Files changed (546) hide show

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_42ac2b48fa",secondary:"secondary_e4174dff46"};!function(e){const n="s_id-b4b122708c23_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_42ac2b48fa {\n  order: 2;\n}\n.primary_42ac2b48fa:only-child {\n  margin-inline-start: auto;\n}\n.secondary_e4174dff46 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
+var e={primary:"primary_c796ad19df",secondary:"secondary_2971093735"};!function(e){const n="s_id-b4b122708c23_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_c796ad19df {\n  order: 2;\n}\n.primary_c796ad19df:only-child {\n  margin-inline-start: auto;\n}\n\n.secondary_2971093735 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={footer:"footer_4a2e3bb343"};!function(e){const t="s_id-5c7b28cf0c05_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_4a2e3bb343 {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_365ea82a3d"};!function(e){const t="s_id-5c7b28cf0c05_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_365ea82a3d {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_42ac2b48fa",secondary:"secondary_538e64d153",stepDots:"stepDots_14485ce754"};!function(e){const n="s_id-51737ad1ac1f_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_42ac2b48fa {\n  order: 2;\n}\n\n.secondary_538e64d153 {\n  order: 1;\n}\n\n.stepDots_14485ce754 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_c796ad19df",secondary:"secondary_8a7b0f6e54",stepDots:"stepDots_ccac8514ba"};!function(e){const n="s_id-51737ad1ac1f_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_c796ad19df {\n  order: 2;\n}\n\n.secondary_8a7b0f6e54 {\n  order: 1;\n}\n\n.stepDots_ccac8514ba {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o}from"react";import s from"classnames";import{getTestId as a}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import m from"../ModalFooterShadow.js";import n from"../ModalLayoutScrollableContent.js";import d from"../useLayoutScrolledContent.js";import c from"../../../../../components/layout/dist/Flex/Flex.js";import f from"../../../../../components/divider/dist/Divider/Divider.js";var p=o((function(o,p){var u=o.children,j=o.className,v=o.id,S=o["data-testid"],y=d(),h=y.ref,E=y.isContentScrolled,A=y.isScrollable,C=y.isScrolledToEnd,L=y.onScroll,M=r.Children.toArray(u),N=e(M,2),g=N[0],w=N[1];return r.createElement(r.Fragment,null,r.createElement(c,{direction:"column",align:"start",ref:p,className:s(i.layout,j),id:v,"data-testid":S||a(l.MODAL_BASIC_LAYOUT,v)},r.createElement("div",{className:i.header},g),r.createElement(f,{className:s(i.divider,t({},i.showDivider,E)),withoutMargin:!0}),r.createElement(n,{onScroll:L,className:i.content,ref:h},w)),A&&r.createElement(m,{show:!C}))}));export{p as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o}from"react";import a from"classnames";import{getTestId as l}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import m from"../../../Divider/Divider.js";import n from"../ModalFooterShadow.js";import c from"../ModalLayoutScrollableContent.js";import d from"../useLayoutScrolledContent.js";import f from"../../../../../components/layout/dist/Flex/Flex.js";var p=o((function(o,p){var u=o.children,j=o.className,S=o.id,v=o["data-testid"],y=d(),h=y.ref,E=y.isContentScrolled,A=y.isScrollable,C=y.isScrolledToEnd,L=y.onScroll,M=r.Children.toArray(u),N=e(M,2),g=N[0],w=N[1];return r.createElement(r.Fragment,null,r.createElement(f,{direction:"column",align:"start",ref:p,className:a(i.layout,j),id:S,"data-testid":v||l(s.MODAL_BASIC_LAYOUT,S)},r.createElement("div",{className:i.header},g),r.createElement(m,{className:a(i.divider,t({},i.showDivider,E)),withoutMargin:!0}),r.createElement(c,{onScroll:L,className:i.content,ref:h},w)),A&&r.createElement(n,{show:!C}))}));export{p as default};
 //# sourceMappingURL=ModalBasicLayout.js.map

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Divider } from \"~~@vibe~~/~~divider~~\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"~~6mBAYMA~~,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EACC,CAAAC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAACO,cAAAW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAgB,IACrGtB,EAAAO,cAACgB,EAA6B,CAAAzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAACO,cAAAiB,EAAkB,CAAAC,MAAO5B,IAGjD"}
1	+ {"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"+kBAYMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EACC,CAAAC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAACO,cAAAW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAgB,IACrGtB,EAAAO,cAACgB,EAA6B,CAAAzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAACO,cAAAiB,EAAkB,CAAAC,MAAO5B,IAGjD"}

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_e9f9068c91",header:"header_fefb8e3245",divider:"divider_99b6eaa2a9",showDivider:"showDivider_376b83d93b",content:"content_50bc81a958"};!function(e){const n="s_id-324b836d97d8_4_5_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_e9f9068c91 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_e9f9068c91 .header_fefb8e3245 {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_e9f9068c91 .divider_99b6eaa2a9 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_e9f9068c91 .divider_99b6eaa2a9.showDivider_376b83d93b {\n  opacity: 1;\n}\n.layout_e9f9068c91 .content_50bc81a958 {\n  padding-block-end: var(--space-32);\n}");export{e as default};
+var e={layout:"layout_efbb3bf0ef",header:"header_5c09abc6ab",divider:"divider_85183f846b",showDivider:"showDivider_80fa786853",content:"content_fb701245cf"};!function(e){const n="s_id-324b836d97d8_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_efbb3bf0ef {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_efbb3bf0ef .header_5c09abc6ab {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_efbb3bf0ef .divider_85183f846b {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_efbb3bf0ef .divider_85183f846b.showDivider_80fa786853 {\n  opacity: 1;\n}\n.layout_efbb3bf0ef .content_fb701245cf {\n  padding-block-end: var(--space-32);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper_f83f7fbe1b",show:"show_1525e0c6f2"};!function(e){const t="s_id-c76d397ed7f2_4_5_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_f83f7fbe1b::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_f83f7fbe1b.show_1525e0c6f2::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_59f1053c6b",show:"show_ab7cdbbda1"};!function(e){const t="s_id-c76d397ed7f2_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_59f1053c6b::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_59f1053c6b.show_ab7cdbbda1::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={content:"content_08af92de4b"};!function(e){const n="s_id-09bedfbbc65c_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content_08af92de4b {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_08af92de4b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_08af92de4b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_aa022f2a36"};!function(e){const n="s_id-09bedfbbc65c_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content_aa022f2a36 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_aa022f2a36::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_aa022f2a36::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_e9f9068c91",media:"media_fd99096780",header:"header_072da51035",content:"content_7a3347eb33"};!function(e){const n="s_id-d089cc4b12c5_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_e9f9068c91 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_e9f9068c91 .media_fd99096780 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_e9f9068c91 .header_072da51035 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_e9f9068c91 .content_7a3347eb33 {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout_efbb3bf0ef",media:"media_0e13b65480",header:"header_9a719a2665",content:"content_5c151f5cad"};!function(e){const n="s_id-d089cc4b12c5_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_efbb3bf0ef {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_efbb3bf0ef .media_0e13b65480 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_efbb3bf0ef .header_9a719a2665 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_efbb3bf0ef .content_5c151f5cad {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=ModalMediaLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_76db1b190c",header:"header_6716ab93ae",content:"content_e9014b3b2b",media:"media_931b9daf72"};!function(e){const n="s_id-510a2449b45a_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_76db1b190c {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_76db1b190c .header_6716ab93ae {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_76db1b190c .content_e9014b3b2b {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--space-32);\n}\n.layout_76db1b190c .media_931b9daf72 {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={layout:"layout_4c8c46d4cf",header:"header_ce293f9168",content:"content_ad9f2e189d",media:"media_d872e3c9ae"};!function(e){const n="s_id-510a2449b45a_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_4c8c46d4cf {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_4c8c46d4cf .header_ce293f9168 {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_4c8c46d4cf .content_ad9f2e189d {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--space-32);\n}\n.layout_4c8c46d4cf .media_d872e3c9ae {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useCallback as l,useMemo as o}from"react";import r from"./components/StepIndicator/StepIndicator.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import p from"./MultiStepIndicator.module.scss.js";import c from"../../../components/divider/dist/Divider/Divider.js";import m from"../../../icons/dist/react/Check.js";import{NOOP as d}from"../../../shared/dist/utils/function-utils.js";var f=s((function(s,f){var u=s.className,v=s.steps,y=void 0===v?[]:v,C=s.type,N=void 0===C?"primary":C,I=s.stepComponentClassName,S=s.dividerComponentClassName,g=s.fulfilledStepIcon,j=void 0===g?m:g,b=s.fulfilledStepIconType,D=void 0===b?"svg":b,T=s.isFulfilledStepDisplayNumber,h=void 0!==T&&T,k=s.onClick,E=void 0===k?d:k,_=s.textPlacement,F=void 0===_?"horizontal":_,x=s.id,P=s["data-testid"],z="vertical"===F?"regular":s.size,O=l((function(s,l){return i.createElement(i.Fragment,{key:"".concat(s.titleText,"_").concat(l)},i.createElement(r,Object.assign({},s,{stepNumber:l+1,type:N,stepComponentClassName:I,fulfilledStepIcon:j,fulfilledStepIconType:D,onClick:E,isFulfilledStepDisplayNumber:h,size:z})),l!==y.length-1&&i.createElement(c,{className:t(p.divider,S,e({},p.compact,"compact"===z))}))}),[E,h,N,I,j,D,S,y.length,z]),w=l((function(e,s){return i.createElement(r,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(s),stepNumber:s+1,type:N,stepComponentClassName:I,fulfilledStepIcon:j,fulfilledStepIconType:D,onClick:E,isFollowedByDivider:s!==y.length-1,stepDividerClassName:t(p.divider,S),isVertical:!0,isFulfilledStepDisplayNumber:h}))}),[E,h,N,I,j,D,S,y.length]),B=o((function(){return"vertical"===F?w:O}),[F,w,O]);return i.createElement("ol",{ref:f,id:x,"data-testid":P||a(n.MULTI_STEP_INDICATOR,x),className:t(p.wrapper,u)},y.map(B))}));export{f as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as l,useCallback as s,useMemo as o}from"react";import r from"../Divider/Divider.js";import a from"./components/StepIndicator/StepIndicator.js";import{getTestId as n}from"../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import c from"./MultiStepIndicator.module.scss.js";import m from"../../../icons/dist/react/Check.js";import{NOOP as d}from"../../../shared/dist/utils/function-utils.js";var f=l((function(l,f){var u=l.className,v=l.steps,y=void 0===v?[]:v,C=l.type,N=void 0===C?"primary":C,I=l.stepComponentClassName,S=l.dividerComponentClassName,g=l.fulfilledStepIcon,j=void 0===g?m:g,b=l.fulfilledStepIconType,D=void 0===b?"svg":b,T=l.isFulfilledStepDisplayNumber,h=void 0!==T&&T,k=l.onClick,E=void 0===k?d:k,_=l.textPlacement,F=void 0===_?"horizontal":_,x=l.id,P=l["data-testid"],z="vertical"===F?"regular":l.size,O=s((function(l,s){return i.createElement(i.Fragment,{key:"".concat(l.titleText,"_").concat(s)},i.createElement(a,Object.assign({},l,{stepNumber:s+1,type:N,stepComponentClassName:I,fulfilledStepIcon:j,fulfilledStepIconType:D,onClick:E,isFulfilledStepDisplayNumber:h,size:z})),s!==y.length-1&&i.createElement(r,{className:t(c.divider,S,e({},c.compact,"compact"===z))}))}),[E,h,N,I,j,D,S,y.length,z]),w=s((function(e,l){return i.createElement(a,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(l),stepNumber:l+1,type:N,stepComponentClassName:I,fulfilledStepIcon:j,fulfilledStepIconType:D,onClick:E,isFollowedByDivider:l!==y.length-1,stepDividerClassName:t(c.divider,S),isVertical:!0,isFulfilledStepDisplayNumber:h}))}),[E,h,N,I,j,D,S,y.length]),B=o((function(){return"vertical"===F?w:O}),[F,w,O]);return i.createElement("ol",{ref:f,id:x,"data-testid":P||n(p.MULTI_STEP_INDICATOR,x),className:t(c.wrapper,u)},y.map(B))}));export{f as default};
 //# sourceMappingURL=MultiStepIndicator.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiStepIndicator.js","sources":["../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { Divider } from \"~~@vibe~~/~~divider~~\";\nimport { NOOP } from \"@vibe/shared\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n /*\n The list of steps in the multi-step indicator.\n /\n steps?: Step[];\n /\n The visual style of the multi-step indicator.\n /\n type?: MultiStepType;\n /\n Class name applied to each step component.\n /\n stepComponentClassName?: string;\n /\n Class name applied to the divider between steps.\n /\n dividerComponentClassName?: string;\n /\n The icon used for fulfilled steps.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of the fulfilled step icon.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when a step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n The placement of the step text.\n /\n textPlacement?: TextPlacement;\n /\n The size of the multi-step indicator.\n */\n size?: MultiStepSize;\n}\n\nconst MultiStepIndicator = forwardRef(\n (\n {\n className,\n steps = [],\n type = \"primary\",\n stepComponentClassName,\n dividerComponentClassName,\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n textPlacement = \"horizontal\",\n id,\n size,\n \"data-testid\": dataTestId\n }: MultiStepIndicatorProps,\n ref: React.ForwardedRef<HTMLOListElement>\n ) => {\n const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n const renderHorizontalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <React.Fragment key={`${step.titleText}_${index}`}>\n <StepIndicator\n {...step}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n size={finalSize}\n />\n {index !== steps.length - 1 && (\n <Divider\n className={cx(styles.divider, dividerComponentClassName, {\n [styles.compact]: finalSize === \"compact\"\n })}\n />\n )}\n </React.Fragment>\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length,\n finalSize\n ]\n );\n\n const renderVerticalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <StepIndicator\n {...step}\n key={`${step.titleText}_${index}`}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFollowedByDivider={index !== steps.length - 1}\n stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n isVertical\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n />\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length\n ]\n );\n\n const stepRenderer = useMemo(\n () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n );\n\n return (\n <ol\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n className={cx(styles.wrapper, className)}\n >\n {steps.map(stepRenderer)}\n </ol>\n );\n }\n);\n\nexport default MultiStepIndicator;\n"],"names":["MultiStepIndicator","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map"],"mappings":"~~0kBAwDMA~~,IAAAA,EAAqBC,GACzB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB"}
1	+ {"version":3,"file":"MultiStepIndicator.js","sources":["../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport Divider from \"../../components/Divider/Divider\";\nimport { NOOP } from \"@vibe/shared\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n /*\n The list of steps in the multi-step indicator.\n /\n steps?: Step[];\n /\n The visual style of the multi-step indicator.\n /\n type?: MultiStepType;\n /\n Class name applied to each step component.\n /\n stepComponentClassName?: string;\n /\n Class name applied to the divider between steps.\n /\n dividerComponentClassName?: string;\n /\n The icon used for fulfilled steps.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of the fulfilled step icon.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when a step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n The placement of the step text.\n /\n textPlacement?: TextPlacement;\n /\n The size of the multi-step indicator.\n */\n size?: MultiStepSize;\n}\n\nconst MultiStepIndicator = forwardRef(\n (\n {\n className,\n steps = [],\n type = \"primary\",\n stepComponentClassName,\n dividerComponentClassName,\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n textPlacement = \"horizontal\",\n id,\n size,\n \"data-testid\": dataTestId\n }: MultiStepIndicatorProps,\n ref: React.ForwardedRef<HTMLOListElement>\n ) => {\n const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n const renderHorizontalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <React.Fragment key={`${step.titleText}_${index}`}>\n <StepIndicator\n {...step}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n size={finalSize}\n />\n {index !== steps.length - 1 && (\n <Divider\n className={cx(styles.divider, dividerComponentClassName, {\n [styles.compact]: finalSize === \"compact\"\n })}\n />\n )}\n </React.Fragment>\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length,\n finalSize\n ]\n );\n\n const renderVerticalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <StepIndicator\n {...step}\n key={`${step.titleText}_${index}`}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFollowedByDivider={index !== steps.length - 1}\n stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n isVertical\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n />\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length\n ]\n );\n\n const stepRenderer = useMemo(\n () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n );\n\n return (\n <ol\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n className={cx(styles.wrapper, className)}\n >\n {steps.map(stepRenderer)}\n </ol>\n );\n }\n);\n\nexport default MultiStepIndicator;\n"],"names":["MultiStepIndicator","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map"],"mappings":"4iBAwDMA,IAAAA,EAAqBC,GACzB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_dc7e810566",divider:"divider_ab13937cb6",compact:"compact_e2536c1a97"};!function(e){const n="s_id-234f8f4cd160_4_5_5";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)}(".wrapper_dc7e810566 {\n  display: flex;\n}\n.wrapper_dc7e810566 .divider_ab13937cb6 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_dc7e810566 .divider_ab13937cb6.compact_e2536c1a97 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--space-8);\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={wrapper:"wrapper_c2bbd0cd54",divider:"divider_c61227ed6c",compact:"compact_18cd4cb4c9"};!function(e){const d="s_id-234f8f4cd160_4_5_3";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,c.firstChild?c.insertBefore(n,c.firstChild):c.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_c2bbd0cd54 {\n  display: flex;\n}\n.wrapper_c2bbd0cd54 .divider_c61227ed6c {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_c2bbd0cd54 .divider_c61227ed6c.compact_18cd4cb4c9 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--space-8);\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as n}from"es-toolkit";import{getTestId as a,ComponentDefaultTestId as o}from"../../../../tests/testIds.js";import r from"classnames";import{keyCodes as s}from"../../../../constants/keyCodes.js";import l,{useState as c,useRef as d,useCallback as m,useEffect as p,useMemo as u}from"react";import{SwitchTransition as f,CSSTransition as v}from"react-transition-group";import y from"../../../HiddenText/HiddenText.js";import _ from"./StepIndicator.module.scss.js";import E from"../../../../../components/clickable/dist/Clickable/Clickable.js";import b from"../../../../../components/divider/dist/Divider/Divider.js";import x from"../../../../../components/icon/dist/Icon/Icon.js";import N from"../../../../../icons/dist/react/Check.js";import{useEventListener as k}from"../../../../../shared/dist/hooks/useEventListener.js";import{useKeyEvent as C}from"../../../../../shared/dist/hooks/useKeyEvent.js";import{NOOP as I}from"../../../../../shared/dist/utils/function-utils.js";import{getStyle as S}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var j=[s.ENTER,s.SPACE],T=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?l.createElement(l.Fragment,null,e.stepNumber):l.createElement(x,{icon:t,className:r(_.numberContainerTextCheckIcon),type:i,ignoreFocusStyle:!0,"aria-hidden":!0})},h=function(s){var x=s.stepComponentClassName,h=s.stepNumber,A=void 0===h?1:h,g=s.status,D=void 0===g?"pending":g,w=s.titleText,F=void 0===w?"Heading text":w,H=s.subtitleText,P=void 0===H?"Subtitle text":H,L=s.type,R=void 0===L?"primary":L,z=s.fulfilledStepIcon,B=void 0===z?N:z,V=s.fulfilledStepIconType,K=void 0===V?"svg":V,M=s.isFulfilledStepDisplayNumber,O=void 0!==M&&M,q=s.onClick,G=void 0===q?I:q,J=s.isFollowedByDivider,Q=void 0!==J&&J,U=s.stepDividerClassName,W=s.isVertical,X=void 0!==W&&W,Y=s.id,Z=s.size,$=void 0===Z?"regular":Z,ee=s["data-testid"],te=c(!1),ie=e(te,2),ne=ie[0],ae=ie[1],oe=d(null),re=d(null),se=d(D),le=m((function(){ae(!0)}),[ae]),ce=m((function(){ae(!1)}),[ae]),de=m((function(){return se.current!==D}),[se,D]),me=m((function(){G&&G(A)}),[G,A]);k({eventName:"animationend",callback:ce,ref:oe}),C({keys:j,callback:me,ref:oe}),p((function(){de()&&le()}),[D,de,le]),p((function(){se.current=D}),[D]);var pe=u((function(){return"Step ".concat(A,": ").concat(F," - ").concat(P,", status: ").concat(D)}),[D,F,A,P]),ue=function(e){return[S(_,n(e||"indicator")),S(_,n("type-".concat(R).concat(e))),S(_,n("status-".concat(D).concat(e))),S(_,n("size-".concat($).concat(e)))]};return l.createElement(E,{tabIndex:-1,elementType:"li",className:r.apply(void 0,t(ue("")).concat([x,i(i(i({},_.withAnimation,ne),_.clickable,G),_.textPlacementVertical,X)])),"aria-label":pe,onClick:me,"data-testid":ee||a(o.STEP_INDICATOR,Y)},l.createElement("div",{className:r.apply(void 0,t(ue("__number-divider-container")))},l.createElement("div",{className:r.apply(void 0,t(ue("__number-container"))),ref:oe,tabIndex:0,role:"button"},l.createElement(f,{mode:"out-in"},l.createElement(v,{key:D,nodeRef:re,classNames:{enter:_.swapEnter,enterActive:_.swapEnterActive,exit:_.swapExit,exitActive:_.swapExitActive},addEndListener:function(e){var t;null===(t=re.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},l.createElement("span",{ref:re,className:r.apply(void 0,t(ue("__number-container__text")))},l.createElement(T,{fulfilledStepIcon:B,fulfilledStepIconType:K,isFulfilledStepDisplayNumber:O,stepNumber:A,status:D}))))),Q&&X&&l.createElement(b,{className:r(_.divider,U)})),l.createElement("div",{className:r.apply(void 0,t(ue("__text-container")))},l.createElement("div",{className:r.apply(void 0,t(ue("__text-container__title")))},l.createElement(y,{text:D})," ",l.createElement("span",{className:r.apply(void 0,t(ue("__text-container__title__text")))},F)),"compact"!==$?l.createElement("span",{className:r.apply(void 0,t(ue("__text-container__subtitle__text")))},P):null))};export{h as default};
+import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as n}from"es-toolkit";import{getTestId as a,ComponentDefaultTestId as o}from"../../../../tests/testIds.js";import r from"classnames";import{keyCodes as s}from"../../../../constants/keyCodes.js";import l,{useState as c,useRef as d,useCallback as m,useEffect as p,useMemo as u}from"react";import{SwitchTransition as f,CSSTransition as v}from"react-transition-group";import y from"../../../Divider/Divider.js";import _ from"../../../HiddenText/HiddenText.js";import E from"./StepIndicator.module.scss.js";import b from"../../../../../components/clickable/dist/Clickable/Clickable.js";import x from"../../../../../components/icon/dist/Icon/Icon.js";import N from"../../../../../icons/dist/react/Check.js";import{useEventListener as k}from"../../../../../shared/dist/hooks/useEventListener.js";import{useKeyEvent as C}from"../../../../../shared/dist/hooks/useKeyEvent.js";import{NOOP as I}from"../../../../../shared/dist/utils/function-utils.js";import{getStyle as S}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var j=[s.ENTER,s.SPACE],T=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?l.createElement(l.Fragment,null,e.stepNumber):l.createElement(x,{icon:t,className:r(E.numberContainerTextCheckIcon),type:i,ignoreFocusStyle:!0,"aria-hidden":!0})},h=function(s){var x=s.stepComponentClassName,h=s.stepNumber,A=void 0===h?1:h,g=s.status,D=void 0===g?"pending":g,w=s.titleText,F=void 0===w?"Heading text":w,H=s.subtitleText,P=void 0===H?"Subtitle text":H,L=s.type,R=void 0===L?"primary":L,z=s.fulfilledStepIcon,B=void 0===z?N:z,V=s.fulfilledStepIconType,K=void 0===V?"svg":V,M=s.isFulfilledStepDisplayNumber,O=void 0!==M&&M,q=s.onClick,G=void 0===q?I:q,J=s.isFollowedByDivider,Q=void 0!==J&&J,U=s.stepDividerClassName,W=s.isVertical,X=void 0!==W&&W,Y=s.id,Z=s.size,$=void 0===Z?"regular":Z,ee=s["data-testid"],te=c(!1),ie=e(te,2),ne=ie[0],ae=ie[1],oe=d(null),re=d(null),se=d(D),le=m((function(){ae(!0)}),[ae]),ce=m((function(){ae(!1)}),[ae]),de=m((function(){return se.current!==D}),[se,D]),me=m((function(){G&&G(A)}),[G,A]);k({eventName:"animationend",callback:ce,ref:oe}),C({keys:j,callback:me,ref:oe}),p((function(){de()&&le()}),[D,de,le]),p((function(){se.current=D}),[D]);var pe=u((function(){return"Step ".concat(A,": ").concat(F," - ").concat(P,", status: ").concat(D)}),[D,F,A,P]),ue=function(e){return[S(E,n(e||"indicator")),S(E,n("type-".concat(R).concat(e))),S(E,n("status-".concat(D).concat(e))),S(E,n("size-".concat($).concat(e)))]};return l.createElement(b,{tabIndex:-1,elementType:"li",className:r.apply(void 0,t(ue("")).concat([x,i(i(i({},E.withAnimation,ne),E.clickable,G),E.textPlacementVertical,X)])),"aria-label":pe,onClick:me,"data-testid":ee||a(o.STEP_INDICATOR,Y)},l.createElement("div",{className:r.apply(void 0,t(ue("__number-divider-container")))},l.createElement("div",{className:r.apply(void 0,t(ue("__number-container"))),ref:oe,tabIndex:0,role:"button"},l.createElement(f,{mode:"out-in"},l.createElement(v,{key:D,nodeRef:re,classNames:{enter:E.swapEnter,enterActive:E.swapEnterActive,exit:E.swapExit,exitActive:E.swapExitActive},addEndListener:function(e){var t;null===(t=re.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},l.createElement("span",{ref:re,className:r.apply(void 0,t(ue("__number-container__text")))},l.createElement(T,{fulfilledStepIcon:B,fulfilledStepIconType:K,isFulfilledStepDisplayNumber:O,stepNumber:A,status:D}))))),Q&&X&&l.createElement(y,{className:r(E.divider,U)})),l.createElement("div",{className:r.apply(void 0,t(ue("__text-container")))},l.createElement("div",{className:r.apply(void 0,t(ue("__text-container__title")))},l.createElement(_,{text:D})," ",l.createElement("span",{className:r.apply(void 0,t(ue("__text-container__title__text")))},F)),"compact"!==$?l.createElement("span",{className:r.apply(void 0,t(ue("__text-container__subtitle__text")))},P):null))};export{h as default};
 //# sourceMappingURL=StepIndicator.js.map

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport { Divider } from \"@vibe/divider\";\n\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type MultiStepSize, type MultiStepType, type StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n /*\n The status of the step.\n /\n status: StepStatus;\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber: boolean;\n /\n The icon displayed when the step is fulfilled.\n /\n fulfilledStepIcon: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType: \"svg\" \| \"font\";\n /\n The step number in the sequence.\n /\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n type={fulfilledStepIconType}\n ignoreFocusStyle\n aria-hidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n /\n The status of the step.\n /\n status: StepStatus;\n /\n The main title text for the step.\n /\n titleText: string;\n /\n The subtitle text for the step.\n /\n subtitleText?: string;\n /\n The number of the step in the sequence.\n /\n stepNumber?: number;\n /\n Class name applied to the step component.\n /\n stepComponentClassName?: string;\n /\n The visual style of the step indicator.\n /\n type?: MultiStepType;\n /\n The icon used for a fulfilled step.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when the step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n If true, adds a divider after the step.\n /\n isFollowedByDivider?: boolean;\n /\n Class name applied to the step divider.\n /\n stepDividerClassName?: string;\n /\n If true, the step indicator is displayed vertically.\n /\n isVertical?: boolean;\n /\n The size of the step indicator.\n /\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const nodeRef = useRef<HTMLSpanElement>(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex={-1}\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition\n key={status}\n nodeRef={nodeRef}\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={done => {\n nodeRef.current?.addEventListener(\"transitionend\", done, false);\n }}\n >\n <span ref={nodeRef} className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/ for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","stepNumber","createElement","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","type","ignoreFocusStyle","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","nodeRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","key","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","done","_a","addEventListener","Divider","divider","HiddenText","text"],"mappings":"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"}
1	+ {"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport Divider from \"../../../../components/Divider/Divider\";\n\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type MultiStepSize, type MultiStepType, type StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n /*\n The status of the step.\n /\n status: StepStatus;\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber: boolean;\n /\n The icon displayed when the step is fulfilled.\n /\n fulfilledStepIcon: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType: \"svg\" \| \"font\";\n /\n The step number in the sequence.\n /\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n type={fulfilledStepIconType}\n ignoreFocusStyle\n aria-hidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n /\n The status of the step.\n /\n status: StepStatus;\n /\n The main title text for the step.\n /\n titleText: string;\n /\n The subtitle text for the step.\n /\n subtitleText?: string;\n /\n The number of the step in the sequence.\n /\n stepNumber?: number;\n /\n Class name applied to the step component.\n /\n stepComponentClassName?: string;\n /\n The visual style of the step indicator.\n /\n type?: MultiStepType;\n /\n The icon used for a fulfilled step.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when the step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n If true, adds a divider after the step.\n /\n isFollowedByDivider?: boolean;\n /\n Class name applied to the step divider.\n /\n stepDividerClassName?: string;\n /\n If true, the step indicator is displayed vertically.\n /\n isVertical?: boolean;\n /\n The size of the step indicator.\n /\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const nodeRef = useRef<HTMLSpanElement>(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex={-1}\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition\n key={status}\n nodeRef={nodeRef}\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={done => {\n nodeRef.current?.addEventListener(\"transitionend\", done, false);\n }}\n >\n <span ref={nodeRef} className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/ for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","stepNumber","createElement","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","type","ignoreFocusStyle","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","nodeRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","key","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","done","_a","addEventListener","Divider","divider","HiddenText","text"],"mappings":"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"}

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_3fea40c5e9",textContainer:"textContainer_8b913a2848",sizeCompactTextContainer:"sizeCompactTextContainer_2fab8458f9",textContainerTitle:"textContainerTitle_7fd5695f5a",visuallyHidden:"visuallyHidden_c3a9f98216",textContainerTitleText:"textContainerTitleText_0b352df753",textContainerSubtitleText:"textContainerSubtitleText_8b4ac53463",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_9644647193",textPlacementVertical:"textPlacementVertical_9461fa1d4f",numberDividerContainer:"numberDividerContainer_60851ecfd7",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_5f524528e4",divider:"divider_601e6fe222",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_06bb606658",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_00f22c76ad",clickable:"clickable_40b91adc87",withAnimation:"withAnimation_919ccdc8b0",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_79c0fc04e3",swapEnter:"swapEnter_4b2fbb1a46",swapEnterActive:"swapEnterActive_90052a3e9a",swapExit:"swapExit_2953724f9e",swapExitActive:"swapExitActive_720fc43657",numberContainer:"numberContainer_edb06d315e",numberContainerText:"numberContainerText_7565ddda44",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_1fc4ff8b0b",typePrimaryNumberContainer:"typePrimaryNumberContainer_147b0d86d4",typeDangerNumberContainer:"typeDangerNumberContainer_8d59b65ccb",typeSuccessNumberContainer:"typeSuccessNumberContainer_063c04ba65",typeDarkNumberContainer:"typeDarkNumberContainer_5de9e88949",statusActiveNumberContainer:"statusActiveNumberContainer_961e5e7bb3",sizeCompactNumberContainer:"sizeCompactNumberContainer_6edc01b3de",statusPendingNumberContainer:"statusPendingNumberContainer_27e050625c","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_9cf3a15356"};!function(n){const e="s_id-f6545f2945fe_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator_3fea40c5e9 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n.textContainer_8b913a2848 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-start: 16px;\n}\n.sizeCompactTextContainer_2fab8458f9 {\n  margin-inline-start: var(--space-8);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle_7fd5695f5a {\n  width: 100%;\n  margin-bottom: var(--space-4);\n}\n.textContainerTitle_7fd5695f5a .visuallyHidden_c3a9f98216 {\n  display: none;\n}\n.textContainerTitleText_0b352df753 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText_8b4ac53463 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle_9644647193 {\n  margin-bottom: 0px;\n}\n.textPlacementVertical_9461fa1d4f {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical_9461fa1d4f .textContainer_8b913a2848 {\n  margin-inline-start: 0;\n  margin-top: var(--space-16);\n}\n.textPlacementVertical_9461fa1d4f .numberDividerContainer_60851ecfd7 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText_5f524528e4 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n.textPlacementVertical_9461fa1d4f .numberDividerContainer_60851ecfd7 .divider_601e6fe222 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px;\n  margin-inline-start: 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer_06bb606658 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_06bb606658.statusActiveNumberDividerContainer_00f22c76ad {\n  width: 40px;\n}\n.indicator_3fea40c5e9.clickable_40b91adc87 {\n  cursor: pointer;\n}\n.withAnimation_919ccdc8b0 {\n  animation: stepIndicatiorCirclePopElastic_79c0fc04e3 var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter_4b2fbb1a46 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive_90052a3e9a {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old state leaves */\n.swapExit_2953724f9e {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive_720fc43657 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n.numberContainer_edb06d315e {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText_7565ddda44 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon_1fc4ff8b0b {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer_147b0d86d4 {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer_147b0d86d4:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer_8d59b65ccb {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer_8d59b65ccb:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer_063c04ba65 {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer_063c04ba65:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer_5de9e88949 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer_5de9e88949:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer_961e5e7bb3 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer_961e5e7bb3.typeDangerNumberContainer_8d59b65ccb {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer_961e5e7bb3.typeSuccessNumberContainer_063c04ba65 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer_961e5e7bb3.typeDarkNumberContainer_5de9e88949 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer_6edc01b3de {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer_27e050625c {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n.statusPendingNumberContainer_27e050625c:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer_27e050625c.typeDangerNumberContainer_8d59b65ccb:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer_27e050625c.typeSuccessNumberContainer_063c04ba65:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer_27e050625c.typeDarkNumberContainer_5de9e88949:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic_9cf3a15356 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator_34a3815c4d",textContainer:"textContainer_57371055b5",sizeCompactTextContainer:"sizeCompactTextContainer_c7d2ec0e79",textContainerTitle:"textContainerTitle_0676cbb4b1",visuallyHidden:"visuallyHidden_1610439775",textContainerTitleText:"textContainerTitleText_85c8c1b519",textContainerSubtitleText:"textContainerSubtitleText_8d59cb026e",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_36d05ef0dc",textPlacementVertical:"textPlacementVertical_3dc16a69b8",numberDividerContainer:"numberDividerContainer_7b89b33640",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_024ebd0532",divider:"divider_e22d8f434c",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_4290d1beb6",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_8465296855",clickable:"clickable_796f490116",withAnimation:"withAnimation_6c42465937",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_aede23d92c",swapEnter:"swapEnter_402f2bd4f6",swapEnterActive:"swapEnterActive_7f7d100737",swapExit:"swapExit_a79ee14d5f",swapExitActive:"swapExitActive_121ab9ff1a",numberContainer:"numberContainer_6d63b2d530",numberContainerText:"numberContainerText_3d36a27dcf",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_96fdd9609c",typePrimaryNumberContainer:"typePrimaryNumberContainer_c97e99d0c3",typeDangerNumberContainer:"typeDangerNumberContainer_fc4424d9bb",typeSuccessNumberContainer:"typeSuccessNumberContainer_3c5134d39f",typeDarkNumberContainer:"typeDarkNumberContainer_7c0da38568",statusActiveNumberContainer:"statusActiveNumberContainer_99350f5a4c",sizeCompactNumberContainer:"sizeCompactNumberContainer_ce58fbdb32",statusPendingNumberContainer:"statusPendingNumberContainer_7ddddf30a7","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_77f4456022"};!function(n){const e="s_id-f6545f2945fe_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator_34a3815c4d {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_57371055b5 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-start: 16px;\n}\n\n.sizeCompactTextContainer_c7d2ec0e79 {\n  margin-inline-start: var(--space-8);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_0676cbb4b1 {\n  width: 100%;\n  margin-bottom: var(--space-4);\n}\n\n.textContainerTitle_0676cbb4b1 .visuallyHidden_1610439775 {\n  display: none;\n}\n\n.textContainerTitleText_85c8c1b519 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_8d59cb026e {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_36d05ef0dc {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_3dc16a69b8 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_3dc16a69b8 .textContainer_57371055b5 {\n  margin-inline-start: 0;\n  margin-top: var(--space-16);\n}\n\n.textPlacementVertical_3dc16a69b8 .numberDividerContainer_7b89b33640 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_024ebd0532 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_3dc16a69b8 .numberDividerContainer_7b89b33640 .divider_e22d8f434c {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px;\n  margin-inline-start: 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_4290d1beb6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_4290d1beb6.statusActiveNumberDividerContainer_8465296855 {\n  width: 40px;\n}\n\n.indicator_34a3815c4d.clickable_796f490116 {\n  cursor: pointer;\n}\n\n.withAnimation_6c42465937 {\n  animation: stepIndicatiorCirclePopElastic_aede23d92c var(--motion-expressive-short);\n}\n\n/* New state enters */\n.swapEnter_402f2bd4f6 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_7f7d100737 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n.swapExit_a79ee14d5f {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_121ab9ff1a {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_6d63b2d530 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_3d36a27dcf {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_96fdd9609c {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_c97e99d0c3 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_c97e99d0c3:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_fc4424d9bb {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_fc4424d9bb:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_3c5134d39f {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_3c5134d39f:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_7c0da38568 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_7c0da38568:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_99350f5a4c {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_99350f5a4c.typeDangerNumberContainer_fc4424d9bb {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_99350f5a4c.typeSuccessNumberContainer_3c5134d39f {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_99350f5a4c.typeDarkNumberContainer_7c0da38568 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_ce58fbdb32 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_7ddddf30a7 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_7ddddf30a7:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_7ddddf30a7.typeDangerNumberContainer_fc4424d9bb:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_7ddddf30a7.typeSuccessNumberContainer_3c5134d39f:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_7ddddf30a7.typeDarkNumberContainer_7c0da38568:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_77f4456022 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={numberField:"numberField_f10b032d44",label:"label_5a247a66ec",leftIcon:"leftIcon_95dcbe52b3"};!function(e){const n="s_id-043e6276934a_4_5_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_f10b032d44 {\n  width: 100%;\n}\n.numberField_f10b032d44 .label_5a247a66ec {\n  padding-bottom: 0;\n}\n.numberField_f10b032d44 .leftIcon_95dcbe52b3 {\n  color: var(--icon-color);\n}");export{e as default};
+var e={numberField:"numberField_83b910b9cd",label:"label_d258d96cfe",leftIcon:"leftIcon_10976e53b5"};!function(e){const n="s_id-043e6276934a_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_83b910b9cd {\n  width: 100%;\n}\n.numberField_83b910b9cd .label_d258d96cfe {\n  padding-bottom: 0;\n}\n.numberField_83b910b9cd .leftIcon_10976e53b5 {\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=NumberField.module.scss.js.map

package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={spinButton:"spinButton_1c0f12f79f",large:"large_c48cdfceda",icon:"icon_25813835d7",medium:"medium_2b5c04419a",small:"small_2507d424a3"};!function(n){const e="s_id-eb36452422c9_4_5_5";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)}(".spinButton_1c0f12f79f.large_c48cdfceda {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_1c0f12f79f.large_c48cdfceda .icon_25813835d7 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_1c0f12f79f.medium_2b5c04419a {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_1c0f12f79f.medium_2b5c04419a .icon_25813835d7 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_1c0f12f79f.small_2507d424a3 {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_1c0f12f79f.small_2507d424a3 .icon_25813835d7 {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
+var e={spinButton:"spinButton_a8cc9a9faf",large:"large_6e19109705",icon:"icon_adee989b80",medium:"medium_73d2056e4a",small:"small_c814a5947b"};!function(e){const n="s_id-eb36452422c9_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".spinButton_a8cc9a9faf.large_6e19109705 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_a8cc9a9faf.large_6e19109705 .icon_adee989b80 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_a8cc9a9faf.medium_73d2056e4a {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_a8cc9a9faf.medium_73d2056e4a .icon_adee989b80 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_a8cc9a9faf.small_c814a5947b {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_a8cc9a9faf.small_c814a5947b .icon_adee989b80 {\n  width: 14px;\n  height: 14px;\n}");export{e as default};
 //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={label:"label_cb2f1f7f34"};!function(e){const t="s_id-0e1723f4aae0_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_cb2f1f7f34 {\n  padding-inline-start: var(--space-4);\n}");export{e as default};
+var e={label:"label_31ba261b98"};!function(e){const t="s_id-0e1723f4aae0_4_5_3";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)}(".label_31ba261b98 {\n  padding-inline-start: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

package/dist/src/components/ProgressBars/ProgressBar/Bar/Bar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bar:"bar_c6b0f5df0d",typePrimaryPrimary:"typePrimaryPrimary_147b0d86d4",typePrimarySecondary:"typePrimarySecondary_ecba274179",typePrimaryPositive:"typePrimaryPositive_063c04ba65",typePrimaryNegative:"typePrimaryNegative_8d59b65ccb",typePrimaryWarning:"typePrimaryWarning_970e8ea460",typeSecondaryPrimary:"typeSecondaryPrimary_8a265e423f",typeSecondarySecondary:"typeSecondarySecondary_9ab175bbeb",typeSecondaryPositive:"typeSecondaryPositive_66ffef0026",typeSecondaryNegative:"typeSecondaryNegative_a423c63e50",typeSecondaryWarning:"typeSecondaryWarning_239cc31d88",animate:"animate_31281fd092"};!function(e){const r="s_id-42e81e30eb6c_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_c6b0f5df0d {\n  inset-inline-start: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_147b0d86d4 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_ecba274179 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_063c04ba65 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_8d59b65ccb {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_970e8ea460 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_8a265e423f {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_9ab175bbeb {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_66ffef0026 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_a423c63e50 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_239cc31d88 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_31281fd092 {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_3ebce9dfcb",typePrimaryPrimary:"typePrimaryPrimary_c97e99d0c3",typePrimarySecondary:"typePrimarySecondary_3263623d78",typePrimaryPositive:"typePrimaryPositive_3c5134d39f",typePrimaryNegative:"typePrimaryNegative_fc4424d9bb",typePrimaryWarning:"typePrimaryWarning_13f4294ad7",typeSecondaryPrimary:"typeSecondaryPrimary_570f54c0b8",typeSecondarySecondary:"typeSecondarySecondary_92fc752293",typeSecondaryPositive:"typeSecondaryPositive_23c8ff7942",typeSecondaryNegative:"typeSecondaryNegative_d8ced624fe",typeSecondaryWarning:"typeSecondaryWarning_ac0466db61",animate:"animate_0d8ac14c7d"};!function(e){const r="s_id-42e81e30eb6c_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_3ebce9dfcb {\n  inset-inline-start: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_c97e99d0c3 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_3263623d78 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_3c5134d39f {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_fc4424d9bb {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_13f4294ad7 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_92fc752293 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_23c8ff7942 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_d8ced624fe {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_ac0466db61 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_0d8ac14c7d {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/ProgressBar/ProgressBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_71542d2300",fullWidth:"fullWidth_f10b032d44",container:"container_614cf6b583",progressBar:"progressBar_45dcc66dee",completed:"completed_614cf6b583",label:"label_cb2f1f7f34",large:"large_5d58e1c543",medium:"medium_30eb8512d6",small:"small_2893683e39"};!function(e){const n="s_id-90665a136ed0_4_5_5";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_71542d2300 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_71542d2300.fullWidth_f10b032d44 {\n  width: 100%;\n}\n.wrapper_71542d2300.fullWidth_f10b032d44 .container_614cf6b583 {\n  border-radius: 0;\n}\n.wrapper_71542d2300.fullWidth_f10b032d44 .container_614cf6b583 .progressBar_45dcc66dee {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_71542d2300.fullWidth_f10b032d44 .container_614cf6b583 .progressBar_45dcc66dee.completed_614cf6b583 {\n  border-radius: 0;\n}\n.label_cb2f1f7f34 {\n  padding-inline-start: var(--space-4);\n}\n.large_5d58e1c543 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_30eb8512d6 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_2893683e39 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_614cf6b583 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_08346ffe5d",fullWidth:"fullWidth_83b910b9cd",container:"container_d70fd96ba2",progressBar:"progressBar_1834890c82",completed:"completed_d70fd96ba2",label:"label_31ba261b98",large:"large_2113edcb34",medium:"medium_bdca37d332",small:"small_fd2b441ee8"};!function(e){const n="s_id-90665a136ed0_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_08346ffe5d {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_08346ffe5d.fullWidth_83b910b9cd {\n  width: 100%;\n}\n.wrapper_08346ffe5d.fullWidth_83b910b9cd .container_d70fd96ba2 {\n  border-radius: 0;\n}\n.wrapper_08346ffe5d.fullWidth_83b910b9cd .container_d70fd96ba2 .progressBar_1834890c82 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_08346ffe5d.fullWidth_83b910b9cd .container_d70fd96ba2 .progressBar_1834890c82.completed_d70fd96ba2 {\n  border-radius: 0;\n}\n\n.label_31ba261b98 {\n  padding-inline-start: var(--space-4);\n}\n\n.large_2113edcb34 {\n  height: 8px;\n  line-height: 8px;\n}\n\n.medium_bdca37d332 {\n  height: 6px;\n  line-height: 6px;\n}\n\n.small_fd2b441ee8 {\n  height: 4px;\n  line-height: 4px;\n}\n\n.container_d70fd96ba2 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ProgressBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_2071ce1288",inputContainer:"inputContainer_06bb606658",input:"input_578a0f4c18",control:"control_c03bbdcedf",labelAnimation:"labelAnimation_7aa6215098",radioCheckedAnimation:"radioCheckedAnimation_9df9af5e7a",disabled:"disabled_09af5c33ff",label:"label_a7997c7d91"};!function(n){const e="s_id-f0fb17b54d8d_4_5_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_2071ce1288 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_06bb606658 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_578a0f4c18 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_c03bbdcedf {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\ninput:checked + .control_c03bbdcedf {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_7aa6215098 {\n  animation-name: radioCheckedAnimation_9df9af5e7a;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_c03bbdcedf {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_c03bbdcedf {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_2071ce1288.disabled_09af5c33ff {\n  cursor: not-allowed;\n}\n.radioButton_2071ce1288.disabled_09af5c33ff .label_a7997c7d91 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_06bb606658 input:focus-visible + .control_c03bbdcedf {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n.radioButton_2071ce1288:hover .inputContainer_06bb606658 input:enabled:checked + .control_c03bbdcedf {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_2071ce1288:hover .inputContainer_06bb606658 input:enabled:not(:checked) + .control_c03bbdcedf,\n.radioButton_2071ce1288:focus-within .inputContainer_06bb606658 input:enabled:not(:checked) + .control_c03bbdcedf {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_9df9af5e7a {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton_8f39f525af",inputContainer:"inputContainer_4290d1beb6",input:"input_096678fab6",control:"control_b07f22cec6",labelAnimation:"labelAnimation_78c31730cc",radioCheckedAnimation:"radioCheckedAnimation_ab360a0705",disabled:"disabled_5bfcde4c6e",label:"label_4869e95406"};!function(n){const e="s_id-f0fb17b54d8d_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_8f39f525af {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_4290d1beb6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_096678fab6 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_b07f22cec6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_b07f22cec6 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_78c31730cc {\n  animation-name: radioCheckedAnimation_ab360a0705;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_b07f22cec6 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_b07f22cec6 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_8f39f525af.disabled_5bfcde4c6e {\n  cursor: not-allowed;\n}\n\n.radioButton_8f39f525af.disabled_5bfcde4c6e .label_4869e95406 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_4290d1beb6 input:focus-visible + .control_b07f22cec6 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_8f39f525af:hover .inputContainer_4290d1beb6 input:enabled:checked + .control_b07f22cec6 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_8f39f525af:hover .inputContainer_4290d1beb6 input:enabled:not(:checked) + .control_b07f22cec6,\n.radioButton_8f39f525af:focus-within .inputContainer_4290d1beb6 input:enabled:not(:checked) + .control_b07f22cec6 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_ab360a0705 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_353212b98a",search:"search_19e752a095",loader:"loader_54971d5a75",icon:"icon_59d0f9bbed",empty:"empty_588d47efda"};!function(e){const a="s_id-7351621e5f98_4_5_5";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_353212b98a .search_19e752a095 {\n  appearance: textfield;\n}\n.searchWrapper_353212b98a .search_19e752a095::-webkit-search-cancel-button, .searchWrapper_353212b98a .search_19e752a095::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_353212b98a .loader_54971d5a75 {\n  margin-inline-end: var(--space-4);\n}\n.searchWrapper_353212b98a .icon_59d0f9bbed {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_353212b98a .icon_59d0f9bbed.empty_588d47efda {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_7e545a1b09",search:"search_3fe8445069",loader:"loader_d617606651",icon:"icon_cc75984557",empty:"empty_3834ab2c61"};!function(e){const a="s_id-7351621e5f98_4_5_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_7e545a1b09 .search_3fe8445069 {\n  appearance: textfield;\n}\n.searchWrapper_7e545a1b09 .search_3fe8445069::-webkit-search-cancel-button, .searchWrapper_7e545a1b09 .search_3fe8445069::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_7e545a1b09 .loader_d617606651 {\n  margin-inline-end: var(--space-4);\n}\n.searchWrapper_7e545a1b09 .icon_cc75984557 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_7e545a1b09 .icon_cc75984557.empty_3834ab2c61 {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as e,toConsumableArray as t,defineProperty as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useState as a,useRef as r,useCallback as l}from"react";import s from"classnames";import{isNil as d}from"es-toolkit";import{getTestId as c,ComponentDefaultTestId as m}from"../../tests/testIds.js";import{ComponentVibeId as u}from"../../tests/constants.js";import f from"./SegmentedControl.module.scss.js";import v from"../../../components/icon/dist/Icon/Icon.js";import p from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import{useMergeRef as b}from"../../../shared/dist/hooks/useMergeRef.js";var g={xs:14,small:16,medium:16,large:20},h={xs:f.sizeXs,small:f.sizeSmall,medium:f.sizeMedium,large:f.sizeLarge},E=function(e){var t=e.option,n=e.index,i=e.isSelected,a=e.onSelect,r=o.createElement("button",{ref:e.segmentRef,type:"button",role:"radio",className:f.segment,"aria-checked":i,"aria-disabled":e.isDisabled\|\|void 0,tabIndex:i\|\|-1===e.selectedIndex&&0===n?0:-1,onClick:function(){return a(n)},onKeyDown:e.onKeyDown},o.createElement("span",{className:f.segmentContent},t.icon&&o.createElement(v,{icon:t.icon,size:e.iconSize,className:f.segmentIcon}),t.label));return d(t.tooltip)?r:o.createElement(p,{content:t.tooltip,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},r)},x=i((function(i,d){var v,p=i.className,x=i.id,y=i["data-testid"],D=i.options,w=i.value,I=i.defaultValue,N=i.onChange,S=i.size,k=void 0===S?"medium":S,z=i.disabled,T=void 0!==z&&z,C=i.fullWidth,j=void 0!==C&&C,A=i.ariaLabel,R=i["aria-labelledby"],L=a(null!=I?I:null===(v=D[0])\|\|void 0===v?void 0:v.value),M=e(L,2),O=M[0],_=M[1],H=r([]),K=r(null),G=b(d,K),P=void 0!==w,W=P?w:O,B=D.findIndex((function(e){return e.value===W})),U=-1===B?0:B,V=g[k],X=l((function(e){var t,n=D[e];!n\|\|n.disabled\|\|T\|\|(P\|\|_(n.value),null==N\|\|N(n.value),null===(t=H.current[e])\|\|void 0===t\|\|t.focus())}),[D,T,P,N]),q=l((function(e){for(var t,n=D.length,o=-1===B?0:B,i=1;n>=i;i++){var a=(o+ei+nn)%n;if(!(null===(t=D[a])\|\|void 0===t?void 0:t.disabled))return void X(a)}}),[D,B,X]),F=l((function(e){if(!T)switch(e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),q(1);break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),q(-1);break;case"Home":e.preventDefault(),X(D.findIndex((function(e){return!e.disabled})));break;case"End":e.preventDefault();var n=t(D).reverse().findIndex((function(e){return!e.disabled}));-1!==n&&X(D.length-1-n)}}),[T,q,D,X]);return o.createElement("div",{ref:G,id:x,role:"radiogroup","aria-label":R?void 0:A,"aria-labelledby":R,"aria-disabled":T\|\|void 0,className:s(f.segmentedControl,h[k],p,n(n({},f.fullWidth,j),f.disabled,T)),"data-testid":y\|\|c(m.SEGMENTED_CONTROL,x),"data-vibe":u.SEGMENTED_CONTROL,"data-size":k,style:{"--segment-count":D.length,"--selected-index":U}},o.createElement("span",{"aria-hidden":"true",className:s(f.thumb,n({},f.thumbHidden,-1===B))}),D.map((function(e,t){return o.createElement(E,{key:e.value,option:e,index:t,isSelected:t===B,isDisabled:T\|\|!!e.disabled,selectedIndex:B,iconSize:V,onSelect:X,onKeyDown:F,segmentRef:function(e){H.current[t]=e}})})))}));export{x as default};
2	+ //# sourceMappingURL=SegmentedControl.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState, type CSSProperties, type KeyboardEvent } from \"react\";\nimport cx from \"classnames\";\nimport { isNil } from \"es-toolkit\";\nimport { Icon } from \"@vibe/icon\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport {\n type SegmentedControlOption,\n type SegmentedControlProps,\n type SegmentedControlSize\n} from \"./SegmentedControl.types\";\nimport styles from \"./SegmentedControl.module.scss\";\n\nconst ICON_SIZE_BY_CONTROL_SIZE: Record<SegmentedControlSize, number> = {\n xs: 14,\n small: 16,\n medium: 16,\n large: 20\n};\n\nconst SIZE_CLASS_MAP: Record<SegmentedControlSize, string> = {\n xs: styles.sizeXs,\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge\n};\n\ntype SegmentButtonProps = {\n option: SegmentedControlOption;\n index: number;\n isSelected: boolean;\n isDisabled: boolean;\n selectedIndex: number;\n iconSize: number;\n onSelect: (index: number) => void;\n onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;\n segmentRef: (element: HTMLButtonElement | null) => void;\n};\n\nconst SegmentButton = ({\n option,\n index,\n isSelected,\n isDisabled,\n selectedIndex,\n iconSize,\n onSelect,\n onKeyDown,\n segmentRef\n}: SegmentButtonProps) => {\n const button = (\n <button\n ref={segmentRef}\n type=\"button\"\n role=\"radio\"\n className={styles.segment}\n aria-checked={isSelected}\n aria-disabled={isDisabled || undefined}\n tabIndex={isSelected || (selectedIndex === -1 && index === 0) ? 0 : -1}\n onClick={() => onSelect(index)}\n onKeyDown={onKeyDown}\n >\n <span className={styles.segmentContent}>\n {option.icon && <Icon icon={option.icon} size={iconSize} className={styles.segmentIcon} />}\n {option.label}\n </span>\n </button>\n );\n\n if (!isNil(option.tooltip)) {\n return (\n <Tooltip content={option.tooltip} showTrigger={[\"mouseenter\"]} hideTrigger={[\"mouseleave\"]}>\n {button}\n </Tooltip>\n );\n }\n\n return button;\n};\n\nconst SegmentedControl = forwardRef(\n (\n {\n className,\n id,\n \"data-testid\": dataTestId,\n options,\n value,\n defaultValue,\n onChange,\n size = \"medium\",\n disabled = false,\n fullWidth = false,\n ariaLabel,\n \"aria-labelledby\": ariaLabelledby\n }: SegmentedControlProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? options[0]?.value);\n const segmentRefs = useRef<Array<HTMLButtonElement | null>>([]);\n const internalRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRef(ref, internalRef);\n\n const isControlled = value !== undefined;\n const selectedValue = isControlled ? value : uncontrolledValue;\n const selectedIndex = options.findIndex(option => option.value === selectedValue);\n const resolvedSelectedIndex = selectedIndex === -1 ? 0 : selectedIndex;\n const iconSize = ICON_SIZE_BY_CONTROL_SIZE[size];\n\n const select = useCallback(\n (index: number) => {\n const option = options[index];\n if (!option || option.disabled || disabled) return;\n if (!isControlled) setUncontrolledValue(option.value);\n onChange?.(option.value);\n segmentRefs.current[index]?.focus();\n },\n [options, disabled, isControlled, onChange]\n );\n\n const moveBy = useCallback(\n (step: number) => {\n const count = options.length;\n const from = selectedIndex === -1 ? 0 : selectedIndex;\n for (let offset = 1; offset <= count; offset++) {\n const next = (from + step * offset + count * count) % count;\n if (!options[next]?.disabled) {\n select(next);\n return;\n }\n }\n },\n [options, selectedIndex, select]\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>) => {\n if (disabled) return;\n\n switch (event.key) {\n case \"ArrowRight\":\n case \"ArrowDown\":\n event.preventDefault();\n moveBy(1);\n break;\n case \"ArrowLeft\":\n case \"ArrowUp\":\n event.preventDefault();\n moveBy(-1);\n break;\n case \"Home\":\n event.preventDefault();\n select(options.findIndex(option => !option.disabled));\n break;\n case \"End\": {\n event.preventDefault();\n const lastEnabled = [...options].reverse().findIndex(option => !option.disabled);\n if (lastEnabled !== -1) select(options.length - 1 - lastEnabled);\n break;\n }\n default:\n break;\n }\n },\n [disabled, moveBy, options, select]\n );\n\n return (\n <div\n ref={mergedRef}\n id={id}\n role=\"radiogroup\"\n aria-label={ariaLabelledby ? undefined : ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-disabled={disabled || undefined}\n className={cx(styles.segmentedControl, SIZE_CLASS_MAP[size], className, {\n [styles.fullWidth]: fullWidth,\n [styles.disabled]: disabled\n })}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEGMENTED_CONTROL, id)}\n data-vibe={ComponentVibeId.SEGMENTED_CONTROL}\n data-size={size}\n style={\n {\n \"--segment-count\": options.length,\n \"--selected-index\": resolvedSelectedIndex\n } as CSSProperties\n }\n >\n <span\n aria-hidden=\"true\"\n className={cx(styles.thumb, {\n [styles.thumbHidden]: selectedIndex === -1\n })}\n />\n {options.map((option, index) => {\n const isSelected = index === selectedIndex;\n const isDisabled = disabled || Boolean(option.disabled);\n\n return (\n <SegmentButton\n key={option.value}\n option={option}\n index={index}\n isSelected={isSelected}\n isDisabled={isDisabled}\n selectedIndex={selectedIndex}\n iconSize={iconSize}\n onSelect={select}\n onKeyDown={onKeyDown}\n segmentRef={element => {\n segmentRefs.current[index] = element;\n }}\n />\n );\n })}\n </div>\n );\n }\n);\n\nexport default SegmentedControl;\n"],"names":["ICON_SIZE_BY_CONTROL_SIZE","xs","small","medium","large","SIZE_CLASS_MAP","styles","sizeXs","sizeSmall","sizeMedium","sizeLarge","SegmentButton","_ref","option","index","isSelected","onSelect","button","React","createElement","ref","segmentRef","type","role","className","segment","isDisabled","undefined","tabIndex","selectedIndex","onClick","onKeyDown","segmentContent","icon","Icon","size","iconSize","segmentIcon","label","isNil","tooltip","Tooltip","content","showTrigger","hideTrigger","SegmentedControl","forwardRef","_ref2","id","dataTestId","options","value","defaultValue","onChange","_ref2$size","_ref2$disabled","disabled","_ref2$fullWidth","fullWidth","ariaLabel","ariaLabelledby","_useState","useState","_a","_useState2","_slicedToArray","uncontrolledValue","setUncontrolledValue","segmentRefs","useRef","internalRef","mergedRef","useMergeRef","isControlled","selectedValue","findIndex","resolvedSelectedIndex","select","useCallback","current","focus","moveBy","step","count","length","from","offset","next","event","key","preventDefault","lastEnabled","_toConsumableArray","reverse","cx","segmentedControl","_defineProperty","getTestId","ComponentDefaultTestId","SEGMENTED_CONTROL","ComponentVibeId","style","thumb","thumbHidden","map","element"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
1	+ var n={segmentedControl:"segmentedControl_4d4b547af7",fullWidth:"fullWidth_83b910b9cd",disabled:"disabled_3444477c40",thumb:"thumb_93b60180af",thumbHidden:"thumbHidden_3834ab2c61",segment:"segment_b24e402f0c",segmentContent:"segmentContent_806260d1ba",segmentIcon:"segmentIcon_10976e53b5",sizeXs:"sizeXs_2dfc1e9bdb",sizeSmall:"sizeSmall_2144b5fd87",sizeMedium:"sizeMedium_3f1d61d0ca",sizeLarge:"sizeLarge_f728439a71"};!function(n){const e="s_id-72704adb4ec4_4_5_3";if("undefined"!=typeof document){const t=document.head\|\|document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl_4d4b547af7 {\n --track-padding: var(--space-2);\n --segment-radius: var(--border-radius-small);\n position: relative;\n display: inline-grid;\n grid-template-columns: repeat(var(--segment-count), 1fr);\n gap: var(--space-2);\n align-items: stretch;\n padding: var(--track-padding);\n background: var(--allgrey-background-color);\n border-radius: calc(var(--segment-radius) + var(--track-padding));\n isolation: isolate;\n}\n\n.fullWidth_83b910b9cd {\n width: 100%;\n}\n\n.disabled_3444477c40 {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.thumb_93b60180af {\n position: absolute;\n z-index: 0;\n inset-block: var(--track-padding);\n inset-inline-start: var(--track-padding);\n width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n transform: translateX(calc(var(--selected-index) * 100%));\n background: var(--primary-background-color);\n border-radius: var(--segment-radius);\n box-shadow: var(--box-shadow-xs), 0 0 3px 1px var(--ui-border-color);\n transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden_3834ab2c61 {\n opacity: 0;\n}\n\n.segment_b24e402f0c {\n position: relative;\n z-index: 1;\n gap: var(--space-4);\n padding-inline: var(--space-12);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n border: none;\n border-radius: var(--segment-radius);\n color: var(--primary-text-color);\n font: inherit;\n white-space: nowrap;\n transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n cursor: pointer;\n user-select: none;\n}\n.segment_b24e402f0c:hover {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 8%, transparent);\n}\n.segment_b24e402f0c:active {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 10%, transparent);\n scale: 0.98;\n}\n\n.segment_b24e402f0c:focus-visible {\n outline: 2px solid var(--primary-color);\n outline-offset: -2px;\n}\n\n.segment_b24e402f0c[aria-checked=true] {\n color: var(--primary-text-color);\n}\n.segment_b24e402f0c[aria-checked=true]:hover, .segment_b24e402f0c[aria-checked=true]:active {\n background: transparent;\n scale: 1;\n}\n\n.segment_b24e402f0c[aria-disabled=true] {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.segment_b24e402f0c[aria-disabled=true]:hover, .segment_b24e402f0c[aria-disabled=true]:active {\n color: var(--disabled-text-color);\n background: transparent;\n scale: 1;\n}\n\n.segmentContent_806260d1ba {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n}\n\n.segmentIcon_10976e53b5 {\n color: var(--icon-color);\n}\n\n.segment_b24e402f0c:hover .segmentIcon_10976e53b5,\n.segment_b24e402f0c:active .segmentIcon_10976e53b5,\n.segment_b24e402f0c[aria-checked=true] .segmentIcon_10976e53b5 {\n color: var(--primary-text-color);\n}\n\n.segment_b24e402f0c[aria-disabled=true] .segmentIcon_10976e53b5 {\n color: var(--disabled-text-color);\n}\n\n.sizeXs_2dfc1e9bdb {\n height: 24px;\n font-size: 12px;\n}\n\n.sizeSmall_2144b5fd87 {\n height: 32px;\n font-size: 14px;\n}\n\n.sizeMedium_3f1d61d0ca {\n height: 40px;\n font-size: 14px;\n}\n\n.sizeLarge_f728439a71 {\n height: 48px;\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .thumb_93b60180af,\n .segment_b24e402f0c {\n transition: none;\n }\n}");export{n as default};
2	+ //# sourceMappingURL=SegmentedControl.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_dc7e810566",rectangle:"rectangle_687534267f",shine:"shine_ba5a85d90e",circle:"circle_1e91a45588",text:"text_d84778459b",textH1:"textH1_6654dc9a82",textH2:"textH2_a0fbcec357",textH3:"textH3_a0fbcec357",textH4:"textH4_60b1f7cd31",textH5:"textH5_e36cd82433",textH6:"textH6_9dca662a7e",textSmall:"textSmall_0531db500e",textCustom:"textCustom_9dca662a7e",fullWidth:"fullWidth_f10b032d44"};!function(n){const e="s_id-41cda04b2bc0_4_5_5";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_dc7e810566 {\n  display: flex;\n}\n\n.rectangle_687534267f {\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_ba5a85d90e;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_ba5a85d90e {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_1e91a45588 {\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_ba5a85d90e;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_ba5a85d90e {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_d84778459b {\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_ba5a85d90e;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_ba5a85d90e {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_6654dc9a82 {\n  height: 32px;\n}\n\n.textH2_a0fbcec357 {\n  height: 24px;\n}\n\n.textH3_a0fbcec357 {\n  height: 24px;\n}\n\n.textH4_60b1f7cd31 {\n  height: 21px;\n}\n\n.textH5_e36cd82433 {\n  height: 16px;\n}\n\n.textH6_9dca662a7e {\n  height: 12px;\n}\n\n.textSmall_0531db500e,\n.textCustom_9dca662a7e {\n  height: 12px;\n}\n\n.fullWidth_f10b032d44 {\n  width: 100%;\n}\n\n.skeleton_dc7e810566:not(.fullWidth_f10b032d44) .text_d84778459b {\n  width: 162px;\n}\n\n.skeleton_dc7e810566:not(.fullWidth_f10b032d44) .circle_1e91a45588 {\n  width: 40px;\n}\n\n.skeleton_dc7e810566:not(.fullWidth_f10b032d44) .rectangle_687534267f {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_c2bbd0cd54",rectangle:"rectangle_b0b76e7ecc",shine:"shine_5d50d0b5c8",circle:"circle_04fe7fac83",text:"text_a42f547397",textH1:"textH1_d4a9982e1b",textH2:"textH2_6c75dde5a9",textH3:"textH3_6c75dde5a9",textH4:"textH4_f84ace5477",textH5:"textH5_97d1de46ad",textH6:"textH6_23a20236fd",textSmall:"textSmall_bb4bcd41b8",textCustom:"textCustom_23a20236fd",fullWidth:"fullWidth_83b910b9cd"};!function(n){const t="s_id-41cda04b2bc0_4_5_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton_c2bbd0cd54 {\n  display: flex;\n}\n\n.rectangle_b0b76e7ecc {\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_5d50d0b5c8;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine_5d50d0b5c8 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_04fe7fac83 {\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_5d50d0b5c8;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine_5d50d0b5c8 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_a42f547397 {\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_5d50d0b5c8;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine_5d50d0b5c8 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_d4a9982e1b {\n  height: 32px;\n}\n\n.textH2_6c75dde5a9 {\n  height: 24px;\n}\n\n.textH3_6c75dde5a9 {\n  height: 24px;\n}\n\n.textH4_f84ace5477 {\n  height: 21px;\n}\n\n.textH5_97d1de46ad {\n  height: 16px;\n}\n\n.textH6_23a20236fd {\n  height: 12px;\n}\n\n.textSmall_bb4bcd41b8,\n.textCustom_23a20236fd {\n  height: 12px;\n}\n\n.fullWidth_83b910b9cd {\n  width: 100%;\n}\n\n.skeleton_c2bbd0cd54:not(.fullWidth_83b910b9cd) .text_a42f547397 {\n  width: 162px;\n}\n.skeleton_c2bbd0cd54:not(.fullWidth_83b910b9cd) .circle_04fe7fac83 {\n  width: 40px;\n}\n.skeleton_c2bbd0cd54:not(.fullWidth_83b910b9cd) .rectangle_b0b76e7ecc {\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_c982f997f9",slideForward:"slideForward_0fa7900f60",slideInForward:"slideInForward_0abd254bdb",slideBackward:"slideBackward_6c0c22fcca",slideInBackward:"slideInBackward_0ca4ffe6c1"};!function(e){const n="s_id-17fe3dfbe840_4_5_5";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)}(".slide_c982f997f9 {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward_0fa7900f60 {\n  animation: slideInForward_0abd254bdb 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward_6c0c22fcca {\n  animation: slideInBackward_0ca4ffe6c1 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward_0abd254bdb {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInBackward_0ca4ffe6c1 {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}");export{e as default};
+var e={slide:"slide_2d6db05b57",slideForward:"slideForward_b1b1f79a7d",slideInForward:"slideInForward_0edff6cb83",slideBackward:"slideBackward_099fa65dde",slideInBackward:"slideInBackward_292c9a2c8c"};!function(e){const d="s_id-17fe3dfbe840_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".slide_2d6db05b57 {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward_b1b1f79a7d {\n  animation: slideInForward_0edff6cb83 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward_099fa65dde {\n  animation: slideInBackward_292c9a2c8c 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward_0edff6cb83 {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInBackward_292c9a2c8c {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\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_41abe702a6"};!function(e){const t="s_id-8b539873b4f7_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_41abe702a6.selectionIndicator_41abe702a6.selectionIndicator_41abe702a6 {\n  text-align: center;\n  padding: var(--space-8);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_ad2bc23c2e"};!function(e){const t="s_id-8b539873b4f7_4_5_3";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_ad2bc23c2e.selectionIndicator_ad2bc23c2e.selectionIndicator_ad2bc23c2e {\n  text-align: center;\n  padding: var(--space-8);\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_e700dbb983",valueShown:"valueShown_e1e8422c7d",positionTop:"positionTop_57b3c1c3dd",positionBottom:"positionBottom_eb2325a5a4"};!function(e){const n="s_id-4e41ea5b2e41_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_e700dbb983 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_e1e8422c7d.positionTop_57b3c1c3dd {\n  margin-top: 10px;\n}\n\n.valueShown_e1e8422c7d.positionBottom_eb2325a5a4 {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_5444b0db0f",valueShown:"valueShown_4e03506269",positionTop:"positionTop_bf4bf08ae0",positionBottom:"positionBottom_7d935a33c4"};!function(e){const n="s_id-4e41ea5b2e41_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_5444b0db0f {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_4e03506269.positionTop_bf4bf08ae0 {\n  margin-top: 10px;\n}\n.valueShown_4e03506269.positionBottom_7d935a33c4 {\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_27833f3024",disabled:"disabled_043d90611e",small:"small_4596242fea",medium:"medium_df92e3be71",large:"large_df92e3be71"};!function(e){const n="s_id-2512e1e86422_4_5_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_27833f3024 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_043d90611e {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_043d90611e * {\n  pointer-events: none;\n}\n\n.small_4596242fea {\n  padding: 0 var(--space-8);\n}\n\n.medium_df92e3be71 {\n  padding: 0 12px;\n}\n\n.large_df92e3be71 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_3bbee0df56",disabled:"disabled_b34a04bc12",small:"small_65e85bb6e6",medium:"medium_d2e3d9d314",large:"large_d2e3d9d314"};!function(e){const n="s_id-2512e1e86422_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_3bbee0df56 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_b34a04bc12 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n.disabled_b34a04bc12 * {\n  pointer-events: none;\n}\n\n.small_65e85bb6e6 {\n  padding: 0 var(--space-8);\n}\n\n.medium_d2e3d9d314 {\n  padding: 0 12px;\n}\n\n.large_d2e3d9d314 {\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_36d12b4aa2",positive:"positive_063c04ba65",negative:"negative_8d59b65ccb"};!function(e){const n="s_id-bb386829c5aa_4_5_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_36d12b4aa2 {\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_063c04ba65 {\n  background-color: var(--positive-color);\n}\n\n.negative_8d59b65ccb {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_a95ef61b2f",positive:"positive_3c5134d39f",negative:"negative_fc4424d9bb"};!function(e){const n="s_id-bb386829c5aa_4_5_3";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_a95ef61b2f {\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_3c5134d39f {\n  background-color: var(--positive-color);\n}\n\n.negative_fc4424d9bb {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map