npm - @vibe/core - Versions diffs - 3.82.3 → 3.83.1 - Mend

@vibe/core 3.82.3 → 3.83.1

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 (960) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooterBase.js","sources":["../../../../../../src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport styles from \"./ModalFooterBase.module.scss\";\nimport { Button } from \"@vibe/button\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalFooterBaseProps } from \"./ModalFooterBase.types\";\nimport cx from \"classnames\";\nimport { Tooltip } from \"~~../../../Tooltip~~\";\n\nconst ModalFooterBase = forwardRef(\n (\n { primaryButton, secondaryButton, renderAction, id, className, \"data-testid\": dataTestId }: ModalFooterBaseProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const {\n text: primaryButtonText,\n tooltipProps: primaryButtonTooltipProps = {},\n ...primaryButtonProps\n } = primaryButton;\n const {\n text: secondaryButtonText,\n tooltipProps: secondaryButtonTooltipProps = {},\n ...secondaryButtonProps\n } = secondaryButton \|\| {};\n\n return (\n <Flex\n ref={ref}\n id={id}\n justify=\"space-between\"\n gap=\"small\"\n className={cx(styles.footer, className)}\n data-testid={dataTestId}\n >\n <Tooltip {...primaryButtonTooltipProps} content={primaryButtonTooltipProps.content}>\n <Button {...primaryButtonProps}>{primaryButtonText}</Button>\n </Tooltip>\n {secondaryButton && (\n <Tooltip {...secondaryButtonTooltipProps} content={secondaryButtonTooltipProps.content}>\n <Button {...secondaryButtonProps} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n </Tooltip>\n )}\n {renderAction}\n </Flex>\n );\n }\n);\n\nexport default ModalFooterBase;\n"],"names":["ModalFooterBase","forwardRef","_ref","ref","primaryButton","secondaryButton","renderAction","id","className","dataTestId","primaryButtonText","text","_primaryButton$toolti","tooltipProps","primaryButtonTooltipProps","primaryButtonProps","__rest","_a","secondaryButtonText","_a$tooltipProps","secondaryButtonTooltipProps","secondaryButtonProps","React","createElement","Flex","justify","gap","cx","styles","footer","Tooltip","content","Button","Object","assign","kind"],"mappings":"~~8VAQMA~~,IAAAA,EAAkBC,GACtB,SAAAC,EAEEC,GACE,IAFAC,EAAaF,EAAbE,cAAeC,EAAeH,EAAfG,gBAAiBC,EAAYJ,EAAZI,aAAcC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAIvDQ,EAGJN,EAHFO,KAAIC,EAGFR,EAFFS,aAAcC,OAAyB,IAAAF,EAAG,CAAE,EAAAA,EACzCG,EAAkBC,EACnBZ,EAJE,CAAA,OAAA,iBAKAa,EAIFZ,GAAmB,CAAE,EAHjBa,EACwCD,EAD9CN,KAAIQ,EAC0CF,EAA9CJ,aAAcO,OAA2B,IAAAD,EAAG,CAAE,EAAAA,EAC3CE,EAAoBL,EAAAC,EAHnB,CAIL,OAAA,iBAED,OACEK,EAAAC,cAACC,EAAI,CACHrB,IAAKA,EACLI,GAAIA,EACJkB,QAAQ,gBACRC,IAAI,QACJlB,UAAWmB,EAAGC,EAAOC,OAAQrB,iBAChBC,GAEba,EAACC,cAAAO,mBAAYhB,EAAyB,CAAEiB,QAASjB,EAA0BiB,UACzET,EAAAC,cAACS,EAAWC,OAAAC,OAAA,CAAA,EAAAnB,GAAqBL,IAElCL,GACCiB,EAAAC,cAACO,EAAOG,OAAAC,OAAA,CAAA,EAAKd,EAA2B,CAAEW,QAASX,EAA4BW,UAC7ET,EAACC,cAAAS,EAAWC,OAAAC,OAAA,CAAA,EAAAb,EAAsB,CAAAc,KAAK,aACpCjB,IAINZ,EAGP"}
1	+ {"version":3,"file":"ModalFooterBase.js","sources":["../../../../../../src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport styles from \"./ModalFooterBase.module.scss\";\nimport { Button } from \"@vibe/button\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalFooterBaseProps } from \"./ModalFooterBase.types\";\nimport cx from \"classnames\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\nconst ModalFooterBase = forwardRef(\n (\n { primaryButton, secondaryButton, renderAction, id, className, \"data-testid\": dataTestId }: ModalFooterBaseProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const {\n text: primaryButtonText,\n tooltipProps: primaryButtonTooltipProps = {},\n ...primaryButtonProps\n } = primaryButton;\n const {\n text: secondaryButtonText,\n tooltipProps: secondaryButtonTooltipProps = {},\n ...secondaryButtonProps\n } = secondaryButton \|\| {};\n\n return (\n <Flex\n ref={ref}\n id={id}\n justify=\"space-between\"\n gap=\"small\"\n className={cx(styles.footer, className)}\n data-testid={dataTestId}\n >\n <Tooltip {...primaryButtonTooltipProps} content={primaryButtonTooltipProps.content}>\n <Button {...primaryButtonProps}>{primaryButtonText}</Button>\n </Tooltip>\n {secondaryButton && (\n <Tooltip {...secondaryButtonTooltipProps} content={secondaryButtonTooltipProps.content}>\n <Button {...secondaryButtonProps} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n </Tooltip>\n )}\n {renderAction}\n </Flex>\n );\n }\n);\n\nexport default ModalFooterBase;\n"],"names":["ModalFooterBase","forwardRef","_ref","ref","primaryButton","secondaryButton","renderAction","id","className","dataTestId","primaryButtonText","text","_primaryButton$toolti","tooltipProps","primaryButtonTooltipProps","primaryButtonProps","__rest","_a","secondaryButtonText","_a$tooltipProps","secondaryButtonTooltipProps","secondaryButtonProps","React","createElement","Flex","justify","gap","cx","styles","footer","Tooltip","content","Button","Object","assign","kind"],"mappings":"4XAQMA,IAAAA,EAAkBC,GACtB,SAAAC,EAEEC,GACE,IAFAC,EAAaF,EAAbE,cAAeC,EAAeH,EAAfG,gBAAiBC,EAAYJ,EAAZI,aAAcC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAIvDQ,EAGJN,EAHFO,KAAIC,EAGFR,EAFFS,aAAcC,OAAyB,IAAAF,EAAG,CAAE,EAAAA,EACzCG,EAAkBC,EACnBZ,EAJE,CAAA,OAAA,iBAKAa,EAIFZ,GAAmB,CAAE,EAHjBa,EACwCD,EAD9CN,KAAIQ,EAC0CF,EAA9CJ,aAAcO,OAA2B,IAAAD,EAAG,CAAE,EAAAA,EAC3CE,EAAoBL,EAAAC,EAHnB,CAIL,OAAA,iBAED,OACEK,EAAAC,cAACC,EAAI,CACHrB,IAAKA,EACLI,GAAIA,EACJkB,QAAQ,gBACRC,IAAI,QACJlB,UAAWmB,EAAGC,EAAOC,OAAQrB,iBAChBC,GAEba,EAACC,cAAAO,mBAAYhB,EAAyB,CAAEiB,QAASjB,EAA0BiB,UACzET,EAAAC,cAACS,EAAWC,OAAAC,OAAA,CAAA,EAAAnB,GAAqBL,IAElCL,GACCiB,EAAAC,cAACO,EAAOG,OAAAC,OAAA,CAAA,EAAKd,EAA2B,CAAEW,QAASX,EAA4BW,UAC7ET,EAACC,cAAAS,EAAWC,OAAAC,OAAA,CAAA,EAAAb,EAAsB,CAAAc,KAAK,aACpCjB,IAINZ,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={footer:"footer_5f8d40cdaf"};!function(e){const t="s_id-23913bf713c7_3_82_2";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)}(".footer_5f8d40cdaf {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_a4f363c9a5"};!function(e){const t="s_id-23913bf713c7_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_a4f363c9a5 {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\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_f21ab30ade",secondary:"secondary_761c633c3c",stepDots:"stepDots_8629ce4adc"};!function(e){const n="s_id-51737ad1ac1f_3_82_2";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_f21ab30ade {\n  order: 2;\n}\n\n.secondary_761c633c3c {\n  order: 1;\n}\n\n.stepDots_8629ce4adc {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_aa5a10e150",secondary:"secondary_4e6fa857f5",stepDots:"stepDots_e560b6f34e"};!function(e){const n="s_id-51737ad1ac1f_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_aa5a10e150 {\n  order: 2;\n}\n\n.secondary_4e6fa857f5 {\n  order: 1;\n}\n\n.stepDots_e560b6f34e {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_082b7fdda0",header:"header_39343721ac",divider:"divider_9431fb62ce",showDivider:"showDivider_7853758aeb",content:"content_533cb78966"};!function(e){const n="s_id-b8093a4a9ca9_3_82_2";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)}(".layout_082b7fdda0 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_082b7fdda0 .header_39343721ac {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_082b7fdda0 .divider_9431fb62ce {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_082b7fdda0 .divider_9431fb62ce.showDivider_7853758aeb {\n  opacity: 1;\n}\n.layout_082b7fdda0 .content_533cb78966 {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
+var e={layout:"layout_4c36366eae",header:"header_573226cd18",divider:"divider_b0b84beab1",showDivider:"showDivider_52bb10b270",content:"content_7626f7779f"};!function(e){const n="s_id-b8093a4a9ca9_3_83_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_4c36366eae {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_4c36366eae .header_573226cd18 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_4c36366eae .divider_b0b84beab1 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_4c36366eae .divider_b0b84beab1.showDivider_52bb10b270 {\n  opacity: 1;\n}\n.layout_4c36366eae .content_7626f7779f {\n  padding-block-end: var(--spacing-xl);\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_b2d74672bd",show:"show_7995c10b6e"};!function(e){const t="s_id-c76d397ed7f2_3_82_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_b2d74672bd::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_b2d74672bd.show_7995c10b6e::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_335f17a00a",show:"show_a6692f2223"};!function(e){const t="s_id-c76d397ed7f2_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_335f17a00a::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_335f17a00a.show_a6692f2223::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_ed6e43ef89"};!function(e){const n="s_id-a5c90e45f208_3_82_2";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_ed6e43ef89 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_ed6e43ef89::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_ed6e43ef89::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_30c3b7e69d"};!function(e){const n="s_id-a5c90e45f208_3_83_0";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_30c3b7e69d {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_30c3b7e69d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_30c3b7e69d::-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_082b7fdda0",media:"media_7325873401",header:"header_322c4f1a9e",content:"content_c6801b010d"};!function(e){const n="s_id-0e68c3ff993d_3_82_2";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_082b7fdda0 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_082b7fdda0 .media_7325873401 {\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_082b7fdda0 .header_322c4f1a9e {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_082b7fdda0 .content_c6801b010d {\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(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout_4c36366eae",media:"media_7f2d351ccd",header:"header_4543412188",content:"content_c49e327250"};!function(e){const n="s_id-0e68c3ff993d_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_4c36366eae {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_4c36366eae .media_7f2d351ccd {\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_4c36366eae .header_4543412188 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_4c36366eae .content_c49e327250 {\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(--spacing-large);\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 n={layout:"layout_0774425a6d",header:"header_c1a8f83b07",content:"content_f682281f01",media:"media_2a527d4a22"};!function(n){const e="s_id-5a065e57e1cb_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".layout_0774425a6d {\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_0774425a6d .header_c1a8f83b07 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_0774425a6d .content_f682281f01 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_0774425a6d .media_2a527d4a22 {\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{n as default};
+var e={layout:"layout_a139eaf826",header:"header_4799f68126",content:"content_71f6e5d961",media:"media_3ec79d5a75"};!function(e){const n="s_id-5a065e57e1cb_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_a139eaf826 {\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_a139eaf826 .header_4799f68126 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_a139eaf826 .content_71f6e5d961 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_a139eaf826 .media_3ec79d5a75 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_bd0851d343",divider:"divider_85cd4fcab7",compact:"compact_863d024858"};!function(e){const d="s_id-0040463364ed_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_bd0851d343 {\n  display: flex;\n}\n.wrapper_bd0851d343 .divider_85cd4fcab7 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_bd0851d343 .divider_85cd4fcab7.compact_863d024858 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
+var e={wrapper:"wrapper_d4ff0511e1",divider:"divider_afd8a8adc6",compact:"compact_d2d00d276f"};!function(e){const d="s_id-0040463364ed_3_83_0";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)}(".wrapper_d4ff0511e1 {\n  display: flex;\n}\n.wrapper_d4ff0511e1 .divider_afd8a8adc6 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_d4ff0511e1 .divider_afd8a8adc6.compact_d2d00d276f {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_49a45abf38",textContainer:"textContainer_335b6d6853",sizeCompactTextContainer:"sizeCompactTextContainer_03fe975d1f",textContainerTitle:"textContainerTitle_78d7886de1",visuallyHidden:"visuallyHidden_d3a4c783ca",textContainerTitleText:"textContainerTitleText_eba2ec971c",textContainerSubtitleText:"textContainerSubtitleText_b4edb1a1bb",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_4b2459a824",textPlacementVertical:"textPlacementVertical_c0ecb74010",numberDividerContainer:"numberDividerContainer_d70bc5cd73",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_b32c5490fb",divider:"divider_b7d70e6c0c",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_4306b85a9b",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_e57331fd5a",clickable:"clickable_e8e7a1fe15",withAnimation:"withAnimation_7e788b94c3",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_3dfb2bcad4",swapEnter:"swapEnter_65f3e3be0f",swapEnterActive:"swapEnterActive_1b0d50e7cc",swapExit:"swapExit_a5ebfc1906",swapExitActive:"swapExitActive_064104c0a1",numberContainer:"numberContainer_8038f7941b",numberContainerText:"numberContainerText_c12573d242",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_e90efc7b91",typePrimaryNumberContainer:"typePrimaryNumberContainer_3801ae88d0",typeDangerNumberContainer:"typeDangerNumberContainer_1a9ca1f15d",typeSuccessNumberContainer:"typeSuccessNumberContainer_f25b3f4ab4",typeDarkNumberContainer:"typeDarkNumberContainer_419aae2d30",statusActiveNumberContainer:"statusActiveNumberContainer_5f1a7a9b89",sizeCompactNumberContainer:"sizeCompactNumberContainer_29cc5262d6",statusPendingNumberContainer:"statusPendingNumberContainer_5f7678d7ba","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_bc65719a16"};!function(n){const e="s_id-f9249b867669_3_82_2";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_49a45abf38 {\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_335b6d6853 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n.sizeCompactTextContainer_03fe975d1f {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle_78d7886de1 {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n.textContainerTitle_78d7886de1 .visuallyHidden_d3a4c783ca {\n  display: none;\n}\n.textContainerTitleText_eba2ec971c {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText_b4edb1a1bb {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle_4b2459a824 {\n  margin-bottom: 0px;\n}\n.textPlacementVertical_c0ecb74010 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical_c0ecb74010 .textContainer_335b6d6853 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n.textPlacementVertical_c0ecb74010 .numberDividerContainer_d70bc5cd73 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText_b32c5490fb {\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_c0ecb74010 .numberDividerContainer_d70bc5cd73 .divider_b7d70e6c0c {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer_4306b85a9b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_4306b85a9b.statusActiveNumberDividerContainer_e57331fd5a {\n  width: 40px;\n}\n.indicator_49a45abf38.clickable_e8e7a1fe15 {\n  cursor: pointer;\n}\n.withAnimation_7e788b94c3 {\n  animation: stepIndicatiorCirclePopElastic_3dfb2bcad4 var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter_65f3e3be0f {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive_1b0d50e7cc {\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_a5ebfc1906 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive_064104c0a1 {\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_8038f7941b {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText_c12573d242 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon_e90efc7b91 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer_3801ae88d0 {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer_3801ae88d0:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer_1a9ca1f15d {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer_1a9ca1f15d:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer_f25b3f4ab4 {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer_f25b3f4ab4:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer_419aae2d30 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer_419aae2d30:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer_5f1a7a9b89 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer_5f1a7a9b89.typeDangerNumberContainer_1a9ca1f15d {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer_5f1a7a9b89.typeSuccessNumberContainer_f25b3f4ab4 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer_5f1a7a9b89.typeDarkNumberContainer_419aae2d30 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer_29cc5262d6 {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer_5f7678d7ba {\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_5f7678d7ba:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer_5f7678d7ba.typeDangerNumberContainer_1a9ca1f15d:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer_5f7678d7ba.typeSuccessNumberContainer_f25b3f4ab4:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer_5f7678d7ba.typeDarkNumberContainer_419aae2d30:hover {\n  background-color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic_bc65719a16 {\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 e={indicator:"indicator_221a079cc5",textContainer:"textContainer_b0862591b3",sizeCompactTextContainer:"sizeCompactTextContainer_d763232d86",textContainerTitle:"textContainerTitle_675cc19a2b",visuallyHidden:"visuallyHidden_156fc82335",textContainerTitleText:"textContainerTitleText_6efc9750db",textContainerSubtitleText:"textContainerSubtitleText_541592d4b5",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_0d4016d926",textPlacementVertical:"textPlacementVertical_eee338e144",numberDividerContainer:"numberDividerContainer_988bf2e7e1",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_360fb05242",divider:"divider_fc896be835",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_742d786f6b",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_ebeb00e125",clickable:"clickable_81bd5df2eb",withAnimation:"withAnimation_03c5b2a751",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_7c8b4d1181",swapEnter:"swapEnter_cbdab9d773",swapEnterActive:"swapEnterActive_26c7b591e7",swapExit:"swapExit_e02aa17fed",swapExitActive:"swapExitActive_54657fa459",numberContainer:"numberContainer_75be79d10c",numberContainerText:"numberContainerText_408a466d99",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_9ed73db733",typePrimaryNumberContainer:"typePrimaryNumberContainer_d1b82bb03f",typeDangerNumberContainer:"typeDangerNumberContainer_0cc447c47d",typeSuccessNumberContainer:"typeSuccessNumberContainer_4a60e994b3",typeDarkNumberContainer:"typeDarkNumberContainer_309b2a6914",statusActiveNumberContainer:"statusActiveNumberContainer_c59574db4a",sizeCompactNumberContainer:"sizeCompactNumberContainer_437fe299d4",statusPendingNumberContainer:"statusPendingNumberContainer_ff478fc97e","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_d89753dc91"};!function(e){const n="s_id-f9249b867669_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator_221a079cc5 {\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_b0862591b3 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n.sizeCompactTextContainer_d763232d86 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle_675cc19a2b {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n.textContainerTitle_675cc19a2b .visuallyHidden_156fc82335 {\n  display: none;\n}\n.textContainerTitleText_6efc9750db {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText_541592d4b5 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle_0d4016d926 {\n  margin-bottom: 0px;\n}\n.textPlacementVertical_eee338e144 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical_eee338e144 .textContainer_b0862591b3 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n.textPlacementVertical_eee338e144 .numberDividerContainer_988bf2e7e1 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText_360fb05242 {\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_eee338e144 .numberDividerContainer_988bf2e7e1 .divider_fc896be835 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer_742d786f6b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_742d786f6b.statusActiveNumberDividerContainer_ebeb00e125 {\n  width: 40px;\n}\n.indicator_221a079cc5.clickable_81bd5df2eb {\n  cursor: pointer;\n}\n.withAnimation_03c5b2a751 {\n  animation: stepIndicatiorCirclePopElastic_7c8b4d1181 var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter_cbdab9d773 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive_26c7b591e7 {\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_e02aa17fed {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive_54657fa459 {\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_75be79d10c {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText_408a466d99 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon_9ed73db733 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer_d1b82bb03f {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer_d1b82bb03f:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer_0cc447c47d {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer_0cc447c47d:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer_4a60e994b3 {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer_4a60e994b3:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer_309b2a6914 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer_309b2a6914:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer_c59574db4a {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer_c59574db4a.typeDangerNumberContainer_0cc447c47d {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer_c59574db4a.typeSuccessNumberContainer_4a60e994b3 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer_c59574db4a.typeDarkNumberContainer_309b2a6914 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer_437fe299d4 {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer_ff478fc97e {\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_ff478fc97e:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer_ff478fc97e.typeDangerNumberContainer_0cc447c47d:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer_ff478fc97e.typeSuccessNumberContainer_4a60e994b3:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer_ff478fc97e.typeDarkNumberContainer_309b2a6914:hover {\n  background-color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic_d89753dc91 {\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{e 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_e8581996c2",label:"label_550857a168",leftIcon:"leftIcon_aca2af3152"};!function(e){const n="s_id-043e6276934a_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_e8581996c2 {\n  width: 100%;\n}\n.numberField_e8581996c2 .label_550857a168 {\n  padding-bottom: 0;\n}\n.numberField_e8581996c2 .leftIcon_aca2af3152 {\n  color: var(--icon-color);\n}");export{e as default};
+var e={numberField:"numberField_929280b715",label:"label_53667392c6",leftIcon:"leftIcon_c2481620ff"};!function(e){const n="s_id-043e6276934a_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_929280b715 {\n  width: 100%;\n}\n.numberField_929280b715 .label_53667392c6 {\n  padding-bottom: 0;\n}\n.numberField_929280b715 .leftIcon_c2481620ff {\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=NumberField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import o from"classnames";import t from"../../../IconButton/IconButton.js";import{getStyle as n}from"../../../../helpers/typesciptCssModulesHelper.js";import i from"./NumberFieldSpinButton.module.scss.js";import r from"../../../../../components/layout/dist/Flex/Flex.js";import s from"../../../../../icons/dist/react/DropdownChevronUp.js";import a from"../../../../../icons/dist/react/DropdownChevronDown.js";var l=function(l){var c=l.inputId,m=l.onIncrement,p=l.onDecrement,d=l.disabled,u=l.isAtMin,f=l.isAtMax,C=o(i.spinButton,n(i,l.size)),b=i.icon;return e.createElement(r,{direction:"column",align:"stretch",justify:"center",onMouseDown:function(e){e.preventDefault()}},e.createElement(t,{ariaLabel:"Increase",hideTooltip:!0,ariaControls:c,tabIndex:-1,onClick:m,disabled:d||f,size:null,className:C,iconClassName:b,icon:s}),e.createElement(t,{ariaLabel:"Decrease",hideTooltip:!0,ariaControls:c,tabIndex:-1,onClick:p,disabled:d||u,size:null,className:C,iconClassName:b,icon:a}))};export{l as default};
+import e from"react";import o from"classnames";import{getStyle as t}from"../../../../helpers/typesciptCssModulesHelper.js";import n from"./NumberFieldSpinButton.module.scss.js";import i from"../../../../../components/layout/dist/Flex/Flex.js";import s from"../../../../../components/icon-button/dist/IconButton/IconButton.js";import r from"../../../../../icons/dist/react/DropdownChevronUp.js";import a from"../../../../../icons/dist/react/DropdownChevronDown.js";var c=function(c){var l=c.inputId,m=c.onIncrement,p=c.onDecrement,d=c.disabled,u=c.isAtMin,f=c.isAtMax,b=o(n.spinButton,t(n,c.size)),C=n.icon;return e.createElement(i,{direction:"column",align:"stretch",justify:"center",onMouseDown:function(e){e.preventDefault()}},e.createElement(s,{ariaLabel:"Increase",hideTooltip:!0,ariaControls:l,tabIndex:-1,onClick:m,disabled:d||f,size:null,className:b,iconClassName:C,icon:r}),e.createElement(s,{ariaLabel:"Decrease",hideTooltip:!0,ariaControls:l,tabIndex:-1,onClick:p,disabled:d||u,size:null,className:b,iconClassName:C,icon:a}))};export{c as default};
 //# sourceMappingURL=NumberFieldSpinButton.js.map

package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberFieldSpinButton.js","sources":["../../../../../../src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldSpinButtonProps } from \"./NumberFieldSpinButton.types\";\nimport IconButton from \"~~../../../IconButton~~/~~IconButton~~\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport { Flex } from \"@vibe/layout\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./NumberFieldSpinButton.module.scss\";\n\nconst NumberFieldSpinButton = ({\n inputId,\n onIncrement,\n onDecrement,\n disabled,\n size,\n isAtMin,\n isAtMax\n}: NumberFieldSpinButtonProps) => {\n const iconButtonClassName = cx(styles.spinButton, getStyle(styles, size));\n const iconClassName = styles.icon;\n\n const handleMouseDown = (event: React.MouseEvent) => {\n // to prevent `IconButton`s from stealing focus\n event.preventDefault();\n };\n\n return (\n <Flex direction=\"column\" align=\"stretch\" justify=\"center\" onMouseDown={handleMouseDown}>\n <IconButton\n ariaLabel=\"Increase\"\n hideTooltip\n ariaControls={inputId}\n tabIndex={-1}\n onClick={onIncrement}\n disabled={disabled \|\| isAtMax}\n size={null}\n className={iconButtonClassName}\n iconClassName={iconClassName}\n icon={DropdownChevronUp}\n />\n <IconButton\n ariaLabel=\"Decrease\"\n hideTooltip\n ariaControls={inputId}\n tabIndex={-1}\n onClick={onDecrement}\n disabled={disabled \|\| isAtMin}\n size={null}\n className={iconButtonClassName}\n iconClassName={iconClassName}\n icon={DropdownChevronDown}\n />\n </Flex>\n );\n};\n\nexport default NumberFieldSpinButton;\n"],"names":["NumberFieldSpinButton","_ref","inputId","onIncrement","onDecrement","disabled","isAtMin","isAtMax","iconButtonClassName","cx","styles","spinButton","getStyle","size","iconClassName","icon","React","createElement","Flex","direction","align","justify","onMouseDown","event","preventDefault","IconButton","ariaLabel","hideTooltip","ariaControls","tabIndex","onClick","className","DropdownChevronUp","DropdownChevronDown"],"mappings":"~~8aASA~~,IAAMA,EAAwB,SAAHC,GAQM,IAP/BC,EAAOD,EAAPC,QACAC,EAAWF,EAAXE,YACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SAEAC,EAAOL,EAAPK,QACAC,EAAON,EAAPM,QAEMC,EAAsBC,EAAGC,EAAOC,WAAYC,EAASF,EAJvDT,EAAJY,OAKMC,EAAgBJ,EAAOK,KAO7B,OACEC,EAACC,cAAAC,GAAKC,UAAU,SAASC,MAAM,UAAUC,QAAQ,SAASC,YANpC,SAACC,GAEvBA,EAAMC,mBAKJR,EAAAC,cAACQ,EACC,CAAAC,UAAU,WACVC,aACA,EAAAC,aAAc1B,EACd2B,UAAW,EACXC,QAAS3B,EACTE,SAAUA,GAAYE,EACtBM,KAAM,KACNkB,UAAWvB,EACXM,cAAeA,EACfC,KAAMiB,IAERhB,EAACC,cAAAQ,GACCC,UAAU,WACVC,eACAC,aAAc1B,EACd2B,UAAW,EACXC,QAAS1B,EACTC,SAAUA,GAAYC,EACtBO,KAAM,KACNkB,UAAWvB,EACXM,cAAeA,EACfC,KAAMkB,IAId"}
1	+ {"version":3,"file":"NumberFieldSpinButton.js","sources":["../../../../../../src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldSpinButtonProps } from \"./NumberFieldSpinButton.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport { Flex } from \"@vibe/layout\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./NumberFieldSpinButton.module.scss\";\n\nconst NumberFieldSpinButton = ({\n inputId,\n onIncrement,\n onDecrement,\n disabled,\n size,\n isAtMin,\n isAtMax\n}: NumberFieldSpinButtonProps) => {\n const iconButtonClassName = cx(styles.spinButton, getStyle(styles, size));\n const iconClassName = styles.icon;\n\n const handleMouseDown = (event: React.MouseEvent) => {\n // to prevent `IconButton`s from stealing focus\n event.preventDefault();\n };\n\n return (\n <Flex direction=\"column\" align=\"stretch\" justify=\"center\" onMouseDown={handleMouseDown}>\n <IconButton\n ariaLabel=\"Increase\"\n hideTooltip\n ariaControls={inputId}\n tabIndex={-1}\n onClick={onIncrement}\n disabled={disabled \|\| isAtMax}\n size={null}\n className={iconButtonClassName}\n iconClassName={iconClassName}\n icon={DropdownChevronUp}\n />\n <IconButton\n ariaLabel=\"Decrease\"\n hideTooltip\n ariaControls={inputId}\n tabIndex={-1}\n onClick={onDecrement}\n disabled={disabled \|\| isAtMin}\n size={null}\n className={iconButtonClassName}\n iconClassName={iconClassName}\n icon={DropdownChevronDown}\n />\n </Flex>\n );\n};\n\nexport default NumberFieldSpinButton;\n"],"names":["NumberFieldSpinButton","_ref","inputId","onIncrement","onDecrement","disabled","isAtMin","isAtMax","iconButtonClassName","cx","styles","spinButton","getStyle","size","iconClassName","icon","React","createElement","Flex","direction","align","justify","onMouseDown","event","preventDefault","IconButton","ariaLabel","hideTooltip","ariaControls","tabIndex","onClick","className","DropdownChevronUp","DropdownChevronDown"],"mappings":"gdASA,IAAMA,EAAwB,SAAHC,GAQM,IAP/BC,EAAOD,EAAPC,QACAC,EAAWF,EAAXE,YACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SAEAC,EAAOL,EAAPK,QACAC,EAAON,EAAPM,QAEMC,EAAsBC,EAAGC,EAAOC,WAAYC,EAASF,EAJvDT,EAAJY,OAKMC,EAAgBJ,EAAOK,KAO7B,OACEC,EAACC,cAAAC,GAAKC,UAAU,SAASC,MAAM,UAAUC,QAAQ,SAASC,YANpC,SAACC,GAEvBA,EAAMC,mBAKJR,EAAAC,cAACQ,EACC,CAAAC,UAAU,WACVC,aACA,EAAAC,aAAc1B,EACd2B,UAAW,EACXC,QAAS3B,EACTE,SAAUA,GAAYE,EACtBM,KAAM,KACNkB,UAAWvB,EACXM,cAAeA,EACfC,KAAMiB,IAERhB,EAACC,cAAAQ,GACCC,UAAU,WACVC,eACAC,aAAc1B,EACd2B,UAAW,EACXC,QAAS1B,EACTC,SAAUA,GAAYC,EACtBO,KAAM,KACNkB,UAAWvB,EACXM,cAAeA,EACfC,KAAMkB,IAId"}

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

@@ -1,2 +1,2 @@
-var n={spinButton:"spinButton_26cb164624",large:"large_828dc01403",icon:"icon_c5f13ef9c3",medium:"medium_dc25a62b4c",small:"small_8c804dc017"};!function(n){const e="s_id-eb36452422c9_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton_26cb164624.large_828dc01403 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_26cb164624.large_828dc01403 .icon_c5f13ef9c3 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_26cb164624.medium_dc25a62b4c {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_26cb164624.medium_dc25a62b4c .icon_c5f13ef9c3 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_26cb164624.small_8c804dc017 {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_26cb164624.small_8c804dc017 .icon_c5f13ef9c3 {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
+var e={spinButton:"spinButton_ef64f6bfb0",large:"large_1cb759b2d7",icon:"icon_288b8b0fc6",medium:"medium_cb2cd6af8b",small:"small_548c9c218b"};!function(e){const n="s_id-eb36452422c9_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".spinButton_ef64f6bfb0.large_1cb759b2d7 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_ef64f6bfb0.large_1cb759b2d7 .icon_288b8b0fc6 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_ef64f6bfb0.medium_cb2cd6af8b {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_ef64f6bfb0.medium_cb2cd6af8b .icon_288b8b0fc6 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_ef64f6bfb0.small_548c9c218b {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_ef64f6bfb0.small_548c9c218b .icon_288b8b0fc6 {\n  width: 14px;\n  height: 14px;\n}");export{e as default};
 //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={bar:"bar_9912d66e90",typePrimaryPrimary:"typePrimaryPrimary_3801ae88d0",typePrimarySecondary:"typePrimarySecondary_a4e7b65720",typePrimaryPositive:"typePrimaryPositive_f25b3f4ab4",typePrimaryNegative:"typePrimaryNegative_1a9ca1f15d",typePrimaryWarning:"typePrimaryWarning_d788149289",typeSecondaryPrimary:"typeSecondaryPrimary_62bd3a9359",typeSecondarySecondary:"typeSecondarySecondary_b0ea1c5187",typeSecondaryPositive:"typeSecondaryPositive_7b44bb076a",typeSecondaryNegative:"typeSecondaryNegative_5e1071f830",typeSecondaryWarning:"typeSecondaryWarning_47e0b3fb80",animate:"animate_5fc94d360e"};!function(e){const r="s_id-47cfcfa6b681_3_82_2";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_9912d66e90 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_3801ae88d0 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_a4e7b65720 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_f25b3f4ab4 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_1a9ca1f15d {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_d788149289 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_62bd3a9359 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_b0ea1c5187 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_7b44bb076a {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_5e1071f830 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_47e0b3fb80 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_5fc94d360e {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_6ef25987f2",typePrimaryPrimary:"typePrimaryPrimary_d1b82bb03f",typePrimarySecondary:"typePrimarySecondary_0d2370361c",typePrimaryPositive:"typePrimaryPositive_4a60e994b3",typePrimaryNegative:"typePrimaryNegative_0cc447c47d",typePrimaryWarning:"typePrimaryWarning_453abaf590",typeSecondaryPrimary:"typeSecondaryPrimary_b3a52c7f10",typeSecondarySecondary:"typeSecondarySecondary_b58bc50c48",typeSecondaryPositive:"typeSecondaryPositive_bdd8e7fd0d",typeSecondaryNegative:"typeSecondaryNegative_b3e8021477",typeSecondaryWarning:"typeSecondaryWarning_d3283483e9",animate:"animate_cde105d2da"};!function(e){const r="s_id-47cfcfa6b681_3_83_0";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_6ef25987f2 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_d1b82bb03f {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_0d2370361c {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_4a60e994b3 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_0cc447c47d {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_453abaf590 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_b3a52c7f10 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_b58bc50c48 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_bdd8e7fd0d {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_b3e8021477 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_d3283483e9 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_cde105d2da {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_d23559c5a1",fullWidth:"fullWidth_e8581996c2",container:"container_3082aab300",progressBar:"progressBar_e4f93078dc",completed:"completed_3082aab300",label:"label_3c339eb780",large:"large_f30e7eba58",medium:"medium_3f8370ccdb",small:"small_73ffe4c04e"};!function(e){const n="s_id-5855608df299_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_d23559c5a1 {\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_d23559c5a1.fullWidth_e8581996c2 {\n  width: 100%;\n}\n.wrapper_d23559c5a1.fullWidth_e8581996c2 .container_3082aab300 {\n  border-radius: 0;\n}\n.wrapper_d23559c5a1.fullWidth_e8581996c2 .container_3082aab300 .progressBar_e4f93078dc {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_d23559c5a1.fullWidth_e8581996c2 .container_3082aab300 .progressBar_e4f93078dc.completed_3082aab300 {\n  border-radius: 0;\n}\n.label_3c339eb780 {\n  padding-left: var(--spacing-xs);\n}\n.large_f30e7eba58 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_3f8370ccdb {\n  height: 6px;\n  line-height: 6px;\n}\n.small_73ffe4c04e {\n  height: 4px;\n  line-height: 4px;\n}\n.container_3082aab300 {\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_c50582fb70",fullWidth:"fullWidth_929280b715",container:"container_b078e1ddf5",progressBar:"progressBar_b681067edb",completed:"completed_b078e1ddf5",label:"label_da1ed81a50",large:"large_4f1298bdc8",medium:"medium_b9a18c2ded",small:"small_0f3c430344"};!function(e){const n="s_id-5855608df299_3_83_0";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_c50582fb70 {\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_c50582fb70.fullWidth_929280b715 {\n  width: 100%;\n}\n.wrapper_c50582fb70.fullWidth_929280b715 .container_b078e1ddf5 {\n  border-radius: 0;\n}\n.wrapper_c50582fb70.fullWidth_929280b715 .container_b078e1ddf5 .progressBar_b681067edb {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_c50582fb70.fullWidth_929280b715 .container_b078e1ddf5 .progressBar_b681067edb.completed_b078e1ddf5 {\n  border-radius: 0;\n}\n.label_da1ed81a50 {\n  padding-left: var(--spacing-xs);\n}\n.large_4f1298bdc8 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_b9a18c2ded {\n  height: 6px;\n  line-height: 6px;\n}\n.small_0f3c430344 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_b078e1ddf5 {\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=LinearProgressBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={label:"label_3c339eb780"};!function(e){const t="s_id-de8a28d20526_3_82_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_3c339eb780 {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_da1ed81a50"};!function(e){const d="s_id-de8a28d20526_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".label_da1ed81a50 {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import a,{forwardRef as i,useRef as o,useCallback as s,useMemo as l}from"react";import r from"../../hooks/useMergeRef.js";import n from"../Text/Text.js";import d from"../Tooltip/Tooltip.js";import{getTestId as c,ComponentDefaultTestId as m}from"../../tests/testIds.js";import u from"./RadioButton.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";import b from"../../../components/clickable/dist/Clickable/Clickable.js";var f=i((function(i,f){var v=i.className,T=i.text,N=void 0===T?"":T,C=i.value,k=void 0===C?"":C,O=i.name,h=void 0===O?"":O,j=i.labelClassName,B=i.radioButtonClassName,E=i.disabled,R=void 0!==E&&E,_=i.autoFocus,x=i.disabledReason,A=i.defaultChecked,I=void 0!==A&&A,y=i.children,D=i.onSelect,L=i.checked,g=i.retainChildClick,U=void 0===g||g,F=i.childrenTabIndex,P=void 0===F?"0":F,H=i.noLabelAnimation,M=void 0!==H&&H,S=i.ariaLabel,q=i.ariaDescribedby,w=i.id,z=i["data-testid"],G=o(),J=r(f,G),K=s((function(){!R&&U&&(G.current&&(G.current.checked=!0),D&&D(null))}),[D,G,R,U]),Q=l((function(){return void 0!==L?{checked:L}:{defaultChecked:I}}),[L,I]);return a.createElement(d,{content:R?x:null},a.createElement("label",{"data-testid":z||c(m.RADIO_BUTTON,w),"data-vibe":p.RADIO_BUTTON,className:t(u.radioButton,v,e(e({},u.disabled,R),"disabled",R))},a.createElement("span",{className:t(u.inputContainer)},a.createElement("input",Object.assign({className:t(u.input),type:"radio",value:k,name:h,autoFocus:_,disabled:R},Q,{"aria-label":S,"aria-describedby":q,onChange:D,ref:J})),a.createElement("span",{"data-testid":c(m.RADIO_BUTTON_CONTROL,w),className:t(u.control,B,e({},u.labelAnimation,!M))})),N&&a.createElement(n,{element:"span",type:"text2",className:j,"data-testid":c(m.RADIO_BUTTON_LABEL,w)},N),y&&a.createElement(b,{onClick:K,tabIndex:P},y)))}));export{f as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import a,{forwardRef as o,useRef as i,useCallback as s,useMemo as l}from"react";import n from"../../hooks/useMergeRef.js";import{getTestId as r,ComponentDefaultTestId as d}from"../../tests/testIds.js";import c from"./RadioButton.module.scss.js";import{ComponentVibeId as m}from"../../tests/constants.js";import p from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import u from"../../../components/typography/dist/Text/Text.js";import b from"../../../components/clickable/dist/Clickable/Clickable.js";var f=o((function(o,f){var v=o.className,T=o.text,N=void 0===T?"":T,C=o.value,h=void 0===C?"":C,k=o.name,O=void 0===k?"":k,j=o.labelClassName,B=o.radioButtonClassName,E=o.disabled,R=void 0!==E&&E,_=o.autoFocus,x=o.disabledReason,y=o.defaultChecked,A=void 0!==y&&y,I=o.children,g=o.onSelect,D=o.checked,L=o.retainChildClick,U=void 0===L||L,F=o.childrenTabIndex,P=void 0===F?"0":F,H=o.noLabelAnimation,M=void 0!==H&&H,S=o.ariaLabel,q=o.ariaDescribedby,w=o.id,z=o["data-testid"],G=i(),J=n(f,G),K=s((function(){!R&&U&&(G.current&&(G.current.checked=!0),g&&g(null))}),[g,G,R,U]),Q=l((function(){return void 0!==D?{checked:D}:{defaultChecked:A}}),[D,A]);return a.createElement(p,{content:R?x:null},a.createElement("label",{"data-testid":z||r(d.RADIO_BUTTON,w),"data-vibe":m.RADIO_BUTTON,className:t(c.radioButton,v,e(e({},c.disabled,R),"disabled",R))},a.createElement("span",{className:t(c.inputContainer)},a.createElement("input",Object.assign({className:t(c.input),type:"radio",value:h,name:O,autoFocus:_,disabled:R},Q,{"aria-label":S,"aria-describedby":q,onChange:g,ref:J})),a.createElement("span",{"data-testid":r(d.RADIO_BUTTON_CONTROL,w),className:t(c.control,B,e({},c.labelAnimation,!M))})),N&&a.createElement(u,{element:"span",type:"text2",className:j,"data-testid":r(d.RADIO_BUTTON_LABEL,w)},N),I&&a.createElement(b,{onClick:K,tabIndex:P},I)))}));export{f as default};
 //# sourceMappingURL=RadioButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Clickable } from \"@vibe/clickable\";\nimport Text from \"~~../Text~~/~~Text~~\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Tooltip from \"~~../Tooltip~~/~~Tooltip~~\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n /*\n Class name applied to the label text.\n /\n labelClassName?: string;\n /\n Class name applied to the radio button element.\n /\n radioButtonClassName?: string;\n /\n The label text displayed next to the radio button.\n /\n text?: string;\n /\n The value associated with the radio button.\n /\n value?: string;\n /\n The name of the radio button group.\n /\n name?: string;\n /\n If true, the radio button automatically receives focus on mount.\n /\n autoFocus?: boolean;\n /\n If true, the radio button is disabled.\n /\n disabled?: boolean;\n /\n The reason why the radio button is disabled, displayed in a tooltip.\n /\n disabledReason?: string;\n /\n If true, the radio button is checked by default.\n /\n defaultChecked?: boolean;\n /\n The child elements inside the radio button.\n /\n children?: React.ReactNode;\n /\n Callback fired when the radio button selection changes.\n /\n onSelect?: (event: React.ChangeEvent<HTMLInputElement \| null>) => void;\n /\n If provided, controls the checked state of the radio button.\n /\n checked?: boolean;\n /\n If true, clicking on children will trigger selection.\n /\n retainChildClick?: boolean;\n /\n The tab index applied to the children.\n /\n childrenTabIndex?: string;\n /\n If true, disables the label animation.\n /\n noLabelAnimation?: boolean;\n /\n ARIA label for accessibility when no text is provided.\n /\n ariaLabel?: string;\n /\n ID of element that describe this radio button.\n */\n ariaDescribedby?: string;\n}\n\nconst RadioButton = forwardRef(\n (\n {\n className,\n text = \"\",\n value = \"\",\n name = \"\",\n labelClassName,\n radioButtonClassName,\n disabled = false,\n autoFocus,\n disabledReason,\n defaultChecked = false,\n children,\n onSelect,\n checked,\n retainChildClick = true,\n childrenTabIndex = \"0\",\n noLabelAnimation = false,\n ariaLabel,\n ariaDescribedby,\n id,\n \"data-testid\": dataTestId\n }: RadioButtonProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const onChildClick = useCallback(() => {\n if (disabled \|\| !retainChildClick) return;\n if (inputRef.current) {\n inputRef.current.checked = true;\n }\n if (onSelect) {\n onSelect(null);\n }\n }, [onSelect, inputRef, disabled, retainChildClick]);\n\n const checkedProps = useMemo(() => {\n if (checked !== undefined) {\n return { checked };\n }\n return { defaultChecked };\n }, [checked, defaultChecked]);\n\n const tooltipContent = disabled ? disabledReason : null;\n\n return (\n <Tooltip content={tooltipContent}>\n <label\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.RADIO_BUTTON, id)}\n data-vibe={ComponentVibeId.RADIO_BUTTON}\n className={cx(styles.radioButton, className, {\n [styles.disabled]: disabled,\n disabled: disabled\n })}\n >\n <span className={cx(styles.inputContainer)}>\n <input\n className={cx(styles.input)}\n type=\"radio\"\n value={value}\n name={name}\n autoFocus={autoFocus}\n disabled={disabled}\n {...checkedProps}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n onChange={onSelect}\n ref={mergedRef}\n />\n <span\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_CONTROL, id)}\n className={cx(styles.control, radioButtonClassName, {\n [styles.labelAnimation]: !noLabelAnimation\n })}\n />\n </span>\n {text && (\n <Text\n element=\"span\"\n type=\"text2\"\n className={labelClassName}\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_LABEL, id)}\n >\n {text}\n </Text>\n )}\n {children && (\n <Clickable onClick={onChildClick} tabIndex={childrenTabIndex}>\n {children}\n </Clickable>\n )}\n </label>\n </Tooltip>\n );\n }\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","_ref","ref","className","_ref$text","text","_ref$value","value","_ref$name","name","labelClassName","radioButtonClassName","_ref$disabled","disabled","autoFocus","disabledReason","_ref$defaultChecked","defaultChecked","children","onSelect","checked","_ref$retainChildClick","retainChildClick","_ref$childrenTabIndex","childrenTabIndex","_ref$noLabelAnimation","noLabelAnimation","ariaLabel","ariaDescribedby","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","ComponentVibeId","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"~~uiBAkFMA~~,IAAAA,EAAcC,GAClB,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAcT,EAAdS,eACAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAS1B,EAAT0B,UACAC,EAAe3B,EAAf2B,gBACAC,EAAE5B,EAAF4B,GACeC,EAAU7B,EAAzB,eAII8B,EAAWC,IACXC,EAAYC,EAAYhC,EAAK6B,GAE7BI,EAAeC,GAAY,YAC3BvB,GAAaS,IACbS,EAASM,UACXN,EAASM,QAAQjB,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUY,EAAUlB,EAAUS,IAE5BgB,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZpB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEwB,EAACC,cAAAC,EAAQ,CAAAC,QAHY/B,EAAWE,EAAiB,MAI/C0B,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC/D,YAAAmB,EAAgBD,aAC3B5C,UAAW8C,EAAGC,EAAOC,YAAahD,EAASiD,EAAAA,EAAA,CAAA,EACxCF,EAAOrC,SAAWA,GAAQ,WACjBA,KAGZ4B,EAAAC,cAAA,OAAA,CAAMvC,UAAW8C,EAAGC,EAAOG,iBACzBZ,EAAAC,cAAA,QAAAY,OAAAC,OAAA,CACEpD,UAAW8C,EAAGC,EAAOM,OACrBC,KAAK,QACLlD,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNyB,EACQ,CAAA,aAAAX,qBACMC,EAClB8B,SAAUvC,EACVjB,IAAK+B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBa,qBAAsB9B,GACpE1B,UAAW8C,EAAGC,EAAOU,QAASjD,EAAoByC,KAC/CF,EAAOW,gBAAkBnC,OAI/BrB,GACCoC,EAACC,cAAAoB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLtD,UAAWO,EACE,cAAAmC,EAAUC,EAAuBkB,mBAAoBnC,IAEjExB,GAGJa,GACCuB,EAAAC,cAACuB,EAAU,CAAAC,QAAS/B,EAAcgC,SAAU3C,GACzCN,IAMb"}
1	+ {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { Text } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n /*\n Class name applied to the label text.\n /\n labelClassName?: string;\n /\n Class name applied to the radio button element.\n /\n radioButtonClassName?: string;\n /\n The label text displayed next to the radio button.\n /\n text?: string;\n /\n The value associated with the radio button.\n /\n value?: string;\n /\n The name of the radio button group.\n /\n name?: string;\n /\n If true, the radio button automatically receives focus on mount.\n /\n autoFocus?: boolean;\n /\n If true, the radio button is disabled.\n /\n disabled?: boolean;\n /\n The reason why the radio button is disabled, displayed in a tooltip.\n /\n disabledReason?: string;\n /\n If true, the radio button is checked by default.\n /\n defaultChecked?: boolean;\n /\n The child elements inside the radio button.\n /\n children?: React.ReactNode;\n /\n Callback fired when the radio button selection changes.\n /\n onSelect?: (event: React.ChangeEvent<HTMLInputElement \| null>) => void;\n /\n If provided, controls the checked state of the radio button.\n /\n checked?: boolean;\n /\n If true, clicking on children will trigger selection.\n /\n retainChildClick?: boolean;\n /\n The tab index applied to the children.\n /\n childrenTabIndex?: string;\n /\n If true, disables the label animation.\n /\n noLabelAnimation?: boolean;\n /\n ARIA label for accessibility when no text is provided.\n /\n ariaLabel?: string;\n /\n ID of element that describe this radio button.\n */\n ariaDescribedby?: string;\n}\n\nconst RadioButton = forwardRef(\n (\n {\n className,\n text = \"\",\n value = \"\",\n name = \"\",\n labelClassName,\n radioButtonClassName,\n disabled = false,\n autoFocus,\n disabledReason,\n defaultChecked = false,\n children,\n onSelect,\n checked,\n retainChildClick = true,\n childrenTabIndex = \"0\",\n noLabelAnimation = false,\n ariaLabel,\n ariaDescribedby,\n id,\n \"data-testid\": dataTestId\n }: RadioButtonProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const onChildClick = useCallback(() => {\n if (disabled \|\| !retainChildClick) return;\n if (inputRef.current) {\n inputRef.current.checked = true;\n }\n if (onSelect) {\n onSelect(null);\n }\n }, [onSelect, inputRef, disabled, retainChildClick]);\n\n const checkedProps = useMemo(() => {\n if (checked !== undefined) {\n return { checked };\n }\n return { defaultChecked };\n }, [checked, defaultChecked]);\n\n const tooltipContent = disabled ? disabledReason : null;\n\n return (\n <Tooltip content={tooltipContent}>\n <label\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.RADIO_BUTTON, id)}\n data-vibe={ComponentVibeId.RADIO_BUTTON}\n className={cx(styles.radioButton, className, {\n [styles.disabled]: disabled,\n disabled: disabled\n })}\n >\n <span className={cx(styles.inputContainer)}>\n <input\n className={cx(styles.input)}\n type=\"radio\"\n value={value}\n name={name}\n autoFocus={autoFocus}\n disabled={disabled}\n {...checkedProps}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n onChange={onSelect}\n ref={mergedRef}\n />\n <span\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_CONTROL, id)}\n className={cx(styles.control, radioButtonClassName, {\n [styles.labelAnimation]: !noLabelAnimation\n })}\n />\n </span>\n {text && (\n <Text\n element=\"span\"\n type=\"text2\"\n className={labelClassName}\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_LABEL, id)}\n >\n {text}\n </Text>\n )}\n {children && (\n <Clickable onClick={onChildClick} tabIndex={childrenTabIndex}>\n {children}\n </Clickable>\n )}\n </label>\n </Tooltip>\n );\n }\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","_ref","ref","className","_ref$text","text","_ref$value","value","_ref$name","name","labelClassName","radioButtonClassName","_ref$disabled","disabled","autoFocus","disabledReason","_ref$defaultChecked","defaultChecked","children","onSelect","checked","_ref$retainChildClick","retainChildClick","_ref$childrenTabIndex","childrenTabIndex","_ref$noLabelAnimation","noLabelAnimation","ariaLabel","ariaDescribedby","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","ComponentVibeId","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"smBAkFMA,IAAAA,EAAcC,GAClB,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAcT,EAAdS,eACAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAS1B,EAAT0B,UACAC,EAAe3B,EAAf2B,gBACAC,EAAE5B,EAAF4B,GACeC,EAAU7B,EAAzB,eAII8B,EAAWC,IACXC,EAAYC,EAAYhC,EAAK6B,GAE7BI,EAAeC,GAAY,YAC3BvB,GAAaS,IACbS,EAASM,UACXN,EAASM,QAAQjB,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUY,EAAUlB,EAAUS,IAE5BgB,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZpB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEwB,EAACC,cAAAC,EAAQ,CAAAC,QAHY/B,EAAWE,EAAiB,MAI/C0B,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC/D,YAAAmB,EAAgBD,aAC3B5C,UAAW8C,EAAGC,EAAOC,YAAahD,EAASiD,EAAAA,EAAA,CAAA,EACxCF,EAAOrC,SAAWA,GAAQ,WACjBA,KAGZ4B,EAAAC,cAAA,OAAA,CAAMvC,UAAW8C,EAAGC,EAAOG,iBACzBZ,EAAAC,cAAA,QAAAY,OAAAC,OAAA,CACEpD,UAAW8C,EAAGC,EAAOM,OACrBC,KAAK,QACLlD,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNyB,EACQ,CAAA,aAAAX,qBACMC,EAClB8B,SAAUvC,EACVjB,IAAK+B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBa,qBAAsB9B,GACpE1B,UAAW8C,EAAGC,EAAOU,QAASjD,EAAoByC,KAC/CF,EAAOW,gBAAkBnC,OAI/BrB,GACCoC,EAACC,cAAAoB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLtD,UAAWO,EACE,cAAAmC,EAAUC,EAAuBkB,mBAAoBnC,IAEjExB,GAGJa,GACCuB,EAAAC,cAACuB,EAAU,CAAAC,QAAS/B,EAAcgC,SAAU3C,GACzCN,IAMb"}

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_48bb5739fe",inputContainer:"inputContainer_4306b85a9b",input:"input_13b7072d5c",control:"control_4a9fec127a",labelAnimation:"labelAnimation_9b54a88338",radioCheckedAnimation:"radioCheckedAnimation_e0bffdcf6f",disabled:"disabled_2c946ae8e4",label:"label_aa344bed8c"};!function(n){const e="s_id-f0fb17b54d8d_3_82_2";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_48bb5739fe {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_4306b85a9b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_13b7072d5c {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_4a9fec127a {\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_4a9fec127a {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_9b54a88338 {\n  animation-name: radioCheckedAnimation_e0bffdcf6f;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_4a9fec127a {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_4a9fec127a {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_48bb5739fe.disabled_2c946ae8e4 {\n  cursor: not-allowed;\n}\n.radioButton_48bb5739fe.disabled_2c946ae8e4 .label_aa344bed8c {\n  color: var(--disabled-text-color);\n}\n.inputContainer_4306b85a9b input:focus-visible + .control_4a9fec127a {\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_48bb5739fe:hover .inputContainer_4306b85a9b input:enabled:checked + .control_4a9fec127a {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_48bb5739fe:hover .inputContainer_4306b85a9b input:enabled:not(:checked) + .control_4a9fec127a,\n.radioButton_48bb5739fe:focus-within .inputContainer_4306b85a9b input:enabled:not(:checked) + .control_4a9fec127a {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_e0bffdcf6f {\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_027a59f46c",inputContainer:"inputContainer_742d786f6b",input:"input_5517f628ce",control:"control_6284a028ef",labelAnimation:"labelAnimation_d1406b0adc",radioCheckedAnimation:"radioCheckedAnimation_c503fb58f4",disabled:"disabled_b92446487a",label:"label_2c744d4fc1"};!function(n){const e="s_id-f0fb17b54d8d_3_83_0";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_027a59f46c {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_742d786f6b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_5517f628ce {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_6284a028ef {\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_6284a028ef {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_d1406b0adc {\n  animation-name: radioCheckedAnimation_c503fb58f4;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_6284a028ef {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_6284a028ef {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_027a59f46c.disabled_b92446487a {\n  cursor: not-allowed;\n}\n.radioButton_027a59f46c.disabled_b92446487a .label_2c744d4fc1 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_742d786f6b input:focus-visible + .control_6284a028ef {\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_027a59f46c:hover .inputContainer_742d786f6b input:enabled:checked + .control_6284a028ef {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_027a59f46c:hover .inputContainer_742d786f6b input:enabled:not(:checked) + .control_6284a028ef,\n.radioButton_027a59f46c:focus-within .inputContainer_742d786f6b input:enabled:not(:checked) + .control_6284a028ef {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_c503fb58f4 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as r,useRef as t,useCallback as n}from"react";import s from"../../hooks/useMergeRef.js";import{getTestId as i,ComponentDefaultTestId as l}from"../../tests/testIds.js";import c from"./Search.module.scss.js";import d from"../../hooks/useDebounceEvent/index.js";import m from"../IconButton/IconButton.js";import{ComponentVibeId as u}from"../../tests/constants.js";import p from"../../../components/loader/dist/Loader/Loader.js";import f from"../../../base/dist/BaseInput/BaseInput.js";import v from"../../../icons/dist/react/CloseSmall.js";import h from"../../../components/icon/dist/Icon/Icon.js";import C from"../../../icons/dist/react/Search.js";var b=r((function(r,b){var I,j,E,R,N,g,x,y,A,B,S=r.searchIconName,L=void 0===S?C:S,w=r.clearIconName,z=void 0===w?v:w,F=r.clearIconLabel,H=void 0===F?"Clear":F,_=r.renderAction,k=r.hideRenderActionOnInput,D=r.value,P=r.placeholder,T=r.size,V=void 0===T?"medium":T,K=r.disabled,O=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,Q=r.searchResultsContainerId,X=r.currentAriaResultId,Y=r.onChange,Z=r.onFocus,$=r.onBlur,ee=r.onClear,oe=r.onKeyDown,ae=r.className,re=r.ariaExpanded,te=r.ariaHasPopup,ne=r.showClearIcon,se=void 0===ne||ne,ie=r.id,le=r["data-testid"];return I=t(null),j=s(b,I),E=d({delay:J,onChange:Y,initialStateValue:D}),R=E.inputValue,N=E.onEventChanged,x=n((function(){var e,o;K||(null===(o=null===(e=I.current)||void 0===e?void 0:e.focus)||void 0===o||o.call(e),g(),null==ee||ee())}),[K,g=E.clearValue,ee]),y=a.createElement(h,{icon:L,className:c.icon,iconType:"font",iconSize:"small"===V?"16px":"20px"}),A=a.createElement(m,{className:o(c.icon,e({},c.empty,!R)),icon:z,ariaLabel:H,onClick:x,size:"small"===V?"xs":"small","data-testid":i(l.CLEAN_SEARCH_BUTTON,ie)}),B=a.createElement(a.Fragment,null,O&&a.createElement(p,{size:"small"===V?"xs":20,color:"secondary",wrapperClassName:o(e({},c.loader,!R&&!_))}),se&&R&&!K&&A,!(k&&R)&&_),a.createElement(f,{ref:j,id:ie,type:"search","data-testid":le||i(l.SEARCH,ie),"data-vibe":u.SEARCH,className:o(c.searchWrapper,ae),inputClassName:c.search,value:R,renderLeft:y,renderRight:B,autoFocus:M,placeholder:P,disabled:K,onChange:N,onBlur:$,onFocus:Z,onKeyDown:oe,autoComplete:W,size:V,wrapperRole:"search",inputRole:Q?"combobox":void 0,"aria-label":q,"aria-busy":O,"aria-controls":re?Q:void 0,"aria-activedescendant":X,"aria-haspopup":te,"aria-expanded":re})}));export{b as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as r,useRef as t,useCallback as n}from"react";import s from"../../hooks/useMergeRef.js";import{getTestId as i,ComponentDefaultTestId as l}from"../../tests/testIds.js";import c from"./Search.module.scss.js";import d from"../../hooks/useDebounceEvent/index.js";import{ComponentVibeId as m}from"../../tests/constants.js";import u from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../components/loader/dist/Loader/Loader.js";import f from"../../../base/dist/BaseInput/BaseInput.js";import v from"../../../icons/dist/react/CloseSmall.js";import h from"../../../components/icon/dist/Icon/Icon.js";import C from"../../../icons/dist/react/Search.js";var b=r((function(r,b){var I,j,E,R,N,g,x,y,A,B,S=r.searchIconName,L=void 0===S?C:S,w=r.clearIconName,z=void 0===w?v:w,F=r.clearIconLabel,H=void 0===F?"Clear":F,_=r.renderAction,k=r.hideRenderActionOnInput,D=r.value,P=r.placeholder,T=r.size,V=void 0===T?"medium":T,K=r.disabled,O=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,Q=r.searchResultsContainerId,X=r.currentAriaResultId,Y=r.onChange,Z=r.onFocus,$=r.onBlur,ee=r.onClear,oe=r.onKeyDown,ae=r.className,re=r.ariaExpanded,te=r.ariaHasPopup,ne=r.showClearIcon,se=void 0===ne||ne,ie=r.id,le=r["data-testid"];return I=t(null),j=s(b,I),E=d({delay:J,onChange:Y,initialStateValue:D}),R=E.inputValue,N=E.onEventChanged,x=n((function(){var e,o;K||(null===(o=null===(e=I.current)||void 0===e?void 0:e.focus)||void 0===o||o.call(e),g(),null==ee||ee())}),[K,g=E.clearValue,ee]),y=a.createElement(h,{icon:L,className:c.icon,iconType:"font",iconSize:"small"===V?"16px":"20px"}),A=a.createElement(u,{className:o(c.icon,e({},c.empty,!R)),icon:z,ariaLabel:H,onClick:x,size:"small"===V?"xs":"small","data-testid":i(l.CLEAN_SEARCH_BUTTON,ie)}),B=a.createElement(a.Fragment,null,O&&a.createElement(p,{size:"small"===V?"xs":20,color:"secondary",wrapperClassName:o(e({},c.loader,!R&&!_))}),se&&R&&!K&&A,!(k&&R)&&_),a.createElement(f,{ref:j,id:ie,type:"search","data-testid":le||i(l.SEARCH,ie),"data-vibe":m.SEARCH,className:o(c.searchWrapper,ae),inputClassName:c.search,value:R,renderLeft:y,renderRight:B,autoFocus:M,placeholder:P,disabled:K,onChange:N,onBlur:$,onFocus:Z,onKeyDown:oe,autoComplete:W,size:V,wrapperRole:"search",inputRole:Q?"combobox":void 0,"aria-label":q,"aria-busy":O,"aria-controls":re?Q:void 0,"aria-activedescendant":X,"aria-haspopup":te,"aria-expanded":re})}));export{b as default};
 //# sourceMappingURL=Search.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport { BaseInput } from \"@vibe/base\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"~~../IconButton~~/~~IconButton~~\";\nimport { Icon } from \"@vibe/icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport { Loader } from \"@vibe/loader\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst Search = forwardRef(\n (\n {\n searchIconName = SearchIcon,\n clearIconName = CloseSmallIcon,\n clearIconLabel = \"Clear\",\n renderAction: RenderAction,\n hideRenderActionOnInput,\n value,\n placeholder,\n size = \"medium\",\n disabled,\n loading,\n autoFocus,\n autoComplete = \"off\",\n inputAriaLabel,\n debounceRate = 400,\n searchResultsContainerId,\n currentAriaResultId,\n onChange,\n onFocus,\n onBlur,\n onClear,\n onKeyDown,\n className,\n ariaExpanded,\n ariaHasPopup,\n showClearIcon = true,\n id,\n \"data-testid\": dataTestId\n }: SearchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef);\n\n const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n delay: debounceRate,\n onChange,\n initialStateValue: value\n });\n\n const onClearButtonClick = useCallback(() => {\n if (disabled) return;\n inputRef.current?.focus?.();\n clearValue();\n onClear?.();\n }, [disabled, clearValue, onClear]);\n\n const SearchIcon = (\n <Icon\n icon={searchIconName}\n className={styles.icon}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n />\n );\n\n const ClearIcon = (\n <IconButton\n className={cx(styles.icon, { [styles.empty]: !inputValue })}\n icon={clearIconName}\n ariaLabel={clearIconLabel}\n onClick={onClearButtonClick}\n size={size === \"small\" ? \"xs\" : \"small\"}\n data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n />\n );\n\n const RenderRight = (\n <>\n {loading && (\n <Loader\n size={size === \"small\" ? \"xs\" : 20}\n color=\"secondary\"\n wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n />\n )}\n {showClearIcon && inputValue && !disabled && ClearIcon}\n {!(hideRenderActionOnInput && inputValue) && RenderAction}\n </>\n );\n\n return (\n <BaseInput\n ref={mergedRef}\n id={id}\n type={\"search\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SEARCH, id)}\n data-vibe={ComponentVibeId.SEARCH}\n className={cx(styles.searchWrapper, className)}\n inputClassName={styles.search}\n value={inputValue}\n renderLeft={SearchIcon}\n renderRight={RenderRight}\n autoFocus={autoFocus}\n placeholder={placeholder}\n disabled={disabled}\n onChange={onEventChanged}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n autoComplete={autoComplete}\n size={size}\n wrapperRole=\"search\"\n inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n aria-label={inputAriaLabel}\n aria-busy={loading}\n aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n aria-activedescendant={currentAriaResultId}\n aria-haspopup={ariaHasPopup}\n aria-expanded={ariaExpanded}\n />\n );\n }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"~~qwBAcA~~,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,EASAC,EAWAC,EAtCmCC,EAAAZ,EA5BvCa,eAAAA,OAAiBJ,IAAHG,EAAGH,EAAUG,EAAAE,EAAAd,EAC3Be,cAAAA,OAAgBC,IAAHF,EAAGE,EAAcF,EAAAG,EAAAjB,EAC9BkB,eAAAA,OAAiB,IAAHD,EAAG,QAAOA,EACVE,EAAYnB,EAA1BoB,aACAC,EAAuBrB,EAAvBqB,wBACAC,EAAKtB,EAALsB,MACAC,EAAWvB,EAAXuB,YAAWC,EAAAxB,EACXyB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAQ1B,EAAR0B,SACAC,EAAO3B,EAAP2B,QACAC,EAAS5B,EAAT4B,UAASC,EAAA7B,EACT8B,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAc/B,EAAd+B,eAAcC,EAAAhC,EACdiC,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAwBlC,EAAxBkC,yBACAC,EAAmBnC,EAAnBmC,oBACAC,EAAQpC,EAARoC,SACAC,EAAOrC,EAAPqC,QACAC,EAAMtC,EAANsC,OACAC,GAAOvC,EAAPuC,QACAC,GAASxC,EAATwC,UACAC,GAASzC,EAATyC,UACAC,GAAY1C,EAAZ0C,aACAC,GAAY3C,EAAZ2C,aAAYC,GAAA5C,EACZ6C,cAAAA,QAAgB,IAAHD,IAAOA,GACpBE,GAAE9C,EAAF8C,GACeC,GAAU/C,EAAzB,eAAa,OAITE,EAAW8C,EAAO,MAClB7C,EAAY8C,EAAYhD,EAAKC,GAEnCE,EAAmD8C,EAAiB,CAClEC,MAAOlB,EACPG,SAAAA,EACAgB,kBAAmB9B,IAHbjB,EAAUD,EAAVC,WAAYC,EAAcF,EAAdE,eAMdE,EAAqB6C,GAAY,mBACjC3B,YACJ4B,EAAkB,UAAlBpD,EAASqD,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAClBlD,IACAgC,UAAAA,KACD,GAAE,CAACb,EAXgCnB,EAAUH,EAAVG,WAWVgC,KAEpB9B,EACJiD,EAAAC,cAACC,EACC,CAAAC,KAAMhD,EACN4B,UAAWqB,EAAOD,KAClBE,SAAS,OACTC,SAAmB,UAATvC,EAAmB,OAAS,SAIpCf,EACJgD,EAAAC,cAACM,EAAU,CACTxB,UAAWyB,EAAGJ,EAAOD,KAAIM,EAAKL,CAAAA,EAAAA,EAAOM,OAAS/D,IAC9CwD,KAAM9C,EACNsD,UAAWnD,EACXoD,QAAS9D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QACnB,cAAA8C,EAAUC,EAAuBC,oBAAqB3B,MAIjEnC,EACJ+C,EAAAC,cAAAD,EAAAgB,SAAA,KACG/C,GACC+B,EAAAC,cAACgB,EACC,CAAAlD,KAAe,UAATA,EAAmB,KAAO,GAChCmD,MAAM,YACNC,iBAAkBX,EAAEC,KAAIL,EAAOgB,QAAUzE,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,cAACoB,EAAS,CACR9E,IAAKE,EACL2C,GAAIA,GACJkC,KAAM,SACO,cAAAjC,IAAcwB,EAAUC,EAAuBS,OAAQnC,IAAG,YAC5DoC,EAAgBD,OAC3BxC,UAAWyB,EAAGJ,EAAOqB,cAAe1C,IACpC2C,eAAgBtB,EAAOuB,OACvB/D,MAAOjB,EACPiF,WAAY7E,EACZ8E,YAAa5E,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,EACN+D,YAAY,SACZC,UAAWvD,EAA2B,gBAAawD,EAAS,aAChD3D,EAAc,YACfJ,EACI,gBAAAe,GAAeR,OAA2BwD,EAAS,wBAC3CvD,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}
1	+ {"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport { BaseInput } from \"@vibe/base\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Icon } from \"@vibe/icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport { Loader } from \"@vibe/loader\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst Search = forwardRef(\n (\n {\n searchIconName = SearchIcon,\n clearIconName = CloseSmallIcon,\n clearIconLabel = \"Clear\",\n renderAction: RenderAction,\n hideRenderActionOnInput,\n value,\n placeholder,\n size = \"medium\",\n disabled,\n loading,\n autoFocus,\n autoComplete = \"off\",\n inputAriaLabel,\n debounceRate = 400,\n searchResultsContainerId,\n currentAriaResultId,\n onChange,\n onFocus,\n onBlur,\n onClear,\n onKeyDown,\n className,\n ariaExpanded,\n ariaHasPopup,\n showClearIcon = true,\n id,\n \"data-testid\": dataTestId\n }: SearchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef);\n\n const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n delay: debounceRate,\n onChange,\n initialStateValue: value\n });\n\n const onClearButtonClick = useCallback(() => {\n if (disabled) return;\n inputRef.current?.focus?.();\n clearValue();\n onClear?.();\n }, [disabled, clearValue, onClear]);\n\n const SearchIcon = (\n <Icon\n icon={searchIconName}\n className={styles.icon}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n />\n );\n\n const ClearIcon = (\n <IconButton\n className={cx(styles.icon, { [styles.empty]: !inputValue })}\n icon={clearIconName}\n ariaLabel={clearIconLabel}\n onClick={onClearButtonClick}\n size={size === \"small\" ? \"xs\" : \"small\"}\n data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n />\n );\n\n const RenderRight = (\n <>\n {loading && (\n <Loader\n size={size === \"small\" ? \"xs\" : 20}\n color=\"secondary\"\n wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n />\n )}\n {showClearIcon && inputValue && !disabled && ClearIcon}\n {!(hideRenderActionOnInput && inputValue) && RenderAction}\n </>\n );\n\n return (\n <BaseInput\n ref={mergedRef}\n id={id}\n type={\"search\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SEARCH, id)}\n data-vibe={ComponentVibeId.SEARCH}\n className={cx(styles.searchWrapper, className)}\n inputClassName={styles.search}\n value={inputValue}\n renderLeft={SearchIcon}\n renderRight={RenderRight}\n autoFocus={autoFocus}\n placeholder={placeholder}\n disabled={disabled}\n onChange={onEventChanged}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n autoComplete={autoComplete}\n size={size}\n wrapperRole=\"search\"\n inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n aria-label={inputAriaLabel}\n aria-busy={loading}\n aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n aria-activedescendant={currentAriaResultId}\n aria-haspopup={ariaHasPopup}\n aria-expanded={ariaExpanded}\n />\n );\n }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"uyBAcA,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,EASAC,EAWAC,EAtCmCC,EAAAZ,EA5BvCa,eAAAA,OAAiBJ,IAAHG,EAAGH,EAAUG,EAAAE,EAAAd,EAC3Be,cAAAA,OAAgBC,IAAHF,EAAGE,EAAcF,EAAAG,EAAAjB,EAC9BkB,eAAAA,OAAiB,IAAHD,EAAG,QAAOA,EACVE,EAAYnB,EAA1BoB,aACAC,EAAuBrB,EAAvBqB,wBACAC,EAAKtB,EAALsB,MACAC,EAAWvB,EAAXuB,YAAWC,EAAAxB,EACXyB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAQ1B,EAAR0B,SACAC,EAAO3B,EAAP2B,QACAC,EAAS5B,EAAT4B,UAASC,EAAA7B,EACT8B,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAc/B,EAAd+B,eAAcC,EAAAhC,EACdiC,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAwBlC,EAAxBkC,yBACAC,EAAmBnC,EAAnBmC,oBACAC,EAAQpC,EAARoC,SACAC,EAAOrC,EAAPqC,QACAC,EAAMtC,EAANsC,OACAC,GAAOvC,EAAPuC,QACAC,GAASxC,EAATwC,UACAC,GAASzC,EAATyC,UACAC,GAAY1C,EAAZ0C,aACAC,GAAY3C,EAAZ2C,aAAYC,GAAA5C,EACZ6C,cAAAA,QAAgB,IAAHD,IAAOA,GACpBE,GAAE9C,EAAF8C,GACeC,GAAU/C,EAAzB,eAAa,OAITE,EAAW8C,EAAO,MAClB7C,EAAY8C,EAAYhD,EAAKC,GAEnCE,EAAmD8C,EAAiB,CAClEC,MAAOlB,EACPG,SAAAA,EACAgB,kBAAmB9B,IAHbjB,EAAUD,EAAVC,WAAYC,EAAcF,EAAdE,eAMdE,EAAqB6C,GAAY,mBACjC3B,YACJ4B,EAAkB,UAAlBpD,EAASqD,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAClBlD,IACAgC,UAAAA,KACD,GAAE,CAACb,EAXgCnB,EAAUH,EAAVG,WAWVgC,KAEpB9B,EACJiD,EAAAC,cAACC,EACC,CAAAC,KAAMhD,EACN4B,UAAWqB,EAAOD,KAClBE,SAAS,OACTC,SAAmB,UAATvC,EAAmB,OAAS,SAIpCf,EACJgD,EAAAC,cAACM,EAAU,CACTxB,UAAWyB,EAAGJ,EAAOD,KAAIM,EAAKL,CAAAA,EAAAA,EAAOM,OAAS/D,IAC9CwD,KAAM9C,EACNsD,UAAWnD,EACXoD,QAAS9D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QACnB,cAAA8C,EAAUC,EAAuBC,oBAAqB3B,MAIjEnC,EACJ+C,EAAAC,cAAAD,EAAAgB,SAAA,KACG/C,GACC+B,EAAAC,cAACgB,EACC,CAAAlD,KAAe,UAATA,EAAmB,KAAO,GAChCmD,MAAM,YACNC,iBAAkBX,EAAEC,KAAIL,EAAOgB,QAAUzE,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,cAACoB,EAAS,CACR9E,IAAKE,EACL2C,GAAIA,GACJkC,KAAM,SACO,cAAAjC,IAAcwB,EAAUC,EAAuBS,OAAQnC,IAAG,YAC5DoC,EAAgBD,OAC3BxC,UAAWyB,EAAGJ,EAAOqB,cAAe1C,IACpC2C,eAAgBtB,EAAOuB,OACvB/D,MAAOjB,EACPiF,WAAY7E,EACZ8E,YAAa5E,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,EACN+D,YAAY,SACZC,UAAWvD,EAA2B,gBAAawD,EAAS,aAChD3D,EAAc,YACfJ,EACI,gBAAAe,GAAeR,OAA2BwD,EAAS,wBAC3CvD,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_10fae047e5",search:"search_9f889a9419",loader:"loader_62edc79354",icon:"icon_34b111956a",empty:"empty_ce2df6ecf3"};!function(e){const a="s_id-4e5e4eb516f6_3_82_2";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_10fae047e5 .search_9f889a9419 {\n  appearance: textfield;\n}\n.searchWrapper_10fae047e5 .search_9f889a9419::-webkit-search-cancel-button, .searchWrapper_10fae047e5 .search_9f889a9419::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_10fae047e5 .loader_62edc79354 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_10fae047e5 .icon_34b111956a {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_10fae047e5 .icon_34b111956a.empty_ce2df6ecf3 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_62e7a2a6d8",search:"search_8fdeac6709",loader:"loader_e0229be0fd",icon:"icon_574d2e03d3",empty:"empty_17478aea1a"};!function(e){const a="s_id-4e5e4eb516f6_3_83_0";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_62e7a2a6d8 .search_8fdeac6709 {\n  appearance: textfield;\n}\n.searchWrapper_62e7a2a6d8 .search_8fdeac6709::-webkit-search-cancel-button, .searchWrapper_62e7a2a6d8 .search_8fdeac6709::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_62e7a2a6d8 .loader_e0229be0fd {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_62e7a2a6d8 .icon_574d2e03d3 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_62e7a2a6d8 .icon_574d2e03d3.empty_17478aea1a {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_bd0851d343",rectangle:"rectangle_07c326442c",shine:"shine_2d0a1ed469",circle:"circle_db13b7f80f",text:"text_829565c23f",textH1:"textH1_02ad66dccb",textH2:"textH2_a6cd3fc8e8",textH3:"textH3_a6cd3fc8e8",textH4:"textH4_afff6703d2",textH5:"textH5_ee803ccbed",textH6:"textH6_64daa5442c",textSmall:"textSmall_27343dc5ba",textCustom:"textCustom_64daa5442c",fullWidth:"fullWidth_e8581996c2"};!function(n){const e="s_id-41cda04b2bc0_3_82_2";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_bd0851d343 {\n  display: flex;\n}\n\n.rectangle_07c326442c {\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_2d0a1ed469;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2d0a1ed469 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_db13b7f80f {\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_2d0a1ed469;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2d0a1ed469 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_829565c23f {\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_2d0a1ed469;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2d0a1ed469 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_02ad66dccb {\n  height: 32px;\n}\n\n.textH2_a6cd3fc8e8 {\n  height: 24px;\n}\n\n.textH3_a6cd3fc8e8 {\n  height: 24px;\n}\n\n.textH4_afff6703d2 {\n  height: 21px;\n}\n\n.textH5_ee803ccbed {\n  height: 16px;\n}\n\n.textH6_64daa5442c {\n  height: 12px;\n}\n\n.textSmall_27343dc5ba,\n.textCustom_64daa5442c {\n  height: 12px;\n}\n\n.fullWidth_e8581996c2 {\n  width: 100%;\n}\n\n.skeleton_bd0851d343:not(.fullWidth_e8581996c2) .text_829565c23f {\n  width: 162px;\n}\n\n.skeleton_bd0851d343:not(.fullWidth_e8581996c2) .circle_db13b7f80f {\n  width: 40px;\n}\n\n.skeleton_bd0851d343:not(.fullWidth_e8581996c2) .rectangle_07c326442c {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_d4ff0511e1",rectangle:"rectangle_26c65fc7b5",shine:"shine_8f10174ce8",circle:"circle_6314ea1ea9",text:"text_8cf0a81232",textH1:"textH1_c372ff1258",textH2:"textH2_e02113e00e",textH3:"textH3_e02113e00e",textH4:"textH4_beba5ceb4f",textH5:"textH5_388cab8e62",textH6:"textH6_3672a749f0",textSmall:"textSmall_f337dc236c",textCustom:"textCustom_3672a749f0",fullWidth:"fullWidth_929280b715"};!function(n){const e="s_id-41cda04b2bc0_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_d4ff0511e1 {\n  display: flex;\n}\n\n.rectangle_26c65fc7b5 {\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_8f10174ce8;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8f10174ce8 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_6314ea1ea9 {\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_8f10174ce8;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8f10174ce8 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_8cf0a81232 {\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_8f10174ce8;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8f10174ce8 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_c372ff1258 {\n  height: 32px;\n}\n\n.textH2_e02113e00e {\n  height: 24px;\n}\n\n.textH3_e02113e00e {\n  height: 24px;\n}\n\n.textH4_beba5ceb4f {\n  height: 21px;\n}\n\n.textH5_388cab8e62 {\n  height: 16px;\n}\n\n.textH6_3672a749f0 {\n  height: 12px;\n}\n\n.textSmall_f337dc236c,\n.textCustom_3672a749f0 {\n  height: 12px;\n}\n\n.fullWidth_929280b715 {\n  width: 100%;\n}\n\n.skeleton_d4ff0511e1:not(.fullWidth_929280b715) .text_8cf0a81232 {\n  width: 162px;\n}\n\n.skeleton_d4ff0511e1:not(.fullWidth_929280b715) .circle_6314ea1ea9 {\n  width: 40px;\n}\n\n.skeleton_d4ff0511e1:not(.fullWidth_929280b715) .rectangle_26c65fc7b5 {\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_20bfd84e09"};!function(e){const t="s_id-096ffa3ec029_3_82_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_20bfd84e09 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={slide:"slide_9d39d60a99"};!function(e){const t="s_id-096ffa3ec029_3_83_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_9d39d60a99 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=SlideTransition.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_5f14f26d0b"};!function(e){const t="s_id-a25847c4cc71_3_82_2";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)}(".selectionIndicator_5f14f26d0b.selectionIndicator_5f14f26d0b.selectionIndicator_5f14f26d0b {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_cb83ea6f66"};!function(e){const t="s_id-a25847c4cc71_3_83_0";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_cb83ea6f66.selectionIndicator_cb83ea6f66.selectionIndicator_cb83ea6f66 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slider:"slider_d97768a1e8",valueShown:"valueShown_dc6cb2ed26",positionTop:"positionTop_c86d205b3f",positionBottom:"positionBottom_22f7587e72"};!function(e){const n="s_id-4e41ea5b2e41_3_82_2";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_d97768a1e8 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_dc6cb2ed26.positionTop_c86d205b3f {\n  margin-top: 10px;\n}\n\n.valueShown_dc6cb2ed26.positionBottom_22f7587e72 {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_cef526d8d8",valueShown:"valueShown_882a9a4a59",positionTop:"positionTop_27d96eafe5",positionBottom:"positionBottom_252bbf1f15"};!function(e){const n="s_id-4e41ea5b2e41_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_cef526d8d8 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_882a9a4a59.positionTop_27d96eafe5 {\n  margin-top: 10px;\n}\n\n.valueShown_882a9a4a59.positionBottom_252bbf1f15 {\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_ebc9b75171",disabled:"disabled_4be0fab612",small:"small_2f85e3f0ca",medium:"medium_087fed7818",large:"large_087fed7818"};!function(e){const n="s_id-0abb9e445f96_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_ebc9b75171 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_4be0fab612 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_4be0fab612 * {\n  pointer-events: none;\n}\n\n.small_2f85e3f0ca {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_087fed7818 {\n  padding: 0 12px;\n}\n\n.large_087fed7818 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_77f411bfea",disabled:"disabled_075be1d1f4",small:"small_0d105f45e3",medium:"medium_1b2c41f737",large:"large_1b2c41f737"};!function(e){const n="s_id-0abb9e445f96_3_83_0";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_77f411bfea {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_075be1d1f4 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_075be1d1f4 * {\n  pointer-events: none;\n}\n\n.small_0d105f45e3 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_1b2c41f737 {\n  padding: 0 12px;\n}\n\n.large_1b2c41f737 {\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_59dbcafdbd",positive:"positive_f25b3f4ab4",negative:"negative_1a9ca1f15d"};!function(e){const n="s_id-bb386829c5aa_3_82_2";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)}(".filledTrack_59dbcafdbd {\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_f25b3f4ab4 {\n  background-color: var(--positive-color);\n}\n\n.negative_1a9ca1f15d {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_68ac5034cc",positive:"positive_4a60e994b3",negative:"negative_0cc447c47d"};!function(e){const n="s_id-bb386829c5aa_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_68ac5034cc {\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_4a60e994b3 {\n  background-color: var(--positive-color);\n}\n\n.negative_0cc447c47d {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={rail:"rail_393ab788bd",small:"small_8a076246a3",medium:"medium_9ad2b59cbc",large:"large_ad85cd05ad"};!function(e){const n="s_id-c66a4285003d_3_82_2";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)}(".rail_393ab788bd {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_8a076246a3 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_9ad2b59cbc {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_ad85cd05ad {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_bee83e05f9",small:"small_58a8498c6d",medium:"medium_3fcf6b434d",large:"large_94abc4aa19"};!function(e){const n="s_id-c66a4285003d_3_83_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_bee83e05f9 {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_58a8498c6d {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_3fcf6b434d {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_94abc4aa19 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{NOOP as r}from"../../../utils/function-utils.js";import i from"../../Tooltip/Tooltip.js";import{TOOLTIP_SHOW_DELAY as n}from"../SliderConstants.js";import{useSliderSelection as l,useSliderUi as s,useSliderActions as u}from"../SliderContext.js";import m from"classnames";import d from"./SliderThumb.module.scss.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"es-toolkit";var v=function(v){var f=v.className,b=v.index,g=void 0===b?0:b,h=v.onMove,L=void 0===h?r:h,x=v.position,y=void 0===x?0:x,j=v.size,E=v.color,T=l(),P=T.max,w=T.min,D=T.ranged,C=T.value,S=T.valueText,B=D?C[g]:C,H=D?S[g]:S,N=s(),F=N.active,I=N.ariaLabel,M=N.ariaLabelledby,_=N.disabled,k=N.dragging,z=N.focused,A=N.shapeTestId,K=N.showValue,V=N.valueLabelPosition,q=N.valueLabelColor,G=u(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",L),document.removeEventListener("pointerup",U)}return a((function(){z===g&&R&&R.current&&R.current.focus()}),[z,g]),o.createElement(i,{open:F===g||k===g,content:K?null:H,position:"top",showDelay:n,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":I,"aria-labelledby":M,"aria-valuemax":P,"aria-valuemin":w,"aria-valuenow":B,"aria-valuetext":H,"aria-disabled":_,className:m(d.thumb,c(d,E),c(d,j),e(e(e({},d.dragging,k===g),d.focused,z),d.notDisabledThumb,!_),f),"data-testid":A("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",L),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(y,"%")},tabIndex:_?-1:0},K&&o.createElement("label",{className:m(d.label,c(d,p("color-"+q)),c(d,p("position-"+V)))},H)))};export{v as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{NOOP as i}from"../../../utils/function-utils.js";import{TOOLTIP_SHOW_DELAY as n}from"../SliderConstants.js";import{useSliderSelection as r,useSliderUi as l,useSliderActions as s}from"../SliderContext.js";import u from"classnames";import m from"./SliderThumb.module.scss.js";import{getStyle as d}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as c}from"es-toolkit";import p from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";var v=function(v){var f=v.className,b=v.index,g=void 0===b?0:b,h=v.onMove,L=void 0===h?i:h,x=v.position,y=void 0===x?0:x,j=v.size,E=v.color,T=r(),P=T.max,w=T.min,D=T.ranged,C=T.value,S=T.valueText,B=D?C[g]:C,H=D?S[g]:S,N=l(),F=N.active,I=N.ariaLabel,M=N.ariaLabelledby,_=N.disabled,k=N.dragging,z=N.focused,A=N.shapeTestId,K=N.showValue,V=N.valueLabelPosition,q=N.valueLabelColor,G=s(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",L),document.removeEventListener("pointerup",U)}return a((function(){z===g&&R&&R.current&&R.current.focus()}),[z,g]),o.createElement(p,{open:F===g||k===g,content:K?null:H,position:"top",showDelay:n,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":I,"aria-labelledby":M,"aria-valuemax":P,"aria-valuemin":w,"aria-valuenow":B,"aria-valuetext":H,"aria-disabled":_,className:u(m.thumb,d(m,E),d(m,j),e(e(e({},m.dragging,k===g),m.focused,z),m.notDisabledThumb,!_),f),"data-testid":A("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",L),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(y,"%")},tabIndex:_?-1:0},K&&o.createElement("label",{className:u(m.label,d(m,c("color-"+q)),d(m,c("position-"+V)))},H)))};export{v as default};
 //# sourceMappingURL=SliderThumb.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport Tooltip from \"~~../../Tooltip~~/~~Tooltip~~\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n /*\n The index of the thumb (used in range sliders).\n /\n index?: number;\n /\n Callback fired when the thumb is moved.\n /\n onMove?: (event: PointerEvent) => void;\n /\n The position of the thumb, represented as an offset percentage from the start of the track.\n /\n position?: number;\n /\n The size of the slider thumb.\n /\n size: SliderSize;\n /\n The color theme of the slider thumb.\n */\n color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n const {\n active,\n ariaLabel,\n ariaLabelledby,\n disabled,\n dragging,\n focused,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n } = useSliderUi();\n const { setActive, setFocused, setDragging } = useSliderActions();\n const ref = useRef(null);\n\n function handleBlur() {\n setFocused(null);\n setActive(null);\n }\n\n function handleFocus() {\n setFocused(index);\n setActive(index);\n }\n\n function handlePointerLeave() {\n setActive(null);\n }\n\n function handlePointerDown(e: React.PointerEvent) {\n e.stopPropagation();\n setDragging(index);\n document.addEventListener(\"pointermove\", onMove);\n document.addEventListener(\"pointerup\", stopMove);\n }\n\n function stopMove() {\n setDragging(null);\n document.removeEventListener(\"pointermove\", onMove);\n document.removeEventListener(\"pointerup\", stopMove);\n }\n\n useEffect(() => {\n if (focused === index && ref && ref.current) {\n ref.current.focus();\n }\n }, [focused, index]);\n\n return (\n <Tooltip\n open={active === index \|\| dragging === index}\n content={showValue ? null : valueText}\n position=\"top\"\n showDelay={TOOLTIP_SHOW_DELAY}\n addKeyboardHideShowTriggersByDefault={false}\n >\n <div\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n aria-valuetext={valueText}\n aria-disabled={disabled}\n className={cx(\n styles.thumb,\n getStyle(styles, color),\n getStyle(styles, size),\n {\n [styles.dragging]: dragging === index,\n [styles.focused]: focused,\n [styles.notDisabledThumb]: !disabled\n },\n className\n )}\n data-testid={shapeTestId(`thumb-${index}`)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onPointerDown={handlePointerDown}\n onPointerLeave={handlePointerLeave}\n ref={ref}\n role=\"slider\"\n style={{ left: `${position}%` }}\n tabIndex={disabled ? -1 : 0}\n >\n {showValue && (\n <label\n className={cx(\n styles.label,\n getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n )}\n >\n {valueText}\n </label>\n )}\n </div>\n </Tooltip>\n );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"~~qjBAmCA~~,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAcJ,EAAdI,eACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}
1	+ {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n /*\n The index of the thumb (used in range sliders).\n /\n index?: number;\n /\n Callback fired when the thumb is moved.\n /\n onMove?: (event: PointerEvent) => void;\n /\n The position of the thumb, represented as an offset percentage from the start of the track.\n /\n position?: number;\n /\n The size of the slider thumb.\n /\n size: SliderSize;\n /\n The color theme of the slider thumb.\n */\n color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n const {\n active,\n ariaLabel,\n ariaLabelledby,\n disabled,\n dragging,\n focused,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n } = useSliderUi();\n const { setActive, setFocused, setDragging } = useSliderActions();\n const ref = useRef(null);\n\n function handleBlur() {\n setFocused(null);\n setActive(null);\n }\n\n function handleFocus() {\n setFocused(index);\n setActive(index);\n }\n\n function handlePointerLeave() {\n setActive(null);\n }\n\n function handlePointerDown(e: React.PointerEvent) {\n e.stopPropagation();\n setDragging(index);\n document.addEventListener(\"pointermove\", onMove);\n document.addEventListener(\"pointerup\", stopMove);\n }\n\n function stopMove() {\n setDragging(null);\n document.removeEventListener(\"pointermove\", onMove);\n document.removeEventListener(\"pointerup\", stopMove);\n }\n\n useEffect(() => {\n if (focused === index && ref && ref.current) {\n ref.current.focus();\n }\n }, [focused, index]);\n\n return (\n <Tooltip\n open={active === index \|\| dragging === index}\n content={showValue ? null : valueText}\n position=\"top\"\n showDelay={TOOLTIP_SHOW_DELAY}\n addKeyboardHideShowTriggersByDefault={false}\n >\n <div\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n aria-valuetext={valueText}\n aria-disabled={disabled}\n className={cx(\n styles.thumb,\n getStyle(styles, color),\n getStyle(styles, size),\n {\n [styles.dragging]: dragging === index,\n [styles.focused]: focused,\n [styles.notDisabledThumb]: !disabled\n },\n className\n )}\n data-testid={shapeTestId(`thumb-${index}`)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onPointerDown={handlePointerDown}\n onPointerLeave={handlePointerLeave}\n ref={ref}\n role=\"slider\"\n style={{ left: `${position}%` }}\n tabIndex={disabled ? -1 : 0}\n >\n {showValue && (\n <label\n className={cx(\n styles.label,\n getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n )}\n >\n {valueText}\n </label>\n )}\n </div>\n </Tooltip>\n );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"mlBAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAcJ,EAAdI,eACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}

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

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_78c4e0f0fa",dragging:"dragging_f53485c45b",focused:"focused_0638ce086d",notDisabledThumb:"notDisabledThumb_a3e3815300","focus-visible":"focus-visible_ec730f9a2c",positive:"positive_e69f908af9",negative:"negative_e1237f7873",small:"small_0b6e861382",medium:"medium_21277c1296",large:"large_a64859adb1",label:"label_62b904871b",positionTop:"positionTop_a6d1ecdbaa",positionBottom:"positionBottom_b4d8f446bd",colorPrimary:"colorPrimary_7dbec1bf29",colorSecondary:"colorSecondary_b6e09e7233"};!function(o){const e="s_id-9ef20defa923_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_78c4e0f0fa {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n.dragging_f53485c45b {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n.focused_0638ce086d {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_a3e3815300:focus-visible, .notDisabledThumb_a3e3815300.focus-visible_ec730f9a2c {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb_a3e3815300:focus:not(.focus-visible_ec730f9a2c) {\n  outline: none;\n}\n.notDisabledThumb_a3e3815300:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_e69f908af9 {\n  border-color: var(--positive-color);\n}\n.positive_e69f908af9.notDisabledThumb_a3e3815300:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_e1237f7873 {\n  border-color: var(--negative-color);\n}\n.negative_e1237f7873.notDisabledThumb_a3e3815300:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_0b6e861382 {\n  height: 16px;\n  width: 16px;\n}\n.medium_21277c1296 {\n  height: 20px;\n  width: 20px;\n}\n.large_a64859adb1 {\n  height: 24px;\n  width: 24px;\n}\n.label_62b904871b {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label_62b904871b.positionTop_a6d1ecdbaa {\n  bottom: calc(100% + 8px);\n}\n.label_62b904871b.positionBottom_b4d8f446bd {\n  top: calc(100% + 8px);\n}\n.label_62b904871b.colorPrimary_7dbec1bf29 {\n  color: var(--primary-text-color);\n}\n.label_62b904871b.colorSecondary_b6e09e7233 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_bd083423d7",dragging:"dragging_a2885db7a7",focused:"focused_6a66712960",notDisabledThumb:"notDisabledThumb_539489d4f7","focus-visible":"focus-visible_87d12d724e",positive:"positive_bb610a3d52",negative:"negative_7ad99786b4",small:"small_b7a740976b",medium:"medium_50ab950fee",large:"large_dedfcfd993",label:"label_327bd83360",positionTop:"positionTop_360093bbe0",positionBottom:"positionBottom_18c55d23d0",colorPrimary:"colorPrimary_45a8019018",colorSecondary:"colorSecondary_960a875048"};!function(o){const n="s_id-9ef20defa923_3_83_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_bd083423d7 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n.dragging_a2885db7a7 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n.focused_6a66712960 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_539489d4f7:focus-visible, .notDisabledThumb_539489d4f7.focus-visible_87d12d724e {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb_539489d4f7:focus:not(.focus-visible_87d12d724e) {\n  outline: none;\n}\n.notDisabledThumb_539489d4f7:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_bb610a3d52 {\n  border-color: var(--positive-color);\n}\n.positive_bb610a3d52.notDisabledThumb_539489d4f7:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_7ad99786b4 {\n  border-color: var(--negative-color);\n}\n.negative_7ad99786b4.notDisabledThumb_539489d4f7:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_b7a740976b {\n  height: 16px;\n  width: 16px;\n}\n.medium_50ab950fee {\n  height: 20px;\n  width: 20px;\n}\n.large_dedfcfd993 {\n  height: 24px;\n  width: 24px;\n}\n.label_327bd83360 {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label_327bd83360.positionTop_360093bbe0 {\n  bottom: calc(100% + 8px);\n}\n.label_327bd83360.positionBottom_18c55d23d0 {\n  top: calc(100% + 8px);\n}\n.label_327bd83360.colorPrimary_45a8019018 {\n  color: var(--primary-text-color);\n}\n.label_327bd83360.colorSecondary_960a875048 {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map