npm - @salutejs/plasma-new-hope - Versions diffs - 0.343.1-canary.2382.20340419800.0 → 0.343.1-canary.2382.20450527564.0 - Mend

@salutejs/plasma-new-hope 0.343.1-canary.2382.20340419800.0 → 0.343.1-canary.2382.20450527564.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 (880) hide show

package/dist/css/es/components/Slider/ui/Handler/Handler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Handler.js","sources":["../../../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { cx } from 'src/utils';\n\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\nimport { classes } from '../../Slider.tokens';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\nimport { computeKeyPressData } from './computeKeyPressData';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n (\n {\n size,\n visibility,\n isHovered,\n orientation,\n stepSize,\n onChangeCommitted,\n onChange,\n position = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n value,\n valuePlacement,\n ...rest\n },\n ref,\n ) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n const combinedRef = useForkRef(nodeRef, ref);\n\n const isVertical = orientation === 'vertical';\n const [isDrag, setIsDrag] = useState(false);\n\n const lastOnChangeValue = useRef<number>();\n const [startClientOffset, endClientOffset] = getOffsets(nodeRef, side, isVertical);\n\n const [startValueBound, endValueBound] = bounds;\n const startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;\n const endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;\n\n const dragPosition =\n typeof position === 'number' ? { x: isVertical ? 0 : position, y: isVertical ? position : 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const computedBounds = {\n [isVertical ? 'top' : 'left']: (startPositionBound ?? 0) - (startClientOffset ? stepSize : 0),\n [isVertical ? 'bottom' : 'right']:\n (endPositionBound ?? stepSize * (max - min)) - (endClientOffset ? stepSize : 0),\n };\n\n const showCurrentValueCondition =\n showCurrentValue &&\n ((position >= startOffset && position <= max * stepSize - endOffset) \|\| (position === 0 && value !== 0));\n\n const onDrag: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n lastOnChangeValue.current = newValue;\n }\n };\n\n const onStart: DraggableEventHandler = () => {\n setIsDrag(true);\n };\n\n const onStop: DraggableEventHandler = (_, data) => {\n setIsDrag(false);\n\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n onChangeCommitted && onChangeCommitted(newValue, data);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data = computeKeyPressData(event, {\n isVertical,\n stepSize,\n position,\n max,\n computedMultipleSteps,\n });\n\n if (!data) {\n return;\n }\n\n const { left, right, top, bottom } = computedBounds;\n\n /\n INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Или между верхней и нижней\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = isVertical\n ? Math.max(Math.min(bottom, data.y), top)\n : Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n };\n\n let isPointerHidden = (visibility === 'hover' && !isHovered) \|\| size === 'none';\n\n if (isDrag) {\n isPointerHidden = false;\n }\n\n return (\n <Draggable\n nodeRef={nodeRef}\n axis={isVertical ? 'y' : 'x'}\n bounds={computedBounds}\n grid={isVertical ? [1, stepSize] : [stepSize, 1]}\n onStart={onStart}\n onStop={onStop}\n onDrag={onDrag}\n position={dragPosition}\n disabled={disabled}\n >\n <HandlerStyled\n ref={combinedRef}\n style={{ zIndex }}\n className={cx(\n isVertical && classes.verticalOrientation,\n valuePlacement === 'left' && classes.valuePlacementLeft,\n )}\n isLarge={size === 'large'}\n isPointerHidden={isPointerHidden}\n onKeyDown={onKeyPress}\n >\n {!isPointerHidden && (\n <Thumb\n tabIndex={tabIndex}\n min={min}\n max={max}\n value={value}\n disabled={disabled}\n orientation={orientation}\n {...rest}\n />\n )}\n {showCurrentValueCondition && <StyledValue isPointerHidden={isPointerHidden}>{value}</StyledValue>}\n </HandlerStyled>\n </Draggable>\n );\n },\n);\n"],"names":["Handler","forwardRef","_ref","ref","size","visibility","isHovered","orientation","stepSize","onChangeCommitted","onChange","_ref$position","position","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","valuePlacement","rest","_objectWithoutProperties","_excluded","nodeRef","useRef","combinedRef","useForkRef","isVertical","_useState","useState","_useState2","_slicedToArray","isDrag","setIsDrag","lastOnChangeValue","_getOffsets","getOffsets","_getOffsets2","startClientOffset","endClientOffset","_bounds","startValueBound","endValueBound","startPositionBound","endPositionBound","dragPosition","x","y","undefined","tabIndex","computedBounds","_defineProperty","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStart","onStop","onKeyPress","event","persist","computedMultipleSteps","multipleStepSize","computeKeyPressData","left","right","top","bottom","boundedValue","Math","computedValue","isPointerHidden","React","createElement","Draggable","axis","grid","HandlerStyled","style","className","cx","classes","verticalOrientation","valuePlacementLeft","isLarge","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}
1	+ {"version":3,"file":"Handler.js","sources":["../../../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { cx } from 'src/utils';\n\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\nimport { classes } from '../../Slider.tokens';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\nimport { computeKeyPressData } from './computeKeyPressData';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n (\n {\n size,\n visibility,\n isHovered,\n orientation,\n stepSize,\n onChangeCommitted,\n onChange,\n position = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n value,\n valuePlacement,\n ...rest\n },\n ref,\n ) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n const combinedRef = useForkRef(nodeRef, ref);\n\n const isVertical = orientation === 'vertical';\n const [isDrag, setIsDrag] = useState(false);\n\n const lastOnChangeValue = useRef<number>();\n const [startClientOffset, endClientOffset] = getOffsets(nodeRef, side, isVertical);\n\n const [startValueBound, endValueBound] = bounds;\n const startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;\n const endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;\n\n const dragPosition =\n typeof position === 'number' ? { x: isVertical ? 0 : position, y: isVertical ? position : 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const computedBounds = {\n [isVertical ? 'top' : 'left']: (startPositionBound ?? 0) - (startClientOffset ? stepSize : 0),\n [isVertical ? 'bottom' : 'right']:\n (endPositionBound ?? stepSize * (max - min)) - (endClientOffset ? stepSize : 0),\n };\n\n const showCurrentValueCondition =\n showCurrentValue &&\n ((position >= startOffset && position <= max * stepSize - endOffset) \|\| (position === 0 && value !== 0));\n\n const onDrag: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n lastOnChangeValue.current = newValue;\n }\n };\n\n const onStart: DraggableEventHandler = () => {\n setIsDrag(true);\n };\n\n const onStop: DraggableEventHandler = (_, data) => {\n setIsDrag(false);\n\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n onChangeCommitted && onChangeCommitted(newValue, data);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data = computeKeyPressData(event, {\n isVertical,\n stepSize,\n position,\n max,\n computedMultipleSteps,\n });\n\n if (!data) {\n return;\n }\n\n const { left, right, top, bottom } = computedBounds;\n\n /\n INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Или между верхней и нижней\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = isVertical\n ? Math.max(Math.min(bottom, data.y), top)\n : Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n };\n\n let isPointerHidden = (visibility === 'hover' && !isHovered) \|\| size === 'none';\n\n if (isDrag) {\n isPointerHidden = false;\n }\n\n return (\n <Draggable\n nodeRef={nodeRef}\n axis={isVertical ? 'y' : 'x'}\n bounds={computedBounds}\n grid={isVertical ? [1, stepSize] : [stepSize, 1]}\n onStart={onStart}\n onStop={onStop}\n onDrag={onDrag}\n position={dragPosition}\n disabled={disabled}\n >\n <HandlerStyled\n ref={combinedRef}\n style={{ zIndex }}\n className={cx(\n isVertical && classes.verticalOrientation,\n valuePlacement === 'left' && classes.valuePlacementLeft,\n )}\n isLarge={size === 'large'}\n isPointerHidden={isPointerHidden}\n onKeyDown={onKeyPress}\n >\n {!isPointerHidden && (\n <Thumb\n tabIndex={tabIndex}\n min={min}\n max={max}\n value={value}\n disabled={disabled}\n orientation={orientation}\n {...rest}\n />\n )}\n {showCurrentValueCondition && <StyledValue isPointerHidden={isPointerHidden}>{value}</StyledValue>}\n </HandlerStyled>\n </Draggable>\n );\n },\n);\n"],"names":["Handler","forwardRef","_ref","ref","size","visibility","isHovered","orientation","stepSize","onChangeCommitted","onChange","_ref$position","position","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","valuePlacement","rest","_objectWithoutProperties","_excluded","nodeRef","useRef","combinedRef","useForkRef","isVertical","_useState","useState","_useState2","_slicedToArray","isDrag","setIsDrag","lastOnChangeValue","_getOffsets","getOffsets","_getOffsets2","startClientOffset","endClientOffset","_bounds","startValueBound","endValueBound","startPositionBound","endPositionBound","dragPosition","x","y","undefined","tabIndex","computedBounds","_defineProperty","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStart","onStop","onKeyPress","event","persist","computedMultipleSteps","multipleStepSize","computeKeyPressData","left","right","top","bottom","boundedValue","Math","computedValue","isPointerHidden","React","createElement","Draggable","axis","grid","HandlerStyled","style","className","cx","classes","verticalOrientation","valuePlacementLeft","isLarge","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}

package/dist/css/es/components/Slider/ui/Thumb/Thumb.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { ThumbBase } from './Thumb.styles.js';
 var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled", "orientation"];
@@ -13,7 +13,7 @@ var Thumb = function Thumb(_ref) {
     disabled = _ref.disabled,
     orientation = _ref.orientation,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ThumbBase, _extends({
+  return /*#__PURE__*/React__default.createElement(ThumbBase, _extends({
     role: "slider",
     "aria-label": ariaLabel,
     "aria-valuemin": ariaValueMin,

package/dist/css/es/components/Slider/ui/Thumb/Thumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumb.js","sources":["../../../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ThumbProps } from './Thumb.types';\nimport { ThumbBase } from './Thumb.styles';\n\nexport const Thumb = ({\n min,\n max,\n value,\n ariaValueMin = min,\n ariaLabel,\n disabled,\n orientation,\n ...rest\n}: ThumbProps) => {\n return (\n <ThumbBase\n role=\"slider\"\n aria-label={ariaLabel}\n aria-valuemin={ariaValueMin}\n aria-valuemax={max}\n aria-valuenow={value}\n disabled={disabled}\n aria-orientation={orientation}\n {...rest}\n />\n );\n};\n"],"names":["Thumb","_ref","min","max","value","_ref$ariaValueMin","ariaValueMin","ariaLabel","disabled","orientation","rest","_objectWithoutProperties","_excluded","React","createElement","ThumbBase","_extends","role"],"mappings":";;;;;IAKaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EASA;AAAA,EAAA,IARdC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,iBAAA,GAAAJ,IAAA,CACLK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGH,KAAAA,CAAAA,GAAAA,GAAG,GAAAG,iBAAA;IAClBE,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;AACRC,IAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACNC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYV,SAAU;AACtB,IAAA,eAAA,EAAeD,YAAa;AAC5B,IAAA,eAAA,EAAeH,GAAI;AACnB,IAAA,eAAA,EAAeC,KAAM;AACrBI,IAAAA,QAAQ,EAAEA,QAAS;IACnB,kBAAkBC,EAAAA,WAAAA;GACdC,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"Thumb.js","sources":["../../../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ThumbProps } from './Thumb.types';\nimport { ThumbBase } from './Thumb.styles';\n\nexport const Thumb = ({\n min,\n max,\n value,\n ariaValueMin = min,\n ariaLabel,\n disabled,\n orientation,\n ...rest\n}: ThumbProps) => {\n return (\n <ThumbBase\n role=\"slider\"\n aria-label={ariaLabel}\n aria-valuemin={ariaValueMin}\n aria-valuemax={max}\n aria-valuenow={value}\n disabled={disabled}\n aria-orientation={orientation}\n {...rest}\n />\n );\n};\n"],"names":["Thumb","_ref","min","max","value","_ref$ariaValueMin","ariaValueMin","ariaLabel","disabled","orientation","rest","_objectWithoutProperties","_excluded","React","createElement","ThumbBase","_extends","role"],"mappings":";;;;;IAKaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EASA;AAAA,EAAA,IARdC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,iBAAA,GAAAJ,IAAA,CACLK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGH,KAAAA,CAAAA,GAAAA,GAAG,GAAAG,iBAAA;IAClBE,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;AACRC,IAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACNC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYV,SAAU;AACtB,IAAA,eAAA,EAAeD,YAAa;AAC5B,IAAA,eAAA,EAAeH,GAAI;AACnB,IAAA,eAAA,EAAeC,KAAM;AACrBI,IAAAA,QAAQ,EAAEA,QAAS;IACnB,kBAAkBC,EAAAA,WAAAA;GACdC,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}

package/dist/css/es/components/Spinner/Spinner.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { SpinnerSvg } from './SpinnerSvg.js';
@@ -21,13 +21,13 @@ var spinnerRoot = function spinnerRoot(Root) {
     });
     var uniqId = safeUseId;
     var innerId = id || uniqId();
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       id: innerId
-    }, rest), /*#__PURE__*/React.createElement(SpinnerWrapper, {
+    }, rest), /*#__PURE__*/React__default.createElement(SpinnerWrapper, {
       width: innerProps.wrapperWidth,
       height: innerProps.wrapperHeight
-    }, /*#__PURE__*/React.createElement(SpinnerSvg, {
+    }, /*#__PURE__*/React__default.createElement(SpinnerSvg, {
       id: innerId,
       width: innerProps.svgWidth,
       height: innerProps.svgHeight,

package/dist/css/es/components/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.js","sources":["../../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SpinnerSvg } from './SpinnerSvg';\nimport { SpinnerWrapper, base } from './Spinner.styles';\nimport type { SpinnerProps } from './Spinner.types';\nimport { useInnerProps } from './hooks';\n\nexport const spinnerRoot = (Root: RootProps<HTMLDivElement, SpinnerProps>) =>\n forwardRef<HTMLDivElement, SpinnerProps>((props, ref) => {\n const { id, ...rest } = props;\n\n const innerProps = useInnerProps(props, {\n wrapperWidth: 'auto',\n wrapperHeight: 'auto',\n svgWidth: 'var(--plasma-spinner-size)',\n svgHeight: 'var(--plasma-spinner-size)',\n color: 'currentColor',\n });\n\n const uniqId = safeUseId;\n const innerId = id \|\| uniqId();\n\n return (\n <Root ref={ref} id={innerId} {...rest}>\n <SpinnerWrapper width={innerProps.wrapperWidth} height={innerProps.wrapperHeight}>\n <SpinnerSvg\n id={innerId}\n width={innerProps.svgWidth}\n height={innerProps.svgHeight}\n color={innerProps.color}\n />\n </SpinnerWrapper>\n </Root>\n );\n });\n\nexport const spinnerConfig = {\n name: 'Spinner',\n tag: 'div',\n layout: spinnerRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["spinnerRoot","Root","forwardRef","props","ref","id","rest","_objectWithoutProperties","_excluded","innerProps","useInnerProps","wrapperWidth","wrapperHeight","svgWidth","svgHeight","color","uniqId","safeUseId","innerId","React","createElement","_extends","SpinnerWrapper","width","height","SpinnerSvg","spinnerConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,EAAE,GAAcF,KAAK,CAArBE,EAAE;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAE7B,IAAA,IAAMC,UAAU,GAAGC,aAAa,CAACP,KAAK,EAAE;AACpCQ,MAAAA,YAAY,EAAE,MAAM;AACpBC,MAAAA,aAAa,EAAE,MAAM;AACrBC,MAAAA,QAAQ,EAAE,4BAA4B;AACtCC,MAAAA,SAAS,EAAE,4BAA4B;AACvCC,MAAAA,KAAK,EAAE,cAAA;AACX,KAAC,CAAC,CAAA;IAEF,IAAMC,MAAM,GAAGC,SAAS,CAAA;AACxB,IAAA,IAAMC,OAAO,GAAGb,EAAE,IAAIW,MAAM,EAAE,CAAA;AAE9B,IAAA,oBACIG,~~KAAA~~,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AAACjB,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,EAAE,EAAEa,OAAAA;AAAQ,KAAA,EAAKZ,IAAI,CACjCa,eAAAA,~~KAAA~~,CAAAC,aAAA,CAACE,cAAc,EAAA;MAACC,KAAK,EAAEd,UAAU,CAACE,YAAa;MAACa,MAAM,EAAEf,UAAU,CAACG,aAAAA;AAAc,KAAA,eAC7EO,~~KAAA~~,CAAAC,aAAA,CAACK,UAAU,EAAA;AACPpB,MAAAA,EAAE,EAAEa,OAAQ;MACZK,KAAK,EAAEd,UAAU,CAACI,QAAS;MAC3BW,MAAM,EAAEf,UAAU,CAACK,SAAU;MAC7BC,KAAK,EAAEN,UAAU,CAACM,KAAAA;KACrB,CACW,CACd,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE7B,WAAW;AACnB8B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,GAAG;AACTG,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Spinner.js","sources":["../../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SpinnerSvg } from './SpinnerSvg';\nimport { SpinnerWrapper, base } from './Spinner.styles';\nimport type { SpinnerProps } from './Spinner.types';\nimport { useInnerProps } from './hooks';\n\nexport const spinnerRoot = (Root: RootProps<HTMLDivElement, SpinnerProps>) =>\n forwardRef<HTMLDivElement, SpinnerProps>((props, ref) => {\n const { id, ...rest } = props;\n\n const innerProps = useInnerProps(props, {\n wrapperWidth: 'auto',\n wrapperHeight: 'auto',\n svgWidth: 'var(--plasma-spinner-size)',\n svgHeight: 'var(--plasma-spinner-size)',\n color: 'currentColor',\n });\n\n const uniqId = safeUseId;\n const innerId = id \|\| uniqId();\n\n return (\n <Root ref={ref} id={innerId} {...rest}>\n <SpinnerWrapper width={innerProps.wrapperWidth} height={innerProps.wrapperHeight}>\n <SpinnerSvg\n id={innerId}\n width={innerProps.svgWidth}\n height={innerProps.svgHeight}\n color={innerProps.color}\n />\n </SpinnerWrapper>\n </Root>\n );\n });\n\nexport const spinnerConfig = {\n name: 'Spinner',\n tag: 'div',\n layout: spinnerRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["spinnerRoot","Root","forwardRef","props","ref","id","rest","_objectWithoutProperties","_excluded","innerProps","useInnerProps","wrapperWidth","wrapperHeight","svgWidth","svgHeight","color","uniqId","safeUseId","innerId","React","createElement","_extends","SpinnerWrapper","width","height","SpinnerSvg","spinnerConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,EAAE,GAAcF,KAAK,CAArBE,EAAE;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAE7B,IAAA,IAAMC,UAAU,GAAGC,aAAa,CAACP,KAAK,EAAE;AACpCQ,MAAAA,YAAY,EAAE,MAAM;AACpBC,MAAAA,aAAa,EAAE,MAAM;AACrBC,MAAAA,QAAQ,EAAE,4BAA4B;AACtCC,MAAAA,SAAS,EAAE,4BAA4B;AACvCC,MAAAA,KAAK,EAAE,cAAA;AACX,KAAC,CAAC,CAAA;IAEF,IAAMC,MAAM,GAAGC,SAAS,CAAA;AACxB,IAAA,IAAMC,OAAO,GAAGb,EAAE,IAAIW,MAAM,EAAE,CAAA;AAE9B,IAAA,oBACIG,cAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AAACjB,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,EAAE,EAAEa,OAAAA;AAAQ,KAAA,EAAKZ,IAAI,CACjCa,eAAAA,cAAA,CAAAC,aAAA,CAACE,cAAc,EAAA;MAACC,KAAK,EAAEd,UAAU,CAACE,YAAa;MAACa,MAAM,EAAEf,UAAU,CAACG,aAAAA;AAAc,KAAA,eAC7EO,cAAA,CAAAC,aAAA,CAACK,UAAU,EAAA;AACPpB,MAAAA,EAAE,EAAEa,OAAQ;MACZK,KAAK,EAAEd,UAAU,CAACI,QAAS;MAC3BW,MAAM,EAAEf,UAAU,CAACK,SAAU;MAC7BC,KAAK,EAAEN,UAAU,CAACM,KAAAA;KACrB,CACW,CACd,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE7B,WAAW;AACnB8B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,GAAG;AACTG,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;"}

package/dist/css/es/components/Spinner/SpinnerSvg.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 var _excluded = ["id", "color", "width", "height"];
 var SpinnerSvg = function SpinnerSvg(_ref) {
@@ -8,60 +8,60 @@ var SpinnerSvg = function SpinnerSvg(_ref) {
     width = _ref.width,
     height = _ref.height,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
     viewBox: "0 0 56 56",
     fill: "none",
     style: {
       width: width,
       height: height
     }
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z",
     fill: "url(#prefix__paint0_linear".concat(id, ")")
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z",
     fill: "url(#prefix__paint1_linear".concat(id, ")")
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
     id: "prefix__paint0_linear".concat(id),
     x1: 0,
     y1: 56,
     x2: 0,
     y2: 0,
     gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
+  }, /*#__PURE__*/React__default.createElement("stop", {
     stopColor: color,
     stopOpacity: 0
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: 0.048,
     stopColor: color,
     stopOpacity: 0
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: 0.952,
     stopColor: color,
     stopOpacity: 0.5
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: 1,
     stopColor: color,
     stopOpacity: 0.5
-  })), /*#__PURE__*/React.createElement("linearGradient", {
+  })), /*#__PURE__*/React__default.createElement("linearGradient", {
     id: "prefix__paint1_linear".concat(id),
     x1: 28,
     y1: 56,
     x2: 28,
     y2: 0,
     gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
+  }, /*#__PURE__*/React__default.createElement("stop", {
     stopColor: color
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: 0.048,
     stopColor: color
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: 0.952,
     stopColor: color,
     stopOpacity: 0.5
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: 1,
     stopColor: color,
     stopOpacity: 0.5

package/dist/css/es/components/Spinner/SpinnerSvg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpinnerSvg.js","sources":["../../../../../src/components/Spinner/SpinnerSvg.tsx"],"sourcesContent":["import React from 'react';\n\ninterface SpinnerSvgProps {\n width: number \| string;\n height: number \| string;\n color: string;\n id?: string;\n}\n\nexport const SpinnerSvg: React.FC<SpinnerSvgProps> = ({ id, color, width, height, ...props }) => (\n <svg\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n style={{\n width,\n height,\n }}\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z\"\n fill={`url(#prefix__paint0_linear${id})`}\n />\n <path\n d=\"M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z\"\n fill={`url(#prefix__paint1_linear${id})`}\n />\n <defs>\n <linearGradient\n id={`prefix__paint0_linear${id}`}\n x1={0}\n y1={56}\n x2={0}\n y2={0}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor={color} stopOpacity={0} />\n <stop offset={0.048} stopColor={color} stopOpacity={0} />\n <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n <stop offset={1} stopColor={color} stopOpacity={0.5} />\n </linearGradient>\n <linearGradient\n id={`prefix__paint1_linear${id}`}\n x1={28}\n y1={56}\n x2={28}\n y2={0}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor={color} />\n <stop offset={0.048} stopColor={color} />\n <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n <stop offset={1} stopColor={color} stopOpacity={0.5} />\n </linearGradient>\n </defs>\n </svg>\n);\n"],"names":["SpinnerSvg","_ref","id","color","width","height","props","_objectWithoutProperties","_excluded","React","createElement","_extends","viewBox","fill","style","fillRule","clipRule","d","concat","x1","y1","x2","y2","gradientUnits","stopColor","stopOpacity","offset"],"mappings":";;;;IASaA,UAAqC,GAAG,SAAxCA,UAAqCA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAAA,EAAA,oBACtFC,~~KAAA~~,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,KAAK,EAAE;AACHV,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,MAAM,EAANA,MAAAA;AACJ,KAAA;AAAE,GAAA,EACEC,KAAK,CAAA,eAETG,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIK,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,kGAAkG;IACpGJ,IAAI,EAAA,4BAAA,CAAAK,MAAA,CAA+BhB,EAAE,EAAA,GAAA,CAAA;AAAI,GAC5C,CAAC,eACFO,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,CAAC,EAAC,mKAAmK;IACrKJ,IAAI,EAAA,4BAAA,CAAAK,MAAA,CAA+BhB,EAAE,EAAA,GAAA,CAAA;GACxC,CAAC,eACFO,~~KAAA~~,CAAAC,aAAA,CACID,MAAAA,EAAAA,IAAAA,eAAAA,~~KAAA~~,CAAAC,aAAA,CAAA,gBAAA,EAAA;AACIR,IAAAA,EAAE,EAAAgB,uBAAAA,CAAAA,MAAA,CAA0BhB,EAAE,CAAG;AACjCiB,IAAAA,EAAE,EAAE,CAAE;AACNC,IAAAA,EAAE,EAAE,EAAG;AACPC,IAAAA,EAAE,EAAE,CAAE;AACNC,IAAAA,EAAE,EAAE,CAAE;AACNC,IAAAA,aAAa,EAAC,gBAAA;GAEdd,eAAAA,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMc,IAAAA,SAAS,EAAErB,KAAM;AAACsB,IAAAA,WAAW,EAAE,CAAA;AAAE,GAAE,CAAC,eAC1ChB,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMgB,IAAAA,MAAM,EAAE,KAAM;AAACF,IAAAA,SAAS,EAAErB,KAAM;AAACsB,IAAAA,WAAW,EAAE,CAAA;AAAE,GAAE,CAAC,eACzDhB,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMgB,IAAAA,MAAM,EAAE,KAAM;AAACF,IAAAA,SAAS,EAAErB,KAAM;AAACsB,IAAAA,WAAW,EAAE,GAAA;AAAI,GAAE,CAAC,eAC3DhB,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMgB,IAAAA,MAAM,EAAE,CAAE;AAACF,IAAAA,SAAS,EAAErB,KAAM;AAACsB,IAAAA,WAAW,EAAE,GAAA;AAAI,GAAE,CAC1C,CAAC,eACjBhB,~~KAAA~~,CAAAC,aAAA,CAAA,gBAAA,EAAA;AACIR,IAAAA,EAAE,EAAAgB,uBAAAA,CAAAA,MAAA,CAA0BhB,EAAE,CAAG;AACjCiB,IAAAA,EAAE,EAAE,EAAG;AACPC,IAAAA,EAAE,EAAE,EAAG;AACPC,IAAAA,EAAE,EAAE,EAAG;AACPC,IAAAA,EAAE,EAAE,CAAE;AACNC,IAAAA,aAAa,EAAC,gBAAA;GAEdd,eAAAA,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMc,IAAAA,SAAS,EAAErB,KAAAA;AAAM,GAAE,CAAC,eAC1BM,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMgB,IAAAA,MAAM,EAAE,KAAM;AAACF,IAAAA,SAAS,EAAErB,KAAAA;AAAM,GAAE,CAAC,eACzCM,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMgB,IAAAA,MAAM,EAAE,KAAM;AAACF,IAAAA,SAAS,EAAErB,KAAM;AAACsB,IAAAA,WAAW,EAAE,GAAA;AAAI,GAAE,CAAC,eAC3DhB,~~KAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMgB,IAAAA,MAAM,EAAE,CAAE;AAACF,IAAAA,SAAS,EAAErB,KAAM;AAACsB,IAAAA,WAAW,EAAE,GAAA;GAAM,CAC1C,CACd,CACL,CAAC,CAAA;AAAA;;;;"}
1	+ {"version":3,"file":"SpinnerSvg.js","sources":["../../../../../src/components/Spinner/SpinnerSvg.tsx"],"sourcesContent":["import React from 'react';\n\ninterface SpinnerSvgProps {\n width: number \| string;\n height: number \| string;\n color: string;\n id?: string;\n}\n\nexport const SpinnerSvg: React.FC<SpinnerSvgProps> = ({ id, color, width, height, ...props }) => (\n <svg\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n style={{\n width,\n height,\n }}\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z\"\n fill={`url(#prefix__paint0_linear${id})`}\n />\n <path\n d=\"M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z\"\n fill={`url(#prefix__paint1_linear${id})`}\n />\n <defs>\n <linearGradient\n id={`prefix__paint0_linear${id}`}\n x1={0}\n y1={56}\n x2={0}\n y2={0}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor={color} stopOpacity={0} />\n <stop offset={0.048} stopColor={color} stopOpacity={0} />\n <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n <stop offset={1} stopColor={color} stopOpacity={0.5} />\n </linearGradient>\n <linearGradient\n id={`prefix__paint1_linear${id}`}\n x1={28}\n y1={56}\n x2={28}\n y2={0}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor={color} />\n <stop offset={0.048} stopColor={color} />\n <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n <stop offset={1} stopColor={color} stopOpacity={0.5} />\n </linearGradient>\n </defs>\n </svg>\n);\n"],"names":["SpinnerSvg","_ref","id","color","width","height","props","_objectWithoutProperties","_excluded","React","createElement","_extends","viewBox","fill","style","fillRule","clipRule","d","concat","x1","y1","x2","y2","gradientUnits","stopColor","stopOpacity","offset"],"mappings":"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"}

package/dist/css/es/components/Steps/Steps.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useMemo, useEffect } from 'react';
+import React__default, { forwardRef, useState, useMemo, useEffect } from 'react';
 import cls from 'classnames';
 import { classes } from './Steps.tokens.js';
 import { base } from './Steps.styles.js';
@@ -73,7 +73,7 @@ var stepsRoot = function stepsRoot(Root) {
         calcPrevIndex();
       };
     }, [current, innerItems]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       size: size,
       view: view,
       itemView: itemView,
@@ -86,7 +86,7 @@ var stepsRoot = function stepsRoot(Root) {
       var onClick = onChange ? function () {
         return onChange(item, index, prevIndex);
       } : undefined;
-      return /*#__PURE__*/React.createElement(StepItem, {
+      return /*#__PURE__*/React__default.createElement(StepItem, {
         key: index,
         index: index,
         title: item.title,

package/dist/css/es/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, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as itemViewCSS } from './variations/_itemView/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n itemView = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number \| undefined>();\n\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n const innerItems = useMemo(() => {\n const isUncontrolled = current !== undefined;\n\n return items.map((item, index) => {\n const itemStatus = getItemStatus({\n isUncontrolled,\n current,\n status,\n index,\n item,\n });\n\n return {\n ...item,\n status: itemStatus,\n };\n });\n }, [status, current, items]);\n\n useEffect(() => {\n const calcPrevIndex = () => {\n if (current !== undefined) {\n setPrevIndex(current);\n } else {\n const index = innerItems.findIndex((item) => item.status === 'active');\n setPrevIndex(index !== -1 ? index : undefined);\n }\n };\n\n calcPrevIndex();\n\n return () => {\n calcPrevIndex();\n };\n }, [current, innerItems]);\n\n return (\n <Root\n size={size}\n view={view}\n itemView={itemView}\n ref={outerRef}\n className={cls({\n [classes.verticalOrientation]: orientation === 'vertical',\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n {...rest}\n >\n {innerItems.map((item, index) => {\n const isActive = item.status === 'active';\n\n const itemContent =\n (hasContent === 'active' && !isActive) \|\| hasContent === 'none' ? '' : item.content;\n\n const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n return (\n <StepItem\n key={index}\n index={index}\n title={item.title}\n content={itemContent}\n indicator={item.indicator}\n status={item.status}\n size={size!}\n orientation={orientation}\n contentAlign={itemContentAlign}\n hasLine={hasLine}\n hasLoader={hasLoader && isActive}\n onClick={onClick}\n items={innerItems}\n />\n );\n })}\n </Root>\n );\n });\n\nexport const stepsConfig = {\n name: 'Steps',\n tag: 'div',\n layout: stepsRoot,\n base,\n variations: {\n size: sizeCSS,\n view: viewCSS,\n itemView: itemViewCSS,\n },\n defaults: {\n view: 'default',\n size: 'm',\n itemView: 'default',\n },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","_props$itemView","itemView","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","itemViewCSS","defaults"],"mappings":";;;;;;;;;;;;IAgBaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAuD,EAAA;AAAA,EAAA,oBAC7EC,UAAU,CAA6B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACxD,IAAA,IAAAC,WAAA,GAcIF,KAAK,CAbLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA;MAAAE,eAAA,GAahBJ,KAAK,CAZLK,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,eAAA;MACpBE,IAAI,GAWJN,KAAK,CAXLM,IAAI;MAAAC,kBAAA,GAWJP,KAAK,CAVLQ,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,kBAAA;MAAAE,mBAAA,GAU1BT,KAAK,CATLU,YAAY;AAAZA,MAAAA,YAAY,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAAE,cAAA,GASrBX,KAAK,CARLY,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAAAE,iBAAA,GAQdb,KAAK,CAPLc,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MAClBE,SAAS,GAMTf,KAAK,CANLe,SAAS;MAAAC,YAAA,GAMThB,KAAK,CALLiB,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;MACVE,QAAQ,GAIRlB,KAAK,CAJLkB,QAAQ;MACRC,OAAO,GAGPnB,KAAK,CAHLmB,OAAO;MACPC,MAAM,GAENpB,KAAK,CAFLoB,MAAM;AACHC,MAAAA,IAAI,GAAAC,wBAAA,CACPtB,KAAK,EAAAuB,SAAA,CAAA,CAAA;AAET,IAAA,IAAAC,SAAA,GAAkCC,QAAQ,EAAsB;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzDI,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,IAAA,IAAMI,YAAY,GAAGb,KAAK,CAACc,IAAI,CAAC,UAACC,IAAI,EAAA;AAAA,MAAA,OAAKA,IAAI,CAACC,SAAS,IAAI,IAAI,CAAA;KAAC,CAAA,CAAA;AACjE,IAAA,IAAMC,QAAQ,GAAGjB,KAAK,CAACkB,KAAK,CAAC,UAACH,IAAI,EAAA;MAAA,OAAK,CAACA,IAAI,CAACI,KAAK,IAAI,CAACJ,IAAI,CAACK,OAAO,CAAA;KAAC,CAAA,CAAA;AAEpE,IAAA,IAAMC,UAAU,GAAGC,OAAO,CAAC,YAAM;AAC7B,MAAA,IAAMC,cAAc,GAAGrB,OAAO,KAAKsB,SAAS,CAAA;MAE5C,OAAOxB,KAAK,CAACyB,GAAG,CAAC,UAACV,IAAI,EAAEW,KAAK,EAAK;QAC9B,IAAMC,UAAU,GAAGC,aAAa,CAAC;AAC7BL,UAAAA,cAAc,EAAdA,cAAc;AACdrB,UAAAA,OAAO,EAAPA,OAAO;AACPC,UAAAA,MAAM,EAANA,MAAM;AACNuB,UAAAA,KAAK,EAALA,KAAK;AACLX,UAAAA,IAAI,EAAJA,IAAAA;AACJ,SAAC,CAAC,CAAA;AAEF,QAAA,OAAAc,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOd,IAAI,CAAA,EAAA,EAAA,EAAA;AACPZ,UAAAA,MAAM,EAAEwB,UAAAA;AAAU,SAAA,CAAA,CAAA;AAE1B,OAAC,CAAC,CAAA;KACL,EAAE,CAACxB,MAAM,EAAED,OAAO,EAAEF,KAAK,CAAC,CAAC,CAAA;AAE5B8B,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAS;QACxB,IAAI7B,OAAO,KAAKsB,SAAS,EAAE;UACvBZ,YAAY,CAACV,OAAO,CAAC,CAAA;AACzB,SAAC,MAAM;AACH,UAAA,IAAMwB,KAAK,GAAGL,UAAU,CAACW,SAAS,CAAC,UAACjB,IAAI,EAAA;AAAA,YAAA,OAAKA,IAAI,CAACZ,MAAM,KAAK,QAAQ,CAAA;WAAC,CAAA,CAAA;UACtES,YAAY,CAACc,KAAK,KAAK,CAAC,CAAC,GAAGA,KAAK,GAAGF,SAAS,CAAC,CAAA;AAClD,SAAA;OACH,CAAA;AAEDO,MAAAA,aAAa,EAAE,CAAA;AAEf,MAAA,OAAO,YAAM;AACTA,QAAAA,aAAa,EAAE,CAAA;OAClB,CAAA;AACL,KAAC,EAAE,CAAC7B,OAAO,EAAEmB,UAAU,CAAC,CAAC,CAAA;AAEzB,IAAA,oBACIY,KAAA,CAAAC,aAAA,CAACrD,IAAI,EAAAsD,QAAA,CAAA;AACD9C,MAAAA,IAAI,EAAEA,IAAK;AACXH,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnBgD,MAAAA,GAAG,EAAEpD,QAAS;AACdqD,MAAAA,SAAS,EAAEC,GAAG,CAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CACTC,EAAAA,EAAAA,OAAO,CAACC,mBAAmB,EAAGlD,WAAW,KAAK,UAAU,CACxDiD,EAAAA,OAAO,CAACE,MAAM,EAAGzB,QAAQ,CACzBuB,EAAAA,OAAO,CAAC3B,YAAY,EAAGA,YAAY,CACvC,CAAA;KACGT,EAAAA,IAAI,CAEPiB,EAAAA,UAAU,CAACI,GAAG,CAAC,UAACV,IAAI,EAAEW,KAAK,EAAK;AAC7B,MAAA,IAAMiB,QAAQ,GAAG5B,IAAI,CAACZ,MAAM,KAAK,QAAQ,CAAA;AAEzC,MAAA,IAAMyC,WAAW,GACZ/C,UAAU,KAAK,QAAQ,IAAI,CAAC8C,QAAQ,IAAK9C,UAAU,KAAK,MAAM,GAAG,EAAE,GAAGkB,IAAI,CAACK,OAAO,CAAA;MAEvF,IAAMyB,gBAAgB,GAAGtD,WAAW,KAAK,YAAY,GAAGE,YAAY,GAAG,MAAM,CAAA;MAC7E,IAAMqD,OAAO,GAAG7C,QAAQ,GAAG,YAAA;AAAA,QAAA,OAAMA,QAAQ,CAACc,IAAI,EAAEW,KAAK,EAAEf,SAAS,CAAC,CAAA;AAAA,OAAA,GAAGa,SAAS,CAAA;AAE7E,MAAA,oBACIS,KAAA,CAAAC,aAAA,CAACa,QAAQ,EAAA;AACLC,QAAAA,GAAG,EAAEtB,KAAM;AACXA,QAAAA,KAAK,EAAEA,KAAM;QACbP,KAAK,EAAEJ,IAAI,CAACI,KAAM;AAClBC,QAAAA,OAAO,EAAEwB,WAAY;QACrB5B,SAAS,EAAED,IAAI,CAACC,SAAU;QAC1Bb,MAAM,EAAEY,IAAI,CAACZ,MAAO;AACpBd,QAAAA,IAAI,EAAEA,IAAM;AACZE,QAAAA,WAAW,EAAEA,WAAY;AACzBE,QAAAA,YAAY,EAAEoD,gBAAiB;AAC/BlD,QAAAA,OAAO,EAAEA,OAAQ;QACjBG,SAAS,EAAEA,SAAS,IAAI6C,QAAS;AACjCG,QAAAA,OAAO,EAAEA,OAAQ;AACjB9C,QAAAA,KAAK,EAAEqB,UAAAA;AAAW,OACrB,CAAC,CAAA;AAEV,KAAC,CACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAExE,SAAS;AACjByE,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjE,IAAAA,IAAI,EAAEkE,MAAO;AACbrE,IAAAA,IAAI,EAAEsE,MAAO;AACbpE,IAAAA,QAAQ,EAAEqE,MAAAA;GACb;AACDC,EAAAA,QAAQ,EAAE;AACNxE,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,QAAQ,EAAE,SAAA;AACd,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Steps.js","sources":["../../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as itemViewCSS } from './variations/_itemView/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n itemView = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number \| undefined>();\n\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n const innerItems = useMemo(() => {\n const isUncontrolled = current !== undefined;\n\n return items.map((item, index) => {\n const itemStatus = getItemStatus({\n isUncontrolled,\n current,\n status,\n index,\n item,\n });\n\n return {\n ...item,\n status: itemStatus,\n };\n });\n }, [status, current, items]);\n\n useEffect(() => {\n const calcPrevIndex = () => {\n if (current !== undefined) {\n setPrevIndex(current);\n } else {\n const index = innerItems.findIndex((item) => item.status === 'active');\n setPrevIndex(index !== -1 ? index : undefined);\n }\n };\n\n calcPrevIndex();\n\n return () => {\n calcPrevIndex();\n };\n }, [current, innerItems]);\n\n return (\n <Root\n size={size}\n view={view}\n itemView={itemView}\n ref={outerRef}\n className={cls({\n [classes.verticalOrientation]: orientation === 'vertical',\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n {...rest}\n >\n {innerItems.map((item, index) => {\n const isActive = item.status === 'active';\n\n const itemContent =\n (hasContent === 'active' && !isActive) \|\| hasContent === 'none' ? '' : item.content;\n\n const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n return (\n <StepItem\n key={index}\n index={index}\n title={item.title}\n content={itemContent}\n indicator={item.indicator}\n status={item.status}\n size={size!}\n orientation={orientation}\n contentAlign={itemContentAlign}\n hasLine={hasLine}\n hasLoader={hasLoader && isActive}\n onClick={onClick}\n items={innerItems}\n />\n );\n })}\n </Root>\n );\n });\n\nexport const stepsConfig = {\n name: 'Steps',\n tag: 'div',\n layout: stepsRoot,\n base,\n variations: {\n size: sizeCSS,\n view: viewCSS,\n itemView: itemViewCSS,\n },\n defaults: {\n view: 'default',\n size: 'm',\n itemView: 'default',\n },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","_props$itemView","itemView","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","itemViewCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Steps/ui/StepItem/StepItem.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import cls from 'classnames';
 import { classes, tokens } from '../../Steps.tokens.js';
 import { StepItemStyled, BulletIndicatorWrapper, SpinnerStyled, StepItemDivider, StepItemContentWrapper, StepItemTitle, StepItemContent, BulletIndicator, Bullet } from './StepItem.styles.js';
@@ -74,62 +74,62 @@ var StepItem = function StepItem(_ref) {
   }, [isDisabled]);
   if (isSimple) {
     var _cls;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StepItemStyled, {
       className: cls((_cls = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.transparentDivider, !hasLine), classes.verticalOrientation, isVertical), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, "isFirst", isFirst), "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
-    }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
+    }, /*#__PURE__*/React__default.createElement(BulletIndicatorWrapper, {
       className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
       onClick: onClickHandler,
       onFocus: onMouseOver,
       onBlur: onMouseOut,
       onMouseOver: onMouseOver,
       onMouseOut: onMouseOut
-    }, hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
+    }, hasLoader && /*#__PURE__*/React__default.createElement(SpinnerStyled, {
       hasIndicator: hasIndicator
-    }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
+    }), !hasLoader && /*#__PURE__*/React__default.createElement(BulletNode, {
       className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive)),
       disabled: isDisabled
     }, typeof indicator === 'function' && indicator({
       status: status,
       item: item,
       size: size
-    }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
+    }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/React__default.createElement(StepItemDivider, {
       className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.active, isActive), classes.inactive, isInactive || isNextInactive), classes.disabled, isDisabled))
     }));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StepItemStyled, {
     className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
-  }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
+  }, /*#__PURE__*/React__default.createElement(BulletIndicatorWrapper, {
     className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
     onClick: onClickHandler,
     onFocus: onMouseOver,
     onBlur: onMouseOut,
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut
-  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
+  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React__default.createElement(StepItemDivider, {
     className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive))
-  }), isVertical && /*#__PURE__*/React.createElement(StepItemDivider, {
+  }), isVertical && /*#__PURE__*/React__default.createElement(StepItemDivider, {
     className: cls(classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive)),
     indentToken: indentToken
-  }), hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
+  }), hasLoader && /*#__PURE__*/React__default.createElement(SpinnerStyled, {
     hasIndicator: hasIndicator
-  }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
+  }), !hasLoader && /*#__PURE__*/React__default.createElement(BulletNode, {
     className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive)),
     disabled: isDisabled
   }, typeof indicator === 'function' && indicator({
     status: status,
     item: item,
     size: size
-  }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React.createElement(StepItemDivider, {
+  }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React__default.createElement(StepItemDivider, {
     className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isLast), classes.inactive, isInactive || isNextInactive))
-  })), /*#__PURE__*/React.createElement(StepItemContentWrapper, {
+  })), /*#__PURE__*/React__default.createElement(StepItemContentWrapper, {
     className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.active, isActive), classes.hasIndicator, hasIndicator))
-  }, /*#__PURE__*/React.createElement(StepItemTitle, {
+  }, /*#__PURE__*/React__default.createElement(StepItemTitle, {
     onClick: onClickHandler,
     onFocus: onMouseOver,
     onBlur: onMouseOut,
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut
-  }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
+  }, title), content && /*#__PURE__*/React__default.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
 };
 export { StepItem };

package/dist/css/es/components/Steps/ui/StepItem/StepItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepItem.js","sources":["../../../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport cls from 'classnames';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { StepsContent, StepsContentAlign, StepsOrientation } from '../../Steps.types';\n\nimport type { StepItemProps } from './StepItem.types';\nimport {\n Bullet,\n BulletIndicator,\n BulletIndicatorWrapper,\n StepItemContent,\n StepItemContentWrapper,\n StepItemDivider,\n StepItemStyled,\n StepItemTitle,\n SpinnerStyled,\n} from './StepItem.styles';\n\n// todo попробовать заменить через baseline выравнивание\nconst indicatorSizesIndentsMap = {\n 8: `var(${tokens.smallBulletIndentHeight})`,\n 16: `var(${tokens.largeBulletIndentHeight})`,\n 24: `var(${tokens.smallIndicatorIndentHeight})`,\n 36: `var(${tokens.largeIndicatorIndentHeight})`,\n} as const;\n\nexport const StepItem: React.FC<\n StepItemProps & {\n index: number;\n items: StepItemProps[];\n size: string;\n hasLine?: boolean;\n hasContent?: StepsContent;\n hasLoader?: boolean;\n isFirst?: boolean;\n isLast?: boolean;\n onClick?: (item: StepItemProps, index: number) => void;\n contentAlign?: StepsContentAlign;\n orientation?: StepsOrientation;\n }\n> = ({\n index,\n title,\n content,\n indicator,\n status = 'inactive',\n size,\n orientation,\n contentAlign,\n hasLine,\n hasLoader,\n onClick,\n items,\n}) => {\n const [isHovered, setIsHovered] = useState(false);\n\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n const prevItem = items[index - 1];\n const nextItem = items[index + 1];\n\n const isActive = status === 'active';\n const isNextActive = nextItem?.status === 'active';\n const isInactive = status === 'inactive';\n const isPrevInactive = (prevItem && !prevItem?.status) \|\| prevItem?.status === 'inactive';\n const isNextInactive = !nextItem?.status \|\| nextItem?.status === 'inactive';\n\n const hasIndicator = indicator != null;\n\n const BulletNode = hasIndicator ? BulletIndicator : Bullet;\n\n const item = items[index];\n const isSimple = !title && !content;\n const clickable = Boolean(onClick);\n const isVertical = orientation === 'vertical';\n const isCentered = contentAlign === 'center';\n const isDisabled = item.disabled;\n\n const onClickHandler = onClick && !isDisabled ? () => onClick(item, index) : undefined;\n\n let resultIndicatorSize: keyof typeof indicatorSizesIndentsMap;\n if (hasIndicator) {\n resultIndicatorSize = isActive ? 36 : 24;\n } else {\n resultIndicatorSize = isActive ? 16 : 8;\n }\n\n const indentToken = indicatorSizesIndentsMap[resultIndicatorSize];\n\n // todo заменить на callback с условиями внутри\n const onMouseOver =\n clickable && !isDisabled\n ? () => {\n if (isDisabled) {\n setIsHovered(false);\n }\n\n setIsHovered(true);\n }\n : undefined;\n\n const onMouseOut =\n clickable && !isDisabled\n ? () => {\n setIsHovered(false);\n }\n : undefined;\n\n useEffect(() => {\n if (isDisabled) {\n setIsHovered(false);\n }\n }, [isDisabled]);\n\n if (isSimple) {\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.transparentDivider]: !hasLine,\n [classes.verticalOrientation]: isVertical,\n isFirst,\n isLast,\n isPrevInactive,\n isNextInactive,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n disabled={isDisabled}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n </BulletIndicatorWrapper>\n </StepItemStyled>\n {!isLast && (\n <StepItemDivider\n className={cls(classes.simple, {\n [classes.verticalOrientation]: isVertical,\n [classes.transparentDivider]: !hasLine,\n [classes.active]: isActive,\n [classes.inactive]: isInactive \|\| isNextInactive,\n [classes.disabled]: isDisabled,\n })}\n />\n )}\n </>\n );\n }\n\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.verticalOrientation]: isVertical,\n isNextActive,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {contentAlign === 'center' && !isSimple && (\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine \|\| isFirst,\n [classes.inactive]: isInactive \|\| isPrevInactive,\n })}\n />\n )}\n\n {isVertical && (\n <StepItemDivider\n className={cls(classes.indentDivider, {\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine \|\| isFirst,\n [classes.inactive]: isInactive \|\| isPrevInactive,\n })}\n indentToken={indentToken}\n />\n )}\n\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n disabled={isDisabled}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine \|\| isLast,\n [classes.inactive]: isInactive \|\| isNextInactive,\n })}\n />\n </BulletIndicatorWrapper>\n\n <StepItemContentWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.active]: isActive,\n [classes.hasIndicator]: hasIndicator,\n })}\n >\n <StepItemTitle\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {title}\n </StepItemTitle>\n\n {content && (\n <StepItemContent>\n {typeof content === 'function' ? content(status, index, items) : content}\n </StepItemContent>\n )}\n </StepItemContentWrapper>\n </StepItemStyled>\n </>\n );\n};\n"],"names":["indicatorSizesIndentsMap","concat","tokens","smallBulletIndentHeight","largeBulletIndentHeight","smallIndicatorIndentHeight","largeIndicatorIndentHeight","StepItem","_ref","index","title","content","indicator","_ref$status","status","size","orientation","contentAlign","hasLine","hasLoader","onClick","items","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","isFirst","isLast","length","prevItem","nextItem","isActive","isNextActive","isInactive","isPrevInactive","isNextInactive","hasIndicator","BulletNode","BulletIndicator","Bullet","item","isSimple","clickable","Boolean","isVertical","isCentered","isDisabled","disabled","onClickHandler","undefined","resultIndicatorSize","indentToken","onMouseOver","onMouseOut","useEffect","_cls","React","createElement","Fragment","StepItemStyled","className","cls","_defineProperty","classes","simple","active","hovered","inactive","centered","transparentDivider","verticalOrientation","BulletIndicatorWrapper","onFocus","onBlur","SpinnerStyled","StepItemDivider","indentDivider","StepItemContentWrapper","StepItemTitle","StepItemContent"],"mappings":"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"}
1	+ {"version":3,"file":"StepItem.js","sources":["../../../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport cls from 'classnames';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { StepsContent, StepsContentAlign, StepsOrientation } from '../../Steps.types';\n\nimport type { StepItemProps } from './StepItem.types';\nimport {\n Bullet,\n BulletIndicator,\n BulletIndicatorWrapper,\n StepItemContent,\n StepItemContentWrapper,\n StepItemDivider,\n StepItemStyled,\n StepItemTitle,\n SpinnerStyled,\n} from './StepItem.styles';\n\n// todo попробовать заменить через baseline выравнивание\nconst indicatorSizesIndentsMap = {\n 8: `var(${tokens.smallBulletIndentHeight})`,\n 16: `var(${tokens.largeBulletIndentHeight})`,\n 24: `var(${tokens.smallIndicatorIndentHeight})`,\n 36: `var(${tokens.largeIndicatorIndentHeight})`,\n} as const;\n\nexport const StepItem: React.FC<\n StepItemProps & {\n index: number;\n items: StepItemProps[];\n size: string;\n hasLine?: boolean;\n hasContent?: StepsContent;\n hasLoader?: boolean;\n isFirst?: boolean;\n isLast?: boolean;\n onClick?: (item: StepItemProps, index: number) => void;\n contentAlign?: StepsContentAlign;\n orientation?: StepsOrientation;\n }\n> = ({\n index,\n title,\n content,\n indicator,\n status = 'inactive',\n size,\n orientation,\n contentAlign,\n hasLine,\n hasLoader,\n onClick,\n items,\n}) => {\n const [isHovered, setIsHovered] = useState(false);\n\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n const prevItem = items[index - 1];\n const nextItem = items[index + 1];\n\n const isActive = status === 'active';\n const isNextActive = nextItem?.status === 'active';\n const isInactive = status === 'inactive';\n const isPrevInactive = (prevItem && !prevItem?.status) \|\| prevItem?.status === 'inactive';\n const isNextInactive = !nextItem?.status \|\| nextItem?.status === 'inactive';\n\n const hasIndicator = indicator != null;\n\n const BulletNode = hasIndicator ? BulletIndicator : Bullet;\n\n const item = items[index];\n const isSimple = !title && !content;\n const clickable = Boolean(onClick);\n const isVertical = orientation === 'vertical';\n const isCentered = contentAlign === 'center';\n const isDisabled = item.disabled;\n\n const onClickHandler = onClick && !isDisabled ? () => onClick(item, index) : undefined;\n\n let resultIndicatorSize: keyof typeof indicatorSizesIndentsMap;\n if (hasIndicator) {\n resultIndicatorSize = isActive ? 36 : 24;\n } else {\n resultIndicatorSize = isActive ? 16 : 8;\n }\n\n const indentToken = indicatorSizesIndentsMap[resultIndicatorSize];\n\n // todo заменить на callback с условиями внутри\n const onMouseOver =\n clickable && !isDisabled\n ? () => {\n if (isDisabled) {\n setIsHovered(false);\n }\n\n setIsHovered(true);\n }\n : undefined;\n\n const onMouseOut =\n clickable && !isDisabled\n ? () => {\n setIsHovered(false);\n }\n : undefined;\n\n useEffect(() => {\n if (isDisabled) {\n setIsHovered(false);\n }\n }, [isDisabled]);\n\n if (isSimple) {\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.transparentDivider]: !hasLine,\n [classes.verticalOrientation]: isVertical,\n isFirst,\n isLast,\n isPrevInactive,\n isNextInactive,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n disabled={isDisabled}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n </BulletIndicatorWrapper>\n </StepItemStyled>\n {!isLast && (\n <StepItemDivider\n className={cls(classes.simple, {\n [classes.verticalOrientation]: isVertical,\n [classes.transparentDivider]: !hasLine,\n [classes.active]: isActive,\n [classes.inactive]: isInactive \|\| isNextInactive,\n [classes.disabled]: isDisabled,\n })}\n />\n )}\n </>\n );\n }\n\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.verticalOrientation]: isVertical,\n isNextActive,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {contentAlign === 'center' && !isSimple && (\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine \|\| isFirst,\n [classes.inactive]: isInactive \|\| isPrevInactive,\n })}\n />\n )}\n\n {isVertical && (\n <StepItemDivider\n className={cls(classes.indentDivider, {\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine \|\| isFirst,\n [classes.inactive]: isInactive \|\| isPrevInactive,\n })}\n indentToken={indentToken}\n />\n )}\n\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n disabled={isDisabled}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine \|\| isLast,\n [classes.inactive]: isInactive \|\| isNextInactive,\n })}\n />\n </BulletIndicatorWrapper>\n\n <StepItemContentWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.active]: isActive,\n [classes.hasIndicator]: hasIndicator,\n })}\n >\n <StepItemTitle\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {title}\n </StepItemTitle>\n\n {content && (\n <StepItemContent>\n {typeof content === 'function' ? content(status, index, items) : content}\n </StepItemContent>\n )}\n </StepItemContentWrapper>\n </StepItemStyled>\n </>\n );\n};\n"],"names":["indicatorSizesIndentsMap","concat","tokens","smallBulletIndentHeight","largeBulletIndentHeight","smallIndicatorIndentHeight","largeIndicatorIndentHeight","StepItem","_ref","index","title","content","indicator","_ref$status","status","size","orientation","contentAlign","hasLine","hasLoader","onClick","items","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","isFirst","isLast","length","prevItem","nextItem","isActive","isNextActive","isInactive","isPrevInactive","isNextInactive","hasIndicator","BulletNode","BulletIndicator","Bullet","item","isSimple","clickable","Boolean","isVertical","isCentered","isDisabled","disabled","onClickHandler","undefined","resultIndicatorSize","indentToken","onMouseOver","onMouseOut","useEffect","_cls","React","createElement","Fragment","StepItemStyled","className","cls","_defineProperty","classes","simple","active","hovered","inactive","centered","transparentDivider","verticalOrientation","BulletIndicatorWrapper","onFocus","onBlur","SpinnerStyled","StepItemDivider","indentDivider","StepItemContentWrapper","StepItemTitle","StepItemContent"],"mappings":"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"}

package/dist/css/es/components/Switch/Switch.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { base as base$1 } from './_size/base.js';
 import { base as base$3 } from './_toggleSize/base.js';
 import { base as base$2 } from './_view/base.js';
@@ -32,7 +32,7 @@ var switchRoot = function switchRoot(Root) {
       defaultChecked = props.defaultChecked,
       rest = _objectWithoutProperties(props, _excluded);
     var exactChecked = Boolean((checked !== null && checked !== void 0 ? checked : pressed) !== undefined ? checked !== null && checked !== void 0 ? checked : pressed : defaultChecked);
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React__default.createElement(Root, {
       view: view,
       size: size,
       toggleSize: toggleSize,
@@ -42,9 +42,9 @@ var switchRoot = function switchRoot(Root) {
       id: id,
       style: style,
       className: cx(className)
-    }, /*#__PURE__*/React.createElement(StyledContent, {
+    }, /*#__PURE__*/React__default.createElement(StyledContent, {
       className: cx(classes["".concat(labelPosition, "SwitchLabelPosition")])
-    }, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
+    }, /*#__PURE__*/React__default.createElement(StyledInput, _extends({}, rest, {
       ref: ref,
       role: "switch",
       "aria-checked": exactChecked,
@@ -52,12 +52,12 @@ var switchRoot = function switchRoot(Root) {
       checked: checked !== null && checked !== void 0 ? checked : pressed,
       defaultChecked: defaultChecked,
       disabled: disabled
-    })), /*#__PURE__*/React.createElement(StyledLabel, {
+    })), /*#__PURE__*/React__default.createElement(StyledLabel, {
       tabIndex: -1,
       className: singleLine ? classes.singleLine : ''
-    }, label), _StyledTrigger || (_StyledTrigger = /*#__PURE__*/React.createElement(StyledTrigger, {
+    }, label), _StyledTrigger || (_StyledTrigger = /*#__PURE__*/React__default.createElement(StyledTrigger, {
       "aria-hidden": true
-    }))), description && /*#__PURE__*/React.createElement(StyledDescription, null, description));
+    }))), description && /*#__PURE__*/React__default.createElement(StyledDescription, null, description));
   });
 };
 var switchConfig = {