@salutejs/plasma-new-hope 0.341.0-canary.2328.19326436003.0 → 0.341.0-canary.2331.19419919970.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +1 -0
- package/cjs/components/LinkButton/LinkButton.css +8 -8
- package/cjs/components/LinkButton/LinkButton.styles.js +1 -1
- package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/{es/components/LinkButton/LinkButton.styles_1q1p1l2.css → cjs/components/LinkButton/LinkButton.styles_1e7vwn3.css} +1 -1
- package/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/cjs/components/Steps/Steps.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/{es/components/Steps/ui/StepItem/StepItem.styles_b3maer.css → cjs/components/Steps/ui/StepItem/StepItem.styles_vom1a1.css} +1 -1
- package/cjs/components/Table/Table.css +21 -21
- package/cjs/components/Table/Table.styles.js +1 -1
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/{es/components/Table/Table.styles_1jqvkrz.css → cjs/components/Table/Table.styles_sl2dfn.css} +2 -2
- package/cjs/components/Table/ui/Cell/Cell.css +21 -21
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +21 -21
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +21 -21
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +21 -21
- package/cjs/components/Toast/Toast.css +1 -1
- package/cjs/components/Toast/variations/_size/base.js +1 -1
- package/cjs/components/Toast/variations/_size/base.js.map +1 -1
- package/cjs/components/Toast/variations/_size/base_r51pt4.css +1 -0
- package/cjs/index.css +30 -30
- package/emotion/cjs/components/Carousel/CarouselOld/CarouselItem.js +3 -3
- package/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +18 -18
- package/emotion/cjs/components/Table/Table.styles.js +25 -25
- package/emotion/cjs/components/Toast/variations/_size/base.js +1 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/es/components/Carousel/CarouselOld/CarouselItem.js +3 -3
- package/emotion/es/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +18 -18
- package/emotion/es/components/Table/Table.styles.js +25 -25
- package/emotion/es/components/Toast/variations/_size/base.js +1 -1
- package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +1 -0
- package/es/components/LinkButton/LinkButton.css +8 -8
- package/es/components/LinkButton/LinkButton.styles.js +1 -1
- package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/{cjs/components/LinkButton/LinkButton.styles_1q1p1l2.css → es/components/LinkButton/LinkButton.styles_1e7vwn3.css} +1 -1
- package/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/{cjs/components/Steps/ui/StepItem/StepItem.styles_b3maer.css → es/components/Steps/ui/StepItem/StepItem.styles_vom1a1.css} +1 -1
- package/es/components/Table/Table.css +21 -21
- package/es/components/Table/Table.styles.js +1 -1
- package/es/components/Table/Table.styles.js.map +1 -1
- package/{cjs/components/Table/Table.styles_1jqvkrz.css → es/components/Table/Table.styles_sl2dfn.css} +2 -2
- package/es/components/Table/ui/Cell/Cell.css +21 -21
- package/es/components/Table/ui/EditableCell/EditableCell.css +21 -21
- package/es/components/Table/ui/HeadCell/HeadCell.css +21 -21
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +21 -21
- package/es/components/Toast/Toast.css +1 -1
- package/es/components/Toast/variations/_size/base.js +1 -1
- package/es/components/Toast/variations/_size/base.js.map +1 -1
- package/es/components/Toast/variations/_size/base_r51pt4.css +1 -0
- package/es/index.css +30 -30
- package/package.json +4 -4
- package/styled-components/cjs/components/Carousel/CarouselOld/CarouselItem.js +2 -2
- package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +9 -8
- package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/styled-components/cjs/components/Table/Table.styles.js +13 -13
- package/styled-components/cjs/components/Toast/variations/_size/base.js +1 -1
- package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/styled-components/es/components/Carousel/CarouselOld/CarouselItem.js +2 -2
- package/styled-components/es/components/LinkButton/LinkButton.styles.js +9 -8
- package/styled-components/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/styled-components/es/components/Table/Table.styles.js +13 -13
- package/styled-components/es/components/Toast/variations/_size/base.js +1 -1
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/components/Table/Table.styles.d.ts.map +1 -1
- package/types/components/Toast/variations/_size/base.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.config.d.ts.map +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem_eduufx.css +0 -1
- package/cjs/components/Toast/variations/_size/base_1wa8h75.css +0 -1
- package/es/components/Carousel/CarouselOld/CarouselItem_eduufx.css +0 -1
- package/es/components/Toast/variations/_size/base_1wa8h75.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './CarouselItem_uvoxfy.css';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { styled } from '@linaria/react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselItem.js","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { SnapAlign, SnapStop, CarouselItemProps } from './Carousel.types';\n\nconst StyledItem = styled.div<{ scrollSnapAlign: SnapAlign; scrollSnapStop: SnapStop }>`\n
|
|
1
|
+
{"version":3,"file":"CarouselItem.js","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { SnapAlign, SnapStop, CarouselItemProps } from './Carousel.types';\n\nconst StyledItem = styled.div<{ scrollSnapAlign: SnapAlign; scrollSnapStop: SnapStop }>`\n scroll-snap-align: ${({ scrollSnapAlign }) => scrollSnapAlign || 'none'};\n scroll-snap-stop: ${({ scrollSnapAlign, scrollSnapStop }) => (scrollSnapAlign ? scrollSnapStop : 'normal')};\n`;\n\nexport const CarouselItem: React.FC<CarouselItemProps> = ({\n scrollSnapAlign = 'center',\n scrollSnapStop = 'always',\n children,\n ...rest\n}) => {\n return (\n <StyledItem\n scrollSnapAlign={scrollSnapAlign}\n scrollSnapStop={scrollSnapStop}\n role=\"group\"\n aria-roledescription=\"slide\"\n {...rest}\n >\n {children}\n </StyledItem>\n );\n};\n"],"names":["_exp","_ref","scrollSnapAlign","_exp2","_ref2","scrollSnapStop","StyledItem","styled","name","class","propsAsIs","vars","CarouselItem","_ref3","_ref3$scrollSnapAlign","_ref3$scrollSnapStop","children","rest","React","createElement","_extends","role"],"mappings":";;;;;AAG0E,IAAAA,IAAA,GAFxDA,SAEwDA,IAAAA,GAAA;AAAA,EAAA,OAGjD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,IAAAA,CAAAA,eAAAA,CAAAA;IAAAA,OAAsBA,eAAe,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GALzDA,SAKyDA,KAAAA,GAAA;AAAA,EAAA,OACnD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,eAAe,GAAAE,KAAA,CAAfF,eAAe;MAAEG,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAsBH,eAAe,GAAGG,cAAc,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAF9G,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACAX,IAAkD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnDG,KAAsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAC7G,CAAA,CAAA;IAEYS,YAAyC,GAAGA,SAA5CA,YAAyCA,CAAAC,KAAA,EAKhD;AAAA,EAAA,IAAAC,qBAAA,GAAAD,KAAA,CAJFX,eAAe;AAAfA,IAAAA,eAAe,GAAAY,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAAAC,oBAAA,GAAAF,KAAA,CAC1BR,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,oBAAA;IACzBC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;AACLC,IAAAA,IAAAA,GAAAA,wBAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACb,UAAU,EAAAc,QAAA,CAAA;AACPlB,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,cAAc,EAAEA,cAAe;AAC/BgB,IAAAA,IAAI,EAAC,OAAO;IACZ,sBAAqB,EAAA,OAAA;GACjBJ,EAAAA,IAAI,CAEPD,EAAAA,QACO,CAAC,CAAA;AAErB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sossdp0{-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);}
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
12
12
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
14
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
15
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{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;margin:var(--plasma-link-button-additional-content-margin);}
|
|
16
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
17
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
18
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
19
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
20
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
21
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.js","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n\n &:hover {\n color: var(${tokens.linkButtonTextColorHover});\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,MAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"LinkButton.styles.js","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n\n &:hover {\n color: var(${tokens.linkButtonTextColorHover});\n }\n\n &:active {\n color: var(${tokens.linkButtonTextColorActive});\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,MAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAanC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;"}
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
.lwmk0e5{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
4
4
|
.l7ptchj{position:absolute;}
|
|
5
5
|
.s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
6
|
-
.l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
6
|
+
.l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}.l1uogc3z:active{color:var(--plasma-link-button-text-color-active);}
|
|
7
7
|
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
8
8
|
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -6,6 +6,7 @@ var tokens = {
|
|
|
6
6
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
7
7
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
8
8
|
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
9
|
+
linkButtonTextColorActive: '--plasma-link-button-text-color-active',
|
|
9
10
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
10
11
|
linkButtonHeight: '--plasma-link-button-height',
|
|
11
12
|
linkButtonWidth: '--plasma-link-button-width',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n linkButtonTextColorHover: '--plasma-link-button-text-color-hover',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonTextColorHover","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonAdditionalContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,wBAAwB,EAAE,uCAAuC;
|
|
1
|
+
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n linkButtonTextColorHover: '--plasma-link-button-text-color-hover',\n linkButtonTextColorActive: '--plasma-link-button-text-color-active',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonTextColorHover","linkButtonTextColorActive","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonAdditionalContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,wBAAwB,EAAE,uCAAuC;AACjEC,EAAAA,yBAAyB,EAAE,wCAAwC;AAEnEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,iCAAiC,EAAE,gDAAgD;AAEnFC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAA;AAC3B;;;;"}
|
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
6
6
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
7
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.StepItem_styles_b3maer_s12pqpa3__ac118687{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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sxskc3q__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687{cursor:default;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687{-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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687: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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{margin:0 auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isFirst__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isFirst__ac118687:before{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isLast__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isLast__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isPrevInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isNextInactive__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_isNextActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_sv5tpso__ac118687{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{cursor:pointer;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687{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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{width:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-right:0;text-align:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
8
|
+
.StepItem_styles_vom1a1_snf9dn9__531a8e02{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.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;}
|
|
10
|
+
.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);}
|
|
11
|
+
.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;}
|
|
12
|
+
.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);}
|
|
13
|
+
.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);}
|
|
14
|
+
.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;}
|
|
15
|
+
.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;}
|
|
16
|
+
.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);}
|
|
17
17
|
|
|
18
18
|
.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%;}
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
6
6
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
7
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.StepItem_styles_b3maer_s12pqpa3__ac118687{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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sxskc3q__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687{cursor:default;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687{-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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687: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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{margin:0 auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isFirst__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isFirst__ac118687:before{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isLast__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isLast__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isPrevInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isNextInactive__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_isNextActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_sv5tpso__ac118687{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{cursor:pointer;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687{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_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{width:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-right:0;text-align:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
8
|
+
.StepItem_styles_vom1a1_snf9dn9__531a8e02{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.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;}
|
|
10
|
+
.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);}
|
|
11
|
+
.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;}
|
|
12
|
+
.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);}
|
|
13
|
+
.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);}
|
|
14
|
+
.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;}
|
|
15
|
+
.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;}
|
|
16
|
+
.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);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n box-sizing: content-box;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n\n cursor: pointer;\n color: var(${tokens.completedIndicatorColor});\n background: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${addFocus({\n outlineOffset: '-0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n\n ${addFocus({\n outlineOffset: '-0.1875rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &.${classes.simple} {\n &:before,\n &:after {\n background: var(${tokens.dividerColor});\n }\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n flex: 1;\n\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n background: var(${tokens.dividerColor});\n\n &.${classes.inactive} {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n &.${classes.transparentDivider} {\n background: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n color: var(${tokens.activeIndicatorColor});\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n ${StepItemTitle} {\n color: var(${tokens.completedTitleColor}, ${tokens.activeTitleColor});\n }\n\n &.${classes.active} {\n ${BulletIndicator} {\n cursor: default;\n }\n\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.inactive}, &:not(.${classes.active}) {\n &:before,\n &:after {\n content: '';\n display: block;\n width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n height: var(${tokens.dividerThickness});\n background: var(${tokens.dividerColor});\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n\n &:before,\n &:after {\n width: var(${tokens.dividerThickness});\n height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n margin: 0 auto;\n align-self: auto;\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &:after {\n margin: 0 auto;\n }\n }\n\n &.isFirst {\n &:before {\n background: transparent;\n }\n }\n\n &.isLast {\n &:after {\n background: transparent;\n }\n }\n }\n\n &.${classes.inactive} {\n &:after,\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isPrevInactive {\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isNextInactive {\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.${classes.disabled} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n opacity: 1;\n }\n }\n\n &.${classes.transparentDivider} {\n &:before,\n &:after {\n background: transparent;\n }\n }\n }\n\n &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n &.isNextActive {\n ${BulletIndicatorWrapper} {\n width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n\n &.${classes.active} {\n ${BulletIndicatorWrapper} {\n margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.completedTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n cursor: default;\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":";;;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPtBA,SAOsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GATzBA,SASyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAC5BA,YAAY,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,MAAM,CAACE,gBAAgB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpF,IAAMC,aAAa,gBAAGC,MAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNZ,KAC8D,EAAA,CAAA;AAAA,GAAA;AAAA,CAE1F,EAAA;AAEM,IAAMa,aAAa,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoD3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqEpC,EAAA;AAAC,IAAAM,MAAA,GAxKgBA,SAwKhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAAC,IAAAQ,MAAA,GAtLgBA,SAsLhBA,MAAAA,GAAA;AAAA,EAAA,OA8BoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA5BrD,IAAMC,eAAe,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cA4BfO,MAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3D,EAAA;AAEM,IAAMI,sBAAsB,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa3C,EAAA;AAEM,IAAMa,cAAc,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyNnC;;;;"}
|
|
1
|
+
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n\n cursor: pointer;\n color: var(${tokens.completedIndicatorColor});\n background: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${addFocus({\n outlineOffset: '-0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n\n ${addFocus({\n outlineOffset: '-0.1875rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &.${classes.simple} {\n &:before,\n &:after {\n background: var(${tokens.dividerColor});\n }\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n flex: 1;\n\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n background: var(${tokens.dividerColor});\n\n &.${classes.inactive} {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n &.${classes.transparentDivider} {\n background: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n color: var(${tokens.activeIndicatorColor});\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n ${StepItemTitle} {\n color: var(${tokens.completedTitleColor}, ${tokens.activeTitleColor});\n }\n\n &.${classes.active} {\n ${BulletIndicator} {\n cursor: default;\n }\n\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.inactive}, &:not(.${classes.active}) {\n &:before,\n &:after {\n content: '';\n display: block;\n width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n height: var(${tokens.dividerThickness});\n background: var(${tokens.dividerColor});\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n\n &:before,\n &:after {\n width: var(${tokens.dividerThickness});\n height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n margin: 0 auto;\n align-self: auto;\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &:after {\n margin: 0 auto;\n }\n }\n\n &.isFirst {\n &:before {\n background: transparent;\n }\n }\n\n &.isLast {\n &:after {\n background: transparent;\n }\n }\n }\n\n &.${classes.inactive} {\n &:after,\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isPrevInactive {\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isNextInactive {\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.${classes.disabled} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n opacity: 1;\n }\n }\n\n &.${classes.transparentDivider} {\n &:before,\n &:after {\n background: transparent;\n }\n }\n }\n\n &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n &.isNextActive {\n ${BulletIndicatorWrapper} {\n width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n\n &.${classes.active} {\n ${BulletIndicatorWrapper} {\n margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.completedTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n cursor: default;\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":";;;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPtBA,SAOsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GATzBA,SASyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAC5BA,YAAY,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,MAAM,CAACE,gBAAgB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpF,IAAMC,aAAa,gBAAGC,MAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNZ,KAC8D,EAAA,CAAA;AAAA,GAAA;AAAA,CAE1F,EAAA;AAEM,IAAMa,aAAa,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmD3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqEpC,EAAA;AAAC,IAAAM,MAAA,GAvKgBA,SAuKhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAAC,IAAAQ,MAAA,GArLgBA,SAqLhBA,MAAAA,GAAA;AAAA,EAAA,OA8BoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA5BrD,IAAMC,eAAe,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cA4BfO,MAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3D,EAAA;AAEM,IAAMI,sBAAsB,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa3C,EAAA;AAEM,IAAMa,cAAc,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyNnC;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
2
2
|
.sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
|
3
3
|
.s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
|
4
|
-
.b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;
|
|
4
|
+
.b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-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;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
5
5
|
.b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;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;}.b9hdug::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;}.b9hdug.focus-visible:focus::before,.b9hdug[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.b9hdug.item-active::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;}.b9hdug.item-active.focus-visible:focus::before,.b9hdug.item-active[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive.simple:before,.b9hdug.item-inactive.simple:after{background:var(--plasma-step-item-divider-color);}
|
|
6
6
|
.b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
|
|
7
7
|
.sxskc3q{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.sxskc3q.item-inactive{background:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}.sxskc3q.transparent-divider{background:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
|