npm - @vibe/core - Versions diffs - 3.82.4 → 3.83.2 - Mend

@vibe/core 3.82.4 → 3.83.2

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

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

@@ -1,2 +1,2 @@
-var e={bar:"bar_722a6b9f57",typePrimaryPrimary:"typePrimaryPrimary_c5515d05f5",typePrimarySecondary:"typePrimarySecondary_16c9a9f322",typePrimaryPositive:"typePrimaryPositive_36d758cc64",typePrimaryNegative:"typePrimaryNegative_9d849d2342",typePrimaryWarning:"typePrimaryWarning_7fb27ea296",typeSecondaryPrimary:"typeSecondaryPrimary_4efb714866",typeSecondarySecondary:"typeSecondarySecondary_0b49f07a62",typeSecondaryPositive:"typeSecondaryPositive_97562bc4fa",typeSecondaryNegative:"typeSecondaryNegative_0976d2af3f",typeSecondaryWarning:"typeSecondaryWarning_3f747d3869",animate:"animate_bd2b10e304"};!function(e){const r="s_id-47cfcfa6b681_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_722a6b9f57 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_c5515d05f5 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_16c9a9f322 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_36d758cc64 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_9d849d2342 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_7fb27ea296 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_4efb714866 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_0b49f07a62 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_97562bc4fa {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_0976d2af3f {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_3f747d3869 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_bd2b10e304 {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_038044c9bd",typePrimaryPrimary:"typePrimaryPrimary_224a458901",typePrimarySecondary:"typePrimarySecondary_55f888b066",typePrimaryPositive:"typePrimaryPositive_c9a26d3650",typePrimaryNegative:"typePrimaryNegative_81cf177e3e",typePrimaryWarning:"typePrimaryWarning_9ae027348d",typeSecondaryPrimary:"typeSecondaryPrimary_6eb1603050",typeSecondarySecondary:"typeSecondarySecondary_94ec0bddbd",typeSecondaryPositive:"typeSecondaryPositive_8aa3ed709a",typeSecondaryNegative:"typeSecondaryNegative_a25adbd2a4",typeSecondaryWarning:"typeSecondaryWarning_f6210b63ae",animate:"animate_73985f38f4"};!function(e){const r="s_id-47cfcfa6b681_3_83_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_038044c9bd {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_224a458901 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_55f888b066 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_c9a26d3650 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_81cf177e3e {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_9ae027348d {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_6eb1603050 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_94ec0bddbd {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_8aa3ed709a {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_a25adbd2a4 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_f6210b63ae {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_73985f38f4 {\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_d4f3008226",fullWidth:"fullWidth_ab8717a632",container:"container_be2e181aa9",progressBar:"progressBar_0300c5b060",completed:"completed_be2e181aa9",label:"label_64d58e209a",large:"large_feb2dcf9e3",medium:"medium_623e2f8aea",small:"small_ca13efe4a9"};!function(e){const a="s_id-5855608df299_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_d4f3008226 {\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_d4f3008226.fullWidth_ab8717a632 {\n  width: 100%;\n}\n.wrapper_d4f3008226.fullWidth_ab8717a632 .container_be2e181aa9 {\n  border-radius: 0;\n}\n.wrapper_d4f3008226.fullWidth_ab8717a632 .container_be2e181aa9 .progressBar_0300c5b060 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_d4f3008226.fullWidth_ab8717a632 .container_be2e181aa9 .progressBar_0300c5b060.completed_be2e181aa9 {\n  border-radius: 0;\n}\n.label_64d58e209a {\n  padding-left: var(--spacing-xs);\n}\n.large_feb2dcf9e3 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_623e2f8aea {\n  height: 6px;\n  line-height: 6px;\n}\n.small_ca13efe4a9 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_be2e181aa9 {\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_29d6bc0e21",fullWidth:"fullWidth_033fe3ac52",container:"container_093a2c4661",progressBar:"progressBar_077dd1704f",completed:"completed_093a2c4661",label:"label_58d3c167d7",large:"large_c1ccbd5257",medium:"medium_a156d49754",small:"small_436623c078"};!function(e){const n="s_id-5855608df299_3_83_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_29d6bc0e21 {\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_29d6bc0e21.fullWidth_033fe3ac52 {\n  width: 100%;\n}\n.wrapper_29d6bc0e21.fullWidth_033fe3ac52 .container_093a2c4661 {\n  border-radius: 0;\n}\n.wrapper_29d6bc0e21.fullWidth_033fe3ac52 .container_093a2c4661 .progressBar_077dd1704f {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_29d6bc0e21.fullWidth_033fe3ac52 .container_093a2c4661 .progressBar_077dd1704f.completed_093a2c4661 {\n  border-radius: 0;\n}\n.label_58d3c167d7 {\n  padding-left: var(--spacing-xs);\n}\n.large_c1ccbd5257 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_a156d49754 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_436623c078 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_093a2c4661 {\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_64d58e209a"};!function(e){const t="s_id-de8a28d20526_3_82_3";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_64d58e209a {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_58d3c167d7"};!function(e){const d="s_id-de8a28d20526_3_83_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".label_58d3c167d7 {\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_5e12f17cc4",inputContainer:"inputContainer_9cd0e2e8f3",input:"input_41ce0caf31",control:"control_2d48cb1569",labelAnimation:"labelAnimation_272339a33b",radioCheckedAnimation:"radioCheckedAnimation_b86ec8ab6f",disabled:"disabled_5fdd5b4707",label:"label_52de1e4c5d"};!function(n){const e="s_id-f0fb17b54d8d_3_82_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_5e12f17cc4 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_9cd0e2e8f3 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_41ce0caf31 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_2d48cb1569 {\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_2d48cb1569 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_272339a33b {\n  animation-name: radioCheckedAnimation_b86ec8ab6f;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_2d48cb1569 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_2d48cb1569 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_5e12f17cc4.disabled_5fdd5b4707 {\n  cursor: not-allowed;\n}\n.radioButton_5e12f17cc4.disabled_5fdd5b4707 .label_52de1e4c5d {\n  color: var(--disabled-text-color);\n}\n.inputContainer_9cd0e2e8f3 input:focus-visible + .control_2d48cb1569 {\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_5e12f17cc4:hover .inputContainer_9cd0e2e8f3 input:enabled:checked + .control_2d48cb1569 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_5e12f17cc4:hover .inputContainer_9cd0e2e8f3 input:enabled:not(:checked) + .control_2d48cb1569,\n.radioButton_5e12f17cc4:focus-within .inputContainer_9cd0e2e8f3 input:enabled:not(:checked) + .control_2d48cb1569 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_b86ec8ab6f {\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_877473a67e",inputContainer:"inputContainer_de23b7e49a",input:"input_6b94d63580",control:"control_2144c1e0bb",labelAnimation:"labelAnimation_6395146e0a",radioCheckedAnimation:"radioCheckedAnimation_56c3268e39",disabled:"disabled_b4d151c621",label:"label_f8f8f349c5"};!function(n){const e="s_id-f0fb17b54d8d_3_83_1";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_877473a67e {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_de23b7e49a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_6b94d63580 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_2144c1e0bb {\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_2144c1e0bb {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_6395146e0a {\n  animation-name: radioCheckedAnimation_56c3268e39;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_2144c1e0bb {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_2144c1e0bb {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_877473a67e.disabled_b4d151c621 {\n  cursor: not-allowed;\n}\n.radioButton_877473a67e.disabled_b4d151c621 .label_f8f8f349c5 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_de23b7e49a input:focus-visible + .control_2144c1e0bb {\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_877473a67e:hover .inputContainer_de23b7e49a input:enabled:checked + .control_2144c1e0bb {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_877473a67e:hover .inputContainer_de23b7e49a input:enabled:not(:checked) + .control_2144c1e0bb,\n.radioButton_877473a67e:focus-within .inputContainer_de23b7e49a input:enabled:not(:checked) + .control_2144c1e0bb {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_56c3268e39 {\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~~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"}
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_b532c4990f",search:"search_f624e8a611",loader:"loader_61cfc21f91",icon:"icon_5fd379e142",empty:"empty_d862622017"};!function(e){const a="s_id-4e5e4eb516f6_3_82_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_b532c4990f .search_f624e8a611 {\n  appearance: textfield;\n}\n.searchWrapper_b532c4990f .search_f624e8a611::-webkit-search-cancel-button, .searchWrapper_b532c4990f .search_f624e8a611::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_b532c4990f .loader_61cfc21f91 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_b532c4990f .icon_5fd379e142 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_b532c4990f .icon_5fd379e142.empty_d862622017 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_4a7537b32c",search:"search_4c599714e1",loader:"loader_dedbf44286",icon:"icon_d9afcebe94",empty:"empty_8e763360ec"};!function(e){const a="s_id-4e5e4eb516f6_3_83_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,c.firstChild?c.insertBefore(r,c.firstChild):c.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_4a7537b32c .search_4c599714e1 {\n  appearance: textfield;\n}\n.searchWrapper_4a7537b32c .search_4c599714e1::-webkit-search-cancel-button, .searchWrapper_4a7537b32c .search_4c599714e1::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_4a7537b32c .loader_dedbf44286 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_4a7537b32c .icon_d9afcebe94 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_4a7537b32c .icon_d9afcebe94.empty_8e763360ec {\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_3b94ecf580",rectangle:"rectangle_d3cc1bf99d",shine:"shine_4e7362d93a",circle:"circle_148ef47d9c",text:"text_f85e44d442",textH1:"textH1_3dd8fb768c",textH2:"textH2_7772c25274",textH3:"textH3_7772c25274",textH4:"textH4_c09cd2f122",textH5:"textH5_a70668fe32",textH6:"textH6_dba95b503c",textSmall:"textSmall_6fcd434c27",textCustom:"textCustom_dba95b503c",fullWidth:"fullWidth_ab8717a632"};!function(n){const e="s_id-41cda04b2bc0_3_82_3";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_3b94ecf580 {\n  display: flex;\n}\n\n.rectangle_d3cc1bf99d {\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_4e7362d93a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4e7362d93a {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_148ef47d9c {\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_4e7362d93a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4e7362d93a {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_f85e44d442 {\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_4e7362d93a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4e7362d93a {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_3dd8fb768c {\n  height: 32px;\n}\n\n.textH2_7772c25274 {\n  height: 24px;\n}\n\n.textH3_7772c25274 {\n  height: 24px;\n}\n\n.textH4_c09cd2f122 {\n  height: 21px;\n}\n\n.textH5_a70668fe32 {\n  height: 16px;\n}\n\n.textH6_dba95b503c {\n  height: 12px;\n}\n\n.textSmall_6fcd434c27,\n.textCustom_dba95b503c {\n  height: 12px;\n}\n\n.fullWidth_ab8717a632 {\n  width: 100%;\n}\n\n.skeleton_3b94ecf580:not(.fullWidth_ab8717a632) .text_f85e44d442 {\n  width: 162px;\n}\n\n.skeleton_3b94ecf580:not(.fullWidth_ab8717a632) .circle_148ef47d9c {\n  width: 40px;\n}\n\n.skeleton_3b94ecf580:not(.fullWidth_ab8717a632) .rectangle_d3cc1bf99d {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_5a4f8f2bac",rectangle:"rectangle_b51de46b69",shine:"shine_c11a0c5194",circle:"circle_5207c480f4",text:"text_371439d1b7",textH1:"textH1_dc4733a98c",textH2:"textH2_2c5a5836e4",textH3:"textH3_2c5a5836e4",textH4:"textH4_be65f6183a",textH5:"textH5_cd330c8c1f",textH6:"textH6_83f718079b",textSmall:"textSmall_0effc25d8b",textCustom:"textCustom_83f718079b",fullWidth:"fullWidth_033fe3ac52"};!function(n){const t="s_id-41cda04b2bc0_3_83_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton_5a4f8f2bac {\n  display: flex;\n}\n\n.rectangle_b51de46b69 {\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_c11a0c5194;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_c11a0c5194 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_5207c480f4 {\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_c11a0c5194;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_c11a0c5194 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_371439d1b7 {\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_c11a0c5194;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_c11a0c5194 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_dc4733a98c {\n  height: 32px;\n}\n\n.textH2_2c5a5836e4 {\n  height: 24px;\n}\n\n.textH3_2c5a5836e4 {\n  height: 24px;\n}\n\n.textH4_be65f6183a {\n  height: 21px;\n}\n\n.textH5_cd330c8c1f {\n  height: 16px;\n}\n\n.textH6_83f718079b {\n  height: 12px;\n}\n\n.textSmall_0effc25d8b,\n.textCustom_83f718079b {\n  height: 12px;\n}\n\n.fullWidth_033fe3ac52 {\n  width: 100%;\n}\n\n.skeleton_5a4f8f2bac:not(.fullWidth_033fe3ac52) .text_371439d1b7 {\n  width: 162px;\n}\n\n.skeleton_5a4f8f2bac:not(.fullWidth_033fe3ac52) .circle_5207c480f4 {\n  width: 40px;\n}\n\n.skeleton_5a4f8f2bac:not(.fullWidth_033fe3ac52) .rectangle_b51de46b69 {\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_a9fc1d0668"};!function(e){const t="s_id-096ffa3ec029_3_82_3";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_a9fc1d0668 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={slide:"slide_0270bec698"};!function(e){const t="s_id-096ffa3ec029_3_83_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_0270bec698 {\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_d27cd60917"};!function(e){const t="s_id-a25847c4cc71_3_82_3";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_d27cd60917.selectionIndicator_d27cd60917.selectionIndicator_d27cd60917 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_7036eb471c"};!function(e){const t="s_id-a25847c4cc71_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_7036eb471c.selectionIndicator_7036eb471c.selectionIndicator_7036eb471c {\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_dbe5ecaba4",valueShown:"valueShown_ce5bef4bc3",positionTop:"positionTop_d74cc8418e",positionBottom:"positionBottom_95302030eb"};!function(e){const n="s_id-4e41ea5b2e41_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_dbe5ecaba4 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_ce5bef4bc3.positionTop_d74cc8418e {\n  margin-top: 10px;\n}\n\n.valueShown_ce5bef4bc3.positionBottom_95302030eb {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_99c8d4571e",valueShown:"valueShown_2e7d3ba49b",positionTop:"positionTop_1f5477f1d0",positionBottom:"positionBottom_f5766d3645"};!function(e){const n="s_id-4e41ea5b2e41_3_83_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_99c8d4571e {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_2e7d3ba49b.positionTop_1f5477f1d0 {\n  margin-top: 10px;\n}\n\n.valueShown_2e7d3ba49b.positionBottom_f5766d3645 {\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_f10c135ef5",disabled:"disabled_0e20c35dfc",small:"small_a6a5449baf",medium:"medium_062090dfd9",large:"large_062090dfd9"};!function(e){const n="s_id-0abb9e445f96_3_82_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_f10c135ef5 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_0e20c35dfc {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_0e20c35dfc * {\n  pointer-events: none;\n}\n\n.small_a6a5449baf {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_062090dfd9 {\n  padding: 0 12px;\n}\n\n.large_062090dfd9 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_ca9bdca9dd",disabled:"disabled_6cf889d59d",small:"small_75cef92785",medium:"medium_1c68c0692d",large:"large_1c68c0692d"};!function(e){const n="s_id-0abb9e445f96_3_83_1";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_ca9bdca9dd {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_6cf889d59d {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_6cf889d59d * {\n  pointer-events: none;\n}\n\n.small_75cef92785 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_1c68c0692d {\n  padding: 0 12px;\n}\n\n.large_1c68c0692d {\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_b92b527044",positive:"positive_36d758cc64",negative:"negative_9d849d2342"};!function(e){const n="s_id-bb386829c5aa_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_b92b527044 {\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_36d758cc64 {\n  background-color: var(--positive-color);\n}\n\n.negative_9d849d2342 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_d2b5de7f4d",positive:"positive_c9a26d3650",negative:"negative_81cf177e3e"};!function(e){const n="s_id-bb386829c5aa_3_83_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_d2b5de7f4d {\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_c9a26d3650 {\n  background-color: var(--positive-color);\n}\n\n.negative_81cf177e3e {\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_9b4ba43a41",small:"small_9a43c81889",medium:"medium_da2dd1d6a6",large:"large_53f4105157"};!function(e){const n="s_id-c66a4285003d_3_82_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_9b4ba43a41 {\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_9a43c81889 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_da2dd1d6a6 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_53f4105157 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_892e037210",small:"small_07ae543594",medium:"medium_84c419e68c",large:"large_3a967c576b"};!function(e){const n="s_id-c66a4285003d_3_83_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_892e037210 {\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_07ae543594 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_84c419e68c {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_3a967c576b {\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_f5136bec18",dragging:"dragging_e72cc83b3f",focused:"focused_6ccf8d33af",notDisabledThumb:"notDisabledThumb_38aa815356","focus-visible":"focus-visible_bf0135941e",positive:"positive_157857e0bc",negative:"negative_3d76cceaea",small:"small_daeaf2d5ea",medium:"medium_c33498b2bb",large:"large_83a7ce2089",label:"label_361c23855a",positionTop:"positionTop_dff42afb35",positionBottom:"positionBottom_824fb4628a",colorPrimary:"colorPrimary_445dfdca62",colorSecondary:"colorSecondary_ae9cb4d312"};!function(o){const n="s_id-9ef20defa923_3_82_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_f5136bec18 {\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_e72cc83b3f {\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_6ccf8d33af {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_38aa815356:focus-visible, .notDisabledThumb_38aa815356.focus-visible_bf0135941e {\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_38aa815356:focus:not(.focus-visible_bf0135941e) {\n  outline: none;\n}\n.notDisabledThumb_38aa815356:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_157857e0bc {\n  border-color: var(--positive-color);\n}\n.positive_157857e0bc.notDisabledThumb_38aa815356:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_3d76cceaea {\n  border-color: var(--negative-color);\n}\n.negative_3d76cceaea.notDisabledThumb_38aa815356:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_daeaf2d5ea {\n  height: 16px;\n  width: 16px;\n}\n.medium_c33498b2bb {\n  height: 20px;\n  width: 20px;\n}\n.large_83a7ce2089 {\n  height: 24px;\n  width: 24px;\n}\n.label_361c23855a {\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_361c23855a.positionTop_dff42afb35 {\n  bottom: calc(100% + 8px);\n}\n.label_361c23855a.positionBottom_824fb4628a {\n  top: calc(100% + 8px);\n}\n.label_361c23855a.colorPrimary_445dfdca62 {\n  color: var(--primary-text-color);\n}\n.label_361c23855a.colorSecondary_ae9cb4d312 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_b97a8f440a",dragging:"dragging_19587853b2",focused:"focused_b811205231",notDisabledThumb:"notDisabledThumb_3069ee1732","focus-visible":"focus-visible_cf692092ae",positive:"positive_0645978999",negative:"negative_3f8ce42de0",small:"small_cf16cce5eb",medium:"medium_7ac646c8a2",large:"large_a2cbac5490",label:"label_7dbfd85632",positionTop:"positionTop_880b534f7e",positionBottom:"positionBottom_92e15faadc",colorPrimary:"colorPrimary_757b8a85a4",colorSecondary:"colorSecondary_dfdb4fe9db"};!function(o){const e="s_id-9ef20defa923_3_83_1";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_b97a8f440a {\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_19587853b2 {\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_b811205231 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_3069ee1732:focus-visible, .notDisabledThumb_3069ee1732.focus-visible_cf692092ae {\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_3069ee1732:focus:not(.focus-visible_cf692092ae) {\n  outline: none;\n}\n.notDisabledThumb_3069ee1732:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_0645978999 {\n  border-color: var(--positive-color);\n}\n.positive_0645978999.notDisabledThumb_3069ee1732:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_3f8ce42de0 {\n  border-color: var(--negative-color);\n}\n.negative_3f8ce42de0.notDisabledThumb_3069ee1732:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_cf16cce5eb {\n  height: 16px;\n  width: 16px;\n}\n.medium_7ac646c8a2 {\n  height: 20px;\n  width: 20px;\n}\n.large_a2cbac5490 {\n  height: 24px;\n  width: 24px;\n}\n.label_7dbfd85632 {\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_7dbfd85632.positionTop_880b534f7e {\n  bottom: calc(100% + 8px);\n}\n.label_7dbfd85632.positionBottom_92e15faadc {\n  top: calc(100% + 8px);\n}\n.label_7dbfd85632.colorPrimary_757b8a85a4 {\n  color: var(--primary-text-color);\n}\n.label_7dbfd85632.colorSecondary_dfdb4fe9db {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={track:"track_c542408c47",positive:"positive_97562bc4fa",negative:"negative_0976d2af3f"};!function(e){const t="s_id-f9216dea54b1_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_c542408c47 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_97562bc4fa {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_0976d2af3f {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_2da1e6b998",positive:"positive_8aa3ed709a",negative:"negative_a25adbd2a4"};!function(e){const t="s_id-f9216dea54b1_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_2da1e6b998 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_8aa3ed709a {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_a25adbd2a4 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/src/components/Slider/SliderHooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{toConsumableArray as n,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useCallback as r,useMemo as t,useState as u,useRef as i,useEffect as o}from"react";import l from"../../hooks/useResizeObserver.js";import{NOOP as a}from"../../utils/function-utils.js";import{UPDATE_SLIDER_SIZE_DEBOUNCE as c}from"./SliderConstants.js";import{ensureValueText as f}from"./SliderHelpers.js";function s(u,i,o,l,c,f,s,d,v,m,g,h,p){var V=r((function(n){h(n),"function"==typeof s&&s(n)}),[h,s]),b=r((function(n,e){return""===e||Number.isNaN(Number(e))?1===n?c:f:e>c?c:f>e?f:e}),[f,c]),x=r((function(e){var r=n(l()),t=r[1];return 1===e.index?[r[0],b(e.index,e.newValue)]:[b(e.index,e.newValue),t]}),[b,l]),w=r((function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a,t=x(n),u=e(t,2),i=u[0],o=u[1];return o>i?[i,o]:(r(0===n.index?1:0),[o,i])}),[x]),j=r((function(n){v(n),m(n),g(n)}),[v,m,g]),C=r((function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(d){var r=w({newValue:n,index:null!=e?e:i},arguments.length>2&&void 0!==arguments[2]&&arguments[2]?a:m);V(r)}else V(b(null,n))}),[V,w,b,i,d,m]),T=r((function(n){var e;if(d){var r={newValue:n,index:null!==(e=o())&&void 0!==e?e:0},t=w(r,j);V(t)}else V(b(null,n))}),[V,w,j,b,o,d]),N=r((function(n){var e=d?u[i]:u;e!==f&&C(e-(n||p))}),[u,C,i,f,d,p]),S=r((function(n){var e=d?u[i]:u;e!==c&&C(e+(n||p))}),[u,C,i,c,d,p]);return t((function(){return{changeThumbValue:C,decreaseValue:N,drugThumb:T,increaseValue:S,setActive:v,setDragging:g,setFocused:m}}),[C,N,T,S,v,g,m])}function d(){var n=u(null),t=e(n,2),o=t[0],l=t[1],a=i(null);return[o,r((function(n){l(n),a.current=n}),[l,a]),r((function(){return a.current}),[a])]}function v(){var n=i(null),t=u({left:0,right:100,width:100}),a=e(t,2),f=a[0],s=a[1],d=r((function(){if(n.current){var e=n.current.getBoundingClientRect();s({left:e.left,right:e.right,width:e.width})}}),[n,s]);return l({ref:n,callback:d,debounceTime:c}),o((function(){d()}),[d]),{railCoords:f,railRef:n}}function m(n,t,l,c){var s=function(n){var r=u(void 0!==n);return e(r,1)[0]}(t),d=function(n,r,t){var i=u(r?t:n),o=e(i,2);return r?[t,a]:[o[0],o[1]]}(n,s,t),v=e(d,2),m=v[0],g=v[1],h=i(m);o((function(){s&&h.current!==m&&(h.current=m)}),[s,m]);var p=r((function(n){g(n),h.current=n}),[h,g]),V=f(c,m,l);return{actualValue:m,actualValueText:V,getSelectedValue:function(){return h.current},isControlled:s,setSelectedValue:p}}export{d as useDragging,s as useSliderActionsContextValue,v as useSliderRail,m as useSliderValues};
+import{toConsumableArray as n,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useCallback as r,useMemo as t,useState as u,useRef as i,useEffect as o}from"react";import{NOOP as l}from"../../utils/function-utils.js";import{UPDATE_SLIDER_SIZE_DEBOUNCE as a}from"./SliderConstants.js";import{ensureValueText as c}from"./SliderHelpers.js";import f from"../../../hooks/dist/useResizeObserver/index.js";function s(u,i,o,a,c,f,s,d,v,m,g,h,p){var V=r((function(n){h(n),"function"==typeof s&&s(n)}),[h,s]),b=r((function(n,e){return""===e||Number.isNaN(Number(e))?1===n?c:f:e>c?c:f>e?f:e}),[f,c]),x=r((function(e){var r=n(a()),t=r[1];return 1===e.index?[r[0],b(e.index,e.newValue)]:[b(e.index,e.newValue),t]}),[b,a]),w=r((function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l,t=x(n),u=e(t,2),i=u[0],o=u[1];return o>i?[i,o]:(r(0===n.index?1:0),[o,i])}),[x]),j=r((function(n){v(n),m(n),g(n)}),[v,m,g]),C=r((function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(d){var r=w({newValue:n,index:null!=e?e:i},arguments.length>2&&void 0!==arguments[2]&&arguments[2]?l:m);V(r)}else V(b(null,n))}),[V,w,b,i,d,m]),T=r((function(n){var e;if(d){var r={newValue:n,index:null!==(e=o())&&void 0!==e?e:0},t=w(r,j);V(t)}else V(b(null,n))}),[V,w,j,b,o,d]),N=r((function(n){var e=d?u[i]:u;e!==f&&C(e-(n||p))}),[u,C,i,f,d,p]),S=r((function(n){var e=d?u[i]:u;e!==c&&C(e+(n||p))}),[u,C,i,c,d,p]);return t((function(){return{changeThumbValue:C,decreaseValue:N,drugThumb:T,increaseValue:S,setActive:v,setDragging:g,setFocused:m}}),[C,N,T,S,v,g,m])}function d(){var n=u(null),t=e(n,2),o=t[0],l=t[1],a=i(null);return[o,r((function(n){l(n),a.current=n}),[l,a]),r((function(){return a.current}),[a])]}function v(){var n=i(null),t=u({left:0,right:100,width:100}),l=e(t,2),c=l[0],s=l[1],d=r((function(){if(n.current){var e=n.current.getBoundingClientRect();s({left:e.left,right:e.right,width:e.width})}}),[n,s]);return f({ref:n,callback:d,debounceTime:a}),o((function(){d()}),[d]),{railCoords:c,railRef:n}}function m(n,t,a,f){var s=function(n){var r=u(void 0!==n);return e(r,1)[0]}(t),d=function(n,r,t){var i=u(r?t:n),o=e(i,2);return r?[t,l]:[o[0],o[1]]}(n,s,t),v=e(d,2),m=v[0],g=v[1],h=i(m);o((function(){s&&h.current!==m&&(h.current=m)}),[s,m]);var p=r((function(n){g(n),h.current=n}),[h,g]),V=c(f,m,a);return{actualValue:m,actualValueText:V,getSelectedValue:function(){return h.current},isControlled:s,setSelectedValue:p}}export{d as useDragging,s as useSliderActionsContextValue,v as useSliderRail,m as useSliderValues};
 //# sourceMappingURL=SliderHooks.js.map

package/dist/src/components/Slider/SliderHooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderHooks.js","sources":["../../../../src/components/Slider/SliderHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useResizeObserver from \"../../hooks/useResizeObserver\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { UPDATE_SLIDER_SIZE_DEBOUNCE } from \"./SliderConstants\";\nimport { ensureValueText } from \"./SliderHelpers\";\n\nfunction _useIsStateControlledFromOutside(value: number \| number[]): boolean {\n const [isControlled] = useState(typeof value !== \"undefined\");\n return isControlled;\n}\n\nfunction _useSliderValue(\n defaultValue: number \| number[],\n isControlled: boolean,\n value: number \| number[]\n): [number \| number[], (value: number \| number[]) => void] {\n const initialValue = isControlled ? value : defaultValue;\n const [internalStateValue, setInternalStateValue] = useState(initialValue);\n if (isControlled) {\n return [value as number, NOOP];\n }\n return [internalStateValue, setInternalStateValue];\n}\n\nexport function useSliderActionsContextValue(\n actualValue: number \| number[],\n focused: number,\n getDragging: () => number,\n getSelectedValue: () => number \| number[],\n max: number,\n min: number,\n onChange: (value: number \| number[]) => void,\n ranged: boolean,\n setActive: (value: number) => void,\n setFocused: (value: number) => void,\n setDragging: (value: number) => void,\n setSelectedValue: (value: number \| number[]) => void,\n step: number\n) {\n const _changeValueOrValues = useCallback(\n (newValueOrValues: number \| number[]) => {\n setSelectedValue(newValueOrValues);\n if (typeof onChange === \"function\") {\n onChange(newValueOrValues);\n }\n },\n [setSelectedValue, onChange]\n );\n\n const _validateValue = useCallback(\n (index: number, newValue: number \| number[] \| string): number => {\n if (newValue === \"\" \|\| Number.isNaN(Number(newValue))) {\n return index === 1 ? max : min;\n }\n if (newValue > max) {\n return max;\n }\n if (newValue < min) {\n return min;\n }\n return newValue as number;\n },\n [min, max]\n );\n\n const _calculateNewValues = useCallback(\n (thumb: { index: number; newValue: number \| number[] \| string }): number[] => {\n const [startValue, endValue] = [...(getSelectedValue() as number[])];\n if (thumb.index === 1) {\n return [startValue, _validateValue(thumb.index, thumb.newValue)];\n }\n return [_validateValue(thumb.index, thumb.newValue), endValue];\n },\n [_validateValue, getSelectedValue]\n );\n\n const _manageRangedValues = useCallback(\n (thumb: { index: number; newValue: number \| number[] \| string }, switchCb: (value: number) => void = NOOP) => {\n const [startValue, endValue] = _calculateNewValues(thumb);\n if (startValue < endValue) {\n // no need to switch, same thumb stay active\n return [startValue, endValue];\n }\n // switch active thumb + end and start values\n switchCb(thumb.index === 0 ? 1 : 0);\n return [endValue, startValue];\n },\n [_calculateNewValues]\n );\n\n const _switchDraggingThumb = useCallback(\n (switchTo: number) => {\n setActive(switchTo);\n setFocused(switchTo);\n setDragging(switchTo);\n },\n [setActive, setFocused, setDragging]\n );\n\n const changeThumbValue = useCallback(\n (newValue: number \| string, thumbIndex: number = undefined, cancelFocus = false) => {\n if (!ranged) {\n _changeValueOrValues(_validateValue(null, newValue));\n return;\n }\n const currentThumb = { newValue, index: thumbIndex ?? focused };\n const switchCb = cancelFocus ? NOOP : setFocused;\n const newValues = _manageRangedValues(currentThumb, switchCb);\n _changeValueOrValues(newValues);\n },\n [_changeValueOrValues, _manageRangedValues, _validateValue, focused, ranged, setFocused]\n );\n\n const drugThumb = useCallback(\n (newValue: number \| number[]) => {\n if (!ranged) {\n _changeValueOrValues(_validateValue(null, newValue));\n return;\n }\n const currentThumb = { newValue, index: getDragging() ?? 0 };\n const newValues = _manageRangedValues(currentThumb, _switchDraggingThumb);\n _changeValueOrValues(newValues);\n },\n [_changeValueOrValues, _manageRangedValues, _switchDraggingThumb, _validateValue, getDragging, ranged]\n );\n\n const decreaseValue = useCallback(\n (consumerStep: number) => {\n const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n if (currentValue === min) {\n return;\n }\n const finalStep = consumerStep \|\| step;\n const newValue = currentValue - finalStep;\n changeThumbValue(newValue);\n },\n [actualValue, changeThumbValue, focused, min, ranged, step]\n );\n\n const increaseValue = useCallback(\n (consumerStep?: number) => {\n const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n if (currentValue === max) {\n return;\n }\n const finalStep = consumerStep \|\| step;\n const newValue = currentValue + finalStep;\n changeThumbValue(newValue);\n },\n [actualValue, changeThumbValue, focused, max, ranged, step]\n );\n\n return useMemo(\n () => ({\n changeThumbValue,\n decreaseValue,\n drugThumb,\n increaseValue,\n setActive,\n setDragging,\n setFocused\n }),\n [changeThumbValue, decreaseValue, drugThumb, increaseValue, setActive, setDragging, setFocused]\n );\n}\n\nexport function useDragging(): [number, (value: number) => void, () => number] {\n const [dragging, setStateDragging] = useState<number>(null);\n const draggingRef = useRef(null);\n\n const setDragging = useCallback(\n (index: number) => {\n setStateDragging(index);\n draggingRef.current = index;\n },\n [setStateDragging, draggingRef]\n );\n const getDragging = useCallback(() => draggingRef.current, [draggingRef]);\n return [dragging, setDragging, getDragging];\n}\n\nexport function useSliderRail() {\n const railRef = useRef(null);\n const [railCoords, setRailCoords] = useState({ left: 0, right: 100, width: 100 });\n\n const defineRailCoords = useCallback(() => {\n if (!railRef.current) {\n return;\n }\n const railRect = railRef.current.getBoundingClientRect();\n const { left, right, width } = railRect;\n setRailCoords({ left, right, width });\n }, [railRef, setRailCoords]);\n\n useResizeObserver({\n ref: railRef,\n callback: defineRailCoords,\n debounceTime: UPDATE_SLIDER_SIZE_DEBOUNCE\n });\n\n useEffect(() => {\n defineRailCoords();\n }, [defineRailCoords]);\n\n return { railCoords, railRef };\n}\n\nexport function useSliderValues(\n defaultValue: number \| number[],\n value: number \| number[],\n valueFormatter: (value: number) => string,\n valueText: string\n): {\n actualValue: number \| number[];\n actualValueText: string \| string[];\n getSelectedValue: () => number \| number[];\n isControlled: boolean;\n setSelectedValue: (value: number) => void;\n} {\n const isControlled = _useIsStateControlledFromOutside(value);\n const [actualValue, setStateSelectedValue] = _useSliderValue(defaultValue, isControlled, value);\n const valueRef = useRef(actualValue);\n\n // Update ref when actualValue was changed from outside in controlled mode\n useEffect(() => {\n if (isControlled && valueRef.current !== actualValue) {\n valueRef.current = actualValue;\n }\n }, [isControlled, actualValue]);\n\n const setSelectedValue = useCallback(\n (newValue: number) => {\n setStateSelectedValue(newValue);\n valueRef.current = newValue;\n },\n [valueRef, setStateSelectedValue]\n );\n\n const getSelectedValue = () => valueRef.current;\n\n const actualValueText = ensureValueText(valueText, actualValue, valueFormatter);\n return { actualValue, actualValueText, getSelectedValue, isControlled, setSelectedValue };\n}\n"],"names":["useSliderActionsContextValue","actualValue","focused","getDragging","getSelectedValue","max","min","onChange","ranged","setActive","setFocused","setDragging","setSelectedValue","step","_changeValueOrValues","useCallback","newValueOrValues","_validateValue","index","newValue","Number","isNaN","_calculateNewValues","thumb","_ref","_toConsumableArray","endValue","_manageRangedValues","switchCb","arguments","length","undefined","NOOP","_calculateNewValues2","_calculateNewValues3","_slicedToArray","startValue","_switchDraggingThumb","switchTo","changeThumbValue","thumbIndex","newValues","drugThumb","currentThumb","_a","decreaseValue","consumerStep","currentValue","increaseValue","useMemo","useDragging","_useState5","useState","_useState6","dragging","setStateDragging","draggingRef","useRef","current","useSliderRail","railRef","_useState7","left","right","width","_useState8","railCoords","setRailCoords","defineRailCoords","railRect","getBoundingClientRect","useResizeObserver","ref","callback","debounceTime","UPDATE_SLIDER_SIZE_DEBOUNCE","useEffect","useSliderValues","defaultValue","value","valueFormatter","valueText","isControlled","_useState","_useIsStateControlledFromOutside","_useSliderValue2","_useState3","_useState4","_useSliderValue","_useSliderValue3","setStateSelectedValue","valueRef","actualValueText","ensureValueText"],"mappings":"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"}
1	+ {"version":3,"file":"SliderHooks.js","sources":["../../../../src/components/Slider/SliderHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useResizeObserver } from \"@vibe/hooks\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { UPDATE_SLIDER_SIZE_DEBOUNCE } from \"./SliderConstants\";\nimport { ensureValueText } from \"./SliderHelpers\";\n\nfunction _useIsStateControlledFromOutside(value: number \| number[]): boolean {\n const [isControlled] = useState(typeof value !== \"undefined\");\n return isControlled;\n}\n\nfunction _useSliderValue(\n defaultValue: number \| number[],\n isControlled: boolean,\n value: number \| number[]\n): [number \| number[], (value: number \| number[]) => void] {\n const initialValue = isControlled ? value : defaultValue;\n const [internalStateValue, setInternalStateValue] = useState(initialValue);\n if (isControlled) {\n return [value as number, NOOP];\n }\n return [internalStateValue, setInternalStateValue];\n}\n\nexport function useSliderActionsContextValue(\n actualValue: number \| number[],\n focused: number,\n getDragging: () => number,\n getSelectedValue: () => number \| number[],\n max: number,\n min: number,\n onChange: (value: number \| number[]) => void,\n ranged: boolean,\n setActive: (value: number) => void,\n setFocused: (value: number) => void,\n setDragging: (value: number) => void,\n setSelectedValue: (value: number \| number[]) => void,\n step: number\n) {\n const _changeValueOrValues = useCallback(\n (newValueOrValues: number \| number[]) => {\n setSelectedValue(newValueOrValues);\n if (typeof onChange === \"function\") {\n onChange(newValueOrValues);\n }\n },\n [setSelectedValue, onChange]\n );\n\n const _validateValue = useCallback(\n (index: number, newValue: number \| number[] \| string): number => {\n if (newValue === \"\" \|\| Number.isNaN(Number(newValue))) {\n return index === 1 ? max : min;\n }\n if (newValue > max) {\n return max;\n }\n if (newValue < min) {\n return min;\n }\n return newValue as number;\n },\n [min, max]\n );\n\n const _calculateNewValues = useCallback(\n (thumb: { index: number; newValue: number \| number[] \| string }): number[] => {\n const [startValue, endValue] = [...(getSelectedValue() as number[])];\n if (thumb.index === 1) {\n return [startValue, _validateValue(thumb.index, thumb.newValue)];\n }\n return [_validateValue(thumb.index, thumb.newValue), endValue];\n },\n [_validateValue, getSelectedValue]\n );\n\n const _manageRangedValues = useCallback(\n (thumb: { index: number; newValue: number \| number[] \| string }, switchCb: (value: number) => void = NOOP) => {\n const [startValue, endValue] = _calculateNewValues(thumb);\n if (startValue < endValue) {\n // no need to switch, same thumb stay active\n return [startValue, endValue];\n }\n // switch active thumb + end and start values\n switchCb(thumb.index === 0 ? 1 : 0);\n return [endValue, startValue];\n },\n [_calculateNewValues]\n );\n\n const _switchDraggingThumb = useCallback(\n (switchTo: number) => {\n setActive(switchTo);\n setFocused(switchTo);\n setDragging(switchTo);\n },\n [setActive, setFocused, setDragging]\n );\n\n const changeThumbValue = useCallback(\n (newValue: number \| string, thumbIndex: number = undefined, cancelFocus = false) => {\n if (!ranged) {\n _changeValueOrValues(_validateValue(null, newValue));\n return;\n }\n const currentThumb = { newValue, index: thumbIndex ?? focused };\n const switchCb = cancelFocus ? NOOP : setFocused;\n const newValues = _manageRangedValues(currentThumb, switchCb);\n _changeValueOrValues(newValues);\n },\n [_changeValueOrValues, _manageRangedValues, _validateValue, focused, ranged, setFocused]\n );\n\n const drugThumb = useCallback(\n (newValue: number \| number[]) => {\n if (!ranged) {\n _changeValueOrValues(_validateValue(null, newValue));\n return;\n }\n const currentThumb = { newValue, index: getDragging() ?? 0 };\n const newValues = _manageRangedValues(currentThumb, _switchDraggingThumb);\n _changeValueOrValues(newValues);\n },\n [_changeValueOrValues, _manageRangedValues, _switchDraggingThumb, _validateValue, getDragging, ranged]\n );\n\n const decreaseValue = useCallback(\n (consumerStep: number) => {\n const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n if (currentValue === min) {\n return;\n }\n const finalStep = consumerStep \|\| step;\n const newValue = currentValue - finalStep;\n changeThumbValue(newValue);\n },\n [actualValue, changeThumbValue, focused, min, ranged, step]\n );\n\n const increaseValue = useCallback(\n (consumerStep?: number) => {\n const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n if (currentValue === max) {\n return;\n }\n const finalStep = consumerStep \|\| step;\n const newValue = currentValue + finalStep;\n changeThumbValue(newValue);\n },\n [actualValue, changeThumbValue, focused, max, ranged, step]\n );\n\n return useMemo(\n () => ({\n changeThumbValue,\n decreaseValue,\n drugThumb,\n increaseValue,\n setActive,\n setDragging,\n setFocused\n }),\n [changeThumbValue, decreaseValue, drugThumb, increaseValue, setActive, setDragging, setFocused]\n );\n}\n\nexport function useDragging(): [number, (value: number) => void, () => number] {\n const [dragging, setStateDragging] = useState<number>(null);\n const draggingRef = useRef(null);\n\n const setDragging = useCallback(\n (index: number) => {\n setStateDragging(index);\n draggingRef.current = index;\n },\n [setStateDragging, draggingRef]\n );\n const getDragging = useCallback(() => draggingRef.current, [draggingRef]);\n return [dragging, setDragging, getDragging];\n}\n\nexport function useSliderRail() {\n const railRef = useRef(null);\n const [railCoords, setRailCoords] = useState({ left: 0, right: 100, width: 100 });\n\n const defineRailCoords = useCallback(() => {\n if (!railRef.current) {\n return;\n }\n const railRect = railRef.current.getBoundingClientRect();\n const { left, right, width } = railRect;\n setRailCoords({ left, right, width });\n }, [railRef, setRailCoords]);\n\n useResizeObserver({\n ref: railRef,\n callback: defineRailCoords,\n debounceTime: UPDATE_SLIDER_SIZE_DEBOUNCE\n });\n\n useEffect(() => {\n defineRailCoords();\n }, [defineRailCoords]);\n\n return { railCoords, railRef };\n}\n\nexport function useSliderValues(\n defaultValue: number \| number[],\n value: number \| number[],\n valueFormatter: (value: number) => string,\n valueText: string\n): {\n actualValue: number \| number[];\n actualValueText: string \| string[];\n getSelectedValue: () => number \| number[];\n isControlled: boolean;\n setSelectedValue: (value: number) => void;\n} {\n const isControlled = _useIsStateControlledFromOutside(value);\n const [actualValue, setStateSelectedValue] = _useSliderValue(defaultValue, isControlled, value);\n const valueRef = useRef(actualValue);\n\n // Update ref when actualValue was changed from outside in controlled mode\n useEffect(() => {\n if (isControlled && valueRef.current !== actualValue) {\n valueRef.current = actualValue;\n }\n }, [isControlled, actualValue]);\n\n const setSelectedValue = useCallback(\n (newValue: number) => {\n setStateSelectedValue(newValue);\n valueRef.current = newValue;\n },\n [valueRef, setStateSelectedValue]\n );\n\n const getSelectedValue = () => valueRef.current;\n\n const actualValueText = ensureValueText(valueText, actualValue, valueFormatter);\n return { actualValue, actualValueText, getSelectedValue, isControlled, setSelectedValue };\n}\n"],"names":["useSliderActionsContextValue","actualValue","focused","getDragging","getSelectedValue","max","min","onChange","ranged","setActive","setFocused","setDragging","setSelectedValue","step","_changeValueOrValues","useCallback","newValueOrValues","_validateValue","index","newValue","Number","isNaN","_calculateNewValues","thumb","_ref","_toConsumableArray","endValue","_manageRangedValues","switchCb","arguments","length","undefined","NOOP","_calculateNewValues2","_calculateNewValues3","_slicedToArray","startValue","_switchDraggingThumb","switchTo","changeThumbValue","thumbIndex","newValues","drugThumb","currentThumb","_a","decreaseValue","consumerStep","currentValue","increaseValue","useMemo","useDragging","_useState5","useState","_useState6","dragging","setStateDragging","draggingRef","useRef","current","useSliderRail","railRef","_useState7","left","right","width","_useState8","railCoords","setRailCoords","defineRailCoords","railRect","getBoundingClientRect","useResizeObserver","ref","callback","debounceTime","UPDATE_SLIDER_SIZE_DEBOUNCE","useEffect","useSliderValues","defaultValue","value","valueFormatter","valueText","isControlled","_useState","_useIsStateControlledFromOutside","_useSliderValue2","_useState3","_useState4","_useSliderValue","_useSliderValue3","setStateSelectedValue","valueRef","actualValueText","ensureValueText"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={infix:"infix_aafbef05d4",txt:"txt_16c6da9698",prefix:"prefix_7ad9083132",postfix:"postfix_a1b101627b"};!function(e){const n="s_id-4fd2a8cee614_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_aafbef05d4 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_16c6da9698 {\n  white-space: nowrap;\n}\n\n.prefix_7ad9083132 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_a1b101627b {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_8237f45618",txt:"txt_fee5b66691",prefix:"prefix_7535e84273",postfix:"postfix_1f1da1a31d"};!function(e){const n="s_id-4fd2a8cee614_3_83_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_8237f45618 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_fee5b66691 {\n  white-space: nowrap;\n}\n\n.prefix_7535e84273 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_1f1da1a31d {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={button:"button_d13d6c02b1",mainButton:"mainButton_a7aed01542",secondaryButton:"secondaryButton_413b4b62d5",secondaryButtonWrapper:"secondaryButtonWrapper_27277d9ec3",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_de8f398542",active:"active_034284bef4",disabled:"disabled_aa1a5ccf32",kindTertiary:"kindTertiary_4f99755c1e",colorPrimary:"colorPrimary_4f99755c1e",mainActive:"mainActive_37515dc5c5",splitContentOpen:"splitContentOpen_10b1da40ad",hovered:"hovered_41de3c29d6",colorBrand:"colorBrand_37515dc5c5",colorPositive:"colorPositive_69507f7da0",colorNegative:"colorNegative_69507f7da0",kindPrimary:"kindPrimary_db28abb68b",colorOnPrimaryColor:"colorOnPrimaryColor_ed6b7887a5",kindSecondary:"kindSecondary_69507f7da0"};!function(n){const r="s_id-b26d62194c18_3_82_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_d13d6c02b1 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_d13d6c02b1 .mainButton_a7aed01542 {\n  margin-right: 0;\n}\n\n.button_d13d6c02b1 .secondaryButton_413b4b62d5 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_27277d9ec3 .secondaryButtonIconWrapper_de8f398542 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_034284bef4 {\n  transform: scale(0.95);\n}\n\n.disabled_aa1a5ccf32 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5 .mainButton_a7aed01542 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5 .mainButton_a7aed01542:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5 .secondaryButton_413b4b62d5 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5 .secondaryButton_413b4b62d5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5.splitContentOpen_10b1da40ad.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5.splitContentOpen_10b1da40ad.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5:hover,\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5.hovered_41de3c29d6.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorPrimary_4f99755c1e.mainActive_37515dc5c5.hovered_41de3c29d6.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_4f99755c1e.colorBrand_37515dc5c5.mainActive_37515dc5c5 .mainButton_a7aed01542 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_4f99755c1e.colorBrand_37515dc5c5.mainActive_37515dc5c5 .secondaryButton_413b4b62d5 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_4f99755c1e.colorBrand_37515dc5c5.mainActive_37515dc5c5.splitContentOpen_10b1da40ad.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorBrand_37515dc5c5.mainActive_37515dc5c5.splitContentOpen_10b1da40ad.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5:hover,\n.kindTertiary_4f99755c1e.colorBrand_37515dc5c5.mainActive_37515dc5c5.hovered_41de3c29d6.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorBrand_37515dc5c5.mainActive_37515dc5c5.hovered_41de3c29d6.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_4f99755c1e.colorPositive_69507f7da0.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorPositive_69507f7da0:hover .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorPositive_69507f7da0:focus .secondaryButton_413b4b62d5 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_4f99755c1e.colorPositive_69507f7da0.splitContentOpen_10b1da40ad .mainButton_a7aed01542,\n.kindTertiary_4f99755c1e.colorPositive_69507f7da0:hover .mainButton_a7aed01542,\n.kindTertiary_4f99755c1e.colorPositive_69507f7da0:focus .mainButton_a7aed01542 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_4f99755c1e.colorNegative_69507f7da0.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorNegative_69507f7da0:hover .secondaryButton_413b4b62d5,\n.kindTertiary_4f99755c1e.colorNegative_69507f7da0:focus .secondaryButton_413b4b62d5 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_4f99755c1e.colorNegative_69507f7da0.splitContentOpen_10b1da40ad .mainButton_a7aed01542,\n.kindTertiary_4f99755c1e.colorNegative_69507f7da0:hover .mainButton_a7aed01542,\n.kindTertiary_4f99755c1e.colorNegative_69507f7da0:focus .mainButton_a7aed01542 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_4f99755c1e .secondaryButton_413b4b62d5 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_db28abb68b.disabled_aa1a5ccf32 .secondaryButton_413b4b62d5 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_db28abb68b:not(.disabled_aa1a5ccf32).colorPrimary_4f99755c1e.mainActive_37515dc5c5 .secondaryButton_413b4b62d5 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_db28abb68b:not(.disabled_aa1a5ccf32).colorPrimary_4f99755c1e .secondaryButton_413b4b62d5 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_db28abb68b:not(.disabled_aa1a5ccf32).colorBrand_37515dc5c5.mainActive_37515dc5c5 .secondaryButton_413b4b62d5 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_db28abb68b:not(.disabled_aa1a5ccf32).colorBrand_37515dc5c5 .secondaryButton_413b4b62d5 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_db28abb68b:not(.disabled_aa1a5ccf32).colorPositive_69507f7da0 .secondaryButton_413b4b62d5 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_db28abb68b:not(.disabled_aa1a5ccf32).colorNegative_69507f7da0 .secondaryButton_413b4b62d5 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_db28abb68b:not(.disabled_aa1a5ccf32).colorOnPrimaryColor_ed6b7887a5 .secondaryButton_413b4b62d5 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_69507f7da0 .mainButton_a7aed01542 {\n  border-right: none;\n}\n\n.kindSecondary_69507f7da0.colorPrimary_4f99755c1e.mainActive_37515dc5c5 .mainButton_a7aed01542 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_69507f7da0.colorPrimary_4f99755c1e.mainActive_37515dc5c5 .mainButton_a7aed01542:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_69507f7da0.colorPrimary_4f99755c1e.mainActive_37515dc5c5 .secondaryButton_413b4b62d5 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_69507f7da0.colorPrimary_4f99755c1e.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_69507f7da0.colorPrimary_4f99755c1e.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_69507f7da0.colorBrand_37515dc5c5.mainActive_37515dc5c5 .mainButton_a7aed01542 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_69507f7da0.colorBrand_37515dc5c5.mainActive_37515dc5c5 .secondaryButton_413b4b62d5 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_69507f7da0.colorBrand_37515dc5c5.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5,\n.kindSecondary_69507f7da0.colorBrand_37515dc5c5.splitContentOpen_10b1da40ad .secondaryButton_413b4b62d5:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_5d2b0b7ee0",mainButton:"mainButton_aab1740f2d",secondaryButton:"secondaryButton_5bcd2e2a11",secondaryButtonWrapper:"secondaryButtonWrapper_6504071709",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_3333c0f20f",active:"active_410d45c46d",disabled:"disabled_05c48e5394",kindTertiary:"kindTertiary_789d4c6f2c",colorPrimary:"colorPrimary_789d4c6f2c",mainActive:"mainActive_41324a29f4",splitContentOpen:"splitContentOpen_184bea9914",hovered:"hovered_8de29d8a44",colorBrand:"colorBrand_41324a29f4",colorPositive:"colorPositive_5b9d275ac9",colorNegative:"colorNegative_5b9d275ac9",kindPrimary:"kindPrimary_70828c6f08",colorOnPrimaryColor:"colorOnPrimaryColor_0597a0dc26",kindSecondary:"kindSecondary_5b9d275ac9"};!function(n){const r="s_id-b26d62194c18_3_83_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_5d2b0b7ee0 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_5d2b0b7ee0 .mainButton_aab1740f2d {\n  margin-right: 0;\n}\n\n.button_5d2b0b7ee0 .secondaryButton_5bcd2e2a11 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_6504071709 .secondaryButtonIconWrapper_3333c0f20f {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_410d45c46d {\n  transform: scale(0.95);\n}\n\n.disabled_05c48e5394 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4 .mainButton_aab1740f2d {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4 .mainButton_aab1740f2d:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4 .secondaryButton_5bcd2e2a11 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4 .secondaryButton_5bcd2e2a11:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4.splitContentOpen_184bea9914.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4.splitContentOpen_184bea9914.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11:hover,\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4.hovered_8de29d8a44.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorPrimary_789d4c6f2c.mainActive_41324a29f4.hovered_8de29d8a44.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_789d4c6f2c.colorBrand_41324a29f4.mainActive_41324a29f4 .mainButton_aab1740f2d {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_789d4c6f2c.colorBrand_41324a29f4.mainActive_41324a29f4 .secondaryButton_5bcd2e2a11 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_789d4c6f2c.colorBrand_41324a29f4.mainActive_41324a29f4.splitContentOpen_184bea9914.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorBrand_41324a29f4.mainActive_41324a29f4.splitContentOpen_184bea9914.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11:hover,\n.kindTertiary_789d4c6f2c.colorBrand_41324a29f4.mainActive_41324a29f4.hovered_8de29d8a44.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorBrand_41324a29f4.mainActive_41324a29f4.hovered_8de29d8a44.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_789d4c6f2c.colorPositive_5b9d275ac9.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorPositive_5b9d275ac9:hover .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorPositive_5b9d275ac9:focus .secondaryButton_5bcd2e2a11 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_789d4c6f2c.colorPositive_5b9d275ac9.splitContentOpen_184bea9914 .mainButton_aab1740f2d,\n.kindTertiary_789d4c6f2c.colorPositive_5b9d275ac9:hover .mainButton_aab1740f2d,\n.kindTertiary_789d4c6f2c.colorPositive_5b9d275ac9:focus .mainButton_aab1740f2d {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_789d4c6f2c.colorNegative_5b9d275ac9.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorNegative_5b9d275ac9:hover .secondaryButton_5bcd2e2a11,\n.kindTertiary_789d4c6f2c.colorNegative_5b9d275ac9:focus .secondaryButton_5bcd2e2a11 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_789d4c6f2c.colorNegative_5b9d275ac9.splitContentOpen_184bea9914 .mainButton_aab1740f2d,\n.kindTertiary_789d4c6f2c.colorNegative_5b9d275ac9:hover .mainButton_aab1740f2d,\n.kindTertiary_789d4c6f2c.colorNegative_5b9d275ac9:focus .mainButton_aab1740f2d {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_789d4c6f2c .secondaryButton_5bcd2e2a11 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_70828c6f08.disabled_05c48e5394 .secondaryButton_5bcd2e2a11 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_70828c6f08:not(.disabled_05c48e5394).colorPrimary_789d4c6f2c.mainActive_41324a29f4 .secondaryButton_5bcd2e2a11 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_70828c6f08:not(.disabled_05c48e5394).colorPrimary_789d4c6f2c .secondaryButton_5bcd2e2a11 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_70828c6f08:not(.disabled_05c48e5394).colorBrand_41324a29f4.mainActive_41324a29f4 .secondaryButton_5bcd2e2a11 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_70828c6f08:not(.disabled_05c48e5394).colorBrand_41324a29f4 .secondaryButton_5bcd2e2a11 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_70828c6f08:not(.disabled_05c48e5394).colorPositive_5b9d275ac9 .secondaryButton_5bcd2e2a11 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_70828c6f08:not(.disabled_05c48e5394).colorNegative_5b9d275ac9 .secondaryButton_5bcd2e2a11 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_70828c6f08:not(.disabled_05c48e5394).colorOnPrimaryColor_0597a0dc26 .secondaryButton_5bcd2e2a11 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_5b9d275ac9 .mainButton_aab1740f2d {\n  border-right: none;\n}\n\n.kindSecondary_5b9d275ac9.colorPrimary_789d4c6f2c.mainActive_41324a29f4 .mainButton_aab1740f2d {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_5b9d275ac9.colorPrimary_789d4c6f2c.mainActive_41324a29f4 .mainButton_aab1740f2d:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_5b9d275ac9.colorPrimary_789d4c6f2c.mainActive_41324a29f4 .secondaryButton_5bcd2e2a11 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_5b9d275ac9.colorPrimary_789d4c6f2c.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_5b9d275ac9.colorPrimary_789d4c6f2c.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_5b9d275ac9.colorBrand_41324a29f4.mainActive_41324a29f4 .mainButton_aab1740f2d {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_5b9d275ac9.colorBrand_41324a29f4.mainActive_41324a29f4 .secondaryButton_5bcd2e2a11 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_5b9d275ac9.colorBrand_41324a29f4.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11,\n.kindSecondary_5b9d275ac9.colorBrand_41324a29f4.splitContentOpen_184bea9914 .secondaryButton_5bcd2e2a11:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_e4a0d29bdf",contentOnTop:"contentOnTop_eea18a3d64",contentOnBottom:"contentOnBottom_e4cb661046"};!function(e){const t="s_id-9e4623f942e8_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_e4a0d29bdf .contentOnTop_eea18a3d64 {\n  margin-top: var(--spacing-medium);\n}\n.steps_e4a0d29bdf .contentOnBottom_e4cb661046 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_54497ee368",contentOnTop:"contentOnTop_454d57b6fe",contentOnBottom:"contentOnBottom_c2d6350bbb"};!function(e){const t="s_id-9e4623f942e8_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_54497ee368 .contentOnTop_454d57b6fe {\n  margin-top: var(--spacing-medium);\n}\n.steps_54497ee368 .contentOnBottom_c2d6350bbb {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={command:"command_d17cfd4630",backward:"backward_30d5e239d9",icon:"icon_6142f6958c",disabled:"disabled_52de1e4c5d",colorOnPrimaryColor:"colorOnPrimaryColor_a98cc45446",colorOnInvertedBackground:"colorOnInvertedBackground_9f6d96a36b"};!function(e){const n="s_id-b004c6aa2b0d_3_82_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_d17cfd4630 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_d17cfd4630.backward_30d5e239d9 {\n  flex-direction: row-reverse;\n}\n.icon_6142f6958c {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_6142f6958c.disabled_52de1e4c5d {\n  color: var(--disabled-text-color);\n}\n.icon_6142f6958c.colorOnPrimaryColor_a98cc45446 {\n  color: var(--text-color-on-primary);\n}\n.icon_6142f6958c.colorOnInvertedBackground_9f6d96a36b {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_5048b4dcad",backward:"backward_52eb15ec4f",icon:"icon_ebd620c9f8",disabled:"disabled_f8f8f349c5",colorOnPrimaryColor:"colorOnPrimaryColor_cf6b382247",colorOnInvertedBackground:"colorOnInvertedBackground_36d1f02d5f"};!function(e){const n="s_id-b004c6aa2b0d_3_83_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_5048b4dcad {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_5048b4dcad.backward_52eb15ec4f {\n  flex-direction: row-reverse;\n}\n.icon_ebd620c9f8 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_ebd620c9f8.disabled_f8f8f349c5 {\n  color: var(--disabled-text-color);\n}\n.icon_ebd620c9f8.colorOnPrimaryColor_cf6b382247 {\n  color: var(--text-color-on-primary);\n}\n.icon_ebd620c9f8.colorOnInvertedBackground_36d1f02d5f {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

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

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