@salutejs/plasma-new-hope 0.321.0-canary.1877.14266570620.0 → 0.321.0-canary.1877.14334483082.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/Steps/Steps.css +9 -9
- package/cjs/components/Steps/Steps.js +9 -3
- package/cjs/components/Steps/Steps.js.map +1 -1
- package/cjs/components/Steps/Steps.tokens.js +3 -1
- package/cjs/components/Steps/Steps.tokens.js.map +1 -1
- 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/cjs/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
- package/cjs/components/Steps/variations/_itemView/base.js +9 -0
- package/cjs/components/Steps/variations/_itemView/base.js.map +1 -0
- package/cjs/components/Steps/variations/_itemView/base_x642ct.css +1 -0
- package/cjs/components/Table/Table.css +6 -6
- package/cjs/components/Table/Table.tokens.js +2 -0
- package/cjs/components/Table/Table.tokens.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +6 -6
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +6 -6
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +6 -6
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +6 -6
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/{Filter.styles_zerrb9.css → Filter.styles_pz88bp.css} +1 -1
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/engines/utils.js.map +1 -1
- package/cjs/index.css +15 -15
- package/cjs/utils/createConditionalComponent.js +4 -2
- package/cjs/utils/createConditionalComponent.js.map +1 -1
- package/emotion/cjs/components/Cell/Cell.template-doc.mdx +2 -2
- package/emotion/cjs/components/Steps/Steps.js +9 -3
- package/emotion/cjs/components/Steps/Steps.template-doc.mdx +67 -5
- package/emotion/cjs/components/Steps/Steps.tokens.js +3 -1
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/cjs/components/Steps/variations/_itemView/base.js +8 -0
- package/emotion/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
- package/emotion/cjs/components/Table/Table.tokens.js +2 -0
- package/emotion/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
- package/emotion/cjs/engines/emotion.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +34 -7
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/cjs/utils/createConditionalComponent.js +4 -2
- package/emotion/es/components/Cell/Cell.template-doc.mdx +2 -2
- package/emotion/es/components/Steps/Steps.js +9 -3
- package/emotion/es/components/Steps/Steps.template-doc.mdx +67 -5
- package/emotion/es/components/Steps/Steps.tokens.js +3 -1
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/es/components/Steps/variations/_itemView/base.js +2 -0
- package/emotion/es/components/Steps/variations/_itemView/tokens.json +1 -0
- package/emotion/es/components/Table/Table.tokens.js +2 -0
- package/emotion/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
- package/emotion/es/engines/emotion.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +34 -7
- package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/es/utils/createConditionalComponent.js +4 -2
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/Steps.js +9 -3
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/Steps.tokens.js +3 -1
- package/es/components/Steps/Steps.tokens.js.map +1 -1
- 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/es/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
- package/es/components/Steps/variations/_itemView/base.js +5 -0
- package/es/components/Steps/variations/_itemView/base.js.map +1 -0
- package/es/components/Steps/variations/_itemView/base_x642ct.css +1 -0
- package/es/components/Table/Table.css +6 -6
- package/es/components/Table/Table.tokens.js +2 -0
- package/es/components/Table/Table.tokens.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.css +6 -6
- package/es/components/Table/ui/EditableCell/EditableCell.css +6 -6
- package/es/components/Table/ui/HeadCell/HeadCell.css +6 -6
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +6 -6
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/{Filter.styles_zerrb9.css → Filter.styles_pz88bp.css} +1 -1
- package/es/engines/linaria.js.map +1 -1
- package/es/engines/utils.js.map +1 -1
- package/es/index.css +15 -15
- package/es/utils/createConditionalComponent.js +4 -2
- package/es/utils/createConditionalComponent.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Steps/Steps.js +9 -3
- package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +67 -5
- package/styled-components/cjs/components/Steps/Steps.tokens.js +3 -1
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
- package/styled-components/cjs/components/Steps/variations/_itemView/base.js +8 -0
- package/styled-components/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
- package/styled-components/cjs/components/Table/Table.tokens.js +2 -0
- package/styled-components/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +30 -3
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/utils/createConditionalComponent.js +4 -2
- package/styled-components/es/components/Cell/Cell.template-doc.mdx +2 -2
- package/styled-components/es/components/Steps/Steps.js +9 -3
- package/styled-components/es/components/Steps/Steps.template-doc.mdx +67 -5
- package/styled-components/es/components/Steps/Steps.tokens.js +3 -1
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
- package/styled-components/es/components/Steps/variations/_itemView/base.js +2 -0
- package/styled-components/es/components/Steps/variations/_itemView/tokens.json +1 -0
- package/styled-components/es/components/Table/Table.tokens.js +2 -0
- package/styled-components/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +30 -3
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/es/utils/createConditionalComponent.js +4 -2
- package/types/components/Steps/Steps.d.ts +2 -0
- package/types/components/Steps/Steps.d.ts.map +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +2 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/Steps.types.d.ts +5 -1
- package/types/components/Steps/Steps.types.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/components/Steps/variations/_itemView/base.d.ts +2 -0
- package/types/components/Steps/variations/_itemView/base.d.ts.map +1 -0
- package/types/components/Table/Table.tokens.d.ts +2 -0
- package/types/components/Table/Table.tokens.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/engines/emotion.d.ts +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
- package/types/engines/linaria.d.ts +1 -1
- package/types/engines/linaria.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -1
- package/types/engines/types.d.ts.map +1 -1
- package/types/engines/utils.d.ts +2 -2
- package/types/engines/utils.d.ts.map +1 -1
|
@@ -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_c6jhr1_s12pqpa3__87d6f4fd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_sxskc3q__87d6f4fd{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd{cursor:default;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after{margin:0 auto;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isFirst__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isFirst__87d6f4fd:before{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isLast__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isLast__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isPrevInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isNextInactive__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_isNextActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{cursor:pointer;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{width:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-right:0;text-align:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
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%;}
|
|
@@ -9,6 +9,7 @@ var Steps_tokens = require('./Steps.tokens.js');
|
|
|
9
9
|
var Steps_styles = require('./Steps.styles.js');
|
|
10
10
|
var base = require('./variations/_size/base.js');
|
|
11
11
|
var base$1 = require('./variations/_view/base.js');
|
|
12
|
+
var base$2 = require('./variations/_itemView/base.js');
|
|
12
13
|
var getItemStatus = require('./utils/getItemStatus.js');
|
|
13
14
|
var StepItem = require('./ui/StepItem/StepItem.js');
|
|
14
15
|
|
|
@@ -17,11 +18,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
17
18
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
18
19
|
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
19
20
|
|
|
20
|
-
var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
|
|
21
|
+
var _excluded = ["view", "itemView", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
|
|
21
22
|
var stepsRoot = function stepsRoot(Root) {
|
|
22
23
|
return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
|
|
23
24
|
var _props$view = props.view,
|
|
24
25
|
view = _props$view === void 0 ? 'default' : _props$view,
|
|
26
|
+
_props$itemView = props.itemView,
|
|
27
|
+
itemView = _props$itemView === void 0 ? 'default' : _props$itemView,
|
|
25
28
|
size = props.size,
|
|
26
29
|
_props$orientation = props.orientation,
|
|
27
30
|
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
|
@@ -82,6 +85,7 @@ var stepsRoot = function stepsRoot(Root) {
|
|
|
82
85
|
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
83
86
|
size: size,
|
|
84
87
|
view: view,
|
|
88
|
+
itemView: itemView,
|
|
85
89
|
ref: outerRef,
|
|
86
90
|
className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, orientation === 'vertical'), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator))
|
|
87
91
|
}, rest), innerItems.map(function (item, index) {
|
|
@@ -116,11 +120,13 @@ var stepsConfig = {
|
|
|
116
120
|
base: Steps_styles.base,
|
|
117
121
|
variations: {
|
|
118
122
|
size: base.base,
|
|
119
|
-
view: base$1.base
|
|
123
|
+
view: base$1.base,
|
|
124
|
+
itemView: base$2.base
|
|
120
125
|
},
|
|
121
126
|
defaults: {
|
|
122
127
|
view: 'default',
|
|
123
|
-
size: 'm'
|
|
128
|
+
size: 'm',
|
|
129
|
+
itemView: 'default'
|
|
124
130
|
}
|
|
125
131
|
};
|
|
126
132
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n const innerItems = useMemo(() => {\n const isUncontrolled = current !== undefined;\n\n return items.map((item, index) => {\n const itemStatus = getItemStatus({\n isUncontrolled,\n current,\n status,\n index,\n item,\n });\n\n return {\n ...item,\n status: itemStatus,\n };\n });\n }, [status, current, items]);\n\n useEffect(() => {\n const calcPrevIndex = () => {\n if (current !== undefined) {\n setPrevIndex(current);\n } else {\n const index = innerItems.findIndex((item) => item.status === 'active');\n setPrevIndex(index !== -1 ? index : undefined);\n }\n };\n\n calcPrevIndex();\n\n return () => {\n calcPrevIndex();\n };\n }, [current, innerItems]);\n\n return (\n <Root\n size={size}\n view={view}\n ref={outerRef}\n className={cls({\n [classes.verticalOrientation]: orientation === 'vertical',\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n {...rest}\n >\n {innerItems.map((item, index) => {\n const isActive = item.status === 'active';\n\n const itemContent =\n (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n return (\n <StepItem\n key={index}\n index={index}\n title={item.title}\n content={itemContent}\n indicator={item.indicator}\n status={item.status}\n size={size!}\n orientation={orientation}\n contentAlign={itemContentAlign}\n hasLine={hasLine}\n hasLoader={hasLoader && isActive}\n onClick={onClick}\n items={innerItems}\n />\n );\n })}\n </Root>\n );\n });\n\nexport const stepsConfig = {\n name: 'Steps',\n tag: 'div',\n layout: stepsRoot,\n base,\n variations: {\n size: sizeCSS,\n view: viewCSS,\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as itemViewCSS } from './variations/_itemView/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n itemView = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n const innerItems = useMemo(() => {\n const isUncontrolled = current !== undefined;\n\n return items.map((item, index) => {\n const itemStatus = getItemStatus({\n isUncontrolled,\n current,\n status,\n index,\n item,\n });\n\n return {\n ...item,\n status: itemStatus,\n };\n });\n }, [status, current, items]);\n\n useEffect(() => {\n const calcPrevIndex = () => {\n if (current !== undefined) {\n setPrevIndex(current);\n } else {\n const index = innerItems.findIndex((item) => item.status === 'active');\n setPrevIndex(index !== -1 ? index : undefined);\n }\n };\n\n calcPrevIndex();\n\n return () => {\n calcPrevIndex();\n };\n }, [current, innerItems]);\n\n return (\n <Root\n size={size}\n view={view}\n itemView={itemView}\n ref={outerRef}\n className={cls({\n [classes.verticalOrientation]: orientation === 'vertical',\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n {...rest}\n >\n {innerItems.map((item, index) => {\n const isActive = item.status === 'active';\n\n const itemContent =\n (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n return (\n <StepItem\n key={index}\n index={index}\n title={item.title}\n content={itemContent}\n indicator={item.indicator}\n status={item.status}\n size={size!}\n orientation={orientation}\n contentAlign={itemContentAlign}\n hasLine={hasLine}\n hasLoader={hasLoader && isActive}\n onClick={onClick}\n items={innerItems}\n />\n );\n })}\n </Root>\n );\n });\n\nexport const stepsConfig = {\n name: 'Steps',\n tag: 'div',\n layout: stepsRoot,\n base,\n variations: {\n size: sizeCSS,\n view: viewCSS,\n itemView: itemViewCSS,\n },\n defaults: {\n view: 'default',\n size: 'm',\n itemView: 'default',\n },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","_props$itemView","itemView","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","itemViewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAgBaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAuD,EAAA;AAAA,EAAA,oBAC7EC,gBAAU,CAA6B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACxD,IAAA,IAAAC,WAAA,GAcIF,KAAK,CAbLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA;MAAAE,eAAA,GAahBJ,KAAK,CAZLK,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,eAAA;MACpBE,IAAI,GAWJN,KAAK,CAXLM,IAAI;MAAAC,kBAAA,GAWJP,KAAK,CAVLQ,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,kBAAA;MAAAE,mBAAA,GAU1BT,KAAK,CATLU,YAAY;AAAZA,MAAAA,YAAY,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAAE,cAAA,GASrBX,KAAK,CARLY,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAAAE,iBAAA,GAQdb,KAAK,CAPLc,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MAClBE,SAAS,GAMTf,KAAK,CANLe,SAAS;MAAAC,YAAA,GAMThB,KAAK,CALLiB,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;MACVE,QAAQ,GAIRlB,KAAK,CAJLkB,QAAQ;MACRC,OAAO,GAGPnB,KAAK,CAHLmB,OAAO;MACPC,MAAM,GAENpB,KAAK,CAFLoB,MAAM;AACHC,MAAAA,IAAI,GAAAC,iDAAA,CACPtB,KAAK,EAAAuB,SAAA,CAAA,CAAA;AAET,IAAA,IAAAC,SAAA,GAAkCC,cAAQ,EAAsB;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzDI,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,IAAA,IAAMI,YAAY,GAAGb,KAAK,CAACc,IAAI,CAAC,UAACC,IAAI,EAAA;AAAA,MAAA,OAAKA,IAAI,CAACC,SAAS,IAAI,IAAI,CAAA;KAAC,CAAA,CAAA;AACjE,IAAA,IAAMC,QAAQ,GAAGjB,KAAK,CAACkB,KAAK,CAAC,UAACH,IAAI,EAAA;MAAA,OAAK,CAACA,IAAI,CAACI,KAAK,IAAI,CAACJ,IAAI,CAACK,OAAO,CAAA;KAAC,CAAA,CAAA;AAEpE,IAAA,IAAMC,UAAU,GAAGC,aAAO,CAAC,YAAM;AAC7B,MAAA,IAAMC,cAAc,GAAGrB,OAAO,KAAKsB,SAAS,CAAA;MAE5C,OAAOxB,KAAK,CAACyB,GAAG,CAAC,UAACV,IAAI,EAAEW,KAAK,EAAK;QAC9B,IAAMC,UAAU,GAAGC,2BAAa,CAAC;AAC7BL,UAAAA,cAAc,EAAdA,cAAc;AACdrB,UAAAA,OAAO,EAAPA,OAAO;AACPC,UAAAA,MAAM,EAANA,MAAM;AACNuB,UAAAA,KAAK,EAALA,KAAK;AACLX,UAAAA,IAAI,EAAJA,IAAAA;AACJ,SAAC,CAAC,CAAA;AAEF,QAAA,OAAAc,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACOd,IAAI,CAAA,EAAA,EAAA,EAAA;AACPZ,UAAAA,MAAM,EAAEwB,UAAAA;AAAU,SAAA,CAAA,CAAA;AAE1B,OAAC,CAAC,CAAA;KACL,EAAE,CAACxB,MAAM,EAAED,OAAO,EAAEF,KAAK,CAAC,CAAC,CAAA;AAE5B8B,IAAAA,eAAS,CAAC,YAAM;AACZ,MAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAS;QACxB,IAAI7B,OAAO,KAAKsB,SAAS,EAAE;UACvBZ,YAAY,CAACV,OAAO,CAAC,CAAA;AACzB,SAAC,MAAM;AACH,UAAA,IAAMwB,KAAK,GAAGL,UAAU,CAACW,SAAS,CAAC,UAACjB,IAAI,EAAA;AAAA,YAAA,OAAKA,IAAI,CAACZ,MAAM,KAAK,QAAQ,CAAA;WAAC,CAAA,CAAA;UACtES,YAAY,CAACc,KAAK,KAAK,CAAC,CAAC,GAAGA,KAAK,GAAGF,SAAS,CAAC,CAAA;AAClD,SAAA;OACH,CAAA;AAEDO,MAAAA,aAAa,EAAE,CAAA;AAEf,MAAA,OAAO,YAAM;AACTA,QAAAA,aAAa,EAAE,CAAA;OAClB,CAAA;AACL,KAAC,EAAE,CAAC7B,OAAO,EAAEmB,UAAU,CAAC,CAAC,CAAA;AAEzB,IAAA,oBACIY,sBAAA,CAAAC,aAAA,CAACrD,IAAI,EAAAsD,iCAAA,CAAA;AACD9C,MAAAA,IAAI,EAAEA,IAAK;AACXH,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnBgD,MAAAA,GAAG,EAAEpD,QAAS;AACdqD,MAAAA,SAAS,EAAEC,oBAAG,CAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACTC,EAAAA,EAAAA,oBAAO,CAACC,mBAAmB,EAAGlD,WAAW,KAAK,UAAU,CACxDiD,EAAAA,oBAAO,CAACE,MAAM,EAAGzB,QAAQ,CACzBuB,EAAAA,oBAAO,CAAC3B,YAAY,EAAGA,YAAY,CACvC,CAAA;KACGT,EAAAA,IAAI,CAEPiB,EAAAA,UAAU,CAACI,GAAG,CAAC,UAACV,IAAI,EAAEW,KAAK,EAAK;AAC7B,MAAA,IAAMiB,QAAQ,GAAG5B,IAAI,CAACZ,MAAM,KAAK,QAAQ,CAAA;AAEzC,MAAA,IAAMyC,WAAW,GACZ/C,UAAU,KAAK,QAAQ,IAAI,CAAC8C,QAAQ,IAAK9C,UAAU,KAAK,MAAM,GAAG,EAAE,GAAGkB,IAAI,CAACK,OAAO,CAAA;MAEvF,IAAMyB,gBAAgB,GAAGtD,WAAW,KAAK,YAAY,GAAGE,YAAY,GAAG,MAAM,CAAA;MAC7E,IAAMqD,OAAO,GAAG7C,QAAQ,GAAG,YAAA;AAAA,QAAA,OAAMA,QAAQ,CAACc,IAAI,EAAEW,KAAK,EAAEf,SAAS,CAAC,CAAA;AAAA,OAAA,GAAGa,SAAS,CAAA;AAE7E,MAAA,oBACIS,sBAAA,CAAAC,aAAA,CAACa,iBAAQ,EAAA;AACLC,QAAAA,GAAG,EAAEtB,KAAM;AACXA,QAAAA,KAAK,EAAEA,KAAM;QACbP,KAAK,EAAEJ,IAAI,CAACI,KAAM;AAClBC,QAAAA,OAAO,EAAEwB,WAAY;QACrB5B,SAAS,EAAED,IAAI,CAACC,SAAU;QAC1Bb,MAAM,EAAEY,IAAI,CAACZ,MAAO;AACpBd,QAAAA,IAAI,EAAEA,IAAM;AACZE,QAAAA,WAAW,EAAEA,WAAY;AACzBE,QAAAA,YAAY,EAAEoD,gBAAiB;AAC/BlD,QAAAA,OAAO,EAAEA,OAAQ;QACjBG,SAAS,EAAEA,SAAS,IAAI6C,QAAS;AACjCG,QAAAA,OAAO,EAAEA,OAAQ;AACjB9C,QAAAA,KAAK,EAAEqB,UAAAA;AAAW,OACrB,CAAC,CAAA;AAEV,KAAC,CACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAExE,SAAS;AACjByE,EAAAA,IAAI,EAAJA,iBAAI;AACJC,EAAAA,UAAU,EAAE;AACRjE,IAAAA,IAAI,EAAEkE,SAAO;AACbrE,IAAAA,IAAI,EAAEsE,WAAO;AACbpE,IAAAA,QAAQ,EAAEqE,WAAAA;GACb;AACDC,EAAAA,QAAQ,EAAE;AACNxE,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,QAAQ,EAAE,SAAA;AACd,GAAA;AACJ;;;;;"}
|
|
@@ -67,6 +67,7 @@ var tokens = {
|
|
|
67
67
|
activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',
|
|
68
68
|
activeIndicatorBackground: '--plasma-step-item-active-indicator-background',
|
|
69
69
|
completedTitleColor: '--plasma-step-item-completed-title-color',
|
|
70
|
+
completedTitleColorHover: '--plasma-step-item-completed-title-color-hover',
|
|
70
71
|
completedIndicatorColor: '--plasma-step-item-completed-indicator-color',
|
|
71
72
|
completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',
|
|
72
73
|
completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',
|
|
@@ -76,7 +77,8 @@ var tokens = {
|
|
|
76
77
|
inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',
|
|
77
78
|
inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',
|
|
78
79
|
disabledOpacity: '--plasma-step-item-disabled-opacity',
|
|
79
|
-
dividerThickness: '--plasma-step-item-divider-thickness'
|
|
80
|
+
dividerThickness: '--plasma-step-item-divider-thickness',
|
|
81
|
+
dividerColor: '--plasma-step-item-divider-color'
|
|
80
82
|
};
|
|
81
83
|
|
|
82
84
|
exports.classes = classes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.tokens.js","sources":["../../../src/components/Steps/Steps.tokens.ts"],"sourcesContent":["export const classes = {\n simple: 'simple',\n centered: 'item-centered',\n active: 'item-active',\n inactive: 'item-inactive',\n clickable: 'item-clickable',\n hovered: 'item-hovered',\n disabled: 'item-disabled',\n verticalOrientation: 'vertical-orientation',\n hasIndicator: 'item-has-indicator',\n activeItem: 'item-active',\n indentDivider: 'indent-divider',\n transparentDivider: 'transparent-divider',\n};\n\nexport const tokens = {\n indicatorSize: '--plasma-step-item-indicator-size',\n activeIndicatorSize: '--plasma-step-item-active-indicator-size',\n bulletSize: '--plasma-step-item-bullet-size',\n activeBulletSize: '--plasma-step-item-active-bullet-size',\n\n titlePaddingTop: '--plasma-step-item-title-padding-top',\n contentPaddingTop: '--plasma-step-item-content-padding-top',\n contentPaddingRight: '--plasma-step-item-content-padding-right',\n contentSidePadding: '--plasma-step-item-content-side-padding',\n contentVerticalPadding: '--plasma-step-item-content-vertical-padding',\n verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',\n\n smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',\n largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',\n smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',\n largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',\n\n titleFontFamily: '--plasma-step-item-title-font-family',\n titleFontSize: '--plasma-step-item-title-font-size',\n titleFontStyle: '--plasma-step-item-title-font-style',\n titleFontWeight: '--plasma-step-item-title-font-weight',\n titleLetterSpacing: '--plasma-step-item-title-letter-spacing',\n titleLineHeight: '--plasma-step-item-title-line-height',\n\n contentFontFamily: '--plasma-step-item-content-font-family',\n contentFontSize: '--plasma-step-item-content-font-size',\n contentFontStyle: '--plasma-step-item-content-font-style',\n contentFontWeight: '--plasma-step-item-content-font-weight',\n contentLetterSpacing: '--plasma-step-item-content-letter-spacing',\n contentLineHeight: '--plasma-step-item-content-line-height',\n\n indicatorFontFamily: '--plasma-step-item-indicator-font-family',\n indicatorFontSize: '--plasma-step-item-indicator-font-size',\n indicatorFontStyle: '--plasma-step-item-indicator-font-style',\n indicatorFontWeight: '--plasma-step-item-indicator-font-weight',\n indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',\n indicatorLineHeight: '--plasma-step-item-indicator-line-height',\n\n activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',\n activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',\n activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',\n activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',\n activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',\n activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',\n\n activeTitleColor: '--plasma-step-item-active-title-color',\n activeTitleColorHover: '--plasma-step-item-active-title-color-hover',\n inactiveTitleColor: '--plasma-step-item-inactive-title-color',\n inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',\n\n contentColor: '--plasma-step-item-content-color',\n focusColor: '--plasma-step-item-focus-color',\n\n activeIndicatorBorder: '--plasma-step-item-active-indicator-border',\n activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',\n\n activeIndicatorColor: '--plasma-step-item-active-indicator-color',\n activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',\n activeIndicatorBackground: '--plasma-step-item-active-indicator-background',\n\n completedTitleColor: '--plasma-step-item-completed-title-color',\n completedIndicatorColor: '--plasma-step-item-completed-indicator-color',\n completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',\n completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',\n completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',\n\n inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',\n inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',\n inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',\n inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',\n\n disabledOpacity: '--plasma-step-item-disabled-opacity',\n\n dividerThickness: '--plasma-step-item-divider-thickness',\n};\n"],"names":["classes","simple","centered","active","inactive","clickable","hovered","disabled","verticalOrientation","hasIndicator","activeItem","indentDivider","transparentDivider","tokens","indicatorSize","activeIndicatorSize","bulletSize","activeBulletSize","titlePaddingTop","contentPaddingTop","contentPaddingRight","contentSidePadding","contentVerticalPadding","verticalContentPaddingLeft","smallIndicatorIndentHeight","largeIndicatorIndentHeight","smallBulletIndentHeight","largeBulletIndentHeight","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight","indicatorFontFamily","indicatorFontSize","indicatorFontStyle","indicatorFontWeight","indicatorLetterSpacing","indicatorLineHeight","activeIndicatorFontFamily","activeIndicatorFontSize","activeIndicatorFontStyle","activeIndicatorFontWeight","activeIndicatorLetterSpacing","activeIndicatorLineHeight","activeTitleColor","activeTitleColorHover","inactiveTitleColor","inactiveTitleColorHover","contentColor","focusColor","activeIndicatorBorder","activeIndicatorBorderHover","activeIndicatorColor","activeIndicatorColorHover","activeIndicatorBackground","completedTitleColor","completedIndicatorColor","completedIndicatorColorHover","completedIndicatorBackground","completedIndicatorBackgroundHover","inactiveIndicatorColor","inactiveIndicatorColorHover","inactiveIndicatorBackground","inactiveIndicatorBackgroundHover","disabledOpacity","dividerThickness"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Steps.tokens.js","sources":["../../../src/components/Steps/Steps.tokens.ts"],"sourcesContent":["export const classes = {\n simple: 'simple',\n centered: 'item-centered',\n active: 'item-active',\n inactive: 'item-inactive',\n clickable: 'item-clickable',\n hovered: 'item-hovered',\n disabled: 'item-disabled',\n verticalOrientation: 'vertical-orientation',\n hasIndicator: 'item-has-indicator',\n activeItem: 'item-active',\n indentDivider: 'indent-divider',\n transparentDivider: 'transparent-divider',\n};\n\nexport const tokens = {\n indicatorSize: '--plasma-step-item-indicator-size',\n activeIndicatorSize: '--plasma-step-item-active-indicator-size',\n bulletSize: '--plasma-step-item-bullet-size',\n activeBulletSize: '--plasma-step-item-active-bullet-size',\n\n titlePaddingTop: '--plasma-step-item-title-padding-top',\n contentPaddingTop: '--plasma-step-item-content-padding-top',\n contentPaddingRight: '--plasma-step-item-content-padding-right',\n contentSidePadding: '--plasma-step-item-content-side-padding',\n contentVerticalPadding: '--plasma-step-item-content-vertical-padding',\n verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',\n\n smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',\n largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',\n smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',\n largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',\n\n titleFontFamily: '--plasma-step-item-title-font-family',\n titleFontSize: '--plasma-step-item-title-font-size',\n titleFontStyle: '--plasma-step-item-title-font-style',\n titleFontWeight: '--plasma-step-item-title-font-weight',\n titleLetterSpacing: '--plasma-step-item-title-letter-spacing',\n titleLineHeight: '--plasma-step-item-title-line-height',\n\n contentFontFamily: '--plasma-step-item-content-font-family',\n contentFontSize: '--plasma-step-item-content-font-size',\n contentFontStyle: '--plasma-step-item-content-font-style',\n contentFontWeight: '--plasma-step-item-content-font-weight',\n contentLetterSpacing: '--plasma-step-item-content-letter-spacing',\n contentLineHeight: '--plasma-step-item-content-line-height',\n\n indicatorFontFamily: '--plasma-step-item-indicator-font-family',\n indicatorFontSize: '--plasma-step-item-indicator-font-size',\n indicatorFontStyle: '--plasma-step-item-indicator-font-style',\n indicatorFontWeight: '--plasma-step-item-indicator-font-weight',\n indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',\n indicatorLineHeight: '--plasma-step-item-indicator-line-height',\n\n activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',\n activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',\n activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',\n activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',\n activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',\n activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',\n\n activeTitleColor: '--plasma-step-item-active-title-color',\n activeTitleColorHover: '--plasma-step-item-active-title-color-hover',\n inactiveTitleColor: '--plasma-step-item-inactive-title-color',\n inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',\n\n contentColor: '--plasma-step-item-content-color',\n focusColor: '--plasma-step-item-focus-color',\n\n activeIndicatorBorder: '--plasma-step-item-active-indicator-border',\n activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',\n\n activeIndicatorColor: '--plasma-step-item-active-indicator-color',\n activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',\n activeIndicatorBackground: '--plasma-step-item-active-indicator-background',\n\n completedTitleColor: '--plasma-step-item-completed-title-color',\n completedTitleColorHover: '--plasma-step-item-completed-title-color-hover',\n completedIndicatorColor: '--plasma-step-item-completed-indicator-color',\n completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',\n completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',\n completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',\n\n inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',\n inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',\n inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',\n inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',\n\n disabledOpacity: '--plasma-step-item-disabled-opacity',\n\n dividerThickness: '--plasma-step-item-divider-thickness',\n dividerColor: '--plasma-step-item-divider-color',\n};\n"],"names":["classes","simple","centered","active","inactive","clickable","hovered","disabled","verticalOrientation","hasIndicator","activeItem","indentDivider","transparentDivider","tokens","indicatorSize","activeIndicatorSize","bulletSize","activeBulletSize","titlePaddingTop","contentPaddingTop","contentPaddingRight","contentSidePadding","contentVerticalPadding","verticalContentPaddingLeft","smallIndicatorIndentHeight","largeIndicatorIndentHeight","smallBulletIndentHeight","largeBulletIndentHeight","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight","indicatorFontFamily","indicatorFontSize","indicatorFontStyle","indicatorFontWeight","indicatorLetterSpacing","indicatorLineHeight","activeIndicatorFontFamily","activeIndicatorFontSize","activeIndicatorFontStyle","activeIndicatorFontWeight","activeIndicatorLetterSpacing","activeIndicatorLineHeight","activeTitleColor","activeTitleColorHover","inactiveTitleColor","inactiveTitleColorHover","contentColor","focusColor","activeIndicatorBorder","activeIndicatorBorderHover","activeIndicatorColor","activeIndicatorColorHover","activeIndicatorBackground","completedTitleColor","completedTitleColorHover","completedIndicatorColor","completedIndicatorColorHover","completedIndicatorBackground","completedIndicatorBackgroundHover","inactiveIndicatorColor","inactiveIndicatorColorHover","inactiveIndicatorBackground","inactiveIndicatorBackgroundHover","disabledOpacity","dividerThickness","dividerColor"],"mappings":"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"}
|
|
@@ -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_c6jhr1_s12pqpa3__87d6f4fd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_sxskc3q__87d6f4fd{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd{cursor:default;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after{margin:0 auto;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isFirst__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isFirst__87d6f4fd:before{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isLast__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isLast__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isPrevInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isNextInactive__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_isNextActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{cursor:pointer;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{width:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-right:0;text-align:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
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\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.inactiveIndicatorBackground});\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 width: 100%;\n height: var(${tokens.dividerThickness});\n\n flex: 1;\n background: var(${tokens.activeIndicatorColor});\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.activeIndicatorColor});\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.activeTitleColorHover});\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":"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"}
|
|
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":"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"}
|