@salutejs/plasma-new-hope 0.321.0-canary.1877.14264611646.0 → 0.321.0-canary.1877.14334483082.0

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js

@@ -1,4 +1,4 @@
-import './Filter.styles_zerrb9.css';
+import './Filter.styles_pz88bp.css';
 import { styled } from '@linaria/react';
 import { StyledDivider as StyledDivider$1 } from '../../../../Table.styles.js';
 import { component, mergeConfig } from '../../../../../../engines/common.js';
@@ -21,18 +21,18 @@ var IconFilterWrapper = /*#__PURE__*/styled('div')({
   "class": "ixw8ftq",
   propsAsIs: false
 });
-var _exp37 = function _exp37() {
+var _exp41 = function _exp41() {
   return Indicator;
 };
-var StyledIndicator = /*#__PURE__*/styled(_exp37())({
+var StyledIndicator = /*#__PURE__*/styled(_exp41())({
   name: "StyledIndicator",
   "class": "s1qytkol",
   propsAsIs: true
 });
-var _exp42 = function _exp42() {
+var _exp46 = function _exp46() {
   return StyledDivider$1;
 };
-var StyledDivider = /*#__PURE__*/styled(_exp42())({
+var StyledDivider = /*#__PURE__*/styled(_exp46())({
   name: "StyledDivider",
   "class": "s1amtrwp",
   propsAsIs: true

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.styles.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { selectConfig, selectTokens } from '../../../../../Select';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { tableTokens as tokens } from '../../../../Table.tokens';\nimport { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../../Table.styles';\n\nconst SelectBase = component(selectConfig);\nexport const Select = styled(SelectBase)`\n    ${selectTokens.padding}: var(${tokens.selectPadding});\n    ${selectTokens.borderRadius}: var(${tokens.selectBorderRadius});\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: var(${tokens.selectItemBorderRadius});\n    ${selectTokens.itemIconMargin}: var(${tokens.selectItemIconMargin});\n    ${selectTokens.itemIconSize}: var(${tokens.selectItemIconSize});\n    ${selectTokens.cellPadding}: var(${tokens.selectCellPadding});\n    ${selectTokens.cellTitleFontFamily}: var(${tokens.selectCellTitleFontFamily});\n    ${selectTokens.cellTitleFontSize}: var(${tokens.selectCellTitleFontSize});\n    ${selectTokens.cellTitleFontStyle}: var(${tokens.selectCellTitleFontStyle});\n    ${selectTokens.cellTitleFontWeight}: var(${tokens.selectCellTitleFontWeight});\n    ${selectTokens.cellTitleLetterSpacing}: var(${tokens.selectCellTitleLetterSpacing});\n    ${selectTokens.cellTitleLineHeight}: var(${tokens.selectCellTitleLineHeight});\n    ${selectTokens.checkboxTriggerSize}: var(${tokens.selectCheckboxTriggerSize});\n    ${selectTokens.checkboxTriggerBorderRadius}: var(${tokens.selectCheckboxTriggerBorderRadius});\n    ${selectTokens.checkboxFillColor}: var(--text-accent);\n    ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n    ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const IconFilterWrapper = styled.div`\n    position: relative;\n    line-height: 0;\n    cursor: pointer;\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    position: absolute;\n    top: 2%;\n    right: 3%;\n    ${indicatorTokens.size}: 0.375rem;\n    ${indicatorTokens.color}: var(--surface-accent);\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    padding: var(${tokens.filterCheckboxPadding});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    margin: var(${tokens.filterDividerMargin});\n`;\n\nexport const ControlPanel = styled.div`\n    display: flex;\n    justify-content: space-between;\n    padding: var(${tokens.selectControlPanelPadding});\n    gap: var(${tokens.selectControlPanelGap});\n    user-select: none;\n`;\n"],"names":["SelectBase","component","selectConfig","_exp","Select","styled","name","class","propsAsIs","mergedIndicatorConfig","mergeConfig","indicatorConfig","Indicator","IconFilterWrapper","_exp37","StyledIndicator","_exp42","Divider","StyledDivider","ControlPanel"],"mappings":";;;;;;AAQA,IAAMA,UAAU,gBAAGC,SAAS,CAACC,YAAY,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPzBA,SAOyBA,IAAAA,GAAA;AAAA,EAAA,OACdH,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,MAAM,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAoB3B,EAAA;AAED,IAAMC,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGX,SAAS,CAACQ,qBAAqB,CAAC,CAAA;AAE3C,IAAMI,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAM,MAAA,GArCgBA,SAqChBA,MAAAA,GAAA;AAAA,EAAA,OAEoCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAMpC,EAAA;AAIC,IAAAQ,MAAA,GAjDgBA,SAiDhBA,MAAAA,GAAA;AAAA,EAAA,OAEkCC,eAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,aAAa,gBAAGb,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAElC,EAAA;AAEM,IAAMW,YAAY,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC;;;;"}
+{"version":3,"file":"Filter.styles.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { selectConfig, selectTokens } from '../../../../../Select';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { tableTokens as tokens } from '../../../../Table.tokens';\nimport { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../../Table.styles';\n\nconst SelectBase = component(selectConfig);\nexport const Select = styled(SelectBase)`\n    ${selectTokens.padding}: var(${tokens.selectPadding});\n    ${selectTokens.borderRadius}: var(${tokens.selectBorderRadius});\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: var(${tokens.selectItemBorderRadius});\n    ${selectTokens.itemIconMargin}: var(${tokens.selectItemIconMargin});\n    ${selectTokens.itemIconSize}: var(${tokens.selectItemIconSize});\n    ${selectTokens.cellPadding}: var(${tokens.selectCellPadding});\n    ${selectTokens.cellTitleFontFamily}: var(${tokens.selectCellTitleFontFamily});\n    ${selectTokens.cellTitleFontSize}: var(${tokens.selectCellTitleFontSize});\n    ${selectTokens.cellTitleFontStyle}: var(${tokens.selectCellTitleFontStyle});\n    ${selectTokens.cellTitleFontWeight}: var(${tokens.selectCellTitleFontWeight});\n    ${selectTokens.cellTitleLetterSpacing}: var(${tokens.selectCellTitleLetterSpacing});\n    ${selectTokens.cellTitleLineHeight}: var(${tokens.selectCellTitleLineHeight});\n    ${selectTokens.checkboxTriggerSize}: var(${tokens.selectCheckboxTriggerSize});\n    ${selectTokens.checkboxTriggerBorderRadius}: var(${tokens.selectCheckboxTriggerBorderRadius});\n    ${selectTokens.checkboxTriggerBorderWidth}: var(${tokens.selectCheckboxTriggerBorderWidth});\n    ${selectTokens.checkboxTriggerBorderCheckedColor}: var(${tokens.selectCheckboxTriggerBorderCheckedColor});\n    ${selectTokens.checkboxFillColor}: var(--text-accent);\n    ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n    ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const IconFilterWrapper = styled.div`\n    position: relative;\n    line-height: 0;\n    cursor: pointer;\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    position: absolute;\n    top: 2%;\n    right: 3%;\n    ${indicatorTokens.size}: 0.375rem;\n    ${indicatorTokens.color}: var(--surface-accent);\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    padding: var(${tokens.filterCheckboxPadding});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    margin: var(${tokens.filterDividerMargin});\n`;\n\nexport const ControlPanel = styled.div`\n    display: flex;\n    justify-content: space-between;\n    padding: var(${tokens.selectControlPanelPadding});\n    gap: var(${tokens.selectControlPanelGap});\n    user-select: none;\n`;\n"],"names":["SelectBase","component","selectConfig","_exp","Select","styled","name","class","propsAsIs","mergedIndicatorConfig","mergeConfig","indicatorConfig","Indicator","IconFilterWrapper","_exp41","StyledIndicator","_exp46","Divider","StyledDivider","ControlPanel"],"mappings":";;;;;;AAQA,IAAMA,UAAU,gBAAGC,SAAS,CAACC,YAAY,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPzBA,SAOyBA,IAAAA,GAAA;AAAA,EAAA,OACdH,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,MAAM,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB3B,EAAA;AAED,IAAMC,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGX,SAAS,CAACQ,qBAAqB,CAAC,CAAA;AAE3C,IAAMI,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAM,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAEoCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAMpC,EAAA;AAIC,IAAAQ,MAAA,GAnDgBA,SAmDhBA,MAAAA,GAAA;AAAA,EAAA,OAEkCC,eAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,aAAa,gBAAGb,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAElC,EAAA;AAEM,IAAMW,YAAY,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC;;;;"}

package/{cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles_zerrb9.css → es/components/Table/ui/HeadCell/ui/Filter/Filter.styles_pz88bp.css}

@@ -1,4 +1,4 @@
-.ss3v1fl{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
+.ss3v1fl{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
 .ixw8ftq{position:relative;line-height:0;cursor:pointer;}
 .s1qytkol{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
 .si1fypw{padding:var(--plasma-table-filter-checkbox-padding);}

package/es/engines/linaria.js.map

@@ -1 +1 @@
-{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport type { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name, intersections } = componentConfig;\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, as, forwardedAs, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const intersectionStyles = getIntersectionStyles(rest, intersections);\n\n        const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        const Root = as || forwardedAs || (tag as React.ElementType);\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,kBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEZ,aAAa,CAAC,CAAA;IAErE,IAAMkB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CAACX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEX,IAAI,CAAAuB,CAAAA,MAAA,CAAAC,kBAAA,CAAgBrB,cAAc,CAAA,EAAAqB,kBAAA,CAAkBP,QAAQ,CAAAO,EAAAA,kBAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI5B,eAAe,CAAC6B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI5B,eAAe,CAAC6B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG/B,eAAe,CAAC6B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKd,GAAyB,CAAA;AAE5D,IAAA,oBAAOiC,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,QAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIxB,IAAI,EAAE;IACNM,SAAS,CAAC4B,WAAW,GAAGlC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOM,SAAS,CAAA;AACpB;;;;"}
+{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name, intersections } = componentConfig;\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, as, forwardedAs, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const intersectionStyles = getIntersectionStyles(rest, intersections) as string[];\n\n        const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        const Root = as || forwardedAs || (tag as React.ElementType);\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,kBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEZ,aAAa,CAAa,CAAA;IAEjF,IAAMkB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CAACX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEX,IAAI,CAAAuB,CAAAA,MAAA,CAAAC,kBAAA,CAAgBrB,cAAc,CAAA,EAAAqB,kBAAA,CAAkBP,QAAQ,CAAAO,EAAAA,kBAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI5B,eAAe,CAAC6B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI5B,eAAe,CAAC6B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG/B,eAAe,CAAC6B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKd,GAAyB,CAAA;AAE5D,IAAA,oBAAOiC,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,QAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIxB,IAAI,EAAE;IACNM,SAAS,CAAC4B,WAAW,GAAGlC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOM,SAAS,CAAA;AACpB;;;;"}

package/es/engines/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/engines/utils.ts"],"sourcesContent":["import type { ComponentConfig, HTMLAnyAttributes, Intersection } from './types';\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n\nexport const getIntersectionStyles = (props: Record<string, any>, intersections?: Intersection[]) => {\n    if (!intersections) {\n        return [];\n    }\n\n    return intersections.reduce((styles: string[], item) => {\n        const hasMatchStyle = Object.entries(item)\n            .filter(([key]) => key !== 'style')\n            .every(([key, value]) => props[key] === value);\n\n        if (hasMatchStyle) {\n            styles.push(item.style);\n        }\n\n        return styles;\n    }, []);\n};\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","getIntersectionStyles","intersections","reduce","styles","item","hasMatchStyle","Object","entries","filter","_ref","_ref2","_slicedToArray","every","_ref3","_ref4","value","style"],"mappings":";;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,kBAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL,EAAC;AAEM,IAAMW,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIN,KAA0B,EAAEO,aAA8B,EAAK;EACjG,IAAI,CAACA,aAAa,EAAE;AAChB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,OAAOA,aAAa,CAACC,MAAM,CAAC,UAACC,MAAgB,EAAEC,IAAI,EAAK;AACpD,IAAA,IAAMC,aAAa,GAAGC,MAAM,CAACC,OAAO,CAACH,IAAI,CAAC,CACrCI,MAAM,CAAC,UAAAC,IAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAEnB,QAAAA,GAAG,GAAAoB,KAAA,CAAA,CAAA,CAAA,CAAA;MAAA,OAAMpB,GAAG,KAAK,OAAO,CAAA;AAAA,KAAA,CAAC,CAClCsB,KAAK,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAH,cAAA,CAAAE,KAAA,EAAA,CAAA,CAAA;AAAEvB,QAAAA,GAAG,GAAAwB,KAAA,CAAA,CAAA,CAAA;AAAEC,QAAAA,KAAK,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAMpB,KAAK,CAACJ,GAAG,CAAC,KAAKyB,KAAK,CAAA;KAAC,CAAA,CAAA;AAElD,IAAA,IAAIV,aAAa,EAAE;AACfF,MAAAA,MAAM,CAACX,IAAI,CAACY,IAAI,CAACY,KAAK,CAAC,CAAA;AAC3B,KAAA;AAEA,IAAA,OAAOb,MAAM,CAAA;GAChB,EAAE,EAAE,CAAC,CAAA;AACV;;;;"}
+{"version":3,"file":"utils.js","sources":["../../src/engines/utils.ts"],"sourcesContent":["import { ComponentConfig, HTMLAnyAttributes, Intersection, PolymorphicClassName } from './types';\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n\nexport const getIntersectionStyles = (props: Record<string, any>, intersections?: Intersection[]) => {\n    if (!intersections) {\n        return [];\n    }\n\n    return intersections.reduce((styles: PolymorphicClassName[], item) => {\n        const hasMatchStyle = Object.entries(item)\n            .filter(([key]) => key !== 'style')\n            .every(([key, value]) => props[key] === value);\n\n        if (hasMatchStyle) {\n            styles.push(item.style);\n        }\n\n        return styles;\n    }, []);\n};\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","getIntersectionStyles","intersections","reduce","styles","item","hasMatchStyle","Object","entries","filter","_ref","_ref2","_slicedToArray","every","_ref3","_ref4","value","style"],"mappings":";;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,kBAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL,EAAC;AAEM,IAAMW,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIN,KAA0B,EAAEO,aAA8B,EAAK;EACjG,IAAI,CAACA,aAAa,EAAE;AAChB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,OAAOA,aAAa,CAACC,MAAM,CAAC,UAACC,MAA8B,EAAEC,IAAI,EAAK;AAClE,IAAA,IAAMC,aAAa,GAAGC,MAAM,CAACC,OAAO,CAACH,IAAI,CAAC,CACrCI,MAAM,CAAC,UAAAC,IAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAEnB,QAAAA,GAAG,GAAAoB,KAAA,CAAA,CAAA,CAAA,CAAA;MAAA,OAAMpB,GAAG,KAAK,OAAO,CAAA;AAAA,KAAA,CAAC,CAClCsB,KAAK,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAH,cAAA,CAAAE,KAAA,EAAA,CAAA,CAAA;AAAEvB,QAAAA,GAAG,GAAAwB,KAAA,CAAA,CAAA,CAAA;AAAEC,QAAAA,KAAK,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAMpB,KAAK,CAACJ,GAAG,CAAC,KAAKyB,KAAK,CAAA;KAAC,CAAA,CAAA;AAElD,IAAA,IAAIV,aAAa,EAAE;AACfF,MAAAA,MAAM,CAACX,IAAI,CAACY,IAAI,CAACY,KAAK,CAAC,CAAA;AAC3B,KAAA;AAEA,IAAA,OAAOb,MAAM,CAAA;GAChB,EAAE,EAAE,CAAC,CAAA;AACV;;;;"}

package/es/index.css

@@ -709,15 +709,15 @@
 
 .Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4{width:var(--plasma-private-thumb-size);height:var(--plasma-private-thumb-size);min-width:var(--plasma-private-thumb-size);min-height:var(--plasma-private-thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:not([disabled]):hover:after,.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4[disabled]{cursor:not-allowed;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:focus{outline:none;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4::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.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4.Thumb_styles_1y5d9dd_focusVisible__5e2c99d4:focus::before,.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
 
-.StepItem_styles_c6jhr1_snf9dn9__87d6f4fd{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
-.StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{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_c6jhr1_s529fhk__87d6f4fd{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_c6jhr1_b1kcj14__87d6f4fd{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_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd).StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{-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_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-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_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.StepItem_styles_c6jhr1_b9hdug__87d6f4fd{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;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background: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_c6jhr1_b9hdug__87d6f4fd::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_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_focusVisible__87d6f4fd:focus::before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd{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_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd::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_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd.StepItem_styles_c6jhr1_focusVisible__87d6f4fd:focus::before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);}
-.StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd.StepItem_styles_c6jhr1_b9hdug__87d6f4fd{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd{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_c6jhr1_sxskc3q__87d6f4fd{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_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd{background:transparent;}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_indentDivider__87d6f4fd{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_indentDivider__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{height:auto;max-height:none;}
-.StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
-.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd{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_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-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_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_sxskc3q__87d6f4fd{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd{cursor:default;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{-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_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):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_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd: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_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after{margin:0 auto;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isFirst__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isFirst__87d6f4fd:before{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isLast__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isLast__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isPrevInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isNextInactive__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_isNextActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{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_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{cursor:pointer;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd{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_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{width:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-right:0;text-align:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
+.StepItem_styles_vom1a1_snf9dn9__531a8e02{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_vom1a1_sv5tpso__531a8e02{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_vom1a1_s529fhk__531a8e02{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_vom1a1_b1kcj14__531a8e02{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_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-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_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-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_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_vom1a1_b9hdug__531a8e02{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;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background: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_vom1a1_b9hdug__531a8e02::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_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{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_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02::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_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:after{background:var(--plasma-step-item-divider-color);}
+.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{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_vom1a1_sxskc3q__531a8e02{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02{background:transparent;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{height:auto;max-height:none;}
+.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_vom1a1_s12pqpa3__531a8e02{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_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-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_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sxskc3q__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02{cursor:default;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-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_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):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-divider-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02: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_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{margin:0 auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isFirst__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isFirst__531a8e02:before{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isLast__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isLast__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isPrevInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isNextInactive__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_isNextActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{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_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_sv5tpso__531a8e02{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{cursor:pointer;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02{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_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{width:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-right:0;text-align:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{cursor:default;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%;}
 
@@ -908,12 +908,12 @@
 .HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
 .HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
-.Filter_styles_zerrb9_ss3v1fl__e58abdba{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
-.Filter_styles_zerrb9_ixw8ftq__e58abdba{position:relative;line-height:0;cursor:pointer;}
-.Filter_styles_zerrb9_s1qytkol__e58abdba{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
-.Filter_styles_zerrb9_si1fypw__e58abdba{padding:var(--plasma-table-filter-checkbox-padding);}
-.Filter_styles_zerrb9_s1amtrwp__e58abdba{margin:var(--plasma-table-filter-divider-margin);}
-.Filter_styles_zerrb9_cda48hg__e58abdba{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Filter_styles_pz88bp_ss3v1fl__3b783d27{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
+.Filter_styles_pz88bp_ixw8ftq__3b783d27{position:relative;line-height:0;cursor:pointer;}
+.Filter_styles_pz88bp_s1qytkol__3b783d27{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
+.Filter_styles_pz88bp_si1fypw__3b783d27{padding:var(--plasma-table-filter-checkbox-padding);}
+.Filter_styles_pz88bp_s1amtrwp__3b783d27{margin:var(--plasma-table-filter-divider-margin);}
+.Filter_styles_pz88bp_cda48hg__3b783d27{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
 .EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
@@ -926,18 +926,18 @@
 
 .Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
 
-.Table_styles_m14lkb_b1lxisuf__d18d8873{display:inline-block;overflow-y:auto;}
-.Table_styles_m14lkb_t15d4jbz__d18d8873{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_m14lkb_t1ri3no5__d18d8873{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_m14lkb_t1uk535o__d18d8873{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_m14lkb_t1uk535o__d18d8873 .Table_styles_m14lkb_t1ri3no5__d18d8873{background:transparent;}
-
-.Table_styles_m14lkb_r18b5m0z__d18d8873{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_m14lkb_tedz16__d18d8873{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_m14lkb_tedz16__d18d8873:hover .Table_styles_m14lkb_r18b5m0z__d18d8873{display:block;}
-.Table_styles_m14lkb_s3mgb7q__d18d8873{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);}
-.Table_styles_m14lkb_s177cehz__d18d8873{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_m14lkb_beus4rw__d18d8873{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_m14lkb_bfybxxj__d18d8873.Table_styles_m14lkb_beus4rw__d18d8873{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_m14lkb_l1ql6jvb__d18d8873{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_as90a_b1lxisuf__40dd0d40{display:inline-block;overflow-y:auto;}
+.Table_styles_as90a_t15d4jbz__40dd0d40{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_as90a_t1ri3no5__40dd0d40{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_as90a_t1uk535o__40dd0d40{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_as90a_t1uk535o__40dd0d40 .Table_styles_as90a_t1ri3no5__40dd0d40{background:transparent;}
+
+.Table_styles_as90a_r18b5m0z__40dd0d40{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_as90a_tedz16__40dd0d40{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_as90a_tedz16__40dd0d40:hover .Table_styles_as90a_r18b5m0z__40dd0d40{display:block;}
+.Table_styles_as90a_s3mgb7q__40dd0d40{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_as90a_s177cehz__40dd0d40{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_as90a_beus4rw__40dd0d40{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_as90a_bfybxxj__40dd0d40.Table_styles_as90a_beus4rw__40dd0d40{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_as90a_l1ql6jvb__40dd0d40{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .base_1bvd5n_b1o5hlxs__d4f41253{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1bvd5n_b1o5hlxs__d4f41253:hover{color:var(--plasma-link-button-color-hover,var(--plasma-link-button-color));}.base_1bvd5n_b1o5hlxs__d4f41253:active{color:var(--plasma-link-button-color-active,var(--plasma-link-button-color));}
 

package/es/utils/createConditionalComponent.js

@@ -11,8 +11,10 @@ function createConditionalComponent(defaultComponent, mappings) {
         var conditions = mapping.conditions,
           component = mapping.component;
         var conditionsArray = Array.isArray(conditions) ? conditions : [conditions];
-        var allConditionsMatch = conditionsArray.every(function (condition) {
-          return props[condition.prop] === condition.value;
+        var allConditionsMatch = conditionsArray.every(function (_ref) {
+          var prop = _ref.prop,
+            value = _ref.value;
+          return props[prop] === value;
         });
         if (allConditionsMatch) {
           var Component = component;

package/es/utils/createConditionalComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"createConditionalComponent.js","sources":["../../src/utils/createConditionalComponent.tsx"],"sourcesContent":["import React from 'react';\n\ntype PropCondition<T> = {\n    prop: keyof T;\n    value: any;\n};\n\ntype ComponentMapping<T> = {\n    conditions: PropCondition<T> | PropCondition<T>[];\n    component: React.ComponentType<T>;\n};\n\nexport function createConditionalComponent<T extends object>(\n    defaultComponent: React.ComponentType<T>,\n    mappings: ComponentMapping<T>[],\n): React.FC<T> {\n    return (props: T) => {\n        for (const mapping of mappings) {\n            const { conditions, component } = mapping;\n\n            const conditionsArray = Array.isArray(conditions) ? conditions : [conditions];\n\n            const allConditionsMatch = conditionsArray.every((condition) => props[condition.prop] === condition.value);\n\n            if (allConditionsMatch) {\n                const Component = component;\n                return <Component {...props} />;\n            }\n        }\n\n        const DefaultComponent = defaultComponent;\n        return <DefaultComponent {...props} />;\n    };\n}\n"],"names":["createConditionalComponent","defaultComponent","mappings","props","_iterator","_createForOfIteratorHelper","_step","s","n","done","mapping","value","conditions","component","conditionsArray","Array","isArray","allConditionsMatch","every","condition","prop","Component","React","createElement","err","e","f","DefaultComponent"],"mappings":";;;AAYO,SAASA,0BAA0BA,CACtCC,gBAAwC,EACxCC,QAA+B,EACpB;EACX,OAAO,UAACC,KAAQ,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAC,0BAAA,CACKH,QAAQ,CAAA;MAAAI,KAAA,CAAA;AAAA,IAAA,IAAA;MAA9B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAgC;AAAA,QAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACd,QAAA,IAAQC,UAAU,GAAgBF,OAAO,CAAjCE,UAAU;UAAEC,SAAS,GAAKH,OAAO,CAArBG,SAAS,CAAA;AAE7B,QAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACJ,UAAU,CAAC,GAAGA,UAAU,GAAG,CAACA,UAAU,CAAC,CAAA;AAE7E,QAAA,IAAMK,kBAAkB,GAAGH,eAAe,CAACI,KAAK,CAAC,UAACC,SAAS,EAAA;UAAA,OAAKhB,KAAK,CAACgB,SAAS,CAACC,IAAI,CAAC,KAAKD,SAAS,CAACR,KAAK,CAAA;SAAC,CAAA,CAAA;AAE1G,QAAA,IAAIM,kBAAkB,EAAE;UACpB,IAAMI,SAAS,GAAGR,SAAS,CAAA;AAC3B,UAAA,oBAAOS,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAKlB,KAAQ,CAAC,CAAA;AACnC,SAAA;AACJ,OAAA;AAAC,KAAA,CAAA,OAAAqB,GAAA,EAAA;MAAApB,SAAA,CAAAqB,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,KAAA,SAAA;AAAApB,MAAAA,SAAA,CAAAsB,CAAA,EAAA,CAAA;AAAA,KAAA;IAED,IAAMC,gBAAgB,GAAG1B,gBAAgB,CAAA;AACzC,IAAA,oBAAOqB,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAKxB,KAAQ,CAAC,CAAA;GACzC,CAAA;AACL;;;;"}
+{"version":3,"file":"createConditionalComponent.js","sources":["../../src/utils/createConditionalComponent.tsx"],"sourcesContent":["import React from 'react';\n\ntype PropCondition<T> = {\n    prop: keyof T;\n    value: any;\n};\n\ntype ComponentMapping<T> = {\n    conditions: PropCondition<T> | PropCondition<T>[];\n    component: React.ComponentType<T>;\n};\n\nexport function createConditionalComponent<T extends object>(\n    defaultComponent: React.ComponentType<T>,\n    mappings: ComponentMapping<T>[],\n): React.FC<T> {\n    return (props: T) => {\n        for (const mapping of mappings) {\n            const { conditions, component } = mapping;\n\n            const conditionsArray = Array.isArray(conditions) ? conditions : [conditions];\n\n            const allConditionsMatch = conditionsArray.every(({ prop, value }) => props[prop] === value);\n\n            if (allConditionsMatch) {\n                const Component = component;\n                return <Component {...props} />;\n            }\n        }\n\n        const DefaultComponent = defaultComponent;\n        return <DefaultComponent {...props} />;\n    };\n}\n"],"names":["createConditionalComponent","defaultComponent","mappings","props","_iterator","_createForOfIteratorHelper","_step","s","n","done","mapping","value","conditions","component","conditionsArray","Array","isArray","allConditionsMatch","every","_ref","prop","Component","React","createElement","err","e","f","DefaultComponent"],"mappings":";;;AAYO,SAASA,0BAA0BA,CACtCC,gBAAwC,EACxCC,QAA+B,EACpB;EACX,OAAO,UAACC,KAAQ,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAC,0BAAA,CACKH,QAAQ,CAAA;MAAAI,KAAA,CAAA;AAAA,IAAA,IAAA;MAA9B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAgC;AAAA,QAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACd,QAAA,IAAQC,UAAU,GAAgBF,OAAO,CAAjCE,UAAU;UAAEC,SAAS,GAAKH,OAAO,CAArBG,SAAS,CAAA;AAE7B,QAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACJ,UAAU,CAAC,GAAGA,UAAU,GAAG,CAACA,UAAU,CAAC,CAAA;AAE7E,QAAA,IAAMK,kBAAkB,GAAGH,eAAe,CAACI,KAAK,CAAC,UAAAC,IAAA,EAAA;AAAA,UAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;YAAET,KAAK,GAAAQ,IAAA,CAALR,KAAK,CAAA;AAAA,UAAA,OAAOR,KAAK,CAACiB,IAAI,CAAC,KAAKT,KAAK,CAAA;SAAC,CAAA,CAAA;AAE5F,QAAA,IAAIM,kBAAkB,EAAE;UACpB,IAAMI,SAAS,GAAGR,SAAS,CAAA;AAC3B,UAAA,oBAAOS,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAKlB,KAAQ,CAAC,CAAA;AACnC,SAAA;AACJ,OAAA;AAAC,KAAA,CAAA,OAAAqB,GAAA,EAAA;MAAApB,SAAA,CAAAqB,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,KAAA,SAAA;AAAApB,MAAAA,SAAA,CAAAsB,CAAA,EAAA,CAAA;AAAA,KAAA;IAED,IAAMC,gBAAgB,GAAG1B,gBAAgB,CAAA;AACzC,IAAA,oBAAOqB,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAKxB,KAAQ,CAAC,CAAA;GACzC,CAAA;AACL;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.321.0-canary.1877.14264611646.0",
+  "version": "0.321.0-canary.1877.14334483082.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -135,5 +135,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "40cf7238e7d097112ead9b5329bde16676d2c960"
+  "gitHead": "c7e478ad0e0edf570882f196cfe7fe8b67c27324"
 }

package/styled-components/cjs/components/Cell/Cell.template-doc.mdx

@@ -30,7 +30,7 @@ export function App() {
             <Cell
                 contentLeft={ <Avatar size="m" url="https://avatars.githubusercontent.com/u/1813468?v=4" /> }
                 size="m"
-                contentRight={<IconChevronRight color="inheart" size="xs" />}
+                contentRight={<IconChevronRight color="inherit" size="xs" />}
                 title="Title"
                 subtitle="Subtitle"
                 label="Label"
@@ -53,7 +53,7 @@ export function App() {
             <Cell
                 contentLeft={ <Avatar size="m" url="https://avatars.githubusercontent.com/u/1813468?v=4" /> }
                 size="m"
-                contentRight={<IconChevronRight color="inheart" size="xs" />}
+                contentRight={<IconChevronRight color="inherit" size="xs" />}
             >
                 <CellTextbox>
                     <CellTextboxLabel>Label</CellTextboxLabel>

package/styled-components/cjs/components/Steps/Steps.js

@@ -12,8 +12,9 @@ var _ui = /*#__PURE__*/require("./ui");
 var _Steps2 = /*#__PURE__*/require("./Steps.styles");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
+var _base3 = /*#__PURE__*/require("./variations/_itemView/base");
 var _getItemStatus = /*#__PURE__*/require("./utils/getItemStatus");
-var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
+var _excluded = ["view", "itemView", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -35,6 +36,8 @@ var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var _props$view = props.view,
       view = _props$view === void 0 ? 'default' : _props$view,
+      _props$itemView = props.itemView,
+      itemView = _props$itemView === void 0 ? 'default' : _props$itemView,
       size = props.size,
       _props$orientation = props.orientation,
       orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
@@ -95,6 +98,7 @@ var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size,
       view: view,
+      itemView: itemView,
       ref: outerRef,
       className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, orientation === 'vertical'), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator))
     }, rest), innerItems.map(function (item, index) {
@@ -129,10 +133,12 @@ var stepsConfig = exports.stepsConfig = {
   base: _Steps2.base,
   variations: {
     size: _base.base,
-    view: _base2.base
+    view: _base2.base,
+    itemView: _base3.base
   },
   defaults: {
     view: 'default',
-    size: 'm'
+    size: 'm',
+    itemView: 'default'
   }
 };

package/styled-components/cjs/components/Steps/Steps.template-doc.mdx

@@ -10,7 +10,29 @@ import { PropsTable, Description } from '@site/src/components';
 <Description name="Steps" />
 <PropsTable name="Steps" />
 
-## Вариант использования с управлением текущим элементом из вне
+## Внешнее вид
+
+:::info
+Важно! Значения `ItemView` применяются к шагу только когда его статус — inProgress.
+:::
+
+Внешний вид компонента регулируется 2 свойствами:
+
+#### View
+
+Свойство применяется ко всему компоненту и принимает следующие значения:
+- `default`
+- `accent`
+
+#### ItemView
+
+Свойство применяется к индикатору шага и заголовку, и принимает следующие значения:
+- `default`
+- `negative`
+- `warning`
+- `positive`
+
+## Внешнее управление
 
 ```tsx live
 import React, { useState } from 'react';
@@ -30,9 +52,7 @@ export function App() {
 
     return (
         <section>
-            <Steps items={items}
-                current={current}
-            />
+            <Steps items={items} current={current} />
             <br />
             <Button view="secondary" onClick={onClick}>
                 Next
@@ -42,7 +62,7 @@ export function App() {
 }
 ```
 
-## Вариант более гибкого использования через onChange и status в items
+## Управление через onChange и статус шага
 
 ```tsx live
 import React, { useState } from 'react';
@@ -82,3 +102,45 @@ export function App() {
     );
 }
 ```
+
+
+## Использование свойства ItemView
+
+```tsx live
+import React, { useState } from 'react';
+import { Steps, StepItemProps  } from '@salutejs/{{ package }}';
+
+export function App() {
+    const initialItems = [{
+        indicator: 1,
+        title: 'Title',
+        content: 'Content',
+    }, {
+        indicator: 2,
+        title: 'Title',
+        content: 'Content',
+    }, {
+        indicator: 3,
+        title: 'Title',
+        content: 'Content',
+    }];
+
+    const [items, setItems] = useState(initialItems);
+
+    const onChange = (item: StepItemProps, index: number, prevIndex: number) => {
+        if (prevIndex !== undefined) {
+            items[prevIndex].status = 'completed';
+        }
+
+        items[index].status = 'active';
+
+        setItems([...items]);
+    };
+
+    return (
+        <section>
+            <Steps items={items} itemView="positive" onChange={onChange} />
+        </section>
+    );
+}
+```

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

@@ -69,6 +69,7 @@ var tokens = exports.tokens = {
   activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',
   activeIndicatorBackground: '--plasma-step-item-active-indicator-background',
   completedTitleColor: '--plasma-step-item-completed-title-color',
+  completedTitleColorHover: '--plasma-step-item-completed-title-color-hover',
   completedIndicatorColor: '--plasma-step-item-completed-indicator-color',
   completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',
   completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',
@@ -78,5 +79,6 @@ var tokens = exports.tokens = {
   inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',
   inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',
   disabledOpacity: '--plasma-step-item-disabled-opacity',
-  dividerThickness: '--plasma-step-item-divider-thickness'
+  dividerThickness: '--plasma-step-item-divider-thickness',
+  dividerColor: '--plasma-step-item-divider-color'
 };

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

@@ -39,13 +39,13 @@ var BulletIndicator = exports.BulletIndicator = /*#__PURE__*/_styledComponents["
   outlineSize: '0.0625rem',
   outlineRadius: '50%',
   outlineColor: /*#__PURE__*/"var(".concat(_Steps.tokens.focusColor, ")")
-}), _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorColor, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.simple, _Steps.tokens.inactiveIndicatorBackground);
+}), _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorColor, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.simple, _Steps.tokens.dividerColor);
 var Bullet = exports.Bullet = /*#__PURE__*/(0, _styledComponents["default"])(BulletIndicator).withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-5"
 })(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background:var(", ");}"], _Steps.tokens.bulletSize, _Steps.tokens.bulletSize, _Steps.classes.active, _Steps.tokens.activeBulletSize, _Steps.tokens.activeBulletSize, _Steps.tokens.dividerThickness, _Steps.tokens.activeIndicatorBorder, _Steps.tokens.activeIndicatorBackground);
 var StepItemDivider = exports.StepItemDivider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-6"
-})(["width:100%;height:var(", ");flex:1;background:var(", ");&.", "{background:var(", ");}&.", "{opacity:var(", ");}&.", "{background:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], _Steps.tokens.dividerThickness, _Steps.tokens.activeIndicatorColor, _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.disabled, _Steps.tokens.disabledOpacity, _Steps.classes.transparentDivider, _Steps.classes.verticalOrientation, _Steps.tokens.dividerThickness, _Steps.classes.indentDivider, function (_ref2) {
+})(["flex:1;width:100%;height:var(", ");background:var(", ");&.", "{background:var(", ");}&.", "{opacity:var(", ");}&.", "{background:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], _Steps.tokens.dividerThickness, _Steps.tokens.dividerColor, _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.disabled, _Steps.tokens.disabledOpacity, _Steps.classes.transparentDivider, _Steps.classes.verticalOrientation, _Steps.tokens.dividerThickness, _Steps.classes.indentDivider, function (_ref2) {
   var indentToken = _ref2.indentToken;
   return indentToken || '';
 }, function (_ref3) {
@@ -60,4 +60,4 @@ var StepItemContentWrapper = exports.StepItemContentWrapper = /*#__PURE__*/_styl
 })(["&.", "{", "{padding-top:var(", ");padding-right:0;}", "{padding-top:var(", ");padding-bottom:var(", ");padding-right:0;}}"], _Steps.classes.verticalOrientation, StepItemTitle, _Steps.tokens.contentVerticalPadding, StepItemContent, _Steps.tokens.contentVerticalPadding, _Steps.tokens.contentVerticalPadding);
 var StepItemStyled = exports.StepItemStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-8"
-})(["position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(", ");&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}", "{color:var(", ",", ");}&.", "{", "{cursor:default;}", "{color:var(", ");}}&.", "{color:var(", ");", "{color:var(", ");}}&.", "{flex:0;align-items:center;justify-content:center;flex-direction:row;height:100%;&.", "{min-width:var(", ");min-height:var(", ");}&:not(.", "){width:var(", ");min-height:var(", ");}&.", ",&:not(.", "){&:before,&:after{content:'';display:block;width:calc((var(", ") - var(", ")) / 2);height:var(", ");background:var(", ");}&:not(.", "){&:before,&:after{width:calc((var(", ") - var(", ")) / 2);}}&.", "{flex-direction:column;&:before,&:after{width:var(", ");height:calc((var(", ") - var(", ")) / 2);margin:0 auto;align-self:auto;}&:not(.", "){&:before,&:after{height:calc((var(", ") - var(", ")) / 2);}}&:after{margin:0 auto;}}&.isFirst{&:before{background:transparent;}}&.isLast{&:after{background:transparent;}}}&.", "{&:after,&:before{background:var(", ");}}&.isPrevInactive{&:before{background:var(", ");}}&.isNextInactive{&:after{background:var(", ");}}&.", "{&:before,&:after{background:var(", ");opacity:1;}}&.", "{&:before,&:after{background:transparent;}}}&:not(.", "):not(.", "){&.isNextActive{", "{width:calc(100% - (var(", ") - var(", ")) / 2);}}&.", "{", "{margin-left:calc((var(", ") - var(", ")) / -2);width:calc(100% + (var(", ") - var(", ")) / 2);}}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{cursor:default;opacity:var(", ");}"], _Steps.tokens.activeIndicatorColor, _Steps.classes.verticalOrientation, StepItemDivider, _Steps.tokens.dividerThickness, StepItemTitle, _Steps.tokens.completedTitleColor, _Steps.tokens.activeTitleColor, _Steps.classes.active, BulletIndicator, StepItemTitle, _Steps.tokens.activeTitleColor, _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorColor, StepItemTitle, _Steps.tokens.inactiveTitleColor, _Steps.classes.simple, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.tokens.activeBulletSize, _Steps.classes.inactive, _Steps.classes.active, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.tokens.dividerThickness, _Steps.tokens.activeIndicatorColor, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.tokens.bulletSize, _Steps.classes.verticalOrientation, _Steps.tokens.dividerThickness, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.tokens.bulletSize, _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorBackground, _Steps.tokens.inactiveIndicatorBackground, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.disabled, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.transparentDivider, _Steps.classes.simple, _Steps.classes.verticalOrientation, BulletIndicatorWrapper, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.classes.active, BulletIndicatorWrapper, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.classes.hovered, _Steps.classes.active, StepItemTitle, _Steps.tokens.activeTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.completedIndicatorColorHover, _Steps.tokens.completedIndicatorBackgroundHover, _Steps.classes.inactive, StepItemTitle, _Steps.tokens.inactiveTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.inactiveIndicatorColorHover, _Steps.tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, _Steps.classes.centered, StepItemContentWrapper, _Steps.tokens.contentSidePadding, _Steps.tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, _Steps.classes.disabled, _Steps.tokens.disabledOpacity);
+})(["position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(", ");&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}", "{color:var(", ",", ");}&.", "{", "{cursor:default;}", "{color:var(", ");}}&.", "{color:var(", ");", "{color:var(", ");}}&.", "{flex:0;align-items:center;justify-content:center;flex-direction:row;height:100%;&.", "{min-width:var(", ");min-height:var(", ");}&:not(.", "){width:var(", ");min-height:var(", ");}&.", ",&:not(.", "){&:before,&:after{content:'';display:block;width:calc((var(", ") - var(", ")) / 2);height:var(", ");background:var(", ");}&:not(.", "){&:before,&:after{width:calc((var(", ") - var(", ")) / 2);}}&.", "{flex-direction:column;&:before,&:after{width:var(", ");height:calc((var(", ") - var(", ")) / 2);margin:0 auto;align-self:auto;}&:not(.", "){&:before,&:after{height:calc((var(", ") - var(", ")) / 2);}}&:after{margin:0 auto;}}&.isFirst{&:before{background:transparent;}}&.isLast{&:after{background:transparent;}}}&.", "{&:after,&:before{background:var(", ");}}&.isPrevInactive{&:before{background:var(", ");}}&.isNextInactive{&:after{background:var(", ");}}&.", "{&:before,&:after{background:var(", ");opacity:1;}}&.", "{&:before,&:after{background:transparent;}}}&:not(.", "):not(.", "){&.isNextActive{", "{width:calc(100% - (var(", ") - var(", ")) / 2);}}&.", "{", "{margin-left:calc((var(", ") - var(", ")) / -2);width:calc(100% + (var(", ") - var(", ")) / 2);}}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{cursor:default;opacity:var(", ");}"], _Steps.tokens.activeIndicatorColor, _Steps.classes.verticalOrientation, StepItemDivider, _Steps.tokens.dividerThickness, StepItemTitle, _Steps.tokens.completedTitleColor, _Steps.tokens.activeTitleColor, _Steps.classes.active, BulletIndicator, StepItemTitle, _Steps.tokens.activeTitleColor, _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorColor, StepItemTitle, _Steps.tokens.inactiveTitleColor, _Steps.classes.simple, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.tokens.activeBulletSize, _Steps.classes.inactive, _Steps.classes.active, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.tokens.dividerThickness, _Steps.tokens.dividerColor, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.tokens.bulletSize, _Steps.classes.verticalOrientation, _Steps.tokens.dividerThickness, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.tokens.bulletSize, _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorBackground, _Steps.tokens.inactiveIndicatorBackground, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.disabled, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.transparentDivider, _Steps.classes.simple, _Steps.classes.verticalOrientation, BulletIndicatorWrapper, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.classes.active, BulletIndicatorWrapper, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.tokens.activeIndicatorSize, _Steps.tokens.indicatorSize, _Steps.classes.hovered, _Steps.classes.active, StepItemTitle, _Steps.tokens.completedTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.completedIndicatorColorHover, _Steps.tokens.completedIndicatorBackgroundHover, _Steps.classes.inactive, StepItemTitle, _Steps.tokens.inactiveTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.inactiveIndicatorColorHover, _Steps.tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, _Steps.classes.centered, StepItemContentWrapper, _Steps.tokens.contentSidePadding, _Steps.tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, _Steps.classes.disabled, _Steps.tokens.disabledOpacity);