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

@vibe/core 3.36.0-alpha-94da6.0 → 3.37.0-alpha-6e9f2.0

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

Files changed (935) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderRail.js","sources":["../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactElement } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { VibeComponent } from \"../../../types\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderRail.module.scss\";\nimport { SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n /*\n ~~Consumer/Custom/Extra~~ ~~`class~~ ~~names`~~ ~~to be added to~~ the ~~Component's-Root-Node\n /\n className?:~~ string;\n /\n ~~onClick callback function\~~n */\n onClick?: (event: React.MouseEvent) => void;\n children?: ReactElement \| ReactElement[];\n size: SliderSize;\n}\n\nconst SliderRail: VibeComponent<SliderRailProps, unknown> = forwardRef<unknown, SliderRailProps>(\n ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n const { shapeTestId } = useSliderUi();\n function handleClick(e: React.MouseEvent) {\n onClick(e);\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div\n data-testid={shapeTestId(\"rail\")}\n className={cx(styles.rail, getStyle(styles, size), className)}\n onClick={handleClick}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"~~8RAuBMA~~,IAAAA,EAAsDC,GAC1D,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}
1	+ {"version":3,"file":"SliderRail.js","sources":["../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactElement } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { VibeComponent } from \"../../../types\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderRail.module.scss\";\nimport { SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n /*\n Callback fired when the rail is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n The child elements inside the slider rail.\n /\n children?: ReactElement \| ReactElement[];\n /\n The size of the slider rail.\n */\n size: SliderSize;\n}\n\nconst SliderRail: VibeComponent<SliderRailProps, unknown> = forwardRef<unknown, SliderRailProps>(\n ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n const { shapeTestId } = useSliderUi();\n function handleClick(e: React.MouseEvent) {\n onClick(e);\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div\n data-testid={shapeTestId(\"rail\")}\n className={cx(styles.rail, getStyle(styles, size), className)}\n onClick={handleClick}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"8RAyBMA,IAAAA,EAAsDC,GAC1D,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_f3fa36df4c",dragging:"dragging_fca44282d6",focused:"focused_e27c8942fc",notDisabledThumb:"notDisabledThumb_05628ad602","focus-visible":"focus-visible_dfc830b2a7",positive:"positive_6998f14bd4",negative:"negative_b8f48e87aa",small:"small_fa7f21c969",medium:"medium_117bdf26ba",large:"large_3f21e3b95f",label:"label_c98ebe824e",positionTop:"positionTop_50bf30fc4c",positionBottom:"positionBottom_c7f193e1bf",colorPrimary:"colorPrimary_f94111093d",colorSecondary:"colorSecondary_b528f5417c"};!function(o){const n="s_id-9ef20defa923_3_35_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_f3fa36df4c {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_fca44282d6 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_e27c8942fc {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_05628ad602:focus-visible, .notDisabledThumb_05628ad602.focus-visible_dfc830b2a7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_05628ad602:focus:not(.focus-visible_dfc830b2a7) {\n  outline: none;\n}\n\n.notDisabledThumb_05628ad602:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_6998f14bd4 {\n  border-color: var(--positive-color);\n}\n\n.positive_6998f14bd4.notDisabledThumb_05628ad602:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_b8f48e87aa {\n  border-color: var(--negative-color);\n}\n\n.negative_b8f48e87aa.notDisabledThumb_05628ad602:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_fa7f21c969 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_117bdf26ba {\n  height: 20px;\n  width: 20px;\n}\n\n.large_3f21e3b95f {\n  height: 24px;\n  width: 24px;\n}\n\n.label_c98ebe824e {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_c98ebe824e.positionTop_50bf30fc4c {\n  bottom: calc(100% + 8px);\n}\n\n.label_c98ebe824e.positionBottom_c7f193e1bf {\n  top: calc(100% + 8px);\n}\n\n.label_c98ebe824e.colorPrimary_f94111093d {\n  color: var(--primary-text-color);\n}\n\n.label_c98ebe824e.colorSecondary_b528f5417c {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_5e0af16e52",dragging:"dragging_75cb8df75e",focused:"focused_23815b5868",notDisabledThumb:"notDisabledThumb_9d0d45e083","focus-visible":"focus-visible_80b786000e",positive:"positive_5d50a5734a",negative:"negative_90b827cce5",small:"small_e555cbf175",medium:"medium_90679d0011",large:"large_56b71b2cdf",label:"label_c7e169a2a1",positionTop:"positionTop_7d93f65bed",positionBottom:"positionBottom_67cedd6c34",colorPrimary:"colorPrimary_cb1c69b854",colorSecondary:"colorSecondary_d902397e9e"};!function(o){const n="s_id-9ef20defa923_3_36_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_5e0af16e52 {\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_75cb8df75e {\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_23815b5868 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_9d0d45e083:focus-visible, .notDisabledThumb_9d0d45e083.focus-visible_80b786000e {\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_9d0d45e083:focus:not(.focus-visible_80b786000e) {\n  outline: none;\n}\n\n.notDisabledThumb_9d0d45e083:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_5d50a5734a {\n  border-color: var(--positive-color);\n}\n\n.positive_5d50a5734a.notDisabledThumb_9d0d45e083:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_90b827cce5 {\n  border-color: var(--negative-color);\n}\n\n.negative_90b827cce5.notDisabledThumb_9d0d45e083:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_e555cbf175 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_90679d0011 {\n  height: 20px;\n  width: 20px;\n}\n\n.large_56b71b2cdf {\n  height: 24px;\n  width: 24px;\n}\n\n.label_c7e169a2a1 {\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_c7e169a2a1.positionTop_7d93f65bed {\n  bottom: calc(100% + 8px);\n}\n\n.label_c7e169a2a1.positionBottom_67cedd6c34 {\n  top: calc(100% + 8px);\n}\n\n.label_c7e169a2a1.colorPrimary_cb1c69b854 {\n  color: var(--primary-text-color);\n}\n\n.label_c7e169a2a1.colorSecondary_d902397e9e {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n /*\n ~~Consumer/Custom/Extra~~ ~~`class~~ ~~names`~~ to be ~~added to the Component's-Root-Node\~~n */\n ~~className?: string;\n~~ color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"~~oKAeMA~~,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}
1	+ {"version":3,"file":"SliderTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n /*\n The color of the slider track.\n */\n color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"oKAcMA,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}

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

@@ -1,2 +1,2 @@
-var e={track:"track_ef61d09c84",positive:"positive_def82eb59e",negative:"negative_01ef1276cd"};!function(e){const t="s_id-f9216dea54b1_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_ef61d09c84 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_def82eb59e {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_01ef1276cd {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_fad400e538",positive:"positive_7eac457882",negative:"negative_a09c73562f"};!function(e){const t="s_id-f9216dea54b1_3_36_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_fad400e538 {\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_7eac457882 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_a09c73562f {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderContext.js","sources":["../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"../../helpers/testid-helper\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { SliderProps } from \"./Slider\";\nimport { SliderContextActions, SliderContextInfix, SliderContextSelection, SliderContextUI } from \"./SliderConstants\";\nimport { IconType } from \"../Icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n children?: ReactElement \| ReactElement[];\n infixOptions?: {\n /*\n ~~Show~~ selected from ~~Slider~~ range ~~value\~~n /\n indicateSelection?: boolean;\n /\n ~~Options~~ for ~~initial/start/~~prefix element, it can be ~~one of~~:\n * - ~~Any~~ ~~Component~~ ~~(react~~ component, ~~node,~~ text, number ~~etc.)\~~n * - Or it ~~can~~ be an ~~object of options for Icons component (see Icon components props)\~~n * - ~~Or it can be an object for Label (Icon, Heading~~ - ~~and~~ ~~other~~ ~~components)\n * -~~ Or it ~~can be Render Props Function witch are getting~~ value and valueText\n /\n prefix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n ~~Options~~ for postfix/end~~/finishing~~ element. ~~Same~~ as prefix ~~element~~.\n /\n postfix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n ~~Width~~ of ~~SelectionIndicator~~ ~~(i.e.~~ ~~TextField)\~~n */\n selectionIndicatorWidth?: string;\n };\n}\n\nexport function SliderProvider({\n children,\n ariaLabel,\n ariaLabelledby,\n color,\n \"data-testid\": dataTestId,\n defaultValue,\n disabled,\n max,\n min,\n onChange,\n ranged,\n showValue,\n valueLabelPosition,\n valueLabelColor,\n size,\n step,\n value,\n valueFormatter,\n valueText,\n infixOptions\n}: SliderProviderProps) {\n const shapeTestId = createTestIdHelper(dataTestId);\n const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n defaultValue,\n value,\n valueFormatter,\n valueText\n );\n\n const [active, setActive] = useState<number>(null);\n const [focused, setFocused] = useState<number>(null);\n const [dragging, setDragging, getDragging] = useDragging();\n\n const uiContextValue: SliderContextUI = useMemo(\n () => ({\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n }),\n [\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n ]\n );\n\n const selectionContextValue: SliderContextSelection = useMemo(\n () => ({\n max,\n min,\n ranged,\n step,\n value: actualValue,\n valueText: actualValueText\n }),\n [max, min, ranged, step, actualValue, actualValueText]\n );\n\n const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n actualValue,\n focused,\n getDragging,\n getSelectedValue,\n max,\n min,\n onChange,\n ranged,\n setActive,\n setFocused,\n setDragging,\n setSelectedValue,\n step\n );\n\n return (\n <UiContext.Provider value={uiContextValue}>\n <SelectionContext.Provider value={selectionContextValue}>\n <ActionsContext.Provider value={actionsContextValue}>\n <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n </ActionsContext.Provider>\n </SelectionContext.Provider>\n </UiContext.Provider>\n );\n}\n\nexport function useSliderUi(): SliderContextUI {\n return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"6UAOA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,~~GA4B7B~~,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA9B,UAAAA,EACAC,eAAAA,EACAC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}
1	+ {"version":3,"file":"SliderContext.js","sources":["../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"../../helpers/testid-helper\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { SliderProps } from \"./Slider\";\nimport { SliderContextActions, SliderContextInfix, SliderContextSelection, SliderContextUI } from \"./SliderConstants\";\nimport { IconType } from \"../Icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n /*\n The child elements inside the slider provider.\n /\n children?: ReactElement \| ReactElement[];\n /\n Configuration options for prefix, postfix, and selection indicator.\n /\n infixOptions?: {\n /\n If true, displays the selected value from the slider range.\n /\n indicateSelection?: boolean;\n /\n Configuration for the prefix (start) element, which can be:\n * - A React component, text, number, or node.\n * - An object with an icon.\n * - A function that receives the value and valueText.\n /\n prefix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n Configuration for the postfix (end) element, similar to prefix.\n /\n postfix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n The width of the selection indicator.\n */\n selectionIndicatorWidth?: string;\n };\n}\n\nexport function SliderProvider({\n children,\n ariaLabel,\n ariaLabelledby,\n color,\n \"data-testid\": dataTestId,\n defaultValue,\n disabled,\n max,\n min,\n onChange,\n ranged,\n showValue,\n valueLabelPosition,\n valueLabelColor,\n size,\n step,\n value,\n valueFormatter,\n valueText,\n infixOptions\n}: SliderProviderProps) {\n const shapeTestId = createTestIdHelper(dataTestId);\n const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n defaultValue,\n value,\n valueFormatter,\n valueText\n );\n\n const [active, setActive] = useState<number>(null);\n const [focused, setFocused] = useState<number>(null);\n const [dragging, setDragging, getDragging] = useDragging();\n\n const uiContextValue: SliderContextUI = useMemo(\n () => ({\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n }),\n [\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n ]\n );\n\n const selectionContextValue: SliderContextSelection = useMemo(\n () => ({\n max,\n min,\n ranged,\n step,\n value: actualValue,\n valueText: actualValueText\n }),\n [max, min, ranged, step, actualValue, actualValueText]\n );\n\n const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n actualValue,\n focused,\n getDragging,\n getSelectedValue,\n max,\n min,\n onChange,\n ranged,\n setActive,\n setFocused,\n setDragging,\n setSelectedValue,\n step\n );\n\n return (\n <UiContext.Provider value={uiContextValue}>\n <SelectionContext.Provider value={selectionContextValue}>\n <ActionsContext.Provider value={actionsContextValue}>\n <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n </ActionsContext.Provider>\n </SelectionContext.Provider>\n </UiContext.Provider>\n );\n}\n\nexport function useSliderUi(): SliderContextUI {\n return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"6UAOA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,GAiC7B,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA9B,UAAAA,EACAC,eAAAA,EACAC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderInfix.js","sources":["../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { InfixKind as InfixKindEnum } from \"./SliderConstants\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n /*\n ~~kind~~ (type~~/mode)~~ of ~~Infix~~ prefix/postfix\n * ~~Infix~~ ~~- additional inserted by Consumer - component/string/number etc~~.\n */\n kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> & { kinds?: typeof InfixKindEnum } = ({ kind = SliderInfix.kinds.PREFIX }) => {\n const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n return (\n isShow && (\n <div\n className={cx(\n styles.infix,\n getStyle(styles, kind),\n modificators.map(m => getStyle(styles, m))\n )}\n style={inlineStyle}\n >\n {InfixComponent}\n </div>\n )\n );\n};\n\nexport default withStaticProps(SliderInfix, {\n kinds: InfixKindEnum\n});\n"],"names":["withStaticProps","SliderInfix","_ref","_ref$kind","kind","kinds","PREFIX","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style","InfixKindEnum"],"mappings":"~~ycAiBA~~,IAkBeA,EAAAA,GAlB8D,SAAvEC,EAAWC,GAAoG,IAAAC,EAAAD,EAArCE,KAAAA,OAAOH,IAAHE,EAAGF,EAAYI,MAAMC,OAAMH,EAC7GI,EAA4DC,EAAwBJ,GAAKK,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQb,GACjBO,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT,GAE4C,CAC1CP,MAAOkB"}
1	+ {"version":3,"file":"SliderInfix.js","sources":["../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { InfixKind as InfixKindEnum } from \"./SliderConstants\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n /*\n Specifies the type of infix (prefix or postfix).\n */\n kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> & { kinds?: typeof InfixKindEnum } = ({ kind = SliderInfix.kinds.PREFIX }) => {\n const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n return (\n isShow && (\n <div\n className={cx(\n styles.infix,\n getStyle(styles, kind),\n modificators.map(m => getStyle(styles, m))\n )}\n style={inlineStyle}\n >\n {InfixComponent}\n </div>\n )\n );\n};\n\nexport default withStaticProps(SliderInfix, {\n kinds: InfixKindEnum\n});\n"],"names":["withStaticProps","SliderInfix","_ref","_ref$kind","kind","kinds","PREFIX","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style","InfixKindEnum"],"mappings":"ycAgBA,IAkBeA,EAAAA,GAlB8D,SAAvEC,EAAWC,GAAoG,IAAAC,EAAAD,EAArCE,KAAAA,OAAOH,IAAHE,EAAGF,EAAYI,MAAMC,OAAMH,EAC7GI,EAA4DC,EAAwBJ,GAAKK,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQb,GACjBO,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT,GAE4C,CAC1CP,MAAOkB"}

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

@@ -1,2 +1,2 @@
-var e={infix:"infix_626a1eba64",txt:"txt_25ddc062f6",prefix:"prefix_2e6da877c0",postfix:"postfix_3863072f51"};!function(e){const n="s_id-4fd2a8cee614_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_626a1eba64 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_25ddc062f6 {\n  white-space: nowrap;\n}\n\n.prefix_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_3863072f51 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_4f8830aff2",txt:"txt_7f988f013f",prefix:"prefix_0056fbf0f5",postfix:"postfix_bd3109832d"};!function(e){const n="s_id-4fd2a8cee614_3_36_0";if("undefined"!=typeof document){const f=document.head||document.getElementsByTagName("head")[0];if(f.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,f.firstChild?f.insertBefore(t,f.firstChild):f.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_4f8830aff2 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_7f988f013f {\n  white-space: nowrap;\n}\n\n.prefix_0056fbf0f5 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_bd3109832d {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={button:"button_4eb43e9c2e",mainButton:"mainButton_a6fd7ba9ff",secondaryButton:"secondaryButton_a134dd4238",secondaryButtonWrapper:"secondaryButtonWrapper_d95302ce2a",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_4c48654552",active:"active_ee6ef0bae2",disabled:"disabled_19b4acb875",kindTertiary:"kindTertiary_154467f486",colorPrimary:"colorPrimary_154467f486",mainActive:"mainActive_4fe5550adc",splitContentOpen:"splitContentOpen_8aaed099ac",hovered:"hovered_c146c027dd",colorBrand:"colorBrand_4fe5550adc",colorPositive:"colorPositive_c45b5b6b93",colorNegative:"colorNegative_c45b5b6b93",kindPrimary:"kindPrimary_c8371e525a",colorOnPrimaryColor:"colorOnPrimaryColor_71c5f70b8e",kindSecondary:"kindSecondary_c45b5b6b93"};!function(n){const r="s_id-b26d62194c18_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_4eb43e9c2e {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_4eb43e9c2e .mainButton_a6fd7ba9ff {\n  margin-right: 0;\n}\n\n.button_4eb43e9c2e .secondaryButton_a134dd4238 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_d95302ce2a .secondaryButtonIconWrapper_4c48654552 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_ee6ef0bae2 {\n  transform: scale(0.95);\n}\n\n.disabled_19b4acb875 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover,\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPrimary_154467f486.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.splitContentOpen_8aaed099ac.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover,\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorBrand_4fe5550adc.mainActive_4fe5550adc.hovered_c146c027dd.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_154467f486.colorPositive_c45b5b6b93.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:hover .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:focus .secondaryButton_a134dd4238 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_154467f486.colorPositive_c45b5b6b93.splitContentOpen_8aaed099ac .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:hover .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorPositive_c45b5b6b93:focus .mainButton_a6fd7ba9ff {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_154467f486.colorNegative_c45b5b6b93.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:hover .secondaryButton_a134dd4238,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:focus .secondaryButton_a134dd4238 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_154467f486.colorNegative_c45b5b6b93.splitContentOpen_8aaed099ac .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:hover .mainButton_a6fd7ba9ff,\n.kindTertiary_154467f486.colorNegative_c45b5b6b93:focus .mainButton_a6fd7ba9ff {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_154467f486 .secondaryButton_a134dd4238 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_c8371e525a.disabled_19b4acb875 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorPrimary_154467f486 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorBrand_4fe5550adc.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorBrand_4fe5550adc .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorPositive_c45b5b6b93 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorNegative_c45b5b6b93 .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_c8371e525a:not(.disabled_19b4acb875).colorOnPrimaryColor_71c5f70b8e .secondaryButton_a134dd4238 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_c45b5b6b93 .mainButton_a6fd7ba9ff {\n  border-right: none;\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.mainActive_4fe5550adc .mainButton_a6fd7ba9ff:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_c45b5b6b93.colorPrimary_154467f486.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.mainActive_4fe5550adc .mainButton_a6fd7ba9ff {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.mainActive_4fe5550adc .secondaryButton_a134dd4238 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238,\n.kindSecondary_c45b5b6b93.colorBrand_4fe5550adc.splitContentOpen_8aaed099ac .secondaryButton_a134dd4238:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_faa7fd364a",mainButton:"mainButton_7172c59c4a",secondaryButton:"secondaryButton_f5cbd78094",secondaryButtonWrapper:"secondaryButtonWrapper_4ce481da57",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_5837dd0b48",active:"active_60224c7d31",disabled:"disabled_d9557051ab",kindTertiary:"kindTertiary_083475c212",colorPrimary:"colorPrimary_083475c212",mainActive:"mainActive_637d12a863",splitContentOpen:"splitContentOpen_44a97e52b7",hovered:"hovered_2547c43d43",colorBrand:"colorBrand_637d12a863",colorPositive:"colorPositive_88af9cd15e",colorNegative:"colorNegative_88af9cd15e",kindPrimary:"kindPrimary_31c36b6ce7",colorOnPrimaryColor:"colorOnPrimaryColor_ff02b0e83a",kindSecondary:"kindSecondary_88af9cd15e"};!function(n){const r="s_id-b26d62194c18_3_36_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_faa7fd364a {\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_faa7fd364a .mainButton_7172c59c4a {\n  margin-right: 0;\n}\n\n.button_faa7fd364a .secondaryButton_f5cbd78094 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_4ce481da57 .secondaryButtonIconWrapper_5837dd0b48 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_60224c7d31 {\n  transform: scale(0.95);\n}\n\n.disabled_d9557051ab {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863 .mainButton_7172c59c4a {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863 .mainButton_7172c59c4a:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863 .secondaryButton_f5cbd78094 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863 .secondaryButton_f5cbd78094:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863.splitContentOpen_44a97e52b7.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863.splitContentOpen_44a97e52b7.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094:hover,\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863.hovered_2547c43d43.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorPrimary_083475c212.mainActive_637d12a863.hovered_2547c43d43.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_083475c212.colorBrand_637d12a863.mainActive_637d12a863 .mainButton_7172c59c4a {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_083475c212.colorBrand_637d12a863.mainActive_637d12a863 .secondaryButton_f5cbd78094 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_083475c212.colorBrand_637d12a863.mainActive_637d12a863.splitContentOpen_44a97e52b7.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorBrand_637d12a863.mainActive_637d12a863.splitContentOpen_44a97e52b7.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094:hover,\n.kindTertiary_083475c212.colorBrand_637d12a863.mainActive_637d12a863.hovered_2547c43d43.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorBrand_637d12a863.mainActive_637d12a863.hovered_2547c43d43.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_083475c212.colorPositive_88af9cd15e.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorPositive_88af9cd15e:hover .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorPositive_88af9cd15e:focus .secondaryButton_f5cbd78094 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_083475c212.colorPositive_88af9cd15e.splitContentOpen_44a97e52b7 .mainButton_7172c59c4a,\n.kindTertiary_083475c212.colorPositive_88af9cd15e:hover .mainButton_7172c59c4a,\n.kindTertiary_083475c212.colorPositive_88af9cd15e:focus .mainButton_7172c59c4a {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_083475c212.colorNegative_88af9cd15e.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorNegative_88af9cd15e:hover .secondaryButton_f5cbd78094,\n.kindTertiary_083475c212.colorNegative_88af9cd15e:focus .secondaryButton_f5cbd78094 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_083475c212.colorNegative_88af9cd15e.splitContentOpen_44a97e52b7 .mainButton_7172c59c4a,\n.kindTertiary_083475c212.colorNegative_88af9cd15e:hover .mainButton_7172c59c4a,\n.kindTertiary_083475c212.colorNegative_88af9cd15e:focus .mainButton_7172c59c4a {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_083475c212 .secondaryButton_f5cbd78094 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_31c36b6ce7.disabled_d9557051ab .secondaryButton_f5cbd78094 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_31c36b6ce7:not(.disabled_d9557051ab).colorPrimary_083475c212.mainActive_637d12a863 .secondaryButton_f5cbd78094 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_31c36b6ce7:not(.disabled_d9557051ab).colorPrimary_083475c212 .secondaryButton_f5cbd78094 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_31c36b6ce7:not(.disabled_d9557051ab).colorBrand_637d12a863.mainActive_637d12a863 .secondaryButton_f5cbd78094 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_31c36b6ce7:not(.disabled_d9557051ab).colorBrand_637d12a863 .secondaryButton_f5cbd78094 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_31c36b6ce7:not(.disabled_d9557051ab).colorPositive_88af9cd15e .secondaryButton_f5cbd78094 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_31c36b6ce7:not(.disabled_d9557051ab).colorNegative_88af9cd15e .secondaryButton_f5cbd78094 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_31c36b6ce7:not(.disabled_d9557051ab).colorOnPrimaryColor_ff02b0e83a .secondaryButton_f5cbd78094 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_88af9cd15e .mainButton_7172c59c4a {\n  border-right: none;\n}\n\n.kindSecondary_88af9cd15e.colorPrimary_083475c212.mainActive_637d12a863 .mainButton_7172c59c4a {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_88af9cd15e.colorPrimary_083475c212.mainActive_637d12a863 .mainButton_7172c59c4a:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_88af9cd15e.colorPrimary_083475c212.mainActive_637d12a863 .secondaryButton_f5cbd78094 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_88af9cd15e.colorPrimary_083475c212.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_88af9cd15e.colorPrimary_083475c212.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_88af9cd15e.colorBrand_637d12a863.mainActive_637d12a863 .mainButton_7172c59c4a {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_88af9cd15e.colorBrand_637d12a863.mainActive_637d12a863 .secondaryButton_f5cbd78094 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_88af9cd15e.colorBrand_637d12a863.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094,\n.kindSecondary_88af9cd15e.colorBrand_637d12a863.splitContentOpen_44a97e52b7 .secondaryButton_f5cbd78094: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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, 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 { StepsColor, StepsType } from \"./Steps.types\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, VibeComponent, VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\n\nexport interface StepsProps extends VibeComponentProps {\n /*\n The index of the ~~current~~ ~~displayed~~ step\n /\n activeStepIndex?: number;\n /\n A ~~callback~~ ~~which called~~ when the active step ~~is changed\~~n */\n onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n areNavigationButtonsHidden?: boolean;\n steps?: ReactElement[];\n type?: StepsType;\n color?: StepsColor;\n isContentOnTop?: boolean;\n areButtonsIconsHidden?: boolean;\n backButtonProps?: Partial<ButtonProps>;\n nextButtonProps?: Partial<ButtonProps>;\n finishButtonProps?: Partial<ButtonProps>;\n onFinish?: (e: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst Steps: VibeComponent<StepsProps> & { types?: typeof StepsTypeEnum; colors?: typeof StepsColorEnum } = 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\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\nexport default withStaticProps(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":"~~ukBAiCA~~,IAuDeA,EAAAA,EAvD6FC,GAC1G,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,IAGoC,CACpCqC,MAAOC,EACPC,OAAQC"}
1	+ {"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, 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 { StepsColor, StepsType } from \"./Steps.types\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, VibeComponent, 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: VibeComponent<StepsProps> & { types?: typeof StepsTypeEnum; colors?: typeof StepsColorEnum } = 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\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\nexport default withStaticProps(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,IAuDeA,EAAAA,EAvD6FC,GAC1G,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,IAGoC,CACpCqC,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_9a0e671110",contentOnTop:"contentOnTop_1dbad78660",contentOnBottom:"contentOnBottom_9147de8a1d"};!function(e){const t="s_id-9e4623f942e8_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_9a0e671110 .contentOnTop_1dbad78660 {\n  margin-top: var(--spacing-medium);\n}\n.steps_9a0e671110 .contentOnBottom_9147de8a1d {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_777fff5c99",contentOnTop:"contentOnTop_2b8f025a1c",contentOnBottom:"contentOnBottom_2ea56b537a"};!function(e){const t="s_id-9e4623f942e8_3_36_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_777fff5c99 .contentOnTop_2b8f025a1c {\n  margin-top: var(--spacing-medium);\n}\n.steps_777fff5c99 .contentOnBottom_2ea56b537a {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n isNext?: boolean;\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n activeStepIndex: number;\n stepsCount: number;\n isIconHidden?: boolean;\n buttonProps?: Partial<ButtonProps>;\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"~~6uBAwBaA~~,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
1	+ {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n /*\n If true, this button is for moving to the next step.\n /\n isNext?: boolean;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n /\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n If true, hides the navigation icon.\n /\n isIconHidden?: boolean;\n /\n Props applied to the button.\n /\n buttonProps?: Partial<ButtonProps>;\n /\n The color theme of the button.\n */\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"6uBA6CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

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

@@ -1,2 +1,2 @@
-var e={command:"command_307baeffaa",backward:"backward_12b27f985c",icon:"icon_52d834aa07",disabled:"disabled_5368907020",colorOnPrimaryColor:"colorOnPrimaryColor_5744ef2742",colorOnInvertedBackground:"colorOnInvertedBackground_4db6d8f7b0"};!function(e){const n="s_id-b004c6aa2b0d_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_307baeffaa {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_307baeffaa.backward_12b27f985c {\n  flex-direction: row-reverse;\n}\n.icon_52d834aa07 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_52d834aa07.disabled_5368907020 {\n  color: var(--disabled-text-color);\n}\n.icon_52d834aa07.colorOnPrimaryColor_5744ef2742 {\n  color: var(--text-color-on-primary);\n}\n.icon_52d834aa07.colorOnInvertedBackground_4db6d8f7b0 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_1115c69f47",backward:"backward_1b21e998c1",icon:"icon_5d6d0f0421",disabled:"disabled_824e37ad10",colorOnPrimaryColor:"colorOnPrimaryColor_6fd20e94c5",colorOnInvertedBackground:"colorOnInvertedBackground_62f2b82e20"};!function(e){const n="s_id-b004c6aa2b0d_3_36_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_1115c69f47 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_1115c69f47.backward_1b21e998c1 {\n  flex-direction: row-reverse;\n}\n.icon_5d6d0f0421 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_5d6d0f0421.disabled_824e37ad10 {\n  color: var(--disabled-text-color);\n}\n.icon_5d6d0f0421.colorOnPrimaryColor_6fd20e94c5 {\n  color: var(--text-color-on-primary);\n}\n.icon_5d6d0f0421.colorOnInvertedBackground_62f2b82e20 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/src/components/Steps/StepsDot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"lodash-es\";\nimport { StepsColor, StepsDotAriaCurrent } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n onClick?: (e: React.MouseEvent) => void;\n ariaCurrent?: StepsDotAriaCurrent \| boolean;\n isActive?: boolean;\n ariaLabel?: string;\n color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n isActive,\n onClick = NOOP,\n ariaCurrent = \"step\",\n ariaLabel,\n color,\n className\n}: StepsDotProps) => {\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n aria-current={isActive ? ariaCurrent : false}\n className={cx(\n styles.dot,\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.isActive]: isActive\n },\n className\n )}\n onClick={onClick}\n />\n );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"~~kSAgBaA~~,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}
1	+ {"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"lodash-es\";\nimport { StepsColor, StepsDotAriaCurrent } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n /*\n Callback fired when the dot is clicked.\n /\n onClick?: (e: React.MouseEvent) => void;\n /\n ARIA attribute to indicate the current step.\n /\n ariaCurrent?: StepsDotAriaCurrent \| boolean;\n /\n If true, marks the dot as active.\n /\n isActive?: boolean;\n /\n The ARIA label for the dot.\n /\n ariaLabel?: string;\n /\n The color theme of the dot.\n */\n color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n isActive,\n onClick = NOOP,\n ariaCurrent = \"step\",\n ariaLabel,\n color,\n className\n}: StepsDotProps) => {\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n aria-current={isActive ? ariaCurrent : false}\n className={cx(\n styles.dot,\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.isActive]: isActive\n },\n className\n )}\n onClick={onClick}\n />\n );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"kSA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}

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

@@ -1,2 +1,2 @@
-var o={dot:"dot_eca9e0fa2c","focus-visible":"focus-visible_eb6b496cf8",isActive:"isActive_c34dac6f71",colorOnPrimaryColor:"colorOnPrimaryColor_85408917d2",colorOnInvertedBackground:"colorOnInvertedBackground_d10427c8af"};!function(o){const n="s_id-cedbbb07e913_3_35_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_eca9e0fa2c {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_eca9e0fa2c:focus-visible, .dot_eca9e0fa2c.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_eca9e0fa2c:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.dot_eca9e0fa2c:focus-visible, .dot_eca9e0fa2c.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_eca9e0fa2c:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.dot_eca9e0fa2c:hover {\n  transform: scale(1.3);\n}\n.isActive_c34dac6f71 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c:focus-visible, .colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.colorOnPrimaryColor_85408917d2.dot_eca9e0fa2c.isActive_c34dac6f71 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_d10427c8af.dot_eca9e0fa2c {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_d10427c8af.dot_eca9e0fa2c.isActive_c34dac6f71 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_e9ad54f2f5","focus-visible":"focus-visible_b16f0a68d0",isActive:"isActive_68121cf782",colorOnPrimaryColor:"colorOnPrimaryColor_8c943fc138",colorOnInvertedBackground:"colorOnInvertedBackground_79624d40ce"};!function(o){const n="s_id-cedbbb07e913_3_36_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)}(".dot_e9ad54f2f5 {\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_e9ad54f2f5:focus-visible, .dot_e9ad54f2f5.focus-visible_b16f0a68d0 {\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_e9ad54f2f5:focus:not(.focus-visible_b16f0a68d0) {\n  outline: none;\n}\n.dot_e9ad54f2f5:focus-visible, .dot_e9ad54f2f5.focus-visible_b16f0a68d0 {\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_e9ad54f2f5:focus:not(.focus-visible_b16f0a68d0) {\n  outline: none;\n}\n.dot_e9ad54f2f5:hover {\n  transform: scale(1.3);\n}\n.isActive_68121cf782 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_8c943fc138.dot_e9ad54f2f5 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_8c943fc138.dot_e9ad54f2f5:focus-visible, .colorOnPrimaryColor_8c943fc138.dot_e9ad54f2f5.focus-visible_b16f0a68d0 {\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_8c943fc138.dot_e9ad54f2f5:focus:not(.focus-visible_b16f0a68d0) {\n  outline: none;\n}\n.colorOnPrimaryColor_8c943fc138.dot_e9ad54f2f5.isActive_68121cf782 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_79624d40ce.dot_e9ad54f2f5 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_79624d40ce.dot_e9ad54f2f5.isActive_68121cf782 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/src/components/Steps/StepsGalleryHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { range } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n activeStepIndex: number;\n stepsCount: number;\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n stepDescriptionFunc?: (stepIndex: number) => string;\n color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n activeStepIndex,\n stepsCount,\n onChangeActiveStep,\n stepDescriptionFunc,\n color,\n className\n}) => {\n const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n const overrideStepDescriptionFunc = stepDescriptionFunc \|\| defaultStepDescriptionFunc;\n const onClickFunctions = useMemo(\n () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n [onChangeActiveStep, stepsPlaceholders]\n );\n\n const galleryDots = useMemo(\n () =>\n stepsPlaceholders.map(\n stepIndex => (\n <StepsDot\n isActive={activeStepIndex === stepIndex}\n key={`monday-style-step-dot-${stepIndex + 1}`}\n ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n onClick={onClickFunctions[stepIndex]}\n color={color}\n className={styles.galleryHeaderDot}\n />\n ),\n []\n ),\n [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n );\n\n return (\n <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n {galleryDots \|\| null}\n </div>\n );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"~~gNAgBaA~~,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWoB,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKS,KAAK,QAAQtB,UAAWuB,EAAGH,EAAOI,cAAexB,IACnDY,GAAe,KAGtB"}
1	+ {"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { range } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n /*\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n /\n A function to generate step descriptions for accessibility.\n /\n stepDescriptionFunc?: (stepIndex: number) => string;\n /\n The color theme of the gallery header.\n */\n color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n activeStepIndex,\n stepsCount,\n onChangeActiveStep,\n stepDescriptionFunc,\n color,\n className\n}) => {\n const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n const overrideStepDescriptionFunc = stepDescriptionFunc \|\| defaultStepDescriptionFunc;\n const onClickFunctions = useMemo(\n () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n [onChangeActiveStep, stepsPlaceholders]\n );\n\n const galleryDots = useMemo(\n () =>\n stepsPlaceholders.map(\n stepIndex => (\n <StepsDot\n isActive={activeStepIndex === stepIndex}\n key={`monday-style-step-dot-${stepIndex + 1}`}\n ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n onClick={onClickFunctions[stepIndex]}\n color={color}\n className={styles.galleryHeaderDot}\n />\n ),\n []\n ),\n [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n );\n\n return (\n <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n {galleryDots \|\| null}\n </div>\n );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"gNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWoB,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKS,KAAK,QAAQtB,UAAWuB,EAAGH,EAAOI,cAAexB,IACnDY,GAAe,KAGtB"}

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

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_fc2f35f9e1",galleryHeaderDot:"galleryHeaderDot_2e6da877c0"};!function(e){const a="s_id-62748f4c4e74_3_35_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_fc2f35f9e1 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_fc2f35f9e1 .galleryHeaderDot_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_fc2f35f9e1 .galleryHeaderDot_2e6da877c0:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_5949b52a9f",galleryHeaderDot:"galleryHeaderDot_0056fbf0f5"};!function(e){const a="s_id-62748f4c4e74_3_36_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_5949b52a9f {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_5949b52a9f .galleryHeaderDot_0056fbf0f5 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_5949b52a9f .galleryHeaderDot_0056fbf0f5:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/src/components/Steps/StepsHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsHeader.js","sources":["../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { StepsType, StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n type: StepsType;\n activeStepIndex: number;\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n stepsCount: number;\n areNavigationButtonsHidden: boolean;\n backButtonProps: Partial<ButtonProps>;\n nextButtonProps: Partial<ButtonProps>;\n finishButtonProps: Partial<ButtonProps>;\n areButtonsIconsHidden: boolean;\n color?: StepsColor;\n onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n type,\n activeStepIndex,\n onChangeActiveStep,\n stepsCount,\n areNavigationButtonsHidden,\n backButtonProps,\n nextButtonProps,\n finishButtonProps,\n areButtonsIconsHidden,\n color = \"primary\",\n onFinish,\n className\n}: StepsHeaderProps) => {\n const SubHeaderComponent: FC<StepsGalleryHeaderProps \| StepsNumbersHeaderProps> =\n type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n // TODO: [breaking] make finish button as default in next major\n const showFinishButton = useMemo(() => {\n if (!onFinish) {\n return;\n }\n return activeStepIndex === stepsCount - 1;\n }, [activeStepIndex, onFinish, stepsCount]);\n\n return (\n <div className={cx(styles.header, className)}>\n {areNavigationButtonsHidden ? null : (\n <StepsCommand\n isNext={false}\n isIconHidden={areButtonsIconsHidden}\n onChangeActiveStep={onChangeActiveStep}\n activeStepIndex={activeStepIndex}\n stepsCount={stepsCount}\n buttonProps={backButtonProps}\n color={color}\n />\n )}\n <SubHeaderComponent\n activeStepIndex={activeStepIndex}\n stepsCount={stepsCount}\n onChangeActiveStep={onChangeActiveStep}\n color={color}\n />\n {areNavigationButtonsHidden ? null : (\n <>\n {showFinishButton ? (\n <Button onClick={onFinish} color={color} {...finishButtonProps}>\n {finishButtonProps?.children \|\| FINISH_TEXT}\n </Button>\n ) : (\n <StepsCommand\n isNext\n isIconHidden={areButtonsIconsHidden}\n activeStepIndex={activeStepIndex}\n onChangeActiveStep={onChangeActiveStep}\n stepsCount={stepsCount}\n buttonProps={nextButtonProps}\n color={color}\n />\n )}\n </>\n )}\n </div>\n );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"~~6WAyBaA~~,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAGtCC,EAAmBC,GAAQ,WAC/B,GAAKP,EAGL,OAAOV,IAAoBE,EAAa,CACzC,GAAE,CAACF,EAAiBU,EAAUR,IAE/B,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}
1	+ {"version":3,"file":"StepsHeader.js","sources":["../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { StepsType, StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n /*\n The type of steps header.\n /\n type: StepsType;\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 The total number of steps.\n /\n stepsCount: number;\n /\n If true, hides the navigation buttons.\n /\n areNavigationButtonsHidden: 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 If true, hides the icons in the navigation buttons.\n /\n areButtonsIconsHidden: boolean;\n /\n The color theme of the steps header.\n /\n color?: StepsColor;\n /\n Callback fired when the finish button is clicked.\n */\n onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n type,\n activeStepIndex,\n onChangeActiveStep,\n stepsCount,\n areNavigationButtonsHidden,\n backButtonProps,\n nextButtonProps,\n finishButtonProps,\n areButtonsIconsHidden,\n color = \"primary\",\n onFinish,\n className\n}: StepsHeaderProps) => {\n const SubHeaderComponent: FC<StepsGalleryHeaderProps \| StepsNumbersHeaderProps> =\n type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n // TODO: [breaking] make finish button as default in next major\n const showFinishButton = useMemo(() => {\n if (!onFinish) {\n return;\n }\n return activeStepIndex === stepsCount - 1;\n }, [activeStepIndex, onFinish, stepsCount]);\n\n return (\n <div className={cx(styles.header, className)}>\n {areNavigationButtonsHidden ? null : (\n <StepsCommand\n isNext={false}\n isIconHidden={areButtonsIconsHidden}\n onChangeActiveStep={onChangeActiveStep}\n activeStepIndex={activeStepIndex}\n stepsCount={stepsCount}\n buttonProps={backButtonProps}\n color={color}\n />\n )}\n <SubHeaderComponent\n activeStepIndex={activeStepIndex}\n stepsCount={stepsCount}\n onChangeActiveStep={onChangeActiveStep}\n color={color}\n />\n {areNavigationButtonsHidden ? null : (\n <>\n {showFinishButton ? (\n <Button onClick={onFinish} color={color} {...finishButtonProps}>\n {finishButtonProps?.children \|\| FINISH_TEXT}\n </Button>\n ) : (\n <StepsCommand\n isNext\n isIconHidden={areButtonsIconsHidden}\n activeStepIndex={activeStepIndex}\n onChangeActiveStep={onChangeActiveStep}\n stepsCount={stepsCount}\n buttonProps={nextButtonProps}\n color={color}\n />\n )}\n </>\n )}\n </div>\n );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"6WA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAGtCC,EAAmBC,GAAQ,WAC/B,GAAKP,EAGL,OAAOV,IAAoBE,EAAa,CACzC,GAAE,CAACF,EAAiBU,EAAUR,IAE/B,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}

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

@@ -1,2 +1,2 @@
-var e={header:"header_b9a589d541"};!function(e){const t="s_id-918f12c2f9aa_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_b9a589d541 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_320525ff7b"};!function(e){const t="s_id-918f12c2f9aa_3_36_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_320525ff7b {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/src/components/Steps/StepsNumbersHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, useMemo } from \"react\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Text from \"../Text/Text\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps extends VibeComponentProps {\n activeStepIndex: number;\n stepsCount: number;\n color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n const textColor = useMemo(() => {\n if (color === \"primary\") {\n return color;\n } else {\n return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n }\n }, [color]);\n\n return (\n <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n activeStepIndex + 1\n } \\\\ ${stepsCount}`}</Text>\n );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"~~mJAaaA~~,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}
1	+ {"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, useMemo } from \"react\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Text from \"../Text/Text\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps extends VibeComponentProps {\n /*\n The index of the currently active step.\n /\n activeStepIndex: number;\n /\n The total number of steps.\n /\n stepsCount: number;\n /\n The color theme of the steps numbers header.\n */\n color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n const textColor = useMemo(() => {\n if (color === \"primary\") {\n return color;\n } else {\n return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n }\n }, [color]);\n\n return (\n <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n activeStepIndex + 1\n } \\\\ ${stepsCount}`}</Text>\n );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"mJAsBaA,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}

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

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_186d19a3a5"};!function(e){const t="s_id-126f9ab60838_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_186d19a3a5 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_95c1d57096"};!function(e){const t="s_id-126f9ab60838_3_36_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_95c1d57096 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\n\nexport interface SwitchProps extends VibeComponentProps {\n name?: string;\n value?: string;\n role?: string;\n disabled?: boolean;\n ariaLabel?: string;\n ariaLabelledBy?: string;\n checked?: boolean;\n inputClassName?: string;\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n ariaControls?: string;\n defaultChecked?: boolean;\n children?: ReactElement<MockToggleProps>;\n wrapperClassName?: string;\n}\n\n// TODO no story\nexport const Switch: VibeComponent<SwitchProps, HTMLInputElement> = forwardRef(\n (\n {\n id,\n name,\n value,\n role,\n disabled,\n ariaLabel,\n ariaLabelledBy,\n checked,\n inputClassName,\n onChange,\n ariaControls,\n defaultChecked,\n children: originalChildren,\n wrapperClassName,\n \"data-testid\": dataTestId\n }: SwitchProps,\n ref\n ) => {\n const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n isDisabled: disabled,\n isChecked: checked,\n defaultChecked,\n onChange\n });\n\n const children = useMemo(\n () =>\n React.cloneElement(originalChildren, {\n ...originalChildren?.props,\n checked: overrideChecked\n }),\n [originalChildren, overrideChecked]\n );\n\n return (\n <label htmlFor={id} className={wrapperClassName}>\n <input\n ref={ref}\n id={id}\n aria-controls={ariaControls}\n value={value}\n name={name}\n type=\"checkbox\"\n className={cx(styles[\"hidden-switch\"], inputClassName)}\n checked={overrideChecked}\n role={role ? role : \"switch\"}\n onChange={overrideOnChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-checked={overrideChecked}\n data-testid={dataTestId}\n />\n {children}\n </label>\n );\n }\n);\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","htmlFor","className","createElement","type","cx","styles"],"mappings":"~~kKAwBO~~,IAAMA,EAAuDC,GAClE,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACAC,EAASP,EAATO,UACAC,EAAcR,EAAdQ,eAEAC,EAAcT,EAAdS,eAEAC,EAAYV,EAAZU,aAEUC,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,yBAAOK,QAAS5B,EAAI6B,UAAWlB,GAC7BY,EAAAO,cAAA,QAAA,CACE/B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACN8B,KAAK,WACLF,UAAWG,EAAGC,EAAO,iBAAkB1B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}
1	+ {"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\n\nexport interface SwitchProps extends VibeComponentProps {\n /*\n The name of the switch input.\n /\n name?: string;\n /\n The value associated with the switch.\n /\n value?: string;\n /\n The ARIA role of the switch.\n /\n role?: string;\n /\n If true, the switch is disabled.\n /\n disabled?: boolean;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n The ID of the element labeling the switch.\n /\n ariaLabelledBy?: string;\n /\n If true, the switch is checked.\n /\n checked?: boolean;\n /\n Class name applied to the input element.\n /\n inputClassName?: string;\n /\n Callback fired when the switch state changes.\n /\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /\n The ID of the element controlled by the switch.\n /\n ariaControls?: string;\n /\n If true, the switch is checked by default.\n /\n defaultChecked?: boolean;\n /\n The child component rendered inside the switch.\n /\n children?: ReactElement<MockToggleProps>;\n /\n Class name applied to the wrapper element.\n */\n wrapperClassName?: string;\n}\n\n// TODO no story\nexport const Switch: VibeComponent<SwitchProps, HTMLInputElement> = forwardRef(\n (\n {\n id,\n name,\n value,\n role,\n disabled,\n ariaLabel,\n ariaLabelledBy,\n checked,\n inputClassName,\n onChange,\n ariaControls,\n defaultChecked,\n children: originalChildren,\n wrapperClassName,\n \"data-testid\": dataTestId\n }: SwitchProps,\n ref\n ) => {\n const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n isDisabled: disabled,\n isChecked: checked,\n defaultChecked,\n onChange\n });\n\n const children = useMemo(\n () =>\n React.cloneElement(originalChildren, {\n ...originalChildren?.props,\n checked: overrideChecked\n }),\n [originalChildren, overrideChecked]\n );\n\n return (\n <label htmlFor={id} className={wrapperClassName}>\n <input\n ref={ref}\n id={id}\n aria-controls={ariaControls}\n value={value}\n name={name}\n type=\"checkbox\"\n className={cx(styles[\"hidden-switch\"], inputClassName)}\n checked={overrideChecked}\n role={role ? role : \"switch\"}\n onChange={overrideOnChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-checked={overrideChecked}\n data-testid={dataTestId}\n />\n {children}\n </label>\n );\n }\n);\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","htmlFor","className","createElement","type","cx","styles"],"mappings":"kKA+DO,IAAMA,EAAuDC,GAClE,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACAC,EAASP,EAATO,UACAC,EAAcR,EAAdQ,eAEAC,EAAcT,EAAdS,eAEAC,EAAYV,EAAZU,aAEUC,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,yBAAOK,QAAS5B,EAAI6B,UAAWlB,GAC7BY,EAAAO,cAAA,QAAA,CACE/B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACN8B,KAAK,WACLF,UAAWG,EAAGC,EAAO,iBAAkB1B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_6b6f35b459"};!function(e){const t="s_id-ac5bc6964f98_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_6b6f35b459 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_4a7f05dda4"};!function(e){const t="s_id-ac5bc6964f98_3_36_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)}(".hidden-switch_4a7f05dda4 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map