@salutejs/plasma-new-hope 0.157.1-canary.1412.11127658499.0 → 0.158.0-canary.1443.11125700749.0

package/cjs/components/Popup/PopupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupRoot.js","sources":["../../../src/components/Popup/PopupRoot.tsx"],"sourcesContent":["import React, { useCallback, forwardRef, useRef, AnimationEvent, TransitionEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { usePopupContext } from './PopupContext';\nimport type { PopupRootProps } from './Popup.types';\nimport { PopupRootContainer, PopupView } from './Popup.styles';\nimport { classes } from './Popup.tokens';\n\n/**\n * Корень Popup.\n * Управляет показом/скрытием и анимацией всплывающего окна.\n */\nexport const PopupRoot = forwardRef<HTMLDivElement, PopupRootProps>(\n    ({ id, placement, offset, setVisible, children, role, zIndex, animationInfo, ...rest }, ref) => {\n        const contentRef = useRef<HTMLDivElement | null>(null);\n        const innerRef = useForkRef<HTMLDivElement>(contentRef, ref);\n\n        const popupController = usePopupContext();\n\n        const handleAnimationEnd = useCallback(\n            (e: AnimationEvent<HTMLDivElement> | TransitionEvent<HTMLDivElement>) => {\n                if (!contentRef || e.target !== contentRef.current) {\n                    return;\n                }\n                e.stopPropagation();\n                if (animationInfo?.endAnimation) {\n                    popupController.unregister(id);\n                    setVisible(false);\n                    animationInfo.setEndAnimation(false);\n                }\n            },\n            [popupController.unregister, animationInfo?.endAnimation, setVisible],\n        );\n\n        return (\n            <PopupRootContainer\n                className={classes.root}\n                ref={innerRef}\n                placement={placement}\n                offset={offset}\n                zIndex={zIndex}\n                onAnimationEnd={handleAnimationEnd}\n                onTransitionEnd={handleAnimationEnd}\n                {...rest}\n            >\n                <PopupView role={role}>{children}</PopupView>\n            </PopupRootContainer>\n        );\n    },\n);\n"],"names":["PopupRoot","forwardRef","_ref","ref","id","placement","offset","setVisible","children","role","zIndex","animationInfo","rest","_objectWithoutProperties","_excluded","contentRef","useRef","innerRef","useForkRef","popupController","usePopupContext","handleAnimationEnd","useCallback","e","target","current","stopPropagation","endAnimation","unregister","setEndAnimation","React","createElement","PopupRootContainer","_extends","className","classes","root","onAnimationEnd","onTransitionEnd","PopupView"],"mappings":";;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACO,IAAMA,SAAS,gBAAGC,gBAAU,CAC/B,UAAAC,IAAA,EAAwFC,GAAG,EAAK;AAAA,EAAA,IAA7FC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IAAEC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAEC,aAAa,GAAAT,IAAA,CAAbS,aAAa;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAChF,EAAA,IAAMC,UAAU,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;AACtD,EAAA,IAAMC,QAAQ,GAAGC,qBAAU,CAAiBH,UAAU,EAAEZ,GAAG,CAAC,CAAA;AAE5D,EAAA,IAAMgB,eAAe,GAAGC,4BAAe,EAAE,CAAA;AAEzC,EAAA,IAAMC,kBAAkB,GAAGC,iBAAW,CAClC,UAACC,CAAmE,EAAK;IACrE,IAAI,CAACR,UAAU,IAAIQ,CAAC,CAACC,MAAM,KAAKT,UAAU,CAACU,OAAO,EAAE;AAChD,MAAA,OAAA;AACJ,KAAA;IACAF,CAAC,CAACG,eAAe,EAAE,CAAA;AACnB,IAAA,IAAIf,aAAa,KAAbA,IAAAA,IAAAA,aAAa,eAAbA,aAAa,CAAEgB,YAAY,EAAE;AAC7BR,MAAAA,eAAe,CAACS,UAAU,CAACxB,EAAE,CAAC,CAAA;MAC9BG,UAAU,CAAC,KAAK,CAAC,CAAA;AACjBI,MAAAA,aAAa,CAACkB,eAAe,CAAC,KAAK,CAAC,CAAA;AACxC,KAAA;AACJ,GAAC,EACD,CAACV,eAAe,CAACS,UAAU,EAAEjB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAEgB,YAAY,EAAEpB,UAAU,CACxE,CAAC,CAAA;AAED,EAAA,oBACIuB,KAAA,CAAAC,aAAA,CAACC,+BAAkB,EAAAC,iCAAA,CAAA;IACfC,SAAS,EAAEC,oBAAO,CAACC,IAAK;AACxBjC,IAAAA,GAAG,EAAEc,QAAS;AACdZ,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,MAAM,EAAEA,MAAO;AACfI,IAAAA,MAAM,EAAEA,MAAO;AACf2B,IAAAA,cAAc,EAAEhB,kBAAmB;AACnCiB,IAAAA,eAAe,EAAEjB,kBAAAA;AAAmB,GAAA,EAChCT,IAAI,CAERkB,eAAAA,KAAA,CAAAC,aAAA,CAACQ,sBAAS,EAAA;AAAC9B,IAAAA,IAAI,EAAEA,IAAAA;GAAOD,EAAAA,QAAoB,CAC5B,CAAC,CAAA;AAE7B,CACJ;;;;"}
+{"version":3,"file":"PopupRoot.js","sources":["../../../src/components/Popup/PopupRoot.tsx"],"sourcesContent":["import React, { useCallback, forwardRef, useRef, AnimationEvent, TransitionEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { usePopupContext } from './PopupContext';\nimport type { PopupRootProps } from './Popup.types';\nimport { PopupRootContainer, PopupView } from './Popup.styles';\nimport { classes } from './Popup.tokens';\n\n/**\n * Корень Popup.\n * Управляет показом/скрытием и анимацией всплывающего окна.\n */\nexport const PopupRoot = forwardRef<HTMLDivElement, PopupRootProps>(\n    ({ id, placement, offset, frame, setVisible, children, role, zIndex, animationInfo, className, ...rest }, ref) => {\n        const contentRef = useRef<HTMLDivElement | null>(null);\n        const innerRef = useForkRef<HTMLDivElement>(contentRef, ref);\n\n        const popupController = usePopupContext();\n\n        const handleAnimationEnd = useCallback(\n            (e: AnimationEvent<HTMLDivElement> | TransitionEvent<HTMLDivElement>) => {\n                if (!contentRef || e.target !== contentRef.current) {\n                    return;\n                }\n                e.stopPropagation();\n                if (animationInfo?.endAnimation) {\n                    popupController.unregister(id);\n                    setVisible(false);\n                    animationInfo.setEndAnimation(false);\n                }\n            },\n            [popupController.unregister, animationInfo?.endAnimation, setVisible],\n        );\n\n        return (\n            <PopupRootContainer\n                className={classes.root}\n                ref={innerRef}\n                placement={placement}\n                offset={offset}\n                zIndex={zIndex}\n                onAnimationEnd={handleAnimationEnd}\n                onTransitionEnd={handleAnimationEnd}\n                {...rest}\n            >\n                <PopupView role={role}>{children}</PopupView>\n            </PopupRootContainer>\n        );\n    },\n);\n"],"names":["PopupRoot","forwardRef","_ref","ref","id","placement","offset","setVisible","children","role","zIndex","animationInfo","rest","_objectWithoutProperties","_excluded","contentRef","useRef","innerRef","useForkRef","popupController","usePopupContext","handleAnimationEnd","useCallback","e","target","current","stopPropagation","endAnimation","unregister","setEndAnimation","React","createElement","PopupRootContainer","_extends","className","classes","root","onAnimationEnd","onTransitionEnd","PopupView"],"mappings":";;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACO,IAAMA,SAAS,gBAAGC,gBAAU,CAC/B,UAAAC,IAAA,EAA0GC,GAAG,EAAK;AAAA,EAAA,IAA/GC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAA;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAA;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM,CAAA;IAASC,UAAU,GAAAL,IAAA,CAAVK,UAAU,CAAA;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;IAAEC,IAAI,GAAAP,IAAA,CAAJO,IAAI,CAAA;IAAEC,MAAM,GAAAR,IAAA,CAANQ,MAAM,CAAA;IAAEC,aAAa,GAAAT,IAAA,CAAbS,aAAa,CAAA;IAAgBC,IAAI,GAAAC,iDAAA,CAAAX,IAAA,EAAAY,SAAA,EAAA;AAClG,EAAA,IAAMC,UAAU,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;AACtD,EAAA,IAAMC,QAAQ,GAAGC,qBAAU,CAAiBH,UAAU,EAAEZ,GAAG,CAAC,CAAA;AAE5D,EAAA,IAAMgB,eAAe,GAAGC,4BAAe,EAAE,CAAA;AAEzC,EAAA,IAAMC,kBAAkB,GAAGC,iBAAW,CAClC,UAACC,CAAmE,EAAK;IACrE,IAAI,CAACR,UAAU,IAAIQ,CAAC,CAACC,MAAM,KAAKT,UAAU,CAACU,OAAO,EAAE;AAChD,MAAA,OAAA;AACJ,KAAA;IACAF,CAAC,CAACG,eAAe,EAAE,CAAA;AACnB,IAAA,IAAIf,aAAa,KAAbA,IAAAA,IAAAA,aAAa,eAAbA,aAAa,CAAEgB,YAAY,EAAE;AAC7BR,MAAAA,eAAe,CAACS,UAAU,CAACxB,EAAE,CAAC,CAAA;MAC9BG,UAAU,CAAC,KAAK,CAAC,CAAA;AACjBI,MAAAA,aAAa,CAACkB,eAAe,CAAC,KAAK,CAAC,CAAA;AACxC,KAAA;AACJ,GAAC,EACD,CAACV,eAAe,CAACS,UAAU,EAAEjB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAEgB,YAAY,EAAEpB,UAAU,CACxE,CAAC,CAAA;AAED,EAAA,oBACIuB,KAAA,CAAAC,aAAA,CAACC,+BAAkB,EAAAC,iCAAA,CAAA;IACfC,SAAS,EAAEC,oBAAO,CAACC,IAAK;AACxBjC,IAAAA,GAAG,EAAEc,QAAS;AACdZ,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,MAAM,EAAEA,MAAO;AACfI,IAAAA,MAAM,EAAEA,MAAO;AACf2B,IAAAA,cAAc,EAAEhB,kBAAmB;AACnCiB,IAAAA,eAAe,EAAEjB,kBAAAA;AAAmB,GAAA,EAChCT,IAAI,CAERkB,eAAAA,KAAA,CAAAC,aAAA,CAACQ,sBAAS,EAAA;AAAC9B,IAAAA,IAAI,EAAEA,IAAAA;GAAOD,EAAAA,QAAoB,CAC5B,CAAC,CAAA;AAE7B,CACJ;;;;"}

package/cjs/components/Popup/hooks/usePopup.js

@@ -6,7 +6,7 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var React = require('react');
 var PopupContext = require('../PopupContext.js');
 
-// Хук для подключения анимации
+// Хук для поключения анимации
 var usePopupAnimation = function usePopupAnimation() {
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -28,7 +28,6 @@ var usePopupAnimation = function usePopupAnimation() {
 var usePopup = function usePopup(_ref) {
   var isOpen = _ref.isOpen,
     id = _ref.id,
-    isGlobalPopup = _ref.isGlobalPopup,
     popupInfo = _ref.popupInfo,
     withAnimation = _ref.withAnimation;
   var _useState5 = React.useState(false),
@@ -50,8 +49,7 @@ var usePopup = function usePopup(_ref) {
     // при первом открытии
     if (isOpen && !isVisible) {
       popupController.register(_rollupPluginBabelHelpers.objectSpread2({
-        id: id,
-        isGlobalPopup: isGlobalPopup
+        id: id
       }, popupInfo));
       setVisible(true);
       animationInfo.setEndAnimation(false);
@@ -80,8 +78,7 @@ var usePopup = function usePopup(_ref) {
     isVisible: isVisible,
     setVisible: setVisible,
     animationInfo: animationInfo,
-    withAnimation: withAnimation,
-    rootId: popupController.rootId
+    withAnimation: withAnimation
   };
 };
 

package/cjs/components/Popup/hooks/usePopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopup.js","sources":["../../../../src/components/Popup/hooks/usePopup.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { PopupAnimationInfo, PopupHookArgs } from '../Popup.types';\nimport { usePopupContext } from '../PopupContext';\n\n// Хук для подключения анимации\nconst usePopupAnimation = (): PopupAnimationInfo => {\n    const [endAnimation, setEndAnimation] = useState<boolean>(false);\n    const [endTransition, setEndTransition] = useState<boolean>(false);\n\n    return { endAnimation, endTransition, setEndTransition, setEndAnimation };\n};\n\n// Хук для внутреннего состояния, необходимого для правильного отображения вложенных окон, а также для анимации\nexport const usePopup = ({ isOpen, id, isGlobalPopup, popupInfo, withAnimation }: PopupHookArgs) => {\n    const [isVisible, setVisible] = useState<boolean>(false);\n    const popupController = usePopupContext();\n    const animationInfo = usePopupAnimation();\n\n    // для использования transition в качестве анимации\n    useEffect(() => {\n        if (withAnimation && animationInfo) {\n            animationInfo.setEndTransition(!isVisible || animationInfo?.endAnimation);\n        }\n    }, [animationInfo, withAnimation, isVisible]);\n\n    // сначала добавление/удаление из контекста, и только после этого отображение/скрытие\n    useEffect(() => {\n        // при первом открытии\n        if (isOpen && !isVisible) {\n            popupController.register({ id, isGlobalPopup, ...popupInfo });\n            setVisible(true);\n            animationInfo.setEndAnimation(false);\n            return;\n        }\n\n        if (isOpen || !isVisible) {\n            return;\n        }\n\n        // если есть анимация - закрытие по окончании анимации\n        if (withAnimation) {\n            animationInfo.setEndAnimation(true);\n            return;\n        }\n\n        // иначе обычное закрытие\n        popupController.unregister(id);\n        setVisible(false);\n    }, [isOpen, isVisible, animationInfo]);\n\n    useEffect(() => {\n        return () => {\n            popupController.unregister(id);\n        };\n    }, [id]);\n\n    return { isVisible, setVisible, animationInfo, withAnimation, rootId: popupController.rootId };\n};\n"],"names":["usePopupAnimation","_useState","useState","_useState2","_slicedToArray","endAnimation","setEndAnimation","_useState3","_useState4","endTransition","setEndTransition","usePopup","_ref","isOpen","id","isGlobalPopup","popupInfo","withAnimation","_useState5","_useState6","isVisible","setVisible","popupController","usePopupContext","animationInfo","useEffect","register","_objectSpread","unregister","rootId"],"mappings":"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"}
+{"version":3,"file":"usePopup.js","sources":["../../../../src/components/Popup/hooks/usePopup.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { PopupAnimationInfo, PopupHookArgs } from '../Popup.types';\nimport { usePopupContext } from '../PopupContext';\n\n// Хук для поключения анимации\nconst usePopupAnimation = (): PopupAnimationInfo => {\n    const [endAnimation, setEndAnimation] = useState<boolean>(false);\n    const [endTransition, setEndTransition] = useState<boolean>(false);\n\n    return { endAnimation, endTransition, setEndTransition, setEndAnimation };\n};\n\n// Хук для внутреннего состояния, необходимого для правильного отображения вложенных окон, а также для анимации\nexport const usePopup = ({ isOpen, id, popupInfo, withAnimation }: PopupHookArgs) => {\n    const [isVisible, setVisible] = useState<boolean>(false);\n    const popupController = usePopupContext();\n    const animationInfo = usePopupAnimation();\n\n    // для использования transition в качестве анимации\n    useEffect(() => {\n        if (withAnimation && animationInfo) {\n            animationInfo.setEndTransition(!isVisible || animationInfo?.endAnimation);\n        }\n    }, [animationInfo, withAnimation, isVisible]);\n\n    // сначала добавление/удаление из контекста, и только после этого отображение/скрытие\n    useEffect(() => {\n        // при первом открытии\n        if (isOpen && !isVisible) {\n            popupController.register({ id, ...popupInfo });\n            setVisible(true);\n            animationInfo.setEndAnimation(false);\n            return;\n        }\n\n        if (isOpen || !isVisible) {\n            return;\n        }\n\n        // если есть анимация - закрытие по окончании анимации\n        if (withAnimation) {\n            animationInfo.setEndAnimation(true);\n            return;\n        }\n\n        // иначе обычное закрытие\n        popupController.unregister(id);\n        setVisible(false);\n    }, [isOpen, isVisible, animationInfo]);\n\n    useEffect(() => {\n        return () => {\n            popupController.unregister(id);\n        };\n    }, [id]);\n\n    return { isVisible, setVisible, animationInfo, withAnimation };\n};\n"],"names":["usePopupAnimation","_useState","useState","_useState2","_slicedToArray","endAnimation","setEndAnimation","_useState3","_useState4","endTransition","setEndTransition","usePopup","_ref","isOpen","id","popupInfo","withAnimation","_useState5","_useState6","isVisible","setVisible","popupController","usePopupContext","animationInfo","useEffect","register","_objectSpread","unregister"],"mappings":"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"}

package/cjs/components/Steps/Steps.css

@@ -0,0 +1,18 @@
+.Steps_styles_1qandre_b7q3upx__608d6251{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251:not(.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251{width:var(--plasma-step-item-active-indicator-size);height:auto;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251:not(.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251){width:var(--plasma-step-item-active-bullet-size);height:auto;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251{display:inline;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.StepItem_styles_1nnkvta_snf9dn9__8a73972e{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_1nnkvta_sv5tpso__8a73972e{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.StepItem_styles_1nnkvta_s529fhk__8a73972e{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.StepItem_styles_1nnkvta_b1kcj14__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple):not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e{min-width:var(--plasma-step-item-active-indicator-size);min-height:100%;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e:not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e){min-width:var(--plasma-step-item-active-bullet-size);min-height:100%;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_1nnkvta_b9hdug__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e:before,.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.StepItem_styles_1nnkvta_b1eo1o32__8a73972e.StepItem_styles_1nnkvta_b9hdug__8a73972e{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_1nnkvta_b1eo1o32__8a73972e.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
+.StepItem_styles_1nnkvta_sxskc3q__8a73972e{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1nnkvta_sxskc3q__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1nnkvta_sxskc3q__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsTransparentDivider__8a73972e{background-color:transparent;}
+.StepItem_styles_1nnkvta_s4zgmmr__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_1nnkvta_s4zgmmr__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e .StepItem_styles_1nnkvta_s529fhk__8a73972e{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_1nnkvta_s12pqpa3__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e:not(--plasma-steps-simple):not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e) .StepItem_styles_1nnkvta_b1kcj14__8a73972e{position:relative;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e:not(--plasma-steps-simple):not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e).StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e .StepItem_styles_1nnkvta_b1kcj14__8a73972e{position:relative;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e .StepItem_styles_1nnkvta_sxskc3q__8a73972e{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e:not(--plasma-step-item-active) .StepItem_styles_1nnkvta_sv5tpso__8a73972e{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e:not(--plasma-step-item-active) .StepItem_styles_1nnkvta_b9hdug__8a73972e,.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e:not(--plasma-step-item-active) .StepItem_styles_1nnkvta_b1eo1o32__8a73972e{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_b9hdug__8a73972e,.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_b1eo1o32__8a73972e{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e .StepItem_styles_1nnkvta_b1kcj14__8a73972e{cursor:pointer;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{width:100%;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e,.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e .StepItem_styles_1nnkvta_s529fhk__8a73972e{padding-right:0;text-align:center;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemDisabled__8a73972e{opacity:var(--plasma-step-item-disabled-opacity);}

package/cjs/components/Steps/Steps.js

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var Steps_tokens = require('./Steps.tokens.js');
+var Steps_styles = require('./Steps.styles.js');
+var StepItem = require('./ui/StepItem/StepItem.js');
+var base = require('./variations/_size/base.js');
+var base$1 = require('./variations/_view/base.js');
+
+var _excluded = ["size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
+var stepsRoot = function stepsRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
+    var _props$size = props.size,
+      size = _props$size === void 0 ? 's' : _props$size,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      _props$contentAlign = props.contentAlign,
+      contentAlign = _props$contentAlign === void 0 ? 'left' : _props$contentAlign,
+      _props$hasLine = props.hasLine,
+      hasLine = _props$hasLine === void 0 ? true : _props$hasLine,
+      _props$hasContent = props.hasContent,
+      hasContent = _props$hasContent === void 0 ? 'all' : _props$hasContent,
+      hasLoader = props.hasLoader,
+      _props$items = props.items,
+      items = _props$items === void 0 ? [] : _props$items,
+      onChange = props.onChange,
+      current = props.current,
+      status = props.status,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var _useState = React.useState(),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      prevIndex = _useState2[0],
+      setPrevIndex = _useState2[1];
+    var isUncontrolled = current !== undefined;
+    var hasIndicator = items.some(function (item) {
+      return item.indicator != null;
+    });
+    var isSimple = items.every(function (item) {
+      return !item.title && !item.content;
+    });
+    React.useEffect(function () {
+      return function () {
+        if (current !== undefined) {
+          setPrevIndex(current);
+        } else {
+          var index = items.findIndex(function (item) {
+            return item.status === 'active';
+          });
+          setPrevIndex(index !== -1 ? index : undefined);
+        }
+      };
+    }, [current, items]);
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      size: size,
+      view: "default",
+      ref: outerRef,
+      className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, orientation === 'vertical'), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator))
+    }, rest), items.map(function (item, index) {
+      var itemStatus = 'inactive';
+      if (isUncontrolled) {
+        if (current > index) {
+          itemStatus = 'completed';
+        } else if (current === index) {
+          itemStatus = status || 'active';
+        }
+      } else {
+        itemStatus = status || item.status || 'inactive';
+      }
+      if (item.disabled) {
+        itemStatus = 'inactive';
+      }
+      var isActive = itemStatus === 'active';
+      var content = item.content;
+      if (hasContent === 'active' && !isActive || hasContent === 'none') {
+        content = '';
+      }
+      return /*#__PURE__*/React.createElement(StepItem.StepItem, {
+        key: index,
+        index: index,
+        title: item.title,
+        content: content,
+        indicator: item.indicator,
+        status: itemStatus,
+        size: size,
+        orientation: orientation,
+        contentAlign: orientation === 'horizontal' ? contentAlign : 'left',
+        hasLine: hasLine,
+        hasLoader: hasLoader && isActive,
+        onClick: onChange ? function () {
+          return onChange(item, index, prevIndex);
+        } : undefined,
+        items: items
+      });
+    }));
+  });
+};
+var stepsConfig = {
+  name: 'Steps',
+  tag: 'div',
+  layout: stepsRoot,
+  base: Steps_styles.base,
+  variations: {
+    size: base.base,
+    view: base$1.base
+  },
+  defaults: {
+    view: 'default',
+    size: 's'
+  }
+};
+
+exports.stepsConfig = stepsConfig;
+exports.stepsRoot = stepsRoot;
+//# sourceMappingURL=Steps.js.map

package/cjs/components/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps } from './Steps.types';\nimport { base } from './Steps.styles';\nimport { StepItem, StepStatus } from './ui';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nexport const stepsRoot = (\n    Root: RootProps<\n        HTMLDivElement & Pick<StepsProps, 'onChange'>,\n        Omit<StepsProps & { view: 'default' } & HTMLAttributes<HTMLDivElement>, 'onChange'>\n    >,\n) =>\n    forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n        const {\n            size = 's',\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 isUncontrolled = current !== undefined;\n        const hasIndicator = items.some((item) => item.indicator != null);\n        const isSimple = items.every((item) => !item.title && !item.content);\n\n        useEffect(() => {\n            return () => {\n                if (current !== undefined) {\n                    setPrevIndex(current);\n                } else {\n                    const index = items.findIndex((item) => item.status === 'active');\n                    setPrevIndex(index !== -1 ? index : undefined);\n                }\n            };\n        }, [current, items]);\n\n        return (\n            <Root\n                size={size}\n                view=\"default\"\n                ref={outerRef}\n                className={cls({\n                    [classes.verticalOrientation]: orientation === 'vertical',\n                    [classes.simple]: isSimple,\n                    [classes.hasIndicator]: hasIndicator,\n                })}\n                {...rest}\n            >\n                {items.map((item, index) => {\n                    let itemStatus: StepStatus = 'inactive';\n                    if (isUncontrolled) {\n                        if (current! > index) {\n                            itemStatus = 'completed';\n                        } else if (current === index) {\n                            itemStatus = status || 'active';\n                        }\n                    } else {\n                        itemStatus = status || item.status || 'inactive';\n                    }\n\n                    if (item.disabled) {\n                        itemStatus = 'inactive';\n                    }\n\n                    const isActive = itemStatus === 'active';\n\n                    let { content } = item;\n\n                    if ((hasContent === 'active' && !isActive) || hasContent === 'none') {\n                        content = '';\n                    }\n\n                    return (\n                        <StepItem\n                            key={index}\n                            index={index}\n                            title={item.title}\n                            content={content}\n                            indicator={item.indicator}\n                            status={itemStatus}\n                            size={size}\n                            orientation={orientation}\n                            contentAlign={orientation === 'horizontal' ? contentAlign : 'left'}\n                            hasLine={hasLine}\n                            hasLoader={hasLoader && isActive}\n                            onClick={onChange ? () => onChange(item, index, prevIndex) : undefined}\n                            items={items}\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    },\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$size","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","isUncontrolled","undefined","hasIndicator","some","item","indicator","isSimple","every","title","content","useEffect","index","findIndex","React","createElement","_extends","view","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","map","itemStatus","disabled","isActive","StepItem","key","onClick","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAYaA,SAAS,GAAG,SAAZA,SAASA,CAClBC,IAGC,EAAA;AAAA,EAAA,oBAEDC,gBAAU,CAA6B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACxD,IAAA,IAAAC,WAAA,GAYIF,KAAK,CAXLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;MAAAE,kBAAA,GAWVJ,KAAK,CAVLK,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,kBAAA;MAAAE,mBAAA,GAU1BN,KAAK,CATLO,YAAY;AAAZA,MAAAA,YAAY,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAAE,cAAA,GASrBR,KAAK,CARLS,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAAAE,iBAAA,GAQdV,KAAK,CAPLW,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MAClBE,SAAS,GAMTZ,KAAK,CANLY,SAAS;MAAAC,YAAA,GAMTb,KAAK,CALLc,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;MACVE,QAAQ,GAIRf,KAAK,CAJLe,QAAQ;MACRC,OAAO,GAGPhB,KAAK,CAHLgB,OAAO;MACPC,MAAM,GAENjB,KAAK,CAFLiB,MAAM;AACHC,MAAAA,IAAI,GAAAC,iDAAA,CACPnB,KAAK,EAAAoB,SAAA,CAAA,CAAA;AAET,IAAA,IAAAC,SAAA,GAAkCC,cAAQ,EAAsB;MAAAC,UAAA,GAAAC,uCAAA,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,cAAc,GAAGX,OAAO,KAAKY,SAAS,CAAA;AAC5C,IAAA,IAAMC,YAAY,GAAGf,KAAK,CAACgB,IAAI,CAAC,UAACC,IAAI,EAAA;AAAA,MAAA,OAAKA,IAAI,CAACC,SAAS,IAAI,IAAI,CAAA;KAAC,CAAA,CAAA;AACjE,IAAA,IAAMC,QAAQ,GAAGnB,KAAK,CAACoB,KAAK,CAAC,UAACH,IAAI,EAAA;MAAA,OAAK,CAACA,IAAI,CAACI,KAAK,IAAI,CAACJ,IAAI,CAACK,OAAO,CAAA;KAAC,CAAA,CAAA;AAEpEC,IAAAA,eAAS,CAAC,YAAM;AACZ,MAAA,OAAO,YAAM;QACT,IAAIrB,OAAO,KAAKY,SAAS,EAAE;UACvBF,YAAY,CAACV,OAAO,CAAC,CAAA;AACzB,SAAC,MAAM;AACH,UAAA,IAAMsB,KAAK,GAAGxB,KAAK,CAACyB,SAAS,CAAC,UAACR,IAAI,EAAA;AAAA,YAAA,OAAKA,IAAI,CAACd,MAAM,KAAK,QAAQ,CAAA;WAAC,CAAA,CAAA;UACjES,YAAY,CAACY,KAAK,KAAK,CAAC,CAAC,GAAGA,KAAK,GAAGV,SAAS,CAAC,CAAA;AAClD,SAAA;OACH,CAAA;AACL,KAAC,EAAE,CAACZ,OAAO,EAAEF,KAAK,CAAC,CAAC,CAAA;AAEpB,IAAA,oBACI0B,KAAA,CAAAC,aAAA,CAAC3C,IAAI,EAAA4C,iCAAA,CAAA;AACDvC,MAAAA,IAAI,EAAEA,IAAK;AACXwC,MAAAA,IAAI,EAAC,SAAS;AACdC,MAAAA,GAAG,EAAE3C,QAAS;AACd4C,MAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACTC,EAAAA,EAAAA,oBAAO,CAACC,mBAAmB,EAAG5C,WAAW,KAAK,UAAU,CACxD2C,EAAAA,oBAAO,CAACE,MAAM,EAAGjB,QAAQ,CACzBe,EAAAA,oBAAO,CAACnB,YAAY,EAAGA,YAAY,CACvC,CAAA;KACGX,EAAAA,IAAI,CAEPJ,EAAAA,KAAK,CAACqC,GAAG,CAAC,UAACpB,IAAI,EAAEO,KAAK,EAAK;MACxB,IAAIc,UAAsB,GAAG,UAAU,CAAA;AACvC,MAAA,IAAIzB,cAAc,EAAE;QAChB,IAAIX,OAAO,GAAIsB,KAAK,EAAE;AAClBc,UAAAA,UAAU,GAAG,WAAW,CAAA;AAC5B,SAAC,MAAM,IAAIpC,OAAO,KAAKsB,KAAK,EAAE;UAC1Bc,UAAU,GAAGnC,MAAM,IAAI,QAAQ,CAAA;AACnC,SAAA;AACJ,OAAC,MAAM;AACHmC,QAAAA,UAAU,GAAGnC,MAAM,IAAIc,IAAI,CAACd,MAAM,IAAI,UAAU,CAAA;AACpD,OAAA;MAEA,IAAIc,IAAI,CAACsB,QAAQ,EAAE;AACfD,QAAAA,UAAU,GAAG,UAAU,CAAA;AAC3B,OAAA;AAEA,MAAA,IAAME,QAAQ,GAAGF,UAAU,KAAK,QAAQ,CAAA;AAExC,MAAA,IAAMhB,OAAO,GAAKL,IAAI,CAAhBK,OAAO,CAAA;MAEb,IAAKzB,UAAU,KAAK,QAAQ,IAAI,CAAC2C,QAAQ,IAAK3C,UAAU,KAAK,MAAM,EAAE;AACjEyB,QAAAA,OAAO,GAAG,EAAE,CAAA;AAChB,OAAA;AAEA,MAAA,oBACII,KAAA,CAAAC,aAAA,CAACc,iBAAQ,EAAA;AACLC,QAAAA,GAAG,EAAElB,KAAM;AACXA,QAAAA,KAAK,EAAEA,KAAM;QACbH,KAAK,EAAEJ,IAAI,CAACI,KAAM;AAClBC,QAAAA,OAAO,EAAEA,OAAQ;QACjBJ,SAAS,EAAED,IAAI,CAACC,SAAU;AAC1Bf,QAAAA,MAAM,EAAEmC,UAAW;AACnBjD,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,WAAW,EAAEA,WAAY;AACzBE,QAAAA,YAAY,EAAEF,WAAW,KAAK,YAAY,GAAGE,YAAY,GAAG,MAAO;AACnEE,QAAAA,OAAO,EAAEA,OAAQ;QACjBG,SAAS,EAAEA,SAAS,IAAI0C,QAAS;QACjCG,OAAO,EAAE1C,QAAQ,GAAG,YAAA;AAAA,UAAA,OAAMA,QAAQ,CAACgB,IAAI,EAAEO,KAAK,EAAEb,SAAS,CAAC,CAAA;AAAA,SAAA,GAAGG,SAAU;AACvEd,QAAAA,KAAK,EAAEA,KAAAA;AAAM,OAChB,CAAC,CAAA;AAEV,KAAC,CACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4C,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhE,SAAS;AACjBiE,EAAAA,IAAI,EAAJA,iBAAI;AACJC,EAAAA,UAAU,EAAE;AACR5D,IAAAA,IAAI,EAAE6D,SAAO;AACbrB,IAAAA,IAAI,EAAEsB,WAAAA;GACT;AACDC,EAAAA,QAAQ,EAAE;AACNvB,IAAAA,IAAI,EAAE,SAAS;AACfxC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Steps/Steps.styles.js

@@ -0,0 +1,9 @@
+import './Steps.styles_1qandre.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b7q3upx";
+
+exports.base = base;
+//# sourceMappingURL=Steps.styles.js.map

package/cjs/components/Steps/Steps.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.styles.js","sources":["../../../src/components/Steps/Steps.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Steps.tokens';\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n\n    &.${classes.simple} {\n        align-items: center;\n\n        &.${classes.hasIndicator} {\n            height: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            &.${classes.hasIndicator} {\n                width: var(${tokens.activeIndicatorSize});\n                height: auto;\n            }\n            &:not(.${classes.hasIndicator}) {\n                width: var(${tokens.activeBulletSize});\n                height: auto;\n            }\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        display: inline;\n        flex-direction: column;\n        justify-content: center;\n\n        &.${classes.simple} {\n            display: inline-flex;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAmChB;;;;"}

package/cjs/components/Steps/Steps.styles_1qandre.css

@@ -0,0 +1 @@
+.b7q3upx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b7q3upx.--plasma-steps-simple{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b7q3upx.--plasma-steps-simple.--plasma-step-item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.--plasma-steps-simple:not(.--plasma-step-item-has-indicator){height:var(--plasma-step-item-active-bullet-size);}.b7q3upx.--plasma-steps-simple.--plasma-steps-vertical-orientation.--plasma-step-item-has-indicator{width:var(--plasma-step-item-active-indicator-size);height:auto;}.b7q3upx.--plasma-steps-simple.--plasma-steps-vertical-orientation:not(.--plasma-step-item-has-indicator){width:var(--plasma-step-item-active-bullet-size);height:auto;}.b7q3upx.--plasma-steps-vertical-orientation{display:inline;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b7q3upx.--plasma-steps-vertical-orientation.--plasma-steps-simple{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}

package/cjs/components/Steps/Steps.tokens.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  simple: '--plasma-steps-simple',
+  centered: '--plasma-step-item-centered',
+  active: '--plasma-step-item-active',
+  inactive: '--plasma-step-item-inactive',
+  clickable: '--plasma-step-item-clickable',
+  hovered: '--plasma-step-item-hovered',
+  disabled: '--plasma-step-item-disabled',
+  verticalOrientation: '--plasma-steps-vertical-orientation',
+  hasIndicator: '--plasma-step-item-has-indicator',
+  activeItem: '--plasma-step-item-has-indicator',
+  transparentDivider: '--plasma-steps-transparent-divider'
+};
+var tokens = {
+  indicatorSize: '--plasma-step-item-indicator-size',
+  activeIndicatorSize: '--plasma-step-item-active-indicator-size',
+  bulletSize: '--plasma-step-item-bullet-size',
+  activeBulletSize: '--plasma-step-item-active-bullet-size',
+  titlePaddingTop: '--plasma-step-item-title-padding-top',
+  contentPaddingTop: '--plasma-step-item-content-padding-top',
+  contentPaddingRight: '--plasma-step-item-content-padding-right',
+  contentSidePadding: '--plasma-step-item-content-side-padding',
+  contentVerticalPadding: '--plasma-step-item-content-vertical-padding',
+  verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',
+  smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',
+  largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',
+  smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',
+  largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',
+  titleFontFamily: '--plasma-step-item-title-font-family',
+  titleFontSize: '--plasma-step-item-title-font-size',
+  titleFontStyle: '--plasma-step-item-title-font-style',
+  titleFontWeight: '--plasma-step-item-title-font-weight',
+  titleLetterSpacing: '--plasma-step-item-title-letter-spacing',
+  titleLineHeight: '--plasma-step-item-title-line-height',
+  contentFontFamily: '--plasma-step-item-content-font-family',
+  contentFontSize: '--plasma-step-item-content-font-size',
+  contentFontStyle: '--plasma-step-item-content-font-style',
+  contentFontWeight: '--plasma-step-item-content-font-weight',
+  contentLetterSpacing: '--plasma-step-item-content-letter-spacing',
+  contentLineHeight: '--plasma-step-item-content-line-height',
+  indicatorFontFamily: '--plasma-step-item-indicator-font-family',
+  indicatorFontSize: '--plasma-step-item-indicator-font-size',
+  indicatorFontStyle: '--plasma-step-item-indicator-font-style',
+  indicatorFontWeight: '--plasma-step-item-indicator-font-weight',
+  indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',
+  indicatorLineHeight: '--plasma-step-item-indicator-line-height',
+  activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',
+  activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',
+  activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',
+  activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',
+  activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',
+  activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',
+  activeTitleColor: '--plasma-step-item-active-title-color',
+  activeTitleColorHover: '--plasma-step-item-active-title-color-hover',
+  inactiveTitleColor: '--plasma-step-item-inactive-title-color',
+  inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
+  contentColor: '--plasma-step-item-content-color',
+  activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
+  activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
+  activeIndicatorColor: '--plasma-step-item-active-indicator-color',
+  activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',
+  activeIndicatorBackground: '--plasma-step-item-active-indicator-background',
+  completedIndicatorColor: '--plasma-step-item-completed-indicator-color',
+  completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',
+  completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',
+  completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',
+  inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',
+  inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',
+  inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',
+  inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',
+  disabledOpacity: '--plasma-step-item-disabled-opacity',
+  dividerThickness: '--plasma-step-item-divider-thickness'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Steps.tokens.js.map

package/cjs/components/Steps/Steps.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.tokens.js","sources":["../../../src/components/Steps/Steps.tokens.ts"],"sourcesContent":["export const classes = {\n    simple: '--plasma-steps-simple',\n    centered: '--plasma-step-item-centered',\n    active: '--plasma-step-item-active',\n    inactive: '--plasma-step-item-inactive',\n    clickable: '--plasma-step-item-clickable',\n    hovered: '--plasma-step-item-hovered',\n    disabled: '--plasma-step-item-disabled',\n    verticalOrientation: '--plasma-steps-vertical-orientation',\n    hasIndicator: '--plasma-step-item-has-indicator',\n    activeItem: '--plasma-step-item-has-indicator',\n    transparentDivider: '--plasma-steps-transparent-divider',\n};\n\nexport const tokens = {\n    indicatorSize: '--plasma-step-item-indicator-size',\n    activeIndicatorSize: '--plasma-step-item-active-indicator-size',\n    bulletSize: '--plasma-step-item-bullet-size',\n    activeBulletSize: '--plasma-step-item-active-bullet-size',\n\n    titlePaddingTop: '--plasma-step-item-title-padding-top',\n    contentPaddingTop: '--plasma-step-item-content-padding-top',\n    contentPaddingRight: '--plasma-step-item-content-padding-right',\n    contentSidePadding: '--plasma-step-item-content-side-padding',\n    contentVerticalPadding: '--plasma-step-item-content-vertical-padding',\n    verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',\n\n    smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',\n    largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',\n    smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',\n    largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',\n\n    titleFontFamily: '--plasma-step-item-title-font-family',\n    titleFontSize: '--plasma-step-item-title-font-size',\n    titleFontStyle: '--plasma-step-item-title-font-style',\n    titleFontWeight: '--plasma-step-item-title-font-weight',\n    titleLetterSpacing: '--plasma-step-item-title-letter-spacing',\n    titleLineHeight: '--plasma-step-item-title-line-height',\n\n    contentFontFamily: '--plasma-step-item-content-font-family',\n    contentFontSize: '--plasma-step-item-content-font-size',\n    contentFontStyle: '--plasma-step-item-content-font-style',\n    contentFontWeight: '--plasma-step-item-content-font-weight',\n    contentLetterSpacing: '--plasma-step-item-content-letter-spacing',\n    contentLineHeight: '--plasma-step-item-content-line-height',\n\n    indicatorFontFamily: '--plasma-step-item-indicator-font-family',\n    indicatorFontSize: '--plasma-step-item-indicator-font-size',\n    indicatorFontStyle: '--plasma-step-item-indicator-font-style',\n    indicatorFontWeight: '--plasma-step-item-indicator-font-weight',\n    indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',\n    indicatorLineHeight: '--plasma-step-item-indicator-line-height',\n\n    activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',\n    activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',\n    activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',\n    activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',\n    activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',\n    activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',\n\n    activeTitleColor: '--plasma-step-item-active-title-color',\n    activeTitleColorHover: '--plasma-step-item-active-title-color-hover',\n    inactiveTitleColor: '--plasma-step-item-inactive-title-color',\n    inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',\n\n    contentColor: '--plasma-step-item-content-color',\n\n    activeIndicatorBorder: '--plasma-step-item-active-indicator-border',\n    activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',\n\n    activeIndicatorColor: '--plasma-step-item-active-indicator-color',\n    activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',\n    activeIndicatorBackground: '--plasma-step-item-active-indicator-background',\n\n    completedIndicatorColor: '--plasma-step-item-completed-indicator-color',\n    completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',\n    completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',\n    completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',\n\n    inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',\n    inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',\n    inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',\n    inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',\n\n    disabledOpacity: '--plasma-step-item-disabled-opacity',\n\n    dividerThickness: '--plasma-step-item-divider-thickness',\n};\n"],"names":["classes","simple","centered","active","inactive","clickable","hovered","disabled","verticalOrientation","hasIndicator","activeItem","transparentDivider","tokens","indicatorSize","activeIndicatorSize","bulletSize","activeBulletSize","titlePaddingTop","contentPaddingTop","contentPaddingRight","contentSidePadding","contentVerticalPadding","verticalContentPaddingLeft","smallIndicatorIndentHeight","largeIndicatorIndentHeight","smallBulletIndentHeight","largeBulletIndentHeight","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight","indicatorFontFamily","indicatorFontSize","indicatorFontStyle","indicatorFontWeight","indicatorLetterSpacing","indicatorLineHeight","activeIndicatorFontFamily","activeIndicatorFontSize","activeIndicatorFontStyle","activeIndicatorFontWeight","activeIndicatorLetterSpacing","activeIndicatorLineHeight","activeTitleColor","activeTitleColorHover","inactiveTitleColor","inactiveTitleColorHover","contentColor","activeIndicatorBorder","activeIndicatorBorderHover","activeIndicatorColor","activeIndicatorColorHover","activeIndicatorBackground","completedIndicatorColor","completedIndicatorColorHover","completedIndicatorBackground","completedIndicatorBackgroundHover","inactiveIndicatorColor","inactiveIndicatorColorHover","inactiveIndicatorBackground","inactiveIndicatorBackgroundHover","disabledOpacity","dividerThickness"],"mappings":"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"}

package/cjs/components/Steps/ui/StepItem/StepItem.css

@@ -0,0 +1,16 @@
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.StepItem_styles_1nnkvta_snf9dn9__8a73972e{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_1nnkvta_sv5tpso__8a73972e{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.StepItem_styles_1nnkvta_s529fhk__8a73972e{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.StepItem_styles_1nnkvta_b1kcj14__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple):not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e{min-width:var(--plasma-step-item-active-indicator-size);min-height:100%;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e:not(--plasma-steps-simple).StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e:not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e){min-width:var(--plasma-step-item-active-bullet-size);min-height:100%;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_1nnkvta_b1kcj14__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_1nnkvta_b9hdug__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e:before,.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.StepItem_styles_1nnkvta_b1eo1o32__8a73972e.StepItem_styles_1nnkvta_b9hdug__8a73972e{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_1nnkvta_b1eo1o32__8a73972e.StepItem_styles_1nnkvta_b9hdug__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
+.StepItem_styles_1nnkvta_sxskc3q__8a73972e{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1nnkvta_sxskc3q__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1nnkvta_sxskc3q__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsTransparentDivider__8a73972e{background-color:transparent;}
+.StepItem_styles_1nnkvta_s4zgmmr__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_1nnkvta_s4zgmmr__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e .StepItem_styles_1nnkvta_s529fhk__8a73972e{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_1nnkvta_s12pqpa3__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e:not(--plasma-steps-simple):not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e) .StepItem_styles_1nnkvta_b1kcj14__8a73972e{position:relative;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e:not(--plasma-steps-simple):not(.StepItem_styles_1nnkvta__PlasmaStepItemHasIndicator__8a73972e).StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e .StepItem_styles_1nnkvta_b1kcj14__8a73972e{position:relative;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepsVerticalOrientation__8a73972e .StepItem_styles_1nnkvta_sxskc3q__8a73972e{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemActive__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e:not(--plasma-step-item-active) .StepItem_styles_1nnkvta_sv5tpso__8a73972e{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e:not(--plasma-step-item-active) .StepItem_styles_1nnkvta_b9hdug__8a73972e,.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e:not(--plasma-step-item-active) .StepItem_styles_1nnkvta_b1eo1o32__8a73972e{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_b9hdug__8a73972e,.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemInactive__8a73972e .StepItem_styles_1nnkvta_b1eo1o32__8a73972e{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemHovered__8a73972e .StepItem_styles_1nnkvta_b1kcj14__8a73972e{cursor:pointer;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e{width:100%;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e .StepItem_styles_1nnkvta_sv5tpso__8a73972e,.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemCentered__8a73972e .StepItem_styles_1nnkvta_s4zgmmr__8a73972e .StepItem_styles_1nnkvta_s529fhk__8a73972e{padding-right:0;text-align:center;}.StepItem_styles_1nnkvta_s12pqpa3__8a73972e.StepItem_styles_1nnkvta__PlasmaStepItemDisabled__8a73972e{opacity:var(--plasma-step-item-disabled-opacity);}

package/cjs/components/Steps/ui/StepItem/StepItem.js

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var Steps_tokens = require('../../Steps.tokens.js');
+var StepItem_styles = require('./StepItem.styles.js');
+
+var indicatorSizesIndentsMap = {
+  8: /*#__PURE__*/"var(".concat(Steps_tokens.tokens.smallBulletIndentHeight, ")"),
+  16: /*#__PURE__*/"var(".concat(Steps_tokens.tokens.largeBulletIndentHeight, ")"),
+  24: /*#__PURE__*/"var(".concat(Steps_tokens.tokens.smallIndicatorIndentHeight, ")"),
+  36: /*#__PURE__*/"var(".concat(Steps_tokens.tokens.largeIndicatorIndentHeight, ")")
+};
+var StepItem = function StepItem(_ref) {
+  var index = _ref.index,
+    title = _ref.title,
+    content = _ref.content,
+    indicator = _ref.indicator,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'inactive' : _ref$status,
+    size = _ref.size,
+    orientation = _ref.orientation,
+    contentAlign = _ref.contentAlign,
+    hasLine = _ref.hasLine,
+    hasLoader = _ref.hasLoader,
+    onClick = _ref.onClick,
+    items = _ref.items;
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var isFirst = index === 0;
+  var isLast = index === items.length - 1;
+  var prevItem = items[index - 1];
+  var nextItem = items[index + 1];
+  var isActive = status === 'active';
+  var isInactive = status === 'inactive';
+  var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
+  var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
+  var hasIndicator = indicator != null;
+  var BulletNode = hasIndicator ? StepItem_styles.BulletIndicator : StepItem_styles.Bullet;
+  var item = items[index];
+  var isSimple = !title && !content;
+  var clickable = Boolean(onClick);
+  var isVertical = orientation === 'vertical';
+  var isCentered = contentAlign === 'center';
+  var isDisabled = item.disabled;
+  var onClickHandler = onClick && !isDisabled ? function () {
+    return onClick(item, index);
+  } : undefined;
+  var resultIndicatorSize;
+  if (hasIndicator) {
+    resultIndicatorSize = isActive ? 36 : 24;
+  } else {
+    resultIndicatorSize = isActive ? 16 : 8;
+  }
+  var sizeToken = indicatorSizesIndentsMap[resultIndicatorSize];
+  var onMouseOver = clickable && !isDisabled ? function () {
+    if (isDisabled) {
+      setIsHovered(false);
+    }
+    setIsHovered(true);
+  } : undefined;
+  var onMouseOut = clickable && !isDisabled ? function () {
+    setIsHovered(false);
+  } : undefined;
+  React.useEffect(function () {
+    if (isDisabled) {
+      setIsHovered(false);
+    }
+  }, [isDisabled]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItem_styles.StepItemStyled, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.verticalOrientation, isVertical))
+  }, /*#__PURE__*/React.createElement(StepItem_styles.BulletIndicatorWrapper, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator)),
+    onClick: onClickHandler,
+    onFocus: onMouseOver,
+    onBlur: onMouseOut,
+    onMouseOver: onMouseOver,
+    onMouseOut: onMouseOut
+  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive))
+  }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive)),
+    style: {
+      height: isSimple ? 'none' : sizeToken,
+      minHeight: sizeToken,
+      maxHeight: isSimple ? 'none' : sizeToken
+    }
+  }), hasLoader && /*#__PURE__*/React.createElement(StepItem_styles.SpinnerStyled, {
+    size: hasIndicator ? "var(".concat(Steps_tokens.tokens.activeIndicatorSize, ")") : "var(".concat(Steps_tokens.tokens.activeBulletSize, ")")
+  }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive))
+  }, typeof indicator === 'function' && indicator({
+    status: status,
+    item: item,
+    size: size
+  }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isLast), Steps_tokens.classes.inactive, isInactive || isNextInactive))
+  })), !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContentWrapper, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hasIndicator, hasIndicator))
+  }, /*#__PURE__*/React.createElement(StepItem_styles.StepItemTitle, {
+    onClick: onClickHandler,
+    onFocus: onMouseOver,
+    onBlur: onMouseOut,
+    onMouseOver: onMouseOver,
+    onMouseOut: onMouseOut
+  }, title), content && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContent, null, typeof content === 'function' && content(status, index, items), typeof content !== 'function' && content))), isSimple && !isLast && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
+    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.inactive, isInactive || isNextInactive))
+  }));
+};
+
+exports.StepItem = StepItem;
+//# sourceMappingURL=StepItem.js.map