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

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

@@ -0,0 +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 { StepsSize } 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\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: StepsSize;\n        hasLine?: boolean;\n        hasContent?: 'all' | 'active' | 'none';\n        hasLoader?: boolean;\n        isFirst?: boolean;\n        isLast?: boolean;\n        onClick?: (item: StepItemProps, index: number) => void;\n        contentAlign?: 'left' | 'center';\n        orientation?: 'horizontal' | 'vertical';\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 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 sizeToken = indicatorSizesIndentsMap[resultIndicatorSize];\n\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    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                })}\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                    {isVertical && (isSimple ? !isFirst : true) && (\n                        <StepItemDivider\n                            className={cls({\n                                [classes.simple]: isSimple,\n                                [classes.transparentDivider]: !hasLine || isFirst,\n                                [classes.inactive]: isInactive || isPrevInactive,\n                            })}\n                            style={{\n                                height: isSimple ? 'none' : sizeToken,\n                                minHeight: sizeToken,\n                                maxHeight: isSimple ? 'none' : sizeToken,\n                            }}\n                        />\n                    )}\n                    {hasLoader && (\n                        <SpinnerStyled\n                            size={\n                                hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`\n                            }\n                        />\n                    )}\n                    {!hasLoader && (\n                        <BulletNode\n                            className={cls({\n                                [classes.active]: isActive,\n                                [classes.inactive]: isInactive,\n                            })}\n                        >\n                            {typeof indicator === 'function' && indicator({ status, item, size })}\n                            {typeof indicator !== 'function' && indicator}\n                        </BulletNode>\n                    )}\n                    {!isSimple && (\n                        <StepItemDivider\n                            className={cls({\n                                [classes.simple]: isSimple,\n                                [classes.transparentDivider]: !hasLine || isLast,\n                                [classes.inactive]: isInactive || isNextInactive,\n                            })}\n                        />\n                    )}\n                </BulletIndicatorWrapper>\n                {!isSimple && (\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                        {content && (\n                            <StepItemContent>\n                                {typeof content === 'function' && content(status, index, items)}\n                                {typeof content !== 'function' && content}\n                            </StepItemContent>\n                        )}\n                    </StepItemContentWrapper>\n                )}\n            </StepItemStyled>\n            {isSimple && !isLast && (\n                <StepItemDivider\n                    className={cls({\n                        [classes.simple]: isSimple,\n                        [classes.transparentDivider]: !hasLine,\n                        [classes.inactive]: isInactive || isNextInactive,\n                    })}\n                />\n            )}\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","isInactive","isPrevInactive","isNextInactive","hasIndicator","BulletNode","BulletIndicator","Bullet","item","isSimple","clickable","Boolean","isVertical","isCentered","isDisabled","disabled","onClickHandler","undefined","resultIndicatorSize","sizeToken","onMouseOver","onMouseOut","useEffect","React","createElement","Fragment","StepItemStyled","className","cls","_defineProperty","classes","simple","active","hovered","inactive","centered","verticalOrientation","BulletIndicatorWrapper","onFocus","onBlur","StepItemDivider","transparentDivider","style","height","minHeight","maxHeight","SpinnerStyled","activeIndicatorSize","activeBulletSize","StepItemContentWrapper","StepItemTitle","StepItemContent"],"mappings":";;;;;;;;;;AAmBA,IAAMA,wBAAwB,GAAG;AAC7B,EAAA,CAAC,sBAAAC,MAAA,CAASC,mBAAM,CAACC,uBAAuB,EAAG,GAAA,CAAA;AAC3C,EAAA,EAAE,sBAAAF,MAAA,CAASC,mBAAM,CAACE,uBAAuB,EAAG,GAAA,CAAA;AAC5C,EAAA,EAAE,sBAAAH,MAAA,CAASC,mBAAM,CAACG,0BAA0B,EAAG,GAAA,CAAA;AAC/C,EAAA,EAAE,eAAAJ,MAAAA,CAAAA,MAAA,CAASC,mBAAM,CAACI,0BAA0B,EAAA,GAAA,CAAA;AAChD,CAAU,CAAA;IAEGC,QAcZ,GAAG,SAdSA,QAcZA,CAAAC,IAAA,EAaK;AAAA,EAAA,IAZFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,WAAA,GAAAL,IAAA,CACTM,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,WAAA;IACnBE,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,YAAY,GAAAT,IAAA,CAAZS,YAAY;IACZC,OAAO,GAAAV,IAAA,CAAPU,OAAO;IACPC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,KAAK,GAAAb,IAAA,CAALa,KAAK,CAAA;AAEL,EAAA,IAAAC,SAAA,GAAkCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMI,OAAO,GAAGnB,KAAK,KAAK,CAAC,CAAA;EAC3B,IAAMoB,MAAM,GAAGpB,KAAK,KAAKY,KAAK,CAACS,MAAM,GAAG,CAAC,CAAA;AAEzC,EAAA,IAAMC,QAAQ,GAAGV,KAAK,CAACZ,KAAK,GAAG,CAAC,CAAC,CAAA;AACjC,EAAA,IAAMuB,QAAQ,GAAGX,KAAK,CAACZ,KAAK,GAAG,CAAC,CAAC,CAAA;AAEjC,EAAA,IAAMwB,QAAQ,GAAGnB,MAAM,KAAK,QAAQ,CAAA;AACpC,EAAA,IAAMoB,UAAU,GAAGpB,MAAM,KAAK,UAAU,CAAA;EACxC,IAAMqB,cAAc,GAAIJ,QAAQ,IAAI,EAACA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAEjB,MAAM,CAAK,IAAA,CAAAiB,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,uBAARA,QAAQ,CAAEjB,MAAM,MAAK,UAAU,CAAA;EACzF,IAAMsB,cAAc,GAAG,EAACJ,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAElB,MAAM,KAAI,CAAAkB,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAElB,MAAM,MAAK,UAAU,CAAA;AAE3E,EAAA,IAAMuB,YAAY,GAAGzB,SAAS,IAAI,IAAI,CAAA;AAEtC,EAAA,IAAM0B,UAAU,GAAGD,YAAY,GAAGE,+BAAe,GAAGC,sBAAM,CAAA;AAE1D,EAAA,IAAMC,IAAI,GAAGpB,KAAK,CAACZ,KAAK,CAAC,CAAA;AACzB,EAAA,IAAMiC,QAAQ,GAAG,CAAChC,KAAK,IAAI,CAACC,OAAO,CAAA;AACnC,EAAA,IAAMgC,SAAS,GAAGC,OAAO,CAACxB,OAAO,CAAC,CAAA;AAClC,EAAA,IAAMyB,UAAU,GAAG7B,WAAW,KAAK,UAAU,CAAA;AAC7C,EAAA,IAAM8B,UAAU,GAAG7B,YAAY,KAAK,QAAQ,CAAA;AAC5C,EAAA,IAAM8B,UAAU,GAAGN,IAAI,CAACO,QAAQ,CAAA;AAEhC,EAAA,IAAMC,cAAc,GAAG7B,OAAO,IAAI,CAAC2B,UAAU,GAAG,YAAA;AAAA,IAAA,OAAM3B,OAAO,CAACqB,IAAI,EAAEhC,KAAK,CAAC,CAAA;AAAA,GAAA,GAAGyC,SAAS,CAAA;AAEtF,EAAA,IAAIC,mBAA0D,CAAA;AAC9D,EAAA,IAAId,YAAY,EAAE;AACdc,IAAAA,mBAAmB,GAAGlB,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAA;AAC5C,GAAC,MAAM;AACHkB,IAAAA,mBAAmB,GAAGlB,QAAQ,GAAG,EAAE,GAAG,CAAC,CAAA;AAC3C,GAAA;AAEA,EAAA,IAAMmB,SAAS,GAAGpD,wBAAwB,CAACmD,mBAAmB,CAAC,CAAA;AAE/D,EAAA,IAAME,WAAW,GACbV,SAAS,IAAI,CAACI,UAAU,GAClB,YAAM;AACF,IAAA,IAAIA,UAAU,EAAE;MACZpB,YAAY,CAAC,KAAK,CAAC,CAAA;AACvB,KAAA;IAEAA,YAAY,CAAC,IAAI,CAAC,CAAA;AACtB,GAAC,GACDuB,SAAS,CAAA;AAEnB,EAAA,IAAMI,UAAU,GACZX,SAAS,IAAI,CAACI,UAAU,GAClB,YAAM;IACFpB,YAAY,CAAC,KAAK,CAAC,CAAA;AACvB,GAAC,GACDuB,SAAS,CAAA;AAEnBK,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,UAAU,EAAE;MACZpB,YAAY,CAAC,KAAK,CAAC,CAAA;AACvB,KAAA;AACJ,GAAC,EAAE,CAACoB,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,oBACIS,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,8BAAc,EAAA;AACXC,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACTC,oBAAO,CAACC,MAAM,EAAGtB,QAAQ,GACzBqB,oBAAO,CAACE,MAAM,EAAGhC,QAAQ,CACzB8B,EAAAA,oBAAO,CAACG,OAAO,EAAGxC,SAAS,IAAI,CAACO,QAAQ,CAAA,EACxC8B,oBAAO,CAACI,QAAQ,EAAGjC,UAAU,GAC7B6B,oBAAO,CAACK,QAAQ,EAAGtB,UAAU,CAC7BiB,EAAAA,oBAAO,CAACf,QAAQ,EAAGD,UAAU,CAC7BgB,EAAAA,oBAAO,CAACpB,SAAS,EAAGA,SAAS,IAAI,CAACV,QAAQ,GAC1C8B,oBAAO,CAAC1B,YAAY,EAAGA,YAAY,CACnC0B,EAAAA,oBAAO,CAACM,mBAAmB,EAAGxB,UAAU,CAC5C,CAAA;AAAE,GAAA,eAEHW,KAAA,CAAAC,aAAA,CAACa,sCAAsB,EAAA;AACnBV,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACTC,EAAAA,EAAAA,oBAAO,CAACM,mBAAmB,EAAGxB,UAAU,CAAA,EACxCkB,oBAAO,CAACK,QAAQ,EAAGtB,UAAU,CAC7BiB,EAAAA,oBAAO,CAACC,MAAM,EAAGtB,QAAQ,CAAA,EACzBqB,oBAAO,CAAC1B,YAAY,EAAGA,YAAY,CACvC,CAAE;AACHjB,IAAAA,OAAO,EAAE6B,cAAe;AACxBsB,IAAAA,OAAO,EAAElB,WAAY;AACrBmB,IAAAA,MAAM,EAAElB,UAAW;AACnBD,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,UAAU,EAAEA,UAAAA;GAEXrC,EAAAA,YAAY,KAAK,QAAQ,IAAI,CAACyB,QAAQ,iBACnCc,KAAA,CAAAC,aAAA,CAACgB,+BAAe,EAAA;AACZb,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACTC,EAAAA,EAAAA,oBAAO,CAACC,MAAM,EAAGtB,QAAQ,CAAA,EACzBqB,oBAAO,CAACW,kBAAkB,EAAG,CAACxD,OAAO,IAAIU,OAAO,CAAA,EAChDmC,oBAAO,CAACI,QAAQ,EAAGjC,UAAU,IAAIC,cAAc,CACnD,CAAA;AAAE,GACN,CACJ,EACAU,UAAU,KAAKH,QAAQ,GAAG,CAACd,OAAO,GAAG,IAAI,CAAC,iBACvC4B,KAAA,CAAAC,aAAA,CAACgB,+BAAe,EAAA;AACZb,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACTC,oBAAO,CAACC,MAAM,EAAGtB,QAAQ,CACzBqB,EAAAA,oBAAO,CAACW,kBAAkB,EAAG,CAACxD,OAAO,IAAIU,OAAO,CAChDmC,EAAAA,oBAAO,CAACI,QAAQ,EAAGjC,UAAU,IAAIC,cAAc,CACnD,CAAE;AACHwC,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAElC,QAAQ,GAAG,MAAM,GAAGU,SAAS;AACrCyB,MAAAA,SAAS,EAAEzB,SAAS;AACpB0B,MAAAA,SAAS,EAAEpC,QAAQ,GAAG,MAAM,GAAGU,SAAAA;AACnC,KAAA;GACH,CACJ,EACAjC,SAAS,iBACNqC,KAAA,CAAAC,aAAA,CAACsB,6BAAa,EAAA;AACVhE,IAAAA,IAAI,EACAsB,YAAY,GAAApC,MAAAA,CAAAA,MAAA,CAAUC,mBAAM,CAAC8E,mBAAmB,EAAA/E,GAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAaC,mBAAM,CAAC+E,gBAAgB,EAAA,GAAA,CAAA;GAE3F,CACJ,EACA,CAAC9D,SAAS,iBACPqC,KAAA,CAAAC,aAAA,CAACnB,UAAU,EAAA;AACPsB,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,KACTC,oBAAO,CAACE,MAAM,EAAGhC,QAAQ,CACzB8B,EAAAA,oBAAO,CAACI,QAAQ,EAAGjC,UAAU,CACjC,CAAA;AAAE,GAAA,EAEF,OAAOtB,SAAS,KAAK,UAAU,IAAIA,SAAS,CAAC;AAAEE,IAAAA,MAAM,EAANA,MAAM;AAAE2B,IAAAA,IAAI,EAAJA,IAAI;AAAE1B,IAAAA,IAAI,EAAJA,IAAAA;AAAK,GAAC,CAAC,EACpE,OAAOH,SAAS,KAAK,UAAU,IAAIA,SAC5B,CACf,EACA,CAAC8B,QAAQ,iBACNc,KAAA,CAAAC,aAAA,CAACgB,+BAAe,EAAA;AACZb,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACTC,EAAAA,EAAAA,oBAAO,CAACC,MAAM,EAAGtB,QAAQ,CAAA,EACzBqB,oBAAO,CAACW,kBAAkB,EAAG,CAACxD,OAAO,IAAIW,MAAM,CAAA,EAC/CkC,oBAAO,CAACI,QAAQ,EAAGjC,UAAU,IAAIE,cAAc,CACnD,CAAA;GACJ,CAEe,CAAC,EACxB,CAACM,QAAQ,iBACNc,KAAA,CAAAC,aAAA,CAACyB,sCAAsB,EAAA;AACnBtB,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACTC,EAAAA,EAAAA,oBAAO,CAACM,mBAAmB,EAAGxB,UAAU,CAAA,EACxCkB,oBAAO,CAACK,QAAQ,EAAGtB,UAAU,CAAA,EAC7BiB,oBAAO,CAACE,MAAM,EAAGhC,QAAQ,GACzB8B,oBAAO,CAAC1B,YAAY,EAAGA,YAAY,CACvC,CAAA;AAAE,GAAA,eAEHmB,KAAA,CAAAC,aAAA,CAAC0B,6BAAa,EAAA;AACV/D,IAAAA,OAAO,EAAE6B,cAAe;AACxBsB,IAAAA,OAAO,EAAElB,WAAY;AACrBmB,IAAAA,MAAM,EAAElB,UAAW;AACnBD,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,UAAU,EAAEA,UAAAA;GAEX5C,EAAAA,KACU,CAAC,EACfC,OAAO,iBACJ6C,KAAA,CAAAC,aAAA,CAAC2B,+BAAe,QACX,OAAOzE,OAAO,KAAK,UAAU,IAAIA,OAAO,CAACG,MAAM,EAAEL,KAAK,EAAEY,KAAK,CAAC,EAC9D,OAAOV,OAAO,KAAK,UAAU,IAAIA,OACrB,CAED,CAEhB,CAAC,EAChB+B,QAAQ,IAAI,CAACb,MAAM,iBAChB2B,KAAA,CAAAC,aAAA,CAACgB,+BAAe,EAAA;AACZb,IAAAA,SAAS,EAAEC,GAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACTC,EAAAA,EAAAA,oBAAO,CAACC,MAAM,EAAGtB,QAAQ,CACzBqB,EAAAA,oBAAO,CAACW,kBAAkB,EAAG,CAACxD,OAAO,CAAA,EACrC6C,oBAAO,CAACI,QAAQ,EAAGjC,UAAU,IAAIE,cAAc,CACnD,CAAA;AAAE,GACN,CAEP,CAAC,CAAA;AAEX;;;;"}

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

@@ -0,0 +1,83 @@
+import './StepItem.styles_1nnkvta.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
+var Spinner$1 = require('../../../Spinner/Spinner.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
+var Spinner = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return Spinner;
+};
+var _exp3 = function _exp3() {
+  return function (_ref) {
+    var size = _ref.size;
+    return size;
+  };
+};
+var SpinnerStyled = /*#__PURE__*/react.styled(_exp())({
+  name: "SpinnerStyled",
+  "class": "snf9dn9",
+  propsAsIs: true,
+  vars: {
+    "snf9dn9-0": [/*#__PURE__*/_exp3()]
+  }
+});
+var StepItemTitle = /*#__PURE__*/react.styled('div')({
+  name: "StepItemTitle",
+  "class": "sv5tpso",
+  propsAsIs: false
+});
+var StepItemContent = /*#__PURE__*/react.styled('div')({
+  name: "StepItemContent",
+  "class": "s529fhk",
+  propsAsIs: false
+});
+var BulletIndicatorWrapper = /*#__PURE__*/react.styled('div')({
+  name: "BulletIndicatorWrapper",
+  "class": "b1kcj14",
+  propsAsIs: false
+});
+var BulletIndicator = /*#__PURE__*/react.styled('div')({
+  name: "BulletIndicator",
+  "class": "b9hdug",
+  propsAsIs: false
+});
+var _exp63 = function _exp63() {
+  return BulletIndicator;
+};
+var Bullet = /*#__PURE__*/react.styled(_exp63())({
+  name: "Bullet",
+  "class": "b1eo1o32",
+  propsAsIs: true
+});
+var StepItemDivider = /*#__PURE__*/react.styled('div')({
+  name: "StepItemDivider",
+  "class": "sxskc3q",
+  propsAsIs: false
+});
+var StepItemContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "StepItemContentWrapper",
+  "class": "s4zgmmr",
+  propsAsIs: false
+});
+var StepItemStyled = /*#__PURE__*/react.styled('div')({
+  name: "StepItemStyled",
+  "class": "s12pqpa3",
+  propsAsIs: false
+});
+
+exports.Bullet = Bullet;
+exports.BulletIndicator = BulletIndicator;
+exports.BulletIndicatorWrapper = BulletIndicatorWrapper;
+exports.SpinnerStyled = SpinnerStyled;
+exports.StepItemContent = StepItemContent;
+exports.StepItemContentWrapper = StepItemContentWrapper;
+exports.StepItemDivider = StepItemDivider;
+exports.StepItemStyled = StepItemStyled;
+exports.StepItemTitle = StepItemTitle;
+//# sourceMappingURL=StepItem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ size: string }>`\n    ${spinnerTokens.size}: ${({ size }) => size};\n    ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n    padding-top: var(${tokens.titlePaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.titleFontFamily});\n    font-size: var(${tokens.titleFontSize});\n    font-style: var(${tokens.titleFontStyle});\n    font-weight: var(${tokens.titleFontWeight});\n    letter-spacing: var(${tokens.titleLetterSpacing});\n    line-height: var(${tokens.titleLineHeight});\n\n    word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n    padding-top: var(${tokens.contentPaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    word-break: break-word;\n\n    color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n    display: flex;\n    align-items: center;\n\n    &:not(${classes.simple}) {\n        flex: 0;\n\n        &.${classes.hasIndicator} {\n            width: 100%;\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            width: 100%;\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            align-items: center;\n            padding-right: var(${tokens.verticalContentPaddingLeft});\n\n            &.${classes.hasIndicator} {\n                min-width: var(${tokens.activeIndicatorSize});\n                min-height: 100%;\n            }\n            &:not(.${classes.hasIndicator}) {\n                min-width: var(${tokens.activeBulletSize});\n                min-height: 100%;\n            }\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        flex-direction: column;\n        align-items: flex-start;\n        justify-content: center;\n    }\n\n    &.${classes.centered} {\n        justify-content: center;\n    }\n`;\n\nexport const BulletIndicator = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: var(${tokens.indicatorSize});\n    height: var(${tokens.indicatorSize});\n    border-radius: 50%;\n    box-sizing: border-box;\n    position: relative;\n\n    color: var(${tokens.completedIndicatorColor});\n    background-color: var(${tokens.completedIndicatorBackground});\n\n    font-family: var(${tokens.indicatorFontFamily});\n    font-size: var(${tokens.indicatorFontSize});\n    font-style: var(${tokens.indicatorFontStyle});\n    font-weight: var(${tokens.indicatorFontWeight});\n    letter-spacing: var(${tokens.indicatorLetterSpacing});\n    line-height: var(${tokens.indicatorLineHeight});\n\n    &.${classes.active} {\n        width: var(${tokens.activeIndicatorSize});\n        height: var(${tokens.activeIndicatorSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        font-family: var(${tokens.activeIndicatorFontFamily});\n        font-size: var(${tokens.activeIndicatorFontSize});\n        font-style: var(${tokens.activeIndicatorFontStyle});\n        font-weight: var(${tokens.activeIndicatorFontWeight});\n        letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n        line-height: var(${tokens.activeIndicatorLineHeight});\n\n        color: var(${tokens.activeIndicatorColor});\n        background: var(${tokens.activeIndicatorBackground});\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n        background: var(${tokens.inactiveIndicatorBackground});\n\n        &:before,\n        &:after {\n            background: var(${tokens.inactiveIndicatorBackground});\n        }\n    }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n    width: var(${tokens.bulletSize});\n    height: var(${tokens.bulletSize});\n\n    &.${classes.active} {\n        width: var(${tokens.activeBulletSize});\n        height: var(${tokens.activeBulletSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        background-color: var(${tokens.activeIndicatorBackground});\n    }\n`;\n\nexport const StepItemDivider = styled.div`\n    width: 100%;\n    height: var(${tokens.dividerThickness});\n\n    flex: 1;\n    background-color: var(${tokens.activeIndicatorColor});\n\n    &.${classes.inactive} {\n        background-color: var(${tokens.inactiveIndicatorBackground});\n    }\n\n    &.${classes.transparentDivider} {\n        background-color: transparent;\n    }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n    &.${classes.verticalOrientation} {\n        ${StepItemTitle} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n\n        ${StepItemContent} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-bottom: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n    }\n\n    &.${classes.verticalOrientation}.${classes.active} {\n        // padding-top: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n    }\n\n    &.${classes.verticalOrientation}.${classes.active}.${classes.hasIndicator} {\n        // padding-top: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n    }\n`;\n\nexport const StepItemStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    &.${classes.verticalOrientation} {\n        flex-direction: row;\n        align-items: stretch;\n\n        &:not(${classes.simple}):not(.${classes.hasIndicator}) {\n            ${BulletIndicatorWrapper} {\n                position: relative;\n                // top: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})));\n                // top: var(${tokens.bulletSize});\n            }\n            &.${classes.active} {\n                ${BulletIndicatorWrapper} {\n                    position: relative;\n                    //top: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})));\n                    // top: var(${tokens.bulletSize});\n\n                    &.${classes.active} {\n                        //top: var(${tokens.activeBulletSize});\n                    }\n                }\n            }\n        }\n\n        ${StepItemDivider} {\n            width: var(${tokens.dividerThickness});\n            height: 100%;\n        }\n    }\n\n    &.${classes.active} {\n        ${StepItemTitle} {\n            color: var(${tokens.activeTitleColor});\n        }\n    }\n\n    &.${classes.inactive} {\n        ${StepItemTitle} {\n            color: var(${tokens.inactiveTitleColor});\n        }\n    }\n\n    &.${classes.hovered} {\n        &:not(${classes.active}) {\n            ${StepItemTitle} {\n                cursor: pointer;\n                color: var(${tokens.activeTitleColorHover});\n            }\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.completedIndicatorColorHover});\n                background: var(${tokens.completedIndicatorBackgroundHover});\n            }\n        }\n\n        &.${classes.inactive} {\n            ${StepItemTitle} {\n                color: var(${tokens.inactiveTitleColorHover});\n            }\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.inactiveIndicatorColorHover});\n                background: var(${tokens.inactiveIndicatorBackgroundHover});\n            }\n        }\n\n        ${BulletIndicatorWrapper} {\n            cursor: pointer;\n        }\n    }\n\n    &.${classes.centered} {\n        align-items: center;\n\n        ${StepItemContentWrapper} {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n            padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n            ${StepItemTitle} {\n                width: 100%;\n            }\n\n            ${StepItemTitle}, ${StepItemContent} {\n                padding-right: 0;\n                text-align: center;\n            }\n        }\n    }\n\n    &.${classes.disabled} {\n        opacity: var(${tokens.disabledOpacity});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","size","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp63","Bullet","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANtBA,SAMsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GARzBA,SAQyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,IAAAA,GAAAA,IAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAAWA,IAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADxC,IAAMC,aAAa,gBAAGC,YAAM,CAAAL,IAAA,EAAA,CAAA,CAAA;AAAAM,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNR,KAAkB,EAAA,CAAA;AAAA,GAAA;AAAA,CAE9C,EAAA;AAEM,IAAMS,aAAa,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwC3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA+CpC,EAAA;AAAC,IAAAM,MAAA,GApIgBA,SAoIhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAEM,IAAMQ,eAAe,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMS,sBAAsB,gBAAGZ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqB3C,EAAA;AAEM,IAAMU,cAAc,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkGnC;;;;;;;;;;;;"}

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

@@ -0,0 +1,9 @@
+.snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.sv5tpso{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;}
+.s529fhk{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);}
+.b1kcj14{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;}.b1kcj14:not(--plasma-steps-simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(--plasma-steps-simple).--plasma-step-item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(--plasma-steps-simple):not(.--plasma-step-item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(--plasma-steps-simple).--plasma-steps-vertical-orientation{-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);}.b1kcj14:not(--plasma-steps-simple).--plasma-steps-vertical-orientation.--plasma-step-item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);min-height:100%;}.b1kcj14:not(--plasma-steps-simple).--plasma-steps-vertical-orientation:not(.--plasma-step-item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);min-height:100%;}.b1kcj14.--plasma-steps-vertical-orientation{-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;}.b1kcj14.--plasma-step-item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.b9hdug{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);}.b9hdug.--plasma-step-item-active{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);}.b9hdug.--plasma-step-item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.--plasma-step-item-inactive:before,.b9hdug.--plasma-step-item-inactive:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.--plasma-step-item-active{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);}
+.sxskc3q{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);}.sxskc3q.--plasma-step-item-inactive{background-color:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.--plasma-steps-transparent-divider{background-color:transparent;}
+.s4zgmmr.--plasma-steps-vertical-orientation .sv5tpso{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.s4zgmmr.--plasma-steps-vertical-orientation .s529fhk{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.s12pqpa3{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;}.s12pqpa3.--plasma-steps-vertical-orientation{-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;}.s12pqpa3.--plasma-steps-vertical-orientation:not(--plasma-steps-simple):not(.--plasma-step-item-has-indicator) .b1kcj14{position:relative;}.s12pqpa3.--plasma-steps-vertical-orientation:not(--plasma-steps-simple):not(.--plasma-step-item-has-indicator).--plasma-step-item-active .b1kcj14{position:relative;}.s12pqpa3.--plasma-steps-vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3.--plasma-step-item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.--plasma-step-item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.--plasma-step-item-hovered:not(--plasma-step-item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.--plasma-step-item-hovered:not(--plasma-step-item-active) .b9hdug,.s12pqpa3.--plasma-step-item-hovered:not(--plasma-step-item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.--plasma-step-item-hovered.--plasma-step-item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.--plasma-step-item-hovered.--plasma-step-item-inactive .b9hdug,.s12pqpa3.--plasma-step-item-hovered.--plasma-step-item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.--plasma-step-item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.--plasma-step-item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.--plasma-step-item-centered .s4zgmmr{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);}.s12pqpa3.--plasma-step-item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.--plasma-step-item-centered .s4zgmmr .sv5tpso,.s12pqpa3.--plasma-step-item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.--plasma-step-item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}

package/cjs/components/Steps/variations/_size/base.js

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

package/cjs/components/Steps/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Steps/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Steps/variations/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/Steps/variations/_view/base.js

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

package/cjs/components/Steps/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Steps/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Steps/variations/_view/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/index.css

@@ -263,10 +263,9 @@
 
 .Subtitle_styles_1plleej_b810c19__d9c54bce{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
-.Popup_styles_1uw5px0_svkpf6n__d2e7bc29{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;width:var(--svkpf6n-0);pointer-events:var(--svkpf6n-1);}
-.Popup_styles_1uw5px0_s1cjo3us__d2e7bc29{width:0;}
-.Popup_styles_1uw5px0_p5u7tqa__d2e7bc29{position:relative;max-width:100%;pointer-events:all;}
-.Popup_styles_1uw5px0_p1f40oul__d2e7bc29{position:absolute;z-index:var(--p1f40oul-0);left:var(--p1f40oul-1);right:var(--p1f40oul-2);top:var(--p1f40oul-3);bottom:var(--p1f40oul-4);-webkit-transform:var(--p1f40oul-5);-ms-transform:var(--p1f40oul-5);transform:var(--p1f40oul-5);}
+
+.Popup_styles_141jyqa_p1cjo3us__ed39c2a3{position:relative;max-width:100%;pointer-events:all;}
+.Popup_styles_141jyqa_p5u7tqa__ed39c2a3{position:absolute;z-index:var(--p5u7tqa-0);left:var(--p5u7tqa-1);right:var(--p5u7tqa-2);top:var(--p5u7tqa-3);bottom:var(--p5u7tqa-4);-webkit-transform:var(--p5u7tqa-5);-ms-transform:var(--p5u7tqa-5);transform:var(--p5u7tqa-5);}
 
 .NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
 
@@ -608,6 +607,18 @@
 
 .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
 
+.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;}
+
+.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);}
+
 .base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_czi0aji__f4ed7c4f{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1e6rwfy__f4ed7c4f{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s14q3826__f4ed7c4f{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_sfxtxl2__f4ed7c4f{margin:var(--plasma-range__left-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1hiyoiq__f4ed7c4f{margin:var(--plasma-range__right-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_l1fwucr5__f4ed7c4f{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
 
 .base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_czi0aji__91c4a286{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_czi0aji__91c4a286.base_5iz3nr_rangeError__91c4a286{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_czi0aji__91c4a286.base_5iz3nr_rangeSuccess__91c4a286{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_s1e6rwfy__91c4a286{color:var(--plasma-range__divider-color);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_s14q3826__91c4a286{display:block;color:var(--plasma-range__label-color);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_l1fwucr5__91c4a286{color:var(--plasma-range__left-helper-color);}

package/cjs/index.js

@@ -172,6 +172,8 @@ require('react');
 require('react-draggable');
 var Thumb_styles = require('./components/Slider/ui/Thumb/Thumb.styles.js');
 require('@linaria/react');
+var Steps = require('./components/Steps/Steps.js');
+var Steps_tokens = require('./components/Steps/Steps.tokens.js');
 var Range = require('./components/Range/Range.js');
 var Range_tokens = require('./components/Range/Range.tokens.js');
 var Accordion = require('./components/Accordion/Accordion.js');
@@ -538,6 +540,9 @@ exports.sliderConfig = Slider.sliderConfig;
 exports.sliderRoot = Slider.sliderRoot;
 exports.sliderTokens = Slider_tokens.tokens;
 exports.ThumbBase = Thumb_styles.ThumbBase;
+exports.stepsConfig = Steps.stepsConfig;
+exports.stepsRoot = Steps.stepsRoot;
+exports.stepsTokens = Steps_tokens.tokens;
 exports.rangeConfig = Range.rangeConfig;
 exports.rangeRoot = Range.rangeRoot;
 exports.rangeTokens = Range_tokens.tokens;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/emotion/cjs/components/Popup/Popup.js

@@ -6,16 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.popupRoot = exports.popupConfig = exports.handlePosition = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _reactDom = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react-dom"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../utils");
 var _Portal = /*#__PURE__*/require("../Portal");
+var _PopupContext = /*#__PURE__*/require("./PopupContext");
 var _PopupRoot = /*#__PURE__*/require("./PopupRoot");
 var _hooks = /*#__PURE__*/require("./hooks");
 var _Popup = /*#__PURE__*/require("./Popup.tokens");
-var _Popup2 = /*#__PURE__*/require("./Popup.styles");
 var _excluded = ["id", "isOpen", "opened", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -50,8 +48,8 @@ var handlePosition = exports.handlePosition = function handlePosition(placement,
   var bottom;
   var transform;
   var placements = placement.split('-');
-  placements.forEach(function (placementValue) {
-    switch (placementValue) {
+  placements.forEach(function (placement) {
+    switch (placement) {
       case 'left':
         left = x;
         break;
@@ -86,7 +84,7 @@ var handlePosition = exports.handlePosition = function handlePosition(placement,
 };
 
 /**
- * Базовый компонент Popup.
+ * Базовый копмонент Popup.
  */
 var popupRoot = exports.popupRoot = function popupRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
@@ -116,49 +114,63 @@ var popupRoot = exports.popupRoot = function popupRoot(Root) {
     var _usePopup = (0, _hooks.usePopup)({
         isOpen: innerIsOpen,
         id: innerId,
-        isGlobalPopup: !frame || frame === 'document',
         popupInfo: popupInfo,
         withAnimation: withAnimation
       }),
       isVisible = _usePopup.isVisible,
       animationInfo = _usePopup.animationInfo,
-      setVisible = _usePopup.setVisible,
-      rootId = _usePopup.rootId;
+      setVisible = _usePopup.setVisible;
     var portalRef = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
     var innerRef = (0, _plasmaCore.useForkRef)(contentRef, outerRootRef);
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      forceRender = _useState2[1];
+    (0, _react.useEffect)(function () {
+      var portal = document.getElementById(_PopupContext.POPUP_PORTAL_ID);
+      if (typeof frame !== 'string' && frame && frame.current) {
+        portal = frame.current;
+      }
+      if (!portal) {
+        portal = document.createElement('div');
+        portal.setAttribute('id', _PopupContext.POPUP_PORTAL_ID);
+        /**
+         * Нужно для того, чтобы во фрейме не происходило скачков контента
+         * при анимации через transform, если есть элемент с шириной/высотой в 100% (Overlay)
+         */
+        portal.style.width = '0';
+        if (typeof frame === 'string' && frame !== 'document') {
+          var _document$getElementB;
+          (_document$getElementB = document.getElementById(frame)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(portal);
+        } else {
+          document.body.appendChild(portal);
+        }
+      }
+      portalRef.current = portal;
+
+      /**
+       * Изменение стейта нужно для того, чтобы Popup
+       * отобразился после записи DOM элемента в portalRef.current
+       */
+      forceRender(true);
+    }, []);
     if (!isVisible && !innerIsOpen) {
       return null;
     }
     var cls = (0, _utils.cx)(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? _Popup.classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? _Popup.classes.endTransition : '');
-    var rootNode = /*#__PURE__*/_react["default"].createElement(Root, _extends({
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, portalRef.current && /*#__PURE__*/_react["default"].createElement(_Portal.Portal, {
+      container: portalRef.current
+    }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
       className: cls
     }, rest), overlay, /*#__PURE__*/_react["default"].createElement(_PopupRoot.PopupRoot, {
       id: innerId,
       ref: innerRef,
       position: handlePosition(placement, offset),
+      frame: frame,
       zIndex: zIndex,
       animationInfo: animationInfo,
       setVisible: setVisible
-    }, children));
-    if (typeof frame !== 'string' && frame && frame.current) {
-      return /*#__PURE__*/_react["default"].createElement(_Portal.Portal, {
-        container: frame.current
-      }, rootNode);
-    }
-    var withFrameId = typeof frame === 'string' && frame !== 'document';
-    var containerElement = withFrameId && document.getElementById(frame);
-    if (containerElement) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_Popup2.StyledPortalContainer, {
-        ref: portalRef
-      }, portalRef.current && /*#__PURE__*/_react["default"].createElement(_Portal.Portal, {
-        container: portalRef.current
-      }, rootNode)), containerElement));
-    }
-    var globalPortal = _utils.canUseDOM && document.getElementById(rootId);
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, globalPortal && /*#__PURE__*/_react["default"].createElement(_Portal.Portal, {
-      container: globalPortal
-    }, rootNode));
+    }, children))));
   });
 };
 var popupConfig = exports.popupConfig = {

package/emotion/cjs/components/Popup/Popup.styles.js

@@ -3,33 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledPortalContainer = exports.StyledPortal = exports.PopupView = exports.PopupRootContainer = void 0;
+exports.StyledPortal = exports.PopupView = exports.PopupRootContainer = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
 var _utils = /*#__PURE__*/require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var StyledPortal = exports.StyledPortal = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "eaqy7mk3",
-  label: "plasma-new-hope__StyledPortal"
-})("position:fixed;top:0;left:0;right:0;bottom:0;z-index:", _utils.DEFAULT_Z_INDEX, ";width:", function (_ref) {
-  var hasContent = _ref.hasContent;
-  return hasContent ? 'auto' : '0';
-}, ";pointer-events:", function (_ref2) {
-  var hasContent = _ref2.hasContent;
-  return hasContent ? 'auto' : 'none';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2PHsgaGFzQ29udGVudDogYm9vbGVhbiB9PmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6ICR7REVGQVVMVF9aX0lOREVYfTtcblxuICAgIHdpZHRoOiAkeyh7IGhhc0NvbnRlbnQgfSkgPT4gKGhhc0NvbnRlbnQgPyAnYXV0bycgOiAnMCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJ25vbmUnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */"));
-var StyledPortalContainer = exports.StyledPortalContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eaqy7mk2",
-  label: "plasma-new-hope__StyledPortalContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "k2uqvh",
-  styles: "width:0"
-} : {
-  name: "k2uqvh",
-  styles: "width:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCK0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdjx7IGhhc0NvbnRlbnQ6IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAke0RFRkFVTFRfWl9JTkRFWH07XG5cbiAgICB3aWR0aDogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJzAnKX07XG4gICAgcG9pbnRlci1ldmVudHM6ICR7KHsgaGFzQ29udGVudCB9KSA9PiAoaGFzQ29udGVudCA/ICdhdXRvJyA6ICdub25lJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  label: "plasma-new-hope__StyledPortal"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */");
 var PopupView = exports.PopupView = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eaqy7mk1",
   label: "plasma-new-hope__PopupView"
@@ -39,28 +21,28 @@ var PopupView = exports.PopupView = /*#__PURE__*/(0, _base["default"])("div", {
 } : {
   name: "1m82nn4",
   styles: "position:relative;max-width:100%;pointer-events:all",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdjx7IGhhc0NvbnRlbnQ6IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAke0RFRkFVTFRfWl9JTkRFWH07XG5cbiAgICB3aWR0aDogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJzAnKX07XG4gICAgcG9pbnRlci1ldmVudHM6ICR7KHsgaGFzQ29udGVudCB9KSA9PiAoaGFzQ29udGVudCA/ICdhdXRvJyA6ICdub25lJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var PopupRootContainer = exports.PopupRootContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eaqy7mk0",
   label: "plasma-new-hope__PopupRootContainer"
-})("position:absolute;z-index:", function (_ref3) {
-  var zIndex = _ref3.zIndex;
+})("position:absolute;z-index:", function (_ref) {
+  var zIndex = _ref.zIndex;
   return zIndex || _utils.DEFAULT_Z_INDEX;
-}, ";left:", function (_ref4) {
-  var position = _ref4.position;
+}, ";left:", function (_ref2) {
+  var position = _ref2.position;
   return position.left || '';
-}, ";right:", function (_ref5) {
-  var position = _ref5.position;
+}, ";right:", function (_ref3) {
+  var position = _ref3.position;
   return position.right || '';
-}, ";top:", function (_ref6) {
-  var position = _ref6.position;
+}, ";top:", function (_ref4) {
+  var position = _ref4.position;
   return position.top || '';
-}, ";bottom:", function (_ref7) {
-  var position = _ref7.position;
+}, ";bottom:", function (_ref5) {
+  var position = _ref5.position;
   return position.bottom || '';
-}, ";transform:", function (_ref8) {
-  var position = _ref8.position;
+}, ";transform:", function (_ref6) {
+  var position = _ref6.position;
   return position.transform || '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCcUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdjx7IGhhc0NvbnRlbnQ6IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAke0RFRkFVTFRfWl9JTkRFWH07XG5cbiAgICB3aWR0aDogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJzAnKX07XG4gICAgcG9pbnRlci1ldmVudHM6ICR7KHsgaGFzQ29udGVudCB9KSA9PiAoaGFzQ29udGVudCA/ICdhdXRvJyA6ICdub25lJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcbiJdfQ== */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */"));