@vibe/core 3.60.0 → 3.61.1

package/dist/src/components/NumberField/NumberField.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import a,{forwardRef as n,useRef as t,useMemo as r}from"react";import i from"classnames";import o from"./hooks/useNumberFieldState.js";import l from"./hooks/useSpinButtonHandlers.js";import s from"../BaseInput/BaseInput.js";import d from"../FieldLabel/FieldLabel.js";import m from"../InfoText/InfoText.js";import u from"../Icon/Icon.js";import c from"./components/NumberFieldSpinButton/NumberFieldSpinButton.js";import f from"./NumberField.module.scss.js";import p from"../Flex/Flex.js";import b from"../../hooks/useMergeRef.js";var x=n((function(n,x){var h=n.className,v=n.value,O=n.onChange,g=n.label,y=n.required,j=n.placeholder,I=n.infoText,F=n.error,B=n.success,C=n.disabled,N=n.readOnly,w=n.min,E=n.max,M=n.step,T=void 0===M?1:M,V=n.size,q=void 0===V?"medium":V,z=n.leftIcon,A=n["aria-label"],D=n.id,R=n["data-testid"],S=n.allowOutOfBounds,k=n.onValidityChange,L=e(n,["className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","step","size","leftIcon","aria-label","id","data-testid","allowOutOfBounds","onValidityChange"]),K=t(null),_=b(x,K),H=o({value:v,onChange:O,min:w,max:E,step:T,disabled:C,readOnly:N,allowOutOfBounds:S,onValidityChange:k}),G=H.inputValue,J=H.numericValue,P=H.onChange,Q=H.onKeyDown,U=H.isAtMin,W=H.isAtMax,X=l({onChange:O,value:J,step:T,min:w,max:E,allowOutOfBounds:S,readOnly:N,inputRef:K}),Y=X.onIncrement,Z=X.onDecrement,$=r((function(){return z?a.createElement(u,{icon:z,className:f.leftIcon}):null}),[z]),ee=r((function(){return a.createElement(c,{inputId:D,onIncrement:Y,onDecrement:Z,disabled:C||N,size:q,isAtMin:U,isAtMax:W})}),[D,Y,Z,C,N,q,U,W]),ae=r((function(){return I&&D?"".concat(D,"-info-text"):void 0}),[I,D]),ne=r((function(){return g&&D?"".concat(D,"-label"):void 0}),[g,D]);return a.createElement(p,{direction:"column",align:"stretch",gap:"xs",className:i(f.numberField,h)},a.createElement(d,{id:ne,className:f.label,labelText:g,required:y,labelFor:D}),a.createElement(s,Object.assign({},L,{"data-testid":R,ref:_,id:D,value:G,onChange:P,onKeyDown:Q,placeholder:j,type:"text",inputMode:"numeric",inputRole:"spinbutton","aria-valuenow":J,"aria-valuemin":w,"aria-valuemax":E,"aria-required":y,"aria-label":A||g,"aria-labelledby":ne,"aria-describedby":ae,disabled:C,readOnly:N,size:q,error:F,success:B,renderLeft:$,renderRight:ee})),a.createElement(m,{id:ae,text:I,error:F,success:B,disabled:C,readOnly:N}))}));export{x as default};
+import{__rest as e}from"../../../_virtual/_tslib.js";import a,{forwardRef as n,useRef as t,useMemo as r}from"react";import i from"classnames";import o from"./hooks/useNumberFieldState.js";import l from"./hooks/useSpinButtonHandlers.js";import s from"../BaseInput/BaseInput.js";import d from"../FieldLabel/FieldLabel.js";import m from"../InfoText/InfoText.js";import u from"../Icon/Icon.js";import c from"./components/NumberFieldSpinButton/NumberFieldSpinButton.js";import f from"./NumberField.module.scss.js";import p from"../Flex/Flex.js";import b from"../../hooks/useMergeRef.js";import{ComponentVibeId as x}from"../../tests/constants.js";var h=n((function(n,h){var v=n.className,O=n.value,g=n.onChange,y=n.label,j=n.required,I=n.placeholder,F=n.infoText,B=n.error,N=n.success,C=n.disabled,E=n.readOnly,w=n.min,M=n.max,D=n.step,R=void 0===D?1:D,T=n.size,V=void 0===T?"medium":T,q=n.leftIcon,z=n["aria-label"],A=n.id,L=n["data-testid"],S=n.allowOutOfBounds,k=n.onValidityChange,_=e(n,["className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","step","size","leftIcon","aria-label","id","data-testid","allowOutOfBounds","onValidityChange"]),K=t(null),H=b(h,K),U=o({value:O,onChange:g,min:w,max:M,step:R,disabled:C,readOnly:E,allowOutOfBounds:S,onValidityChange:k}),G=U.inputValue,J=U.numericValue,P=U.onChange,Q=U.onKeyDown,W=U.isAtMin,X=U.isAtMax,Y=l({onChange:g,value:J,step:R,min:w,max:M,allowOutOfBounds:S,readOnly:E,inputRef:K}),Z=Y.onIncrement,$=Y.onDecrement,ee=r((function(){return q?a.createElement(u,{icon:q,className:f.leftIcon}):null}),[q]),ae=r((function(){return a.createElement(c,{inputId:A,onIncrement:Z,onDecrement:$,disabled:C||E,size:V,isAtMin:W,isAtMax:X})}),[A,Z,$,C,E,V,W,X]),ne=r((function(){return F&&A?"".concat(A,"-info-text"):void 0}),[F,A]),te=r((function(){return y&&A?"".concat(A,"-label"):void 0}),[y,A]);return a.createElement(p,{direction:"column",align:"stretch",gap:"xs",className:i(f.numberField,v),"data-vibe":x.NUMBER_FIELD},a.createElement(d,{id:te,className:f.label,labelText:y,required:j,labelFor:A}),a.createElement(s,Object.assign({},_,{"data-testid":L,ref:H,id:A,value:G,onChange:P,onKeyDown:Q,placeholder:I,type:"text",inputMode:"numeric",inputRole:"spinbutton","aria-valuenow":J,"aria-valuemin":w,"aria-valuemax":M,"aria-required":j,"aria-label":z||y,"aria-labelledby":te,"aria-describedby":ne,disabled:C,readOnly:E,size:V,error:B,success:N,renderLeft:ee,renderRight:ae})),a.createElement(m,{id:ne,text:F,error:B,success:N,disabled:C,readOnly:E}))}));export{h as default};
 //# sourceMappingURL=NumberField.js.map

package/dist/src/components/NumberField/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldProps } from \"./NumberField.types\";\nimport useNumberFieldState from \"./hooks/useNumberFieldState\";\nimport useSpinButtonHandlers from \"./hooks/useSpinButtonHandlers\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport InfoText from \"../InfoText/InfoText\";\nimport Icon from \"../Icon/Icon\";\nimport NumberFieldSpinButton from \"./components/NumberFieldSpinButton/NumberFieldSpinButton\";\nimport styles from \"./NumberField.module.scss\";\nimport Flex from \"../Flex/Flex\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\n\nconst NumberField = forwardRef(\n  (\n    {\n      className,\n      value,\n      onChange,\n      label,\n      required,\n      placeholder,\n      infoText,\n      error,\n      success,\n      disabled,\n      readOnly,\n      min,\n      max,\n      step = 1,\n      size = \"medium\",\n      leftIcon,\n      \"aria-label\": ariaLabel,\n      id,\n      \"data-testid\": dataTestId,\n      allowOutOfBounds,\n      onValidityChange,\n      ...inputProps\n    }: NumberFieldProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedRef = useMergeRef<HTMLInputElement>(ref, inputRef);\n\n    const {\n      inputValue,\n      numericValue,\n      onChange: handleChange,\n      onKeyDown,\n      isAtMin,\n      isAtMax\n    } = useNumberFieldState({\n      value,\n      onChange,\n      min,\n      max,\n      step,\n      disabled,\n      readOnly,\n      allowOutOfBounds,\n      onValidityChange\n    });\n\n    const { onIncrement, onDecrement } = useSpinButtonHandlers({\n      onChange,\n      value: numericValue,\n      step,\n      min,\n      max,\n      allowOutOfBounds,\n      readOnly,\n      inputRef\n    });\n\n    const renderedLeftIcon = useMemo(() => {\n      if (!leftIcon) return null;\n      return <Icon icon={leftIcon} className={styles.leftIcon} />;\n    }, [leftIcon]);\n\n    const renderedRightIcon = useMemo(() => {\n      return (\n        <NumberFieldSpinButton\n          inputId={id}\n          onIncrement={onIncrement}\n          onDecrement={onDecrement}\n          disabled={disabled || readOnly}\n          size={size}\n          isAtMin={isAtMin}\n          isAtMax={isAtMax}\n        />\n      );\n    }, [id, onIncrement, onDecrement, disabled, readOnly, size, isAtMin, isAtMax]);\n\n    const infoTextId = useMemo(() => {\n      return infoText && id ? `${id}-info-text` : undefined;\n    }, [infoText, id]);\n\n    const labelId = useMemo(() => {\n      return label && id ? `${id}-label` : undefined;\n    }, [label, id]);\n\n    return (\n      <Flex direction=\"column\" align=\"stretch\" gap=\"xs\" className={cx(styles.numberField, className)}>\n        <FieldLabel id={labelId} className={styles.label} labelText={label} required={required} labelFor={id} />\n        <BaseInput\n          {...inputProps}\n          data-testid={dataTestId}\n          ref={mergedRef}\n          id={id}\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          type=\"text\"\n          inputMode=\"numeric\"\n          inputRole=\"spinbutton\"\n          aria-valuenow={numericValue}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-required={required}\n          aria-label={ariaLabel || label}\n          aria-labelledby={labelId}\n          aria-describedby={infoTextId}\n          disabled={disabled}\n          readOnly={readOnly}\n          size={size}\n          error={error}\n          success={success}\n          renderLeft={renderedLeftIcon}\n          renderRight={renderedRightIcon}\n        />\n        <InfoText\n          id={infoTextId}\n          text={infoText}\n          error={error}\n          success={success}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default NumberField;\n"],"names":["NumberField","forwardRef","_a","ref","className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","_a$step","step","_a$size","size","leftIcon","ariaLabel","id","dataTestId","allowOutOfBounds","onValidityChange","inputProps","__rest","inputRef","useRef","mergedRef","useMergeRef","_useNumberFieldState","useNumberFieldState","inputValue","numericValue","handleChange","onKeyDown","isAtMin","isAtMax","_useSpinButtonHandler","useSpinButtonHandlers","onIncrement","onDecrement","renderedLeftIcon","useMemo","React","createElement","Icon","icon","styles","renderedRightIcon","NumberFieldSpinButton","inputId","infoTextId","concat","undefined","labelId","Flex","direction","align","gap","cx","numberField","FieldLabel","labelText","labelFor","BaseInput","Object","assign","type","inputMode","inputRole","renderLeft","renderRight","InfoText","text"],"mappings":"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"}
+{"version":3,"file":"NumberField.js","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldProps } from \"./NumberField.types\";\nimport useNumberFieldState from \"./hooks/useNumberFieldState\";\nimport useSpinButtonHandlers from \"./hooks/useSpinButtonHandlers\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport InfoText from \"../InfoText/InfoText\";\nimport Icon from \"../Icon/Icon\";\nimport NumberFieldSpinButton from \"./components/NumberFieldSpinButton/NumberFieldSpinButton\";\nimport styles from \"./NumberField.module.scss\";\nimport Flex from \"../Flex/Flex\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst NumberField = forwardRef(\n  (\n    {\n      className,\n      value,\n      onChange,\n      label,\n      required,\n      placeholder,\n      infoText,\n      error,\n      success,\n      disabled,\n      readOnly,\n      min,\n      max,\n      step = 1,\n      size = \"medium\",\n      leftIcon,\n      \"aria-label\": ariaLabel,\n      id,\n      \"data-testid\": dataTestId,\n      allowOutOfBounds,\n      onValidityChange,\n      ...inputProps\n    }: NumberFieldProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedRef = useMergeRef<HTMLInputElement>(ref, inputRef);\n\n    const {\n      inputValue,\n      numericValue,\n      onChange: handleChange,\n      onKeyDown,\n      isAtMin,\n      isAtMax\n    } = useNumberFieldState({\n      value,\n      onChange,\n      min,\n      max,\n      step,\n      disabled,\n      readOnly,\n      allowOutOfBounds,\n      onValidityChange\n    });\n\n    const { onIncrement, onDecrement } = useSpinButtonHandlers({\n      onChange,\n      value: numericValue,\n      step,\n      min,\n      max,\n      allowOutOfBounds,\n      readOnly,\n      inputRef\n    });\n\n    const renderedLeftIcon = useMemo(() => {\n      if (!leftIcon) return null;\n      return <Icon icon={leftIcon} className={styles.leftIcon} />;\n    }, [leftIcon]);\n\n    const renderedRightIcon = useMemo(() => {\n      return (\n        <NumberFieldSpinButton\n          inputId={id}\n          onIncrement={onIncrement}\n          onDecrement={onDecrement}\n          disabled={disabled || readOnly}\n          size={size}\n          isAtMin={isAtMin}\n          isAtMax={isAtMax}\n        />\n      );\n    }, [id, onIncrement, onDecrement, disabled, readOnly, size, isAtMin, isAtMax]);\n\n    const infoTextId = useMemo(() => {\n      return infoText && id ? `${id}-info-text` : undefined;\n    }, [infoText, id]);\n\n    const labelId = useMemo(() => {\n      return label && id ? `${id}-label` : undefined;\n    }, [label, id]);\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"stretch\"\n        gap=\"xs\"\n        className={cx(styles.numberField, className)}\n        data-vibe={ComponentVibeId.NUMBER_FIELD}\n      >\n        <FieldLabel id={labelId} className={styles.label} labelText={label} required={required} labelFor={id} />\n        <BaseInput\n          {...inputProps}\n          data-testid={dataTestId}\n          ref={mergedRef}\n          id={id}\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          type=\"text\"\n          inputMode=\"numeric\"\n          inputRole=\"spinbutton\"\n          aria-valuenow={numericValue}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-required={required}\n          aria-label={ariaLabel || label}\n          aria-labelledby={labelId}\n          aria-describedby={infoTextId}\n          disabled={disabled}\n          readOnly={readOnly}\n          size={size}\n          error={error}\n          success={success}\n          renderLeft={renderedLeftIcon}\n          renderRight={renderedRightIcon}\n        />\n        <InfoText\n          id={infoTextId}\n          text={infoText}\n          error={error}\n          success={success}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default NumberField;\n"],"names":["NumberField","forwardRef","_a","ref","className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","_a$step","step","_a$size","size","leftIcon","ariaLabel","id","dataTestId","allowOutOfBounds","onValidityChange","inputProps","__rest","inputRef","useRef","mergedRef","useMergeRef","_useNumberFieldState","useNumberFieldState","inputValue","numericValue","handleChange","onKeyDown","isAtMin","isAtMax","_useSpinButtonHandler","useSpinButtonHandlers","onIncrement","onDecrement","renderedLeftIcon","useMemo","React","createElement","Icon","icon","styles","renderedRightIcon","NumberFieldSpinButton","inputId","infoTextId","concat","undefined","labelId","Flex","direction","align","gap","cx","numberField","ComponentVibeId","NUMBER_FIELD","FieldLabel","labelText","labelFor","BaseInput","Object","assign","type","inputMode","inputRole","renderLeft","renderRight","InfoText","text"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={numberField:"numberField_c24572023f",label:"label_08a32ce68e",leftIcon:"leftIcon_e520fac645"};!function(e){const n="s_id-043e6276934a_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_c24572023f {\n  width: 100%;\n}\n.numberField_c24572023f .label_08a32ce68e {\n  padding-bottom: 0;\n}\n.numberField_c24572023f .leftIcon_e520fac645 {\n  color: var(--icon-color);\n}");export{e as default};
+var e={numberField:"numberField_f2ae9cfae2",label:"label_14b58af956",leftIcon:"leftIcon_b95c29f09b"};!function(e){const n="s_id-043e6276934a_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_f2ae9cfae2 {\n  width: 100%;\n}\n.numberField_f2ae9cfae2 .label_14b58af956 {\n  padding-bottom: 0;\n}\n.numberField_f2ae9cfae2 .leftIcon_b95c29f09b {\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=NumberField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={spinButton:"spinButton_6652a312dd",large:"large_598f746bb7",icon:"icon_abfd254f2d",medium:"medium_772867e6fa",small:"small_a375f2c81d"};!function(n){const e="s_id-eb36452422c9_3_59_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton_6652a312dd.large_598f746bb7 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_6652a312dd.large_598f746bb7 .icon_abfd254f2d {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_6652a312dd.medium_772867e6fa {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_6652a312dd.medium_772867e6fa .icon_abfd254f2d {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_6652a312dd.small_a375f2c81d {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_6652a312dd.small_a375f2c81d .icon_abfd254f2d {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
+var e={spinButton:"spinButton_ae58a6d432",large:"large_61493f5377",icon:"icon_08bf1c63da",medium:"medium_d4eae0c6cc",small:"small_b19a202950"};!function(e){const n="s_id-eb36452422c9_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".spinButton_ae58a6d432.large_61493f5377 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_ae58a6d432.large_61493f5377 .icon_08bf1c63da {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_ae58a6d432.medium_d4eae0c6cc {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_ae58a6d432.medium_d4eae0c6cc .icon_08bf1c63da {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_ae58a6d432.small_b19a202950 {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_ae58a6d432.small_b19a202950 .icon_08bf1c63da {\n  width: 14px;\n  height: 14px;\n}");export{e as default};
 //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={bar:"bar_ccc9cbffe7",typePrimaryPrimary:"typePrimaryPrimary_9b9debd6ef",typePrimarySecondary:"typePrimarySecondary_f00f674b2d",typePrimaryPositive:"typePrimaryPositive_4725365295",typePrimaryNegative:"typePrimaryNegative_2469589902",typePrimaryWarning:"typePrimaryWarning_83ed86026d",typeSecondaryPrimary:"typeSecondaryPrimary_95b31819b3",typeSecondarySecondary:"typeSecondarySecondary_cf7c35904e",typeSecondaryPositive:"typeSecondaryPositive_58cbf98ddd",typeSecondaryNegative:"typeSecondaryNegative_20ae95a561",typeSecondaryWarning:"typeSecondaryWarning_ec06dc79ca",animate:"animate_acd3f212e6"};!function(e){const r="s_id-47cfcfa6b681_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_ccc9cbffe7 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_9b9debd6ef {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_f00f674b2d {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_4725365295 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_2469589902 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_83ed86026d {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_95b31819b3 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_cf7c35904e {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_58cbf98ddd {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_20ae95a561 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_ec06dc79ca {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_acd3f212e6 {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_93aba69b86",typePrimaryPrimary:"typePrimaryPrimary_66674d76fe",typePrimarySecondary:"typePrimarySecondary_0f23157222",typePrimaryPositive:"typePrimaryPositive_c3631e7779",typePrimaryNegative:"typePrimaryNegative_fe9de4dd9d",typePrimaryWarning:"typePrimaryWarning_b2117f6ac8",typeSecondaryPrimary:"typeSecondaryPrimary_5037a5e8ee",typeSecondarySecondary:"typeSecondarySecondary_48225b89dc",typeSecondaryPositive:"typeSecondaryPositive_6ab87d615e",typeSecondaryNegative:"typeSecondaryNegative_51432d617a",typeSecondaryWarning:"typeSecondaryWarning_43ac5b9ccd",animate:"animate_c7aa71d17a"};!function(e){const r="s_id-47cfcfa6b681_3_61_0";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_93aba69b86 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_66674d76fe {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_0f23157222 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_c3631e7779 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_fe9de4dd9d {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_b2117f6ac8 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_5037a5e8ee {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_48225b89dc {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_6ab87d615e {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_51432d617a {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_43ac5b9ccd {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_c7aa71d17a {\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.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,toConsumableArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useMemo as s}from"react";import l from"classnames";import{SIZES as o}from"../../../constants/sizes.js";import{getStyle as i}from"../../../helpers/typesciptCssModulesHelper.js";import n from"../PercentageLabel/PercentageLabel.js";import{ProgressBarStyle as m,ProgressBarType as c}from"./LinearProgressBarConstants.js";import{calculatePercentage as d,getProgressBarClassNames as u}from"./LinearProgressBarHelpers.js";import p from"./Bar/Bar.js";import{withStaticProps as v}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{getTestId as y}from"../../../tests/testIds.js";import b from"./LinearProgressBar.module.scss.js";var j=v(t((function(t,o){var m=t.min,c=void 0===m?0:m,v=t.max,j=void 0===v?100:v,E=t.value,g=void 0===E?0:E,P=t.valueSecondary,S=void 0===P?0:P,_=t.animated,B=void 0===_||_,N=t.barStyle,R=void 0===N?"primary":N,L=t.className,A=t.size,h=void 0===A?"small":A,x=t.indicateProgress,C=void 0!==x&&x,z=t.multi,H=void 0!==z&&z,I=t.multiValues,w=void 0===I?[]:I,F=t.ariaLabel,M=void 0===F?"":F,O=t.id,W=t.fullWidth,Y=void 0!==W&&W,k=t["data-testid"],D=s((function(){return l(b.wrapper,e(e({},i(b,""+h),h),b.fullWidth,Y),L)}),[h,Y,L]),G=s((function(){if(H){var e=w&&w.length&&w[0].value;return null==e?0:d(e,c,j)}return null==g?0:d(g,c,j)}),[g,c,j,H,w]),T=s((function(){return H?a.createElement(a.Fragment,null,r(w).reverse().map((function(e,r){var t=e.value,s=e.color;return a.createElement(p,{className:u(t),barStyle:"none",value:t,animated:B,type:"primary",color:s,min:c,max:j,id:"bar_".concat(s,"_").concat(r),key:"bar_".concat(s,"_").concat(r)})}))):null}),[c,j,B,w,H]),V=C?a.createElement(n,{forElement:"linear-progress-bar",value:G}):null,q=H?null:a.createElement(a.Fragment,null,a.createElement(p,{className:u(g),barLabelName:M,barStyle:R,value:S,animated:B,type:"secondary",min:c,max:j,"data-testid":f.BAR_SECONDARY}),a.createElement(p,{className:u(g),barStyle:R,value:g,animated:B,type:"primary",min:c,max:j,"data-testid":f.BAR_PRIMARY}));return a.createElement("div",{className:D,ref:o,id:O,"data-testsid":k||y(f.LINEAR_PROGRESS_BAR,O)},a.createElement("div",{className:b.container},q,T),V)})),{styles:m,barStyles:m,types:c,barTypes:c,sizes:o});export{j as default};
+import{defineProperty as e,toConsumableArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useMemo as s}from"react";import l from"classnames";import{SIZES as i}from"../../../constants/sizes.js";import{getStyle as o}from"../../../helpers/typesciptCssModulesHelper.js";import n from"../PercentageLabel/PercentageLabel.js";import{ProgressBarStyle as m,ProgressBarType as c}from"./LinearProgressBarConstants.js";import{calculatePercentage as d,getProgressBarClassNames as u}from"./LinearProgressBarHelpers.js";import p from"./Bar/Bar.js";import{withStaticProps as v}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{ComponentDefaultTestId as f,ComponentVibeId as y}from"../../../tests/constants.js";import{getTestId as b}from"../../../tests/testIds.js";import E from"./LinearProgressBar.module.scss.js";var R=v(t((function(t,i){var m=t.min,c=void 0===m?0:m,v=t.max,R=void 0===v?100:v,j=t.value,P=void 0===j?0:j,S=t.valueSecondary,_=void 0===S?0:S,g=t.animated,B=void 0===g||g,N=t.barStyle,A=void 0===N?"primary":N,L=t.className,h=t.size,x=void 0===h?"small":h,C=t.indicateProgress,I=void 0!==C&&C,z=t.multi,H=void 0!==z&&z,O=t.multiValues,w=void 0===O?[]:O,F=t.ariaLabel,G=void 0===F?"":F,M=t.id,W=t.fullWidth,Y=void 0!==W&&W,k=t["data-testid"],D=s((function(){return l(E.wrapper,e(e({},o(E,""+x),x),E.fullWidth,Y),L)}),[x,Y,L]),T=s((function(){if(H){var e=w&&w.length&&w[0].value;return null==e?0:d(e,c,R)}return null==P?0:d(P,c,R)}),[P,c,R,H,w]),V=s((function(){return H?a.createElement(a.Fragment,null,r(w).reverse().map((function(e,r){var t=e.value,s=e.color;return a.createElement(p,{className:u(t),barStyle:"none",value:t,animated:B,type:"primary",color:s,min:c,max:R,id:"bar_".concat(s,"_").concat(r),key:"bar_".concat(s,"_").concat(r)})}))):null}),[c,R,B,w,H]),q=I?a.createElement(n,{forElement:"linear-progress-bar",value:T}):null,J=H?null:a.createElement(a.Fragment,null,a.createElement(p,{className:u(P),barLabelName:G,barStyle:A,value:_,animated:B,type:"secondary",min:c,max:R,"data-testid":f.BAR_SECONDARY}),a.createElement(p,{className:u(P),barStyle:A,value:P,animated:B,type:"primary",min:c,max:R,"data-testid":f.BAR_PRIMARY}));return a.createElement("div",{className:D,ref:i,id:M,"data-testid":k||b(f.LINEAR_PROGRESS_BAR,M),"data-vibe":y.LINEAR_PROGRESS_BAR},a.createElement("div",{className:E.container},J,V),q)})),{styles:m,barStyles:m,types:c,barTypes:c,sizes:i});export{R as default};
 //# sourceMappingURL=LinearProgressBar.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgressBar.js","sources":["../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n  ProgressBarStyle as ProgressBarStyleEnum,\n  ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { type LinearProgressBarSize, type LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The secondary progress value.\n   */\n  valueSecondary?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * The size of the progress bar.\n   */\n  size?: LinearProgressBarSize;\n  /**\n   * If true, displays the progress percentage.\n   */\n  indicateProgress?: boolean;\n  /**\n   * If true, enables multiple progress bars.\n   * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.\n   */\n  multi?: boolean;\n  /**\n   * An array of bar values and colors for multi-bar mode.\n   */\n  multiValues?: {\n    /**\n     * The progress value for a bar.\n     */\n    value?: number;\n    /**\n     * The bar color in hex format (`#000000` - `#ffffff`).\n     */\n    color?: string;\n  }[];\n  /**\n   * The ARIA label for the progress bar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, makes the progress bar span the full container width.\n   */\n  fullWidth?: boolean;\n}\n\nconst LinearProgressBar = forwardRef(\n  (\n    {\n      min = 0,\n      max = 100,\n      value = 0,\n      valueSecondary = 0,\n      animated = true,\n      barStyle = \"primary\",\n      className,\n      size = \"small\",\n      indicateProgress = false,\n      multi = false,\n      multiValues = [],\n      ariaLabel = \"\",\n      id,\n      fullWidth = false,\n      \"data-testid\": dataTestId\n    }: LinearProgressBarProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const wrapperClassName = useMemo(() => {\n      return cx(\n        styles.wrapper,\n        {\n          [getStyle(styles, size.toString())]: size,\n          [styles.fullWidth]: fullWidth\n        },\n        className\n      );\n    }, [size, fullWidth, className]);\n\n    const valuePercentage = useMemo(() => {\n      if (multi) {\n        const firstValue = multiValues && multiValues.length && multiValues[0].value;\n        if (firstValue === null || firstValue === undefined) return 0;\n        return calculatePercentage(firstValue, min, max);\n      }\n      if (value === null || value === undefined) return 0;\n      return calculatePercentage(value, min, max);\n    }, [value, min, max, multi, multiValues]);\n\n    const renderMultiBars = useMemo(() => {\n      if (!multi) return null;\n      return (\n        <>\n          {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n            <Bar\n              className={getProgressBarClassNames(baseValue)}\n              barStyle=\"none\"\n              value={baseValue}\n              animated={animated}\n              type=\"primary\"\n              color={color}\n              min={min}\n              max={max}\n              id={`bar_${color}_${i}`}\n              key={`bar_${color}_${i}`}\n            />\n          ))}\n        </>\n      );\n    }, [min, max, animated, multiValues, multi]);\n\n    const renderPercentage = indicateProgress ? (\n      <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n    ) : null;\n\n    const renderBaseBars = !multi ? (\n      <>\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barLabelName={ariaLabel}\n          barStyle={barStyle}\n          value={valueSecondary}\n          animated={animated}\n          type=\"secondary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n        />\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barStyle={barStyle}\n          value={value}\n          animated={animated}\n          type=\"primary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n        />\n      </>\n    ) : null;\n\n    return (\n      <div\n        className={wrapperClassName}\n        ref={ref}\n        id={id}\n        data-testsid={dataTestId || getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n      >\n        <div className={styles.container}>\n          {renderBaseBars}\n          {renderMultiBars}\n        </div>\n        {renderPercentage}\n      </div>\n    );\n  }\n);\n\ninterface LinearProgressBarStaticProps {\n  styles: typeof ProgressBarStyleEnum;\n  barStyles: typeof ProgressBarStyleEnum;\n  types: typeof ProgressBarTypeEnum;\n  barTypes: typeof ProgressBarTypeEnum;\n  sizes: typeof SIZES;\n}\n\nexport default withStaticProps<LinearProgressBarProps, LinearProgressBarStaticProps>(LinearProgressBar, {\n  styles: ProgressBarStyleEnum,\n  barStyles: ProgressBarStyleEnum,\n  types: ProgressBarTypeEnum,\n  barTypes: ProgressBarTypeEnum,\n  sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"01BA8EA,IAuHeA,EAAAA,EAvHWC,GACxB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EACPK,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAN,EACTO,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAR,EACTS,eAAAA,OAAiB,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAClBW,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,EAAAZ,EACfa,SAAAA,OAAW,IAAHD,EAAG,UAASA,EACpBE,EAASd,EAATc,UAASC,EAAAf,EACTgB,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAjB,EACdkB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAnB,EACxBoB,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAArB,EACbsB,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EAChBwB,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEzB,EAAFyB,GAAEC,EAAA1B,EACF2B,UAAAA,OAAY,IAAHD,GAAQA,EACFE,EAAU5B,EAAzB,eAII6B,EAAmBC,GAAQ,WAC/B,OAAOC,EACLC,EAAOC,QAAOC,EAAAA,EAAA,CAAA,EAEXC,EAASH,EAAQhB,MAAmBA,GACpCgB,EAAOL,UAAYA,GAEtBb,EAEH,GAAE,CAACE,EAAMW,EAAWb,IAEfsB,EAAkBN,GAAQ,WAC9B,GAAIV,EAAO,CACT,IAAMiB,EAAaf,GAAeA,EAAYgB,QAAUhB,EAAY,GAAGf,MACvE,OAAI8B,QAAwD,EACrDE,EAAoBF,EAAYlC,EAAKE,EAC7C,CACD,OAAIE,QAA8C,EAC3CgC,EAAoBhC,EAAOJ,EAAKE,EACzC,GAAG,CAACE,EAAOJ,EAAKE,EAAKe,EAAOE,IAEtBkB,EAAkBV,GAAQ,WAC9B,OAAKV,EAEHqB,EACGC,cAAAD,EAAAE,SAAA,KAAAC,EAAItB,GAAauB,UAAUC,KAAI,SAAAC,EAA8BC,GAAC,IAArBC,EAASF,EAAhBxC,MAAkB2C,EAAKH,EAALG,MAAK,OACxDT,EAACC,cAAAS,GACCrC,UAAWsC,EAAyBH,GACpCpC,SAAS,OACTN,MAAO0C,EACPtC,SAAUA,EACV0C,KAAK,UACLH,MAAOA,EACP/C,IAAKA,EACLE,IAAKA,EACLoB,GAAE,OAAA6B,OAASJ,OAAKI,OAAIN,GACpBO,WAAGD,OAASJ,EAAKI,KAAAA,OAAIN,IAExB,KAhBc,IAmBrB,GAAG,CAAC7C,EAAKE,EAAKM,EAAUW,EAAaF,IAE/BoC,EAAmBtC,EACvBuB,EAACC,cAAAe,EAAgB,CAAAC,WAAW,sBAAsBnD,MAAO6B,IACvD,KAEEuB,EAAkBvC,EAwBpB,KAvBFqB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCqD,aAAcpC,EACdX,SAAUA,EACVN,MAAOE,EACPE,SAAUA,EACV0C,KAAK,YACLlD,IAAKA,EACLE,IAAKA,gBACQwD,EAAuBC,gBAEtCrB,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCM,SAAUA,EACVN,MAAOA,EACPI,SAAUA,EACV0C,KAAK,UACLlD,IAAKA,EACLE,IAAKA,EAAG,cACKwD,EAAuBE,eAK1C,OACEtB,uBACE3B,UAAWe,EACX5B,IAAKA,EACLwB,GAAIA,EAAE,eACQG,GAAcoC,EAAUH,EAAuBI,oBAAqBxC,IAElFgB,EAAAC,cAAA,MAAA,CAAK5B,UAAWkB,EAAOkC,WACpBP,EACAnB,GAEFgB,EAGP,IAWsG,CACtGxB,OAAQmC,EACRC,UAAWD,EACXE,MAAOC,EACPC,SAAUD,EACVE,MAAOC"}
+{"version":3,"file":"LinearProgressBar.js","sources":["../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n  ProgressBarStyle as ProgressBarStyleEnum,\n  ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { type LinearProgressBarSize, type LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The secondary progress value.\n   */\n  valueSecondary?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * The size of the progress bar.\n   */\n  size?: LinearProgressBarSize;\n  /**\n   * If true, displays the progress percentage.\n   */\n  indicateProgress?: boolean;\n  /**\n   * If true, enables multiple progress bars.\n   * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.\n   */\n  multi?: boolean;\n  /**\n   * An array of bar values and colors for multi-bar mode.\n   */\n  multiValues?: {\n    /**\n     * The progress value for a bar.\n     */\n    value?: number;\n    /**\n     * The bar color in hex format (`#000000` - `#ffffff`).\n     */\n    color?: string;\n  }[];\n  /**\n   * The ARIA label for the progress bar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, makes the progress bar span the full container width.\n   */\n  fullWidth?: boolean;\n}\n\nconst LinearProgressBar = forwardRef(\n  (\n    {\n      min = 0,\n      max = 100,\n      value = 0,\n      valueSecondary = 0,\n      animated = true,\n      barStyle = \"primary\",\n      className,\n      size = \"small\",\n      indicateProgress = false,\n      multi = false,\n      multiValues = [],\n      ariaLabel = \"\",\n      id,\n      fullWidth = false,\n      \"data-testid\": dataTestId\n    }: LinearProgressBarProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const wrapperClassName = useMemo(() => {\n      return cx(\n        styles.wrapper,\n        {\n          [getStyle(styles, size.toString())]: size,\n          [styles.fullWidth]: fullWidth\n        },\n        className\n      );\n    }, [size, fullWidth, className]);\n\n    const valuePercentage = useMemo(() => {\n      if (multi) {\n        const firstValue = multiValues && multiValues.length && multiValues[0].value;\n        if (firstValue === null || firstValue === undefined) return 0;\n        return calculatePercentage(firstValue, min, max);\n      }\n      if (value === null || value === undefined) return 0;\n      return calculatePercentage(value, min, max);\n    }, [value, min, max, multi, multiValues]);\n\n    const renderMultiBars = useMemo(() => {\n      if (!multi) return null;\n      return (\n        <>\n          {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n            <Bar\n              className={getProgressBarClassNames(baseValue)}\n              barStyle=\"none\"\n              value={baseValue}\n              animated={animated}\n              type=\"primary\"\n              color={color}\n              min={min}\n              max={max}\n              id={`bar_${color}_${i}`}\n              key={`bar_${color}_${i}`}\n            />\n          ))}\n        </>\n      );\n    }, [min, max, animated, multiValues, multi]);\n\n    const renderPercentage = indicateProgress ? (\n      <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n    ) : null;\n\n    const renderBaseBars = !multi ? (\n      <>\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barLabelName={ariaLabel}\n          barStyle={barStyle}\n          value={valueSecondary}\n          animated={animated}\n          type=\"secondary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n        />\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barStyle={barStyle}\n          value={value}\n          animated={animated}\n          type=\"primary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n        />\n      </>\n    ) : null;\n\n    return (\n      <div\n        className={wrapperClassName}\n        ref={ref}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n        data-vibe={ComponentVibeId.LINEAR_PROGRESS_BAR}\n      >\n        <div className={styles.container}>\n          {renderBaseBars}\n          {renderMultiBars}\n        </div>\n        {renderPercentage}\n      </div>\n    );\n  }\n);\n\ninterface LinearProgressBarStaticProps {\n  styles: typeof ProgressBarStyleEnum;\n  barStyles: typeof ProgressBarStyleEnum;\n  types: typeof ProgressBarTypeEnum;\n  barTypes: typeof ProgressBarTypeEnum;\n  sizes: typeof SIZES;\n}\n\nexport default withStaticProps<LinearProgressBarProps, LinearProgressBarStaticProps>(LinearProgressBar, {\n  styles: ProgressBarStyleEnum,\n  barStyles: ProgressBarStyleEnum,\n  types: ProgressBarTypeEnum,\n  barTypes: ProgressBarTypeEnum,\n  sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","ComponentVibeId","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_2eb5627740",fullWidth:"fullWidth_c24572023f",container:"container_100b3c6c3f",progressBar:"progressBar_e83304a982",completed:"completed_100b3c6c3f",label:"label_2cf1f5face",large:"large_8e269a6fd4",medium:"medium_e27cea8b0f",small:"small_3950cd2455"};!function(e){const n="s_id-5855608df299_3_59_0";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)}(".wrapper_2eb5627740 {\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_2eb5627740.fullWidth_c24572023f {\n  width: 100%;\n}\n.wrapper_2eb5627740.fullWidth_c24572023f .container_100b3c6c3f {\n  border-radius: 0;\n}\n.wrapper_2eb5627740.fullWidth_c24572023f .container_100b3c6c3f .progressBar_e83304a982 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_2eb5627740.fullWidth_c24572023f .container_100b3c6c3f .progressBar_e83304a982.completed_100b3c6c3f {\n  border-radius: 0;\n}\n.label_2cf1f5face {\n  padding-left: var(--spacing-xs);\n}\n.large_8e269a6fd4 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_e27cea8b0f {\n  height: 6px;\n  line-height: 6px;\n}\n.small_3950cd2455 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_100b3c6c3f {\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_f015c15a30",fullWidth:"fullWidth_f2ae9cfae2",container:"container_da6585a090",progressBar:"progressBar_5332a82baf",completed:"completed_da6585a090",label:"label_9acbba2469",large:"large_92d1721903",medium:"medium_e3cc9f63aa",small:"small_32d2a72aa9"};!function(e){const a="s_id-5855608df299_3_61_0";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)}(".wrapper_f015c15a30 {\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_f015c15a30.fullWidth_f2ae9cfae2 {\n  width: 100%;\n}\n.wrapper_f015c15a30.fullWidth_f2ae9cfae2 .container_da6585a090 {\n  border-radius: 0;\n}\n.wrapper_f015c15a30.fullWidth_f2ae9cfae2 .container_da6585a090 .progressBar_5332a82baf {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_f015c15a30.fullWidth_f2ae9cfae2 .container_da6585a090 .progressBar_5332a82baf.completed_da6585a090 {\n  border-radius: 0;\n}\n.label_9acbba2469 {\n  padding-left: var(--spacing-xs);\n}\n.large_92d1721903 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_e3cc9f63aa {\n  height: 6px;\n  line-height: 6px;\n}\n.small_32d2a72aa9 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_da6585a090 {\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

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

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

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

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

@@ -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 \"../Clickable/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\";\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\nconst RadioButton = forwardRef(\n  (\n    {\n      className,\n      text = \"\",\n      value = \"\",\n      name = \"\",\n      /**\n       * Radio button label class name\n       */\n      labelClassName,\n      /**\n       * Radio button marker class name\n       */\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      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          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              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","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"4cAyEMA,IAAAA,EAAcC,GAClB,SAAAC,EA2BEC,GACE,IA1BAC,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,EAITE,EAAcT,EAAdS,eAIAC,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,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAII4B,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAE7BI,EAAeC,GAAY,YAC3BrB,GAAaS,IACbO,EAASM,UACXN,EAASM,QAAQf,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUU,EAAUhB,EAAUS,IAE5Bc,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZlB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEsB,EAACC,cAAAC,EAAQ,CAAAC,QAHY7B,EAAWE,EAAiB,MAI/CwB,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC1ExB,UAAW2C,EAAGC,EAAOC,YAAa7C,EAAS8C,EAAAA,EAAA,CAAA,EACxCF,EAAOlC,SAAWA,GAAQ,WACjBA,KAGZ0B,EAAAC,cAAA,OAAA,CAAMrC,UAAW2C,EAAGC,EAAOG,iBACzBX,EAAAC,cAAA,QAAAW,OAAAC,OAAA,CACEjD,UAAW2C,EAAGC,EAAOM,OACrBC,KAAK,QACL/C,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNuB,EAAY,CAChBmB,SAAUpC,EACVjB,IAAK6B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBY,qBAAsB7B,GACpExB,UAAW2C,EAAGC,EAAOU,QAAS9C,EAAoBsC,KAC/CF,EAAOW,gBAAkBhC,OAI/BrB,GACCkC,EAACC,cAAAmB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLnD,UAAWO,EACE,cAAAiC,EAAUC,EAAuBiB,mBAAoBlC,IAEjEtB,GAGJa,GACCqB,EAAAC,cAACsB,EAAU,CAAAC,QAAS9B,EAAc+B,SAAUxC,GACzCN,IAMb"}
+{"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 \"../Clickable/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\nconst RadioButton = forwardRef(\n  (\n    {\n      className,\n      text = \"\",\n      value = \"\",\n      name = \"\",\n      /**\n       * Radio button label class name\n       */\n      labelClassName,\n      /**\n       * Radio button marker class name\n       */\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      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              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","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":"ugBA0EMA,IAAAA,EAAcC,GAClB,SAAAC,EA2BEC,GACE,IA1BAC,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,EAITE,EAAcT,EAAdS,eAIAC,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,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAII4B,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAE7BI,EAAeC,GAAY,YAC3BrB,GAAaS,IACbO,EAASM,UACXN,EAASM,QAAQf,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUU,EAAUhB,EAAUS,IAE5Bc,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZlB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEsB,EAACC,cAAAC,EAAQ,CAAAC,QAHY7B,EAAWE,EAAiB,MAI/CwB,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC/D,YAAAmB,EAAgBD,aAC3B1C,UAAW4C,EAAGC,EAAOC,YAAa9C,EAAS+C,EAAAA,EAAA,CAAA,EACxCF,EAAOnC,SAAWA,GAAQ,WACjBA,KAGZ0B,EAAAC,cAAA,OAAA,CAAMrC,UAAW4C,EAAGC,EAAOG,iBACzBZ,EAAAC,cAAA,QAAAY,OAAAC,OAAA,CACElD,UAAW4C,EAAGC,EAAOM,OACrBC,KAAK,QACLhD,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNuB,EAAY,CAChBoB,SAAUrC,EACVjB,IAAK6B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBa,qBAAsB9B,GACpExB,UAAW4C,EAAGC,EAAOU,QAAS/C,EAAoBuC,KAC/CF,EAAOW,gBAAkBjC,OAI/BrB,GACCkC,EAACC,cAAAoB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLpD,UAAWO,EACE,cAAAiC,EAAUC,EAAuBkB,mBAAoBnC,IAEjEtB,GAGJa,GACCqB,EAAAC,cAACuB,EAAU,CAAAC,QAAS/B,EAAcgC,SAAUzC,GACzCN,IAMb"}

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_50b5bc143e",inputContainer:"inputContainer_64ac758069",input:"input_615e219323",control:"control_5a4f483659",labelAnimation:"labelAnimation_8ad73c26c7",radioCheckedAnimation:"radioCheckedAnimation_e615bb184f",disabled:"disabled_1c2b96c072",label:"label_e8db9d934e"};!function(n){const e="s_id-f0fb17b54d8d_3_59_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_50b5bc143e {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_64ac758069 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_615e219323 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_5a4f483659 {\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_5a4f483659 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_8ad73c26c7 {\n  animation-name: radioCheckedAnimation_e615bb184f;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_5a4f483659 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_5a4f483659 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_50b5bc143e.disabled_1c2b96c072 {\n  cursor: not-allowed;\n}\n.radioButton_50b5bc143e.disabled_1c2b96c072 .label_e8db9d934e {\n  color: var(--disabled-text-color);\n}\n.inputContainer_64ac758069 input:focus-visible + .control_5a4f483659 {\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_50b5bc143e:hover .inputContainer_64ac758069 input:enabled:checked + .control_5a4f483659 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_50b5bc143e:hover .inputContainer_64ac758069 input:enabled:not(:checked) + .control_5a4f483659,\n.radioButton_50b5bc143e:focus-within .inputContainer_64ac758069 input:enabled:not(:checked) + .control_5a4f483659 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_e615bb184f {\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_cfdf01a77a",inputContainer:"inputContainer_8b7681f925",input:"input_779c34b5fd",control:"control_a4241cf67c",labelAnimation:"labelAnimation_0b0b84bee2",radioCheckedAnimation:"radioCheckedAnimation_49e55880a9",disabled:"disabled_ac5771f39c",label:"label_89673e72a1"};!function(n){const o="s_id-f0fb17b54d8d_3_61_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_cfdf01a77a {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_8b7681f925 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_779c34b5fd {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_a4241cf67c {\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_a4241cf67c {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_0b0b84bee2 {\n  animation-name: radioCheckedAnimation_49e55880a9;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_a4241cf67c {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_a4241cf67c {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_cfdf01a77a.disabled_ac5771f39c {\n  cursor: not-allowed;\n}\n.radioButton_cfdf01a77a.disabled_ac5771f39c .label_89673e72a1 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_8b7681f925 input:focus-visible + .control_a4241cf67c {\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_cfdf01a77a:hover .inputContainer_8b7681f925 input:enabled:checked + .control_a4241cf67c {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_cfdf01a77a:hover .inputContainer_8b7681f925 input:enabled:not(:checked) + .control_a4241cf67c,\n.radioButton_cfdf01a77a:focus-within .inputContainer_8b7681f925 input:enabled:not(:checked) + .control_a4241cf67c {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_49e55880a9 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_af2e372fe9",search:"search_ce09fb88b3",loader:"loader_c3bcc577bf",icon:"icon_0361f7c0be",empty:"empty_c44ca601c5"};!function(e){const a="s_id-4e5e4eb516f6_3_59_0";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_af2e372fe9 .search_ce09fb88b3 {\n  appearance: textfield;\n}\n.searchWrapper_af2e372fe9 .search_ce09fb88b3::-webkit-search-cancel-button, .searchWrapper_af2e372fe9 .search_ce09fb88b3::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_af2e372fe9 .loader_c3bcc577bf {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_af2e372fe9 .icon_0361f7c0be {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_af2e372fe9 .icon_0361f7c0be.empty_c44ca601c5 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_e4b3ab9347",search:"search_f3b4794da1",loader:"loader_8e9c015b2a",icon:"icon_5b85f4859d",empty:"empty_283a616d1f"};!function(e){const a="s_id-4e5e4eb516f6_3_61_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_e4b3ab9347 .search_f3b4794da1 {\n  appearance: textfield;\n}\n.searchWrapper_e4b3ab9347 .search_f3b4794da1::-webkit-search-cancel-button, .searchWrapper_e4b3ab9347 .search_f3b4794da1::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_e4b3ab9347 .loader_8e9c015b2a {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_e4b3ab9347 .icon_5b85f4859d {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_e4b3ab9347 .icon_5b85f4859d.empty_283a616d1f {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_d1977ab385",rectangle:"rectangle_7233eb15c8",shine:"shine_5240f48133",circle:"circle_d0763579c5",text:"text_d8bf6b42c9",textH1:"textH1_ad06d06b57",textH2:"textH2_7e6a27287d",textH3:"textH3_7e6a27287d",textH4:"textH4_542e45a97f",textH5:"textH5_42cadba871",textH6:"textH6_7d36bbcd69",textSmall:"textSmall_2add4bb7e4",textCustom:"textCustom_7d36bbcd69",fullWidth:"fullWidth_c24572023f"};!function(n){const t="s_id-41cda04b2bc0_3_59_0";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_d1977ab385 {\n  display: flex;\n}\n\n.rectangle_7233eb15c8 {\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_5240f48133;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_5240f48133 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_d0763579c5 {\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_5240f48133;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_5240f48133 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_d8bf6b42c9 {\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_5240f48133;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_5240f48133 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_ad06d06b57 {\n  height: 32px;\n}\n\n.textH2_7e6a27287d {\n  height: 24px;\n}\n\n.textH3_7e6a27287d {\n  height: 24px;\n}\n\n.textH4_542e45a97f {\n  height: 21px;\n}\n\n.textH5_42cadba871 {\n  height: 16px;\n}\n\n.textH6_7d36bbcd69 {\n  height: 12px;\n}\n\n.textSmall_2add4bb7e4,\n.textCustom_7d36bbcd69 {\n  height: 12px;\n}\n\n.fullWidth_c24572023f {\n  width: 100%;\n}\n\n.skeleton_d1977ab385:not(.fullWidth_c24572023f) .text_d8bf6b42c9 {\n  width: 162px;\n}\n\n.skeleton_d1977ab385:not(.fullWidth_c24572023f) .circle_d0763579c5 {\n  width: 40px;\n}\n\n.skeleton_d1977ab385:not(.fullWidth_c24572023f) .rectangle_7233eb15c8 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_3729738e28",rectangle:"rectangle_00d3bd35d1",shine:"shine_d5e0d2f4cb",circle:"circle_f9bc2cf5f0",text:"text_b81b5ea2aa",textH1:"textH1_97a09b1bfc",textH2:"textH2_886ee8e644",textH3:"textH3_886ee8e644",textH4:"textH4_18812b9abe",textH5:"textH5_394a016477",textH6:"textH6_d2ca7b8042",textSmall:"textSmall_5f392e63a6",textCustom:"textCustom_d2ca7b8042",fullWidth:"fullWidth_f2ae9cfae2"};!function(n){const e="s_id-41cda04b2bc0_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_3729738e28 {\n  display: flex;\n}\n\n.rectangle_00d3bd35d1 {\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_d5e0d2f4cb;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_d5e0d2f4cb {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_f9bc2cf5f0 {\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_d5e0d2f4cb;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_d5e0d2f4cb {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_b81b5ea2aa {\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_d5e0d2f4cb;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_d5e0d2f4cb {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_97a09b1bfc {\n  height: 32px;\n}\n\n.textH2_886ee8e644 {\n  height: 24px;\n}\n\n.textH3_886ee8e644 {\n  height: 24px;\n}\n\n.textH4_18812b9abe {\n  height: 21px;\n}\n\n.textH5_394a016477 {\n  height: 16px;\n}\n\n.textH6_d2ca7b8042 {\n  height: 12px;\n}\n\n.textSmall_5f392e63a6,\n.textCustom_d2ca7b8042 {\n  height: 12px;\n}\n\n.fullWidth_f2ae9cfae2 {\n  width: 100%;\n}\n\n.skeleton_3729738e28:not(.fullWidth_f2ae9cfae2) .text_b81b5ea2aa {\n  width: 162px;\n}\n\n.skeleton_3729738e28:not(.fullWidth_f2ae9cfae2) .circle_f9bc2cf5f0 {\n  width: 40px;\n}\n\n.skeleton_3729738e28:not(.fullWidth_f2ae9cfae2) .rectangle_00d3bd35d1 {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slide:"slide_daf45e02a0"};!function(e){const t="s_id-096ffa3ec029_3_59_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_daf45e02a0 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={slide:"slide_caaa106db0"};!function(e){const t="s_id-096ffa3ec029_3_61_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_caaa106db0 {\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

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_b74f34a46b"};!function(e){const t="s_id-a25847c4cc71_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_b74f34a46b.selectionIndicator_b74f34a46b.selectionIndicator_b74f34a46b {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_728ffb1d3c"};!function(e){const t="s_id-a25847c4cc71_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_728ffb1d3c.selectionIndicator_728ffb1d3c.selectionIndicator_728ffb1d3c {\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

@@ -1,2 +1,2 @@
-var e={slider:"slider_c7b9f7d2e8",valueShown:"valueShown_c24e4510ce",positionTop:"positionTop_1e3dbf4f89",positionBottom:"positionBottom_8bf05f835b"};!function(e){const n="s_id-4e41ea5b2e41_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_c7b9f7d2e8 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_c24e4510ce.positionTop_1e3dbf4f89 {\n  margin-top: 10px;\n}\n\n.valueShown_c24e4510ce.positionBottom_8bf05f835b {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_c339e672bb",valueShown:"valueShown_b6f6c3f7f3",positionTop:"positionTop_7f794b26b9",positionBottom:"positionBottom_b3309a8c0e"};!function(e){const n="s_id-4e41ea5b2e41_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_c339e672bb {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_b6f6c3f7f3.positionTop_7f794b26b9 {\n  margin-top: 10px;\n}\n\n.valueShown_b6f6c3f7f3.positionBottom_b3309a8c0e {\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

@@ -1,2 +1,2 @@
-var e={base:"base_4c3fee2293",disabled:"disabled_d99e23b4a9",small:"small_6c2da74e41",medium:"medium_3b93e22933",large:"large_3b93e22933"};!function(e){const n="s_id-0abb9e445f96_3_59_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_4c3fee2293 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_d99e23b4a9 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_d99e23b4a9 * {\n  pointer-events: none;\n}\n\n.small_6c2da74e41 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_3b93e22933 {\n  padding: 0 12px;\n}\n\n.large_3b93e22933 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_deac9e06ac",disabled:"disabled_fa3fd226c4",small:"small_64ee36f4c7",medium:"medium_01f27ec543",large:"large_01f27ec543"};!function(e){const n="s_id-0abb9e445f96_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_deac9e06ac {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_fa3fd226c4 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_fa3fd226c4 * {\n  pointer-events: none;\n}\n\n.small_64ee36f4c7 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_01f27ec543 {\n  padding: 0 12px;\n}\n\n.large_01f27ec543 {\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

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_b2e4e34d82",positive:"positive_4725365295",negative:"negative_2469589902"};!function(e){const n="s_id-bb386829c5aa_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_b2e4e34d82 {\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_4725365295 {\n  background-color: var(--positive-color);\n}\n\n.negative_2469589902 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_6a493bebb5",positive:"positive_c3631e7779",negative:"negative_fe9de4dd9d"};!function(e){const n="s_id-bb386829c5aa_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_6a493bebb5 {\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_c3631e7779 {\n  background-color: var(--positive-color);\n}\n\n.negative_fe9de4dd9d {\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

@@ -1,2 +1,2 @@
-var e={rail:"rail_39061a9052",small:"small_5fb970add5",medium:"medium_3dcc7c8ced",large:"large_68916b0144"};!function(e){const n="s_id-c66a4285003d_3_59_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_39061a9052 {\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_5fb970add5 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_3dcc7c8ced {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_68916b0144 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_09a8811747",small:"small_6a3ed97b38",medium:"medium_311e3513f2",large:"large_7a59377744"};!function(e){const n="s_id-c66a4285003d_3_61_0";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_09a8811747 {\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_6a3ed97b38 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_311e3513f2 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_7a59377744 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_5a1af29a6c",dragging:"dragging_f0c4de30c7",focused:"focused_a9805ff830",notDisabledThumb:"notDisabledThumb_47052754ed","focus-visible":"focus-visible_0f59d5ad8e",positive:"positive_6215d9ff45",negative:"negative_936897e5e7",small:"small_65b3809f8d",medium:"medium_96ff113aa4",large:"large_3ee2475c9b",label:"label_c1d780e43a",positionTop:"positionTop_9503f056e5",positionBottom:"positionBottom_44daab874a",colorPrimary:"colorPrimary_0884e33fc3",colorSecondary:"colorSecondary_1896e51e12"};!function(o){const n="s_id-9ef20defa923_3_59_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_5a1af29a6c {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_f0c4de30c7 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_a9805ff830 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_47052754ed:focus-visible, .notDisabledThumb_47052754ed.focus-visible_0f59d5ad8e {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_47052754ed:focus:not(.focus-visible_0f59d5ad8e) {\n  outline: none;\n}\n\n.notDisabledThumb_47052754ed:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_6215d9ff45 {\n  border-color: var(--positive-color);\n}\n\n.positive_6215d9ff45.notDisabledThumb_47052754ed:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_936897e5e7 {\n  border-color: var(--negative-color);\n}\n\n.negative_936897e5e7.notDisabledThumb_47052754ed:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_65b3809f8d {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_96ff113aa4 {\n  height: 20px;\n  width: 20px;\n}\n\n.large_3ee2475c9b {\n  height: 24px;\n  width: 24px;\n}\n\n.label_c1d780e43a {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_c1d780e43a.positionTop_9503f056e5 {\n  bottom: calc(100% + 8px);\n}\n\n.label_c1d780e43a.positionBottom_44daab874a {\n  top: calc(100% + 8px);\n}\n\n.label_c1d780e43a.colorPrimary_0884e33fc3 {\n  color: var(--primary-text-color);\n}\n\n.label_c1d780e43a.colorSecondary_1896e51e12 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_419644f213",dragging:"dragging_f8c295bce1",focused:"focused_8060f92086",notDisabledThumb:"notDisabledThumb_47f015f7f9","focus-visible":"focus-visible_d21a5b98c2",positive:"positive_903a87b5ef",negative:"negative_3088c6cee1",small:"small_4f906b4b6b",medium:"medium_be8d9303ae",large:"large_bdb8b78381",label:"label_30dd32d7d8",positionTop:"positionTop_d01ee6d4bd",positionBottom:"positionBottom_130fb13514",colorPrimary:"colorPrimary_342b28b5ed",colorSecondary:"colorSecondary_15c2b3a6ef"};!function(o){const n="s_id-9ef20defa923_3_61_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_419644f213 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_f8c295bce1 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_8060f92086 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_47f015f7f9:focus-visible, .notDisabledThumb_47f015f7f9.focus-visible_d21a5b98c2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_47f015f7f9:focus:not(.focus-visible_d21a5b98c2) {\n  outline: none;\n}\n\n.notDisabledThumb_47f015f7f9:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_903a87b5ef {\n  border-color: var(--positive-color);\n}\n\n.positive_903a87b5ef.notDisabledThumb_47f015f7f9:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_3088c6cee1 {\n  border-color: var(--negative-color);\n}\n\n.negative_3088c6cee1.notDisabledThumb_47f015f7f9:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_4f906b4b6b {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_be8d9303ae {\n  height: 20px;\n  width: 20px;\n}\n\n.large_bdb8b78381 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_30dd32d7d8 {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_30dd32d7d8.positionTop_d01ee6d4bd {\n  bottom: calc(100% + 8px);\n}\n\n.label_30dd32d7d8.positionBottom_130fb13514 {\n  top: calc(100% + 8px);\n}\n\n.label_30dd32d7d8.colorPrimary_342b28b5ed {\n  color: var(--primary-text-color);\n}\n\n.label_30dd32d7d8.colorSecondary_15c2b3a6ef {\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

@@ -1,2 +1,2 @@
-var e={track:"track_20d31b496c",positive:"positive_58cbf98ddd",negative:"negative_20ae95a561"};!function(e){const t="s_id-f9216dea54b1_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_20d31b496c {\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_58cbf98ddd {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_20ae95a561 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_6b4d5537ab",positive:"positive_6ab87d615e",negative:"negative_51432d617a"};!function(e){const t="s_id-f9216dea54b1_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_6b4d5537ab {\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_6ab87d615e {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_51432d617a {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={infix:"infix_4196c886a3",txt:"txt_5d9db20d03",prefix:"prefix_9335900c40",postfix:"postfix_ac260a6649"};!function(e){const n="s_id-4fd2a8cee614_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_4196c886a3 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_5d9db20d03 {\n  white-space: nowrap;\n}\n\n.prefix_9335900c40 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_ac260a6649 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_b75c30440e",txt:"txt_40e9d7a2fa",prefix:"prefix_e15e830f67",postfix:"postfix_3efd917e91"};!function(e){const n="s_id-4fd2a8cee614_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_b75c30440e {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_40e9d7a2fa {\n  white-space: nowrap;\n}\n\n.prefix_e15e830f67 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_3efd917e91 {\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

@@ -1,2 +1,2 @@
-var n={button:"button_6f170633eb",mainButton:"mainButton_310430089b",secondaryButton:"secondaryButton_51c46d2d86",secondaryButtonWrapper:"secondaryButtonWrapper_f99426699d",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_39b04e3ce2",active:"active_b790c41e45",disabled:"disabled_e2ed704f9e",kindTertiary:"kindTertiary_fd72aade4f",colorPrimary:"colorPrimary_fd72aade4f",mainActive:"mainActive_43fb38afaa",splitContentOpen:"splitContentOpen_7a7c309bc2",hovered:"hovered_5373630863",colorBrand:"colorBrand_43fb38afaa",colorPositive:"colorPositive_2953f098f3",colorNegative:"colorNegative_2953f098f3",kindPrimary:"kindPrimary_d5de524ff2",colorOnPrimaryColor:"colorOnPrimaryColor_8374c3564f",kindSecondary:"kindSecondary_2953f098f3"};!function(n){const r="s_id-b26d62194c18_3_59_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_6f170633eb {\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_6f170633eb .mainButton_310430089b {\n  margin-right: 0;\n}\n\n.button_6f170633eb .secondaryButton_51c46d2d86 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_f99426699d .secondaryButtonIconWrapper_39b04e3ce2 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_b790c41e45 {\n  transform: scale(0.95);\n}\n\n.disabled_e2ed704f9e {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa .mainButton_310430089b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa .mainButton_310430089b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa .secondaryButton_51c46d2d86 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa .secondaryButton_51c46d2d86:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa.splitContentOpen_7a7c309bc2.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa.splitContentOpen_7a7c309bc2.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86:hover,\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa.hovered_5373630863.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorPrimary_fd72aade4f.mainActive_43fb38afaa.hovered_5373630863.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_fd72aade4f.colorBrand_43fb38afaa.mainActive_43fb38afaa .mainButton_310430089b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_fd72aade4f.colorBrand_43fb38afaa.mainActive_43fb38afaa .secondaryButton_51c46d2d86 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_fd72aade4f.colorBrand_43fb38afaa.mainActive_43fb38afaa.splitContentOpen_7a7c309bc2.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorBrand_43fb38afaa.mainActive_43fb38afaa.splitContentOpen_7a7c309bc2.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86:hover,\n.kindTertiary_fd72aade4f.colorBrand_43fb38afaa.mainActive_43fb38afaa.hovered_5373630863.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorBrand_43fb38afaa.mainActive_43fb38afaa.hovered_5373630863.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_fd72aade4f.colorPositive_2953f098f3.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorPositive_2953f098f3:hover .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorPositive_2953f098f3:focus .secondaryButton_51c46d2d86 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_fd72aade4f.colorPositive_2953f098f3.splitContentOpen_7a7c309bc2 .mainButton_310430089b,\n.kindTertiary_fd72aade4f.colorPositive_2953f098f3:hover .mainButton_310430089b,\n.kindTertiary_fd72aade4f.colorPositive_2953f098f3:focus .mainButton_310430089b {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_fd72aade4f.colorNegative_2953f098f3.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorNegative_2953f098f3:hover .secondaryButton_51c46d2d86,\n.kindTertiary_fd72aade4f.colorNegative_2953f098f3:focus .secondaryButton_51c46d2d86 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_fd72aade4f.colorNegative_2953f098f3.splitContentOpen_7a7c309bc2 .mainButton_310430089b,\n.kindTertiary_fd72aade4f.colorNegative_2953f098f3:hover .mainButton_310430089b,\n.kindTertiary_fd72aade4f.colorNegative_2953f098f3:focus .mainButton_310430089b {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_fd72aade4f .secondaryButton_51c46d2d86 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_d5de524ff2.disabled_e2ed704f9e .secondaryButton_51c46d2d86 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_d5de524ff2:not(.disabled_e2ed704f9e).colorPrimary_fd72aade4f.mainActive_43fb38afaa .secondaryButton_51c46d2d86 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_d5de524ff2:not(.disabled_e2ed704f9e).colorPrimary_fd72aade4f .secondaryButton_51c46d2d86 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_d5de524ff2:not(.disabled_e2ed704f9e).colorBrand_43fb38afaa.mainActive_43fb38afaa .secondaryButton_51c46d2d86 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_d5de524ff2:not(.disabled_e2ed704f9e).colorBrand_43fb38afaa .secondaryButton_51c46d2d86 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_d5de524ff2:not(.disabled_e2ed704f9e).colorPositive_2953f098f3 .secondaryButton_51c46d2d86 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_d5de524ff2:not(.disabled_e2ed704f9e).colorNegative_2953f098f3 .secondaryButton_51c46d2d86 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_d5de524ff2:not(.disabled_e2ed704f9e).colorOnPrimaryColor_8374c3564f .secondaryButton_51c46d2d86 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_2953f098f3 .mainButton_310430089b {\n  border-right: none;\n}\n\n.kindSecondary_2953f098f3.colorPrimary_fd72aade4f.mainActive_43fb38afaa .mainButton_310430089b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_2953f098f3.colorPrimary_fd72aade4f.mainActive_43fb38afaa .mainButton_310430089b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_2953f098f3.colorPrimary_fd72aade4f.mainActive_43fb38afaa .secondaryButton_51c46d2d86 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_2953f098f3.colorPrimary_fd72aade4f.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_2953f098f3.colorPrimary_fd72aade4f.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_2953f098f3.colorBrand_43fb38afaa.mainActive_43fb38afaa .mainButton_310430089b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_2953f098f3.colorBrand_43fb38afaa.mainActive_43fb38afaa .secondaryButton_51c46d2d86 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_2953f098f3.colorBrand_43fb38afaa.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86,\n.kindSecondary_2953f098f3.colorBrand_43fb38afaa.splitContentOpen_7a7c309bc2 .secondaryButton_51c46d2d86: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_c2d5bd85ff",mainButton:"mainButton_0fcf78ee3b",secondaryButton:"secondaryButton_f3166f8288",secondaryButtonWrapper:"secondaryButtonWrapper_3df10de82b",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_8ade0ce7a7",active:"active_e3df47b819",disabled:"disabled_bbdec82671",kindTertiary:"kindTertiary_153f030bf7",colorPrimary:"colorPrimary_153f030bf7",mainActive:"mainActive_22a53b73a5",splitContentOpen:"splitContentOpen_736d43cb19",hovered:"hovered_35864cec76",colorBrand:"colorBrand_22a53b73a5",colorPositive:"colorPositive_f32348215d",colorNegative:"colorNegative_f32348215d",kindPrimary:"kindPrimary_a142fd049d",colorOnPrimaryColor:"colorOnPrimaryColor_b88bb3fe21",kindSecondary:"kindSecondary_f32348215d"};!function(n){const r="s_id-b26d62194c18_3_61_0";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_c2d5bd85ff {\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_c2d5bd85ff .mainButton_0fcf78ee3b {\n  margin-right: 0;\n}\n\n.button_c2d5bd85ff .secondaryButton_f3166f8288 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_3df10de82b .secondaryButtonIconWrapper_8ade0ce7a7 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_e3df47b819 {\n  transform: scale(0.95);\n}\n\n.disabled_bbdec82671 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover,\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPrimary_153f030bf7.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.splitContentOpen_736d43cb19.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover,\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorBrand_22a53b73a5.mainActive_22a53b73a5.hovered_35864cec76.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_153f030bf7.colorPositive_f32348215d.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:hover .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:focus .secondaryButton_f3166f8288 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_153f030bf7.colorPositive_f32348215d.splitContentOpen_736d43cb19 .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:hover .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorPositive_f32348215d:focus .mainButton_0fcf78ee3b {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_153f030bf7.colorNegative_f32348215d.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:hover .secondaryButton_f3166f8288,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:focus .secondaryButton_f3166f8288 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_153f030bf7.colorNegative_f32348215d.splitContentOpen_736d43cb19 .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:hover .mainButton_0fcf78ee3b,\n.kindTertiary_153f030bf7.colorNegative_f32348215d:focus .mainButton_0fcf78ee3b {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_153f030bf7 .secondaryButton_f3166f8288 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_a142fd049d.disabled_bbdec82671 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorPrimary_153f030bf7 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorBrand_22a53b73a5.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorBrand_22a53b73a5 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorPositive_f32348215d .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorNegative_f32348215d .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_a142fd049d:not(.disabled_bbdec82671).colorOnPrimaryColor_b88bb3fe21 .secondaryButton_f3166f8288 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_f32348215d .mainButton_0fcf78ee3b {\n  border-right: none;\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.mainActive_22a53b73a5 .mainButton_0fcf78ee3b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_f32348215d.colorPrimary_153f030bf7.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.mainActive_22a53b73a5 .mainButton_0fcf78ee3b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.mainActive_22a53b73a5 .secondaryButton_f3166f8288 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288,\n.kindSecondary_f32348215d.colorBrand_22a53b73a5.splitContentOpen_736d43cb19 .secondaryButton_f3166f8288: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.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as e,useRef as s}from"react";import i from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{StepsType as p,StepsColor as d}from"./StepsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./Steps.module.scss.js";var v=c(e((function(e,p){var d=e.className,c=e.id,v=e["data-testid"],f=e.steps,B=void 0===f?[]:f,P=e.activeStepIndex,S=void 0===P?0:P,h=e.type,j=void 0===h?"gallery":h,g=e.onChangeActiveStep,y=void 0===g?n:g,H=e.onFinish,x=e.color,C=e.areNavigationButtonsHidden,I=void 0!==C&&C,N=e.isContentOnTop,b=void 0!==N&&N,k=e.backButtonProps,E=void 0===k?{}:k,O=e.nextButtonProps,T=void 0===O?{}:O,A=e.finishButtonProps,F=void 0===A?{}:A,_=e.areButtonsIconsHidden,w=void 0!==_&&_,M=s(null),R=r(p,M);return o.createElement("div",{ref:R,className:i(u.steps,d),id:c,"data-testid":v||m(l.STEPS,c)},b&&B[S],o.createElement(a,{onChangeActiveStep:y,type:j,activeStepIndex:S,stepsCount:B.length,areNavigationButtonsHidden:I,color:x,backButtonProps:E,nextButtonProps:T,finishButtonProps:F,areButtonsIconsHidden:w,onFinish:H,className:i(t(t({},u.contentOnTop,b),u.contentOnBottom,!b))}),!b&&B[S])})),{types:p,colors:d});export{v as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as s,useRef as e}from"react";import i from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{StepsType as p,StepsColor as d}from"./StepsConstants.js";import{getTestId as m,ComponentDefaultTestId as c}from"../../tests/testIds.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./Steps.module.scss.js";import{ComponentVibeId as v}from"../../tests/constants.js";var f=l(s((function(s,p){var d=s.className,l=s.id,f=s["data-testid"],B=s.steps,S=void 0===B?[]:B,P=s.activeStepIndex,j=void 0===P?0:P,h=s.type,g=void 0===h?"gallery":h,y=s.onChangeActiveStep,H=void 0===y?n:y,x=s.onFinish,C=s.color,I=s.areNavigationButtonsHidden,N=void 0!==I&&I,b=s.isContentOnTop,E=void 0!==b&&b,T=s.backButtonProps,k=void 0===T?{}:T,O=s.nextButtonProps,A=void 0===O?{}:O,F=s.finishButtonProps,_=void 0===F?{}:F,w=s.areButtonsIconsHidden,M=void 0!==w&&w,R=e(null),q=r(p,R);return o.createElement("div",{ref:q,className:i(u.steps,d),id:l,"data-testid":f||m(c.STEPS,l),"data-vibe":v.STEPS},E&&S[j],o.createElement(a,{onChangeActiveStep:H,type:g,activeStepIndex:j,stepsCount:S.length,areNavigationButtonsHidden:N,color:C,backButtonProps:k,nextButtonProps:A,finishButtonProps:_,areButtonsIconsHidden:M,onFinish:x,className:i(t(t({},u.contentOnTop,E),u.contentOnBottom,!E))}),!E&&S[j])})),{types:p,colors:d});export{f as default};
 //# sourceMappingURL=Steps.js.map

package/dist/src/components/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"../Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, type VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\n\nexport interface StepsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex?: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps?: Partial<ButtonProps>;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\ninterface StepsStaticProps {\n  types: typeof StepsTypeEnum;\n  colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"ukBA+DA,IA4DeA,EAAAA,EA5DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,IAElEgB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAM,GACC3B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBgC,WAAYlC,EAAMmC,OAClBxB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAEQ,EAAAA,KACVP,EAAOQ,aAAexB,GACtBgB,EAAOS,iBAAmBzB,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEqC,MAAOC,EACPC,OAAQC"}
+{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"../Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, type VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface StepsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex?: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps?: Partial<ButtonProps>;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n        data-vibe={ComponentVibeId.STEPS}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\ninterface StepsStaticProps {\n  types: typeof StepsTypeEnum;\n  colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","ComponentVibeId","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"koBAgEA,IA6DeA,EAAAA,EA7DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,GACxD,YAAAoC,EAAgBD,OAE1BnB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAO,GACC5B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBiC,WAAYnC,EAAMoC,OAClBzB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAES,EAAAA,KACVR,EAAOS,aAAezB,GACtBgB,EAAOU,iBAAmB1B,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEsC,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_3e22933132",contentOnTop:"contentOnTop_53c66f30bb",contentOnBottom:"contentOnBottom_9279f07598"};!function(e){const t="s_id-9e4623f942e8_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_3e22933132 .contentOnTop_53c66f30bb {\n  margin-top: var(--spacing-medium);\n}\n.steps_3e22933132 .contentOnBottom_9279f07598 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_a7b2913ecc",contentOnTop:"contentOnTop_e52673e7ff",contentOnBottom:"contentOnBottom_31839e8892"};!function(e){const t="s_id-9e4623f942e8_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_a7b2913ecc .contentOnTop_e52673e7ff {\n  margin-top: var(--spacing-medium);\n}\n.steps_a7b2913ecc .contentOnBottom_31839e8892 {\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

@@ -1,2 +1,2 @@
-var e={command:"command_8dccf300a4",backward:"backward_86b25a58e1",icon:"icon_0fafd8eaee",disabled:"disabled_e8db9d934e",colorOnPrimaryColor:"colorOnPrimaryColor_fbec724939",colorOnInvertedBackground:"colorOnInvertedBackground_ee2f92f217"};!function(e){const n="s_id-b004c6aa2b0d_3_59_0";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_8dccf300a4 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_8dccf300a4.backward_86b25a58e1 {\n  flex-direction: row-reverse;\n}\n.icon_0fafd8eaee {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_0fafd8eaee.disabled_e8db9d934e {\n  color: var(--disabled-text-color);\n}\n.icon_0fafd8eaee.colorOnPrimaryColor_fbec724939 {\n  color: var(--text-color-on-primary);\n}\n.icon_0fafd8eaee.colorOnInvertedBackground_ee2f92f217 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_2ae37762fc",backward:"backward_c2b42daeaa",icon:"icon_1ee9d68da7",disabled:"disabled_89673e72a1",colorOnPrimaryColor:"colorOnPrimaryColor_551736a4ab",colorOnInvertedBackground:"colorOnInvertedBackground_7146e0662f"};!function(e){const n="s_id-b004c6aa2b0d_3_61_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_2ae37762fc {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_2ae37762fc.backward_c2b42daeaa {\n  flex-direction: row-reverse;\n}\n.icon_1ee9d68da7 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_1ee9d68da7.disabled_89673e72a1 {\n  color: var(--disabled-text-color);\n}\n.icon_1ee9d68da7.colorOnPrimaryColor_551736a4ab {\n  color: var(--text-color-on-primary);\n}\n.icon_1ee9d68da7.colorOnInvertedBackground_7146e0662f {\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

@@ -1,2 +1,2 @@
-var o={dot:"dot_9798c2f786","focus-visible":"focus-visible_a0a0b58798",isActive:"isActive_ae9510b5f5",colorOnPrimaryColor:"colorOnPrimaryColor_70fd92e454",colorOnInvertedBackground:"colorOnInvertedBackground_d2672c5346"};!function(o){const n="s_id-cedbbb07e913_3_59_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_9798c2f786 {\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_9798c2f786:focus-visible, .dot_9798c2f786.focus-visible_a0a0b58798 {\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_9798c2f786:focus:not(.focus-visible_a0a0b58798) {\n  outline: none;\n}\n.dot_9798c2f786:focus-visible, .dot_9798c2f786.focus-visible_a0a0b58798 {\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_9798c2f786:focus:not(.focus-visible_a0a0b58798) {\n  outline: none;\n}\n.dot_9798c2f786:hover {\n  transform: scale(1.3);\n}\n.isActive_ae9510b5f5 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_70fd92e454.dot_9798c2f786 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_70fd92e454.dot_9798c2f786:focus-visible, .colorOnPrimaryColor_70fd92e454.dot_9798c2f786.focus-visible_a0a0b58798 {\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_70fd92e454.dot_9798c2f786:focus:not(.focus-visible_a0a0b58798) {\n  outline: none;\n}\n.colorOnPrimaryColor_70fd92e454.dot_9798c2f786.isActive_ae9510b5f5 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_d2672c5346.dot_9798c2f786 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_d2672c5346.dot_9798c2f786.isActive_ae9510b5f5 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_d16b3b26cd","focus-visible":"focus-visible_8b4f8382ab",isActive:"isActive_cc73affbdd",colorOnPrimaryColor:"colorOnPrimaryColor_3ce3425bda",colorOnInvertedBackground:"colorOnInvertedBackground_1be9de80c1"};!function(o){const n="s_id-cedbbb07e913_3_61_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_d16b3b26cd {\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_d16b3b26cd:focus-visible, .dot_d16b3b26cd.focus-visible_8b4f8382ab {\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_d16b3b26cd:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.dot_d16b3b26cd:focus-visible, .dot_d16b3b26cd.focus-visible_8b4f8382ab {\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_d16b3b26cd:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.dot_d16b3b26cd:hover {\n  transform: scale(1.3);\n}\n.isActive_cc73affbdd {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd:focus-visible, .colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd.focus-visible_8b4f8382ab {\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_3ce3425bda.dot_d16b3b26cd:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.colorOnPrimaryColor_3ce3425bda.dot_d16b3b26cd.isActive_cc73affbdd {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_1be9de80c1.dot_d16b3b26cd {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_1be9de80c1.dot_d16b3b26cd.isActive_cc73affbdd {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map