@salutejs/plasma-new-hope 0.187.1-canary.1517.11744378817.0 → 0.188.0-canary.1546.11776758496.0

package/es/components/Badge/Badge.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -6,19 +6,23 @@ import { base as base$2 } from './variations/_size/base.js';
 import { base as base$3 } from './variations/_pilled/base.js';
 import { base as base$4 } from './variations/_transparent/base.js';
 import { base as base$5 } from './variations/_clear/base.js';
-import { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles.js';
-import { classes } from './Badge.tokens.js';
+import { base, StyledContentLeft, StyledContentMain, StyledContentRight } from './Badge.styles.js';
+import { privateTokens, classes } from './Badge.tokens.js';
 
-var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear", "maxWidth"];
+var _excluded = ["children", "className", "style", "text", "contentLeft", "contentRight", "size", "view", "customColor", "customBackgroundColor", "pilled", "transparent", "clear", "maxWidth"];
 var badgeRoot = function badgeRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
+    var _StyledContentLeft, _StyledContentMain, _StyledContentMain2, _StyledContentRight;
     var children = props.children,
       className = props.className,
+      style = props.style,
       text = props.text,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
       size = props.size,
       view = props.view,
+      customColor = props.customColor,
+      customBackgroundColor = props.customBackgroundColor,
       _props$pilled = props.pilled,
       pilled = _props$pilled === void 0 ? false : _props$pilled,
       _props$transparent = props.transparent,
@@ -33,19 +37,25 @@ var badgeRoot = function badgeRoot(Root) {
     var clearClass = clear ? classes.badgeClear : undefined;
     var truncateClass = maxWidth !== 'auto' ? classes.badgeTruncate : undefined;
     var txt = !text && typeof children === 'string' ? children : text;
+    var iconOnlyClass = !txt && contentLeft ? classes.iconOnly : undefined;
+    var BadgeContent = function BadgeContent() {
+      if (contentLeft) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, _StyledContentLeft || (_StyledContentLeft = /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft)), txt ? _StyledContentMain || (_StyledContentMain = /*#__PURE__*/React.createElement(StyledContentMain, null, txt)) : children);
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, txt ? _StyledContentMain2 || (_StyledContentMain2 = /*#__PURE__*/React.createElement(StyledContentMain, null, txt)) : children, contentRight && (_StyledContentRight || (_StyledContentRight = /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight))));
+    };
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
-      className: cx(pilledClass, transparentClass, clearClass, truncateClass, className),
+      className: cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className),
       view: view,
       size: size,
       pilled: pilled,
       transparent: transparent,
-      clear: clear
-    }, rest, {
-      style: _objectSpread2(_objectSpread2({}, rest.style), {}, {
+      clear: clear,
+      style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty(_defineProperty({
         maxWidth: maxWidth
-      })
-    }), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight));
+      }, privateTokens.customBackground, customBackgroundColor), privateTokens.customColor, customColor))
+    }, rest), /*#__PURE__*/React.createElement(BadgeContent, null));
   });
 };
 var badgeConfig = {

package/es/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.badgeTruncate : undefined;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncateClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                {...rest}\n                style={{\n                    ...rest.style,\n                    maxWidth,\n                }}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","children","className","text","contentLeft","contentRight","size","view","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","_props$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","truncateClass","badgeTruncate","txt","React","createElement","_extends","cx","style","_objectSpread","StyledContentLeft","StyledContentMain","StyledContentRight","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes, privateTokens } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            style,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            customColor,\n            customBackgroundColor,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.badgeTruncate : undefined;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const iconOnlyClass = !txt && contentLeft ? classes.iconOnly : undefined;\n\n        const BadgeContent = () => {\n            if (contentLeft) {\n                return (\n                    <>\n                        <StyledContentLeft>{contentLeft}</StyledContentLeft>\n                        {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    </>\n                );\n            }\n\n            return (\n                <>\n                    {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </>\n            );\n        };\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                style={\n                    {\n                        ...style,\n                        maxWidth,\n                        [privateTokens.customBackground]: customBackgroundColor,\n                        [privateTokens.customColor]: customColor,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <BadgeContent />\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","_StyledContentLeft","_StyledContentMain","_StyledContentMain2","_StyledContentRight","children","className","style","text","contentLeft","contentRight","size","view","customColor","customBackgroundColor","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","_props$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","truncateClass","badgeTruncate","txt","iconOnlyClass","iconOnly","BadgeContent","React","createElement","Fragment","StyledContentLeft","StyledContentMain","StyledContentRight","_extends","cx","_objectSpread","_defineProperty","privateTokens","customBackground","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":"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"}

package/es/components/Badge/Badge.tokens.js

@@ -2,7 +2,12 @@ var classes = {
   badgePilled: 'badge-pilled',
   badgeTransparent: 'badge-transparent',
   badgeClear: 'badge-clear',
-  badgeTruncate: 'badge-truncate'
+  badgeTruncate: 'badge-truncate',
+  iconOnly: 'badge-icon-only'
+};
+var privateTokens = {
+  customBackground: '--plasma-badge-custom-background',
+  customColor: '--plasma-badge-custom-color'
 };
 var tokens = {
   background: '--plasma-badge-background',
@@ -10,13 +15,12 @@ var tokens = {
   backgroundTransparent: '--plasma-badge-background-transparent',
   colorTransparent: '--plasma-badge-color-transparent',
   colorClear: '--plasma-badge-color-clear',
+  backgroundClear: '--plasma-badge-background-clear',
   borderRadius: '--plasma-badge-border-radius',
   pilledBorderRadius: '--plasma-badge-pilled-border-radius',
   height: '--plasma-badge-height',
-  paddingTop: '--plasma-badge-padding-top',
-  paddingRight: '--plasma-badge-padding-right',
-  paddingBottom: '--plasma-badge-padding-bottom',
-  paddingLeft: '--plasma-badge-padding-left',
+  padding: '--plasma-badge-padding',
+  paddingIconOnly: '--plasma-badge-padding-icon-only',
   fontFamily: '--plasma-badge-font-family',
   fontSize: '--plasma-badge-font-size',
   fontStyle: '--plasma-badge-font-style',
@@ -29,5 +33,5 @@ var tokens = {
   rightContentMarginRight: '--plasma-badge-right-content-margin-right'
 };
 
-export { classes, tokens };
+export { classes, privateTokens, tokens };
 //# sourceMappingURL=Badge.tokens.js.map

package/es/components/Badge/Badge.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n    badgeTruncate: 'badge-truncate',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    paddingTop: '--plasma-badge-padding-top',\n    paddingRight: '--plasma-badge-padding-right',\n    paddingBottom: '--plasma-badge-padding-bottom',\n    paddingLeft: '--plasma-badge-padding-left',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","badgeTruncate","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","borderRadius","pilledBorderRadius","height","paddingTop","paddingRight","paddingBottom","paddingLeft","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,WAAW,EAAE,6BAA6B;AAE1CC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;"}
+{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n    badgeTruncate: 'badge-truncate',\n    iconOnly: 'badge-icon-only',\n};\n\nexport const privateTokens = {\n    customBackground: '--plasma-badge-custom-background',\n    customColor: '--plasma-badge-custom-color',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n    backgroundClear: '--plasma-badge-background-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    padding: '--plasma-badge-padding',\n    paddingIconOnly: '--plasma-badge-padding-icon-only',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","badgeTruncate","iconOnly","privateTokens","customBackground","customColor","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","backgroundClear","borderRadius","pilledBorderRadius","height","padding","paddingIconOnly","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,WAAW,EAAE,6BAAA;AACjB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,eAAe,EAAE,iCAAiC;AAElDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;"}

package/es/components/Badge/variations/_clear/base.js

@@ -1,4 +1,4 @@
-import './base_oopyb7.css';
+import './base_wiboj8.css';
 var base = "b1e1wuvi";
 
 export { base };

package/es/components/Badge/variations/_clear/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeClear} {\n        color: var(${tokens.colorClear});\n        background-color: transparent;\n        padding: 0;\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeClear} {\n        color: var(${privateTokens.customColor}, var(${tokens.colorClear}));\n        background-color: var(${privateTokens.customBackground}, var(${tokens.backgroundClear}));\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}

package/es/components/Badge/variations/_clear/base_wiboj8.css

@@ -0,0 +1 @@
+.b1e1wuvi.badge-clear{color:var(--plasma-badge-custom-color,var(--plasma-badge-color-clear));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background-clear));}

package/es/components/Badge/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_to0y5x.css';
+import './base_bu5opk.css';
 var base = "bb8jvo5";
 
 export { base };

package/es/components/Badge/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-radius: var(${tokens.borderRadius});\n\n    height: var(${tokens.height});\n\n    padding-top: var(${tokens.paddingTop});\n    padding-right: var(${tokens.paddingRight});\n    padding-bottom: var(${tokens.paddingBottom});\n    padding-left: var(${tokens.paddingLeft});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAgBhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Badge.tokens';\nimport { StyledContentLeft } from '../../Badge.styles';\n\nexport const base = css`\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-radius: var(${tokens.borderRadius});\n\n    height: var(${tokens.height});\n\n    padding: var(${tokens.padding});\n\n    &.${classes.iconOnly} {\n        padding: var(${tokens.paddingIconOnly});\n\n        ${StyledContentLeft} {\n            margin: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAqBhB;;;;"}

package/{cjs/components/Badge/variations/_size/base_to0y5x.css → es/components/Badge/variations/_size/base_bu5opk.css}

@@ -1 +1 @@
-.bb8jvo5{font-family:var(--plasma-badge-font-family);font-size:var(--plasma-badge-font-size);font-style:var(--plasma-badge-font-style);font-weight:var(--plasma-badge-font-weight);-webkit-letter-spacing:var(--plasma-badge-letter-spacing);-moz-letter-spacing:var(--plasma-badge-letter-spacing);-ms-letter-spacing:var(--plasma-badge-letter-spacing);letter-spacing:var(--plasma-badge-letter-spacing);line-height:var(--plasma-badge-lineheight);border-radius:var(--plasma-badge-border-radius);height:var(--plasma-badge-height);padding-top:var(--plasma-badge-padding-top);padding-right:var(--plasma-badge-padding-right);padding-bottom:var(--plasma-badge-padding-bottom);padding-left:var(--plasma-badge-padding-left);}
+.bb8jvo5{font-family:var(--plasma-badge-font-family);font-size:var(--plasma-badge-font-size);font-style:var(--plasma-badge-font-style);font-weight:var(--plasma-badge-font-weight);-webkit-letter-spacing:var(--plasma-badge-letter-spacing);-moz-letter-spacing:var(--plasma-badge-letter-spacing);-ms-letter-spacing:var(--plasma-badge-letter-spacing);letter-spacing:var(--plasma-badge-letter-spacing);line-height:var(--plasma-badge-lineheight);border-radius:var(--plasma-badge-border-radius);height:var(--plasma-badge-height);padding:var(--plasma-badge-padding);}.bb8jvo5.badge-icon-only{padding:var(--plasma-badge-padding-icon-only);}.bb8jvo5.badge-icon-only .s1t43xoe{margin:0;}

package/es/components/Badge/variations/_transparent/base.js

@@ -1,4 +1,4 @@
-import './base_1l6036y.css';
+import './base_aapqhz.css';
 var base = "binquhc";
 
 export { base };

package/es/components/Badge/variations/_transparent/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_transparent/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeTransparent} {\n        color: var(${tokens.colorTransparent});\n        background-color: var(${tokens.backgroundTransparent});\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_transparent/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeTransparent} {\n        color: var(${privateTokens.customColor}, var(${tokens.colorTransparent}));\n        background-color: var(${privateTokens.customBackground}, var(${tokens.backgroundTransparent}));\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}

package/es/components/Badge/variations/_transparent/base_aapqhz.css

@@ -0,0 +1 @@
+.binquhc.badge-transparent{color:var(--plasma-badge-custom-color,var(--plasma-badge-color-transparent));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background-transparent));}

package/es/components/Badge/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_qlxank.css';
+import './base_j3xzf3.css';
 var base = "b5zny0e";
 
 export { base };

package/es/components/Badge/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    color: var(${tokens.color});\n    background-color: var(${tokens.background});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAGhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    color: var(${privateTokens.customColor}, var(${tokens.color}));\n    background-color: var(${privateTokens.customBackground}, var(${tokens.background}));\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAGhB;;;;"}

package/es/components/Badge/variations/_view/base_j3xzf3.css

@@ -0,0 +1 @@
+.b5zny0e{color:var(--plasma-badge-custom-color,var(--plasma-badge-color));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background));}

package/es/components/Steps/Steps.css

@@ -5,14 +5,14 @@
 .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_q5nnk6_snf9dn9__a323f428{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
-.StepItem_styles_q5nnk6_sv5tpso__a323f428{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_q5nnk6_s529fhk__a323f428{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_q5nnk6_b1kcj14__a323f428{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_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.StepItem_styles_q5nnk6_b9hdug__a323f428{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;outline:none;padding:0;margin:0;border:none;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);position:relative;}.StepItem_styles_q5nnk6_b9hdug__a323f428::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem 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;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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);position:relative;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem 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;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}
-.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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:var(--plasma-step-item-active-indicator-background);}
-.StepItem_styles_q5nnk6_sxskc3q__a323f428{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_transparentDivider__a323f428{background:transparent;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428.StepItem_styles_q5nnk6_simple__a323f428{height:auto;max-height:none;}
-.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
-.StepItem_styles_q5nnk6_s12pqpa3__a323f428{position:relative;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;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-webkit-flex:0;-ms-flex:0;flex:0;-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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{margin:0 auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isFirst__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isFirst__a323f428:before{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isLast__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isLast__a323f428:after{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isPrevInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isNextInactive__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_isNextActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_sv5tpso__a323f428{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{cursor:pointer;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{width:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-right:0;text-align:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemDisabled__a323f428{opacity:var(--plasma-step-item-disabled-opacity);}
+.StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_sp9rcd_sv5tpso__20446152{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_sp9rcd_s529fhk__20446152{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_sp9rcd_b1kcj14__20446152{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_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_sp9rcd_b9hdug__20446152{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_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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_sp9rcd_sxskc3q__20446152{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_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
+.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_sp9rcd_s12pqpa3__20446152{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;-webkit-flex:1;-ms-flex:1;flex:1;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
 
-.Steps_styles_wa45kj_b7q3upx__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88).Steps_styles_wa45kj_itemHasIndicator__4cedcb88{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88):not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88.Steps_styles_wa45kj_itemHasIndicator__4cedcb88{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88:not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}
+.Steps_styles_1xmqxqu_b7q3upx__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a).Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a):not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a:not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}

package/es/components/Steps/Steps.js

@@ -1,5 +1,5 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useMemo, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useEffect } from 'react';
 import cls from 'classnames';
 import { classes } from './Steps.tokens.js';
 import { base } from './Steps.styles.js';
@@ -33,33 +33,19 @@ var stepsRoot = function stepsRoot(Root) {
       _useState2 = _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;
     });
-    var innerItems = useMemo(function () {
-      var isUncontrolled = current !== undefined;
-      return items.map(function (item, index) {
-        var itemStatus = getItemStatus({
-          isUncontrolled: isUncontrolled,
-          current: current,
-          status: status,
-          index: index,
-          item: item
-        });
-        return _objectSpread2(_objectSpread2({}, item), {}, {
-          status: itemStatus
-        });
-      });
-    }, [status, current, items]);
     useEffect(function () {
       var calcPrevIndex = function calcPrevIndex() {
         if (current !== undefined) {
           setPrevIndex(current);
         } else {
-          var index = innerItems.findIndex(function (item) {
+          var index = items.findIndex(function (item) {
             return item.status === 'active';
           });
           setPrevIndex(index !== -1 ? index : undefined);
@@ -69,14 +55,21 @@ var stepsRoot = function stepsRoot(Root) {
       return function () {
         calcPrevIndex();
       };
-    }, [current, innerItems]);
+    }, [current, items]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       view: view,
       ref: outerRef,
       className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, orientation === 'vertical'), classes.simple, isSimple), classes.hasIndicator, hasIndicator))
-    }, rest), innerItems.map(function (item, index) {
-      var isActive = item.status === 'active';
+    }, rest), items.map(function (item, index) {
+      var itemStatus = getItemStatus({
+        isUncontrolled: isUncontrolled,
+        current: current,
+        status: status,
+        index: index,
+        item: item
+      });
+      var isActive = itemStatus === 'active';
       var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
       var itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';
       var onClick = onChange ? function () {
@@ -88,14 +81,14 @@ var stepsRoot = function stepsRoot(Root) {
         title: item.title,
         content: itemContent,
         indicator: item.indicator,
-        status: item.status,
+        status: itemStatus,
         size: size,
         orientation: orientation,
         contentAlign: itemContentAlign,
         hasLine: hasLine,
         hasLoader: hasLoader && isActive,
         onClick: onClick,
-        items: innerItems
+        items: items
       });
     }));
   });

package/es/components/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n    forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n        const {\n            view = 'default',\n            size,\n            orientation = 'horizontal',\n            contentAlign = 'left',\n            hasLine = true,\n            hasContent = 'all',\n            hasLoader,\n            items = [],\n            onChange,\n            current,\n            status,\n            ...rest\n        } = props;\n\n        const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n        const hasIndicator = items.some((item) => item.indicator != null);\n        const isSimple = items.every((item) => !item.title && !item.content);\n\n        const innerItems = useMemo(() => {\n            const isUncontrolled = current !== undefined;\n\n            return items.map((item, index) => {\n                const itemStatus = getItemStatus({\n                    isUncontrolled,\n                    current,\n                    status,\n                    index,\n                    item,\n                });\n\n                return {\n                    ...item,\n                    status: itemStatus,\n                };\n            });\n        }, [status, current, items]);\n\n        useEffect(() => {\n            const calcPrevIndex = () => {\n                if (current !== undefined) {\n                    setPrevIndex(current);\n                } else {\n                    const index = innerItems.findIndex((item) => item.status === 'active');\n                    setPrevIndex(index !== -1 ? index : undefined);\n                }\n            };\n\n            calcPrevIndex();\n\n            return () => {\n                calcPrevIndex();\n            };\n        }, [current, innerItems]);\n\n        return (\n            <Root\n                size={size}\n                view={view}\n                ref={outerRef}\n                className={cls({\n                    [classes.verticalOrientation]: orientation === 'vertical',\n                    [classes.simple]: isSimple,\n                    [classes.hasIndicator]: hasIndicator,\n                })}\n                {...rest}\n            >\n                {innerItems.map((item, index) => {\n                    const isActive = item.status === 'active';\n\n                    const itemContent =\n                        (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n                    const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n                    const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n                    return (\n                        <StepItem\n                            key={index}\n                            index={index}\n                            title={item.title}\n                            content={itemContent}\n                            indicator={item.indicator}\n                            status={item.status}\n                            size={size!}\n                            orientation={orientation}\n                            contentAlign={itemContentAlign}\n                            hasLine={hasLine}\n                            hasLoader={hasLoader && isActive}\n                            onClick={onClick}\n                            items={innerItems}\n                        />\n                    );\n                })}\n            </Root>\n        );\n    });\n\nexport const stepsConfig = {\n    name: 'Steps',\n    tag: 'div',\n    layout: stepsRoot,\n    base,\n    variations: {\n        size: sizeCSS,\n        view: viewCSS,\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}
+{"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 { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n    forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n        const {\n            view = 'default',\n            size,\n            orientation = 'horizontal',\n            contentAlign = 'left',\n            hasLine = true,\n            hasContent = 'all',\n            hasLoader,\n            items = [],\n            onChange,\n            current,\n            status,\n            ...rest\n        } = props;\n\n        const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n        const 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            const calcPrevIndex = () => {\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\n            calcPrevIndex();\n\n            return () => {\n                calcPrevIndex();\n            };\n        }, [current, items]);\n\n        return (\n            <Root\n                size={size}\n                view={view}\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                    const itemStatus = getItemStatus({ isUncontrolled, current, status, index, item });\n\n                    const isActive = itemStatus === 'active';\n\n                    const itemContent =\n                        (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n                    const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n                    const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n                    return (\n                        <StepItem\n                            key={index}\n                            index={index}\n                            title={item.title}\n                            content={itemContent}\n                            indicator={item.indicator}\n                            status={itemStatus}\n                            size={size!}\n                            orientation={orientation}\n                            contentAlign={itemContentAlign}\n                            hasLine={hasLine}\n                            hasLoader={hasLoader && isActive}\n                            onClick={onClick}\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: 'm',\n    },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","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","calcPrevIndex","index","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","map","itemStatus","getItemStatus","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}

package/es/components/Steps/Steps.styles.js

@@ -1,4 +1,4 @@
-import './Steps.styles_wa45kj.css';
+import './Steps.styles_1xmqxqu.css';
 var base = "b7q3upx";
 
 export { base };

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

@@ -1 +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        &:not(&.${classes.verticalOrientation}) {\n            &.${classes.hasIndicator} {\n                height: var(${tokens.activeIndicatorSize});\n            }\n\n            &:not(.${classes.hasIndicator}) {\n                height: var(${tokens.activeBulletSize});\n            }\n        }\n\n        &.${classes.verticalOrientation} {\n            &.${classes.hasIndicator} {\n                width: var(${tokens.activeIndicatorSize});\n            }\n            &:not(.${classes.hasIndicator}) {\n                width: var(${tokens.activeBulletSize});\n            }\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        height: 100%;\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAiChB;;;;"}
+{"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        &:not(&.${classes.verticalOrientation}) {\n            &.${classes.hasIndicator} {\n                height: var(${tokens.activeIndicatorSize});\n            }\n\n            &:not(.${classes.hasIndicator}) {\n                height: var(${tokens.activeBulletSize});\n            }\n        }\n\n        &.${classes.verticalOrientation} {\n            &.${classes.hasIndicator} {\n                width: var(${tokens.activeIndicatorSize});\n            }\n            &:not(.${classes.hasIndicator}) {\n                width: var(${tokens.activeBulletSize});\n            }\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        height: 100%;\n\n        &.${classes.simple} {\n            display: inline-flex;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAqChB;;;;"}

package/es/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css}

@@ -1 +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.simple{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation).item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation):not(.item-has-indicator){height:var(--plasma-step-item-active-bullet-size);}.b7q3upx.simple.vertical-orientation.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple.vertical-orientation:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b7q3upx.vertical-orientation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}
+.b7q3upx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b7q3upx.simple{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation).item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation):not(.item-has-indicator){height:var(--plasma-step-item-active-bullet-size);}.b7q3upx.simple.vertical-orientation.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple.vertical-orientation:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b7q3upx.vertical-orientation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}.b7q3upx.vertical-orientation.simple{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}

package/es/components/Steps/Steps.tokens.js

@@ -56,7 +56,6 @@ var tokens = {
   inactiveTitleColor: '--plasma-step-item-inactive-title-color',
   inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
   contentColor: '--plasma-step-item-content-color',
-  focusColor: '--plasma-step-item-focus-color',
   activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
   activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
   activeIndicatorColor: '--plasma-step-item-active-indicator-color',

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.tokens.js","sources":["../../../src/components/Steps/Steps.tokens.ts"],"sourcesContent":["export const classes = {\n    simple: 'simple',\n    centered: 'item-centered',\n    active: 'item-active',\n    inactive: 'item-inactive',\n    clickable: 'item-clickable',\n    hovered: 'item-hovered',\n    disabled: 'item-disabled',\n    verticalOrientation: 'vertical-orientation',\n    hasIndicator: 'item-has-indicator',\n    activeItem: 'item-active',\n    indentDivider: 'indent-divider',\n    transparentDivider: '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    focusColor: '--plasma-step-item-focus-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","indentDivider","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","focusColor","activeIndicatorBorder","activeIndicatorBorderHover","activeIndicatorColor","activeIndicatorColorHover","activeIndicatorBackground","completedIndicatorColor","completedIndicatorColorHover","completedIndicatorBackground","completedIndicatorBackgroundHover","inactiveIndicatorColor","inactiveIndicatorColorHover","inactiveIndicatorBackground","inactiveIndicatorBackgroundHover","disabledOpacity","dividerThickness"],"mappings":"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"}
+{"version":3,"file":"Steps.tokens.js","sources":["../../../src/components/Steps/Steps.tokens.ts"],"sourcesContent":["export const classes = {\n    simple: 'simple',\n    centered: 'item-centered',\n    active: 'item-active',\n    inactive: 'item-inactive',\n    clickable: 'item-clickable',\n    hovered: 'item-hovered',\n    disabled: 'item-disabled',\n    verticalOrientation: 'vertical-orientation',\n    hasIndicator: 'item-has-indicator',\n    activeItem: 'item-active',\n    indentDivider: 'indent-divider',\n    transparentDivider: '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","indentDivider","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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"}