@salutejs/plasma-new-hope 0.272.0-canary.1781.13399946146.0 → 0.272.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Checkbox/Checkbox.css +9 -10
- package/cjs/components/Checkbox/Checkbox.js +2 -2
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +6 -12
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js +1 -1
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/cjs/components/Checkbox/variations/_disabled/base.js +1 -1
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/cjs/components/Checkbox/variations/_view/base.js +1 -1
- package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +9 -10
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
- package/cjs/components/Pagination/Pagination.css +9 -10
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
- package/cjs/components/Radiobox/Radiobox.css +9 -10
- package/cjs/components/Radiobox/Radiobox.js +2 -2
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/{es/components/Radiobox/Radiobox.styles_8cwqg9.css → cjs/components/Radiobox/Radiobox.styles_vikocp.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/cjs/components/Select/Select.css +9 -10
- package/cjs/components/Select/ui/Inner/Inner.css +9 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +9 -10
- package/cjs/components/Steps/Steps.css +9 -9
- package/cjs/components/Steps/Steps.tokens.js +1 -0
- 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 +9 -0
- package/cjs/index.css +20 -21
- package/emotion/cjs/components/Checkbox/Checkbox.js +2 -2
- package/emotion/cjs/components/Checkbox/Checkbox.styles.js +9 -13
- package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +1 -1
- package/emotion/cjs/components/Radiobox/Radiobox.js +2 -2
- package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +1 -1
- package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/components/Checkbox/Checkbox.js +3 -3
- package/emotion/es/components/Checkbox/Checkbox.styles.js +8 -12
- package/emotion/es/components/Checkbox/Checkbox.tokens.js +1 -1
- package/emotion/es/components/Radiobox/Radiobox.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.tokens.js +1 -1
- package/emotion/es/components/Steps/Steps.tokens.js +1 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/es/components/Checkbox/Checkbox.css +9 -10
- package/es/components/Checkbox/Checkbox.js +3 -3
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles.js +7 -12
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
- package/es/components/Checkbox/Checkbox.tokens.js +1 -1
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/es/components/Checkbox/variations/_disabled/base.js +1 -1
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/es/components/Checkbox/variations/_view/base.js +1 -1
- package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +9 -10
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
- package/es/components/Pagination/Pagination.css +9 -10
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
- package/es/components/Radiobox/Radiobox.css +9 -10
- package/es/components/Radiobox/Radiobox.js +3 -3
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/{cjs/components/Radiobox/Radiobox.styles_8cwqg9.css → es/components/Radiobox/Radiobox.styles_vikocp.css} +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/es/components/Select/Select.css +9 -10
- package/es/components/Select/ui/Inner/Inner.css +9 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.css +9 -10
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/Steps.tokens.js +1 -0
- 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 +9 -0
- package/es/index.css +20 -21
- package/package.json +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +7 -10
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.js +2 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +1 -1
- package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -2
- package/styled-components/es/components/Checkbox/Checkbox.js +3 -3
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +6 -9
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.js +3 -3
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +1 -1
- package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -2
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts +0 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.tokens.d.ts +1 -1
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +1 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles_tc2l94.css +0 -8
- package/cjs/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
- package/cjs/components/Checkbox/variations/_view/base_1xk2qu8.css +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
- package/es/components/Checkbox/Checkbox.styles_tc2l94.css +0 -8
- package/es/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
- package/es/components/Checkbox/variations/_view/base_1xk2qu8.css +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
@@ -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_acxstj_s12pqpa3__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{-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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_sxskc3q__065935cf{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf{-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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf: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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:after{margin:0 auto;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isFirst__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isFirst__065935cf:before{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isLast__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isLast__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isPrevInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isNextInactive__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_isNextActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_sv5tpso__065935cf{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{cursor:pointer;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{width:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_s529fhk__065935cf{padding-right:0;text-align:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf{opacity:var(--plasma-step-item-disabled-opacity);}
|
8
|
+
.StepItem_styles_c6jhr1_snf9dn9__87d6f4fd{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
9
|
+
.StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
10
|
+
.StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
11
|
+
.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd).StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
12
|
+
.StepItem_styles_c6jhr1_b9hdug__87d6f4fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_focusVisible__87d6f4fd:focus::before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd.StepItem_styles_c6jhr1_focusVisible__87d6f4fd:focus::before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
13
|
+
.StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd.StepItem_styles_c6jhr1_b9hdug__87d6f4fd{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
|
14
|
+
.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd{background:transparent;}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_indentDivider__87d6f4fd{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_indentDivider__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{height:auto;max-height:none;}
|
15
|
+
.StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
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);}
|
@@ -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 color: var(${tokens.completedIndicatorColor});\n background-color: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${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 &.${classes.active} {\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\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 &.${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 ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":";;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPtBA,SAOsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GATzBA,SASyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAC5BA,YAAY,GAAA,MAAA,CAAAC,MAAA,CAAUC,mBAAM,CAACC,mBAAoB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,mBAAM,CAACE,gBAAiB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpF,IAAMC,aAAa,gBAAGC,YAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNZ,KAC8D,EAAA,CAAA;AAAA,GAAA;AAAA,CAE1F,EAAA;AAEM,IAAMa,aAAa,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmD3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoEpC,EAAA;AAAC,IAAAM,MAAA,GAtKgBA,SAsKhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAAC,IAAAQ,MAAA,GApLgBA,SAoLhBA,MAAAA,GAAA;AAAA,EAAA,OA6BoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3BrD,IAAMC,eAAe,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cA2BfO,MAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3D,EAAA;AAEM,IAAMI,sBAAsB,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa3C,EAAA;AAEM,IAAMa,cAAc,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4MnC;;;;;;;;;;;;"}
|
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":";;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPtBA,SAOsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GATzBA,SASyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAC5BA,YAAY,GAAA,MAAA,CAAAC,MAAA,CAAUC,mBAAM,CAACC,mBAAoB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,mBAAM,CAACE,gBAAiB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpF,IAAMC,aAAa,gBAAGC,YAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNZ,KAC8D,EAAA,CAAA;AAAA,GAAA;AAAA,CAE1F,EAAA;AAEM,IAAMa,aAAa,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmD3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqEpC,EAAA;AAAC,IAAAM,MAAA,GAvKgBA,SAuKhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAAC,IAAAQ,MAAA,GArLgBA,SAqLhBA,MAAAA,GAAA;AAAA,EAAA,OA6BoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3BrD,IAAMC,eAAe,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cA2BfO,MAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3D,EAAA;AAEM,IAAMI,sBAAsB,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa3C,EAAA;AAEM,IAAMa,cAAc,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyNnC;;;;;;;;;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
.snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
2
|
+
.sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
3
|
+
.s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
4
|
+
.b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
5
|
+
.b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.b9hdug::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.focus-visible:focus::before,.b9hdug[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.b9hdug.item-active::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.item-active.focus-visible:focus::before,.b9hdug.item-active[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive.simple:before,.b9hdug.item-inactive.simple:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
6
|
+
.b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
|
7
|
+
.sxskc3q{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.sxskc3q.item-inactive{background:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}.sxskc3q.transparent-divider{background:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
|
8
|
+
.s4zgmmr.vertical-orientation .sv5tpso{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.s4zgmmr.vertical-orientation .s529fhk{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
9
|
+
.s12pqpa3{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);}.s12pqpa3.vertical-orientation{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.s12pqpa3.vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3 .sv5tpso{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.s12pqpa3.item-active .b9hdug{cursor:default;}.s12pqpa3.item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);}.s12pqpa3.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.simple{-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%;}.s12pqpa3.simple.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.s12pqpa3.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.s12pqpa3.simple.item-inactive:before,.s12pqpa3.simple:not(.item-active):before,.s12pqpa3.simple.item-inactive:after,.s12pqpa3.simple:not(.item-active):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);}.s12pqpa3.simple.item-inactive:not(.item-has-indicator):before,.s12pqpa3.simple:not(.item-active):not(.item-has-indicator):before,.s12pqpa3.simple.item-inactive:not(.item-has-indicator):after,.s12pqpa3.simple:not(.item-active):not(.item-has-indicator):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.s12pqpa3.simple.item-inactive.vertical-orientation,.s12pqpa3.simple:not(.item-active).vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.s12pqpa3.simple.item-inactive.vertical-orientation:before,.s12pqpa3.simple:not(.item-active).vertical-orientation:before,.s12pqpa3.simple.item-inactive.vertical-orientation:after,.s12pqpa3.simple:not(.item-active).vertical-orientation: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;}.s12pqpa3.simple.item-inactive.vertical-orientation:not(.item-has-indicator):before,.s12pqpa3.simple:not(.item-active).vertical-orientation:not(.item-has-indicator):before,.s12pqpa3.simple.item-inactive.vertical-orientation:not(.item-has-indicator):after,.s12pqpa3.simple:not(.item-active).vertical-orientation:not(.item-has-indicator):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.s12pqpa3.simple.item-inactive.vertical-orientation:after,.s12pqpa3.simple:not(.item-active).vertical-orientation:after{margin:0 auto;}.s12pqpa3.simple.item-inactive.isFirst:before,.s12pqpa3.simple:not(.item-active).isFirst:before{background:transparent;}.s12pqpa3.simple.item-inactive.isLast:after,.s12pqpa3.simple:not(.item-active).isLast:after{background:transparent;}.s12pqpa3.simple.item-inactive:after,.s12pqpa3.simple.item-inactive:before{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.isPrevInactive:before{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.isNextInactive:after{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.item-disabled:before,.s12pqpa3.simple.item-disabled:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.s12pqpa3.simple.transparent-divider:before,.s12pqpa3.simple.transparent-divider:after{background:transparent;}.s12pqpa3:not(.simple):not(.vertical-orientation).isNextActive .b1kcj14{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.s12pqpa3:not(.simple):not(.vertical-orientation).item-active .b1kcj14{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);}.s12pqpa3.item-hovered:not(.item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.item-hovered:not(.item-active) .b9hdug,.s12pqpa3.item-hovered:not(.item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.item-hovered.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.item-hovered.item-inactive .b9hdug,.s12pqpa3.item-hovered.item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.item-centered .s4zgmmr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.s12pqpa3.item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.item-centered .s4zgmmr .sv5tpso,.s12pqpa3.item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.item-disabled{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
package/cjs/index.css
CHANGED
@@ -103,20 +103,19 @@
|
|
103
103
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
104
104
|
.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);}}
|
105
105
|
|
106
|
-
.
|
106
|
+
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
107
107
|
|
108
|
-
.
|
108
|
+
.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
|
109
109
|
|
110
110
|
.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
111
111
|
|
112
|
-
.
|
113
|
-
.
|
114
|
-
.
|
115
|
-
.
|
116
|
-
.
|
117
|
-
.
|
118
|
-
.
|
119
|
-
.Checkbox_styles_tc2l94_s10clj68__882a2762{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_tc2l94_s10clj68__882a2762.Checkbox_styles_tc2l94_onlyDescription__882a2762{margin-top:0;}
|
112
|
+
.Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
113
|
+
.Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
|
114
|
+
.Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;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;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
115
|
+
.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
|
116
|
+
.Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
117
|
+
.Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
118
|
+
.Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
|
120
119
|
|
121
120
|
.base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
|
122
121
|
|
@@ -124,8 +123,8 @@
|
|
124
123
|
|
125
124
|
.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae.base_1d7o4za_focusVisible__19288bae:focus::before,.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae{border-color:transparent;position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
|
126
125
|
|
127
|
-
.
|
128
|
-
.
|
126
|
+
.Radiobox_styles_vikocp_s14xglkp__f2b84016{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_vikocp_s14xglkp__f2b84016{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
127
|
+
.Radiobox_styles_vikocp_bdte4ex__f2b84016{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Radiobox_styles_vikocp_bdte4ex__f2b84016 .Radiobox_styles_vikocp_singleLine__f2b84016{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
129
128
|
|
130
129
|
.Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
131
130
|
.Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
|
@@ -701,15 +700,15 @@
|
|
701
700
|
|
702
701
|
.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4{width:var(--plasma-private-thumb-size);height:var(--plasma-private-thumb-size);min-width:var(--plasma-private-thumb-size);min-height:var(--plasma-private-thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:not([disabled]):hover:after,.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4[disabled]{cursor:not-allowed;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:focus{outline:none;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4.Thumb_styles_1y5d9dd_focusVisible__5e2c99d4:focus::before,.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
703
702
|
|
704
|
-
.
|
705
|
-
.
|
706
|
-
.
|
707
|
-
.
|
708
|
-
.
|
709
|
-
.
|
710
|
-
.
|
711
|
-
.
|
712
|
-
.StepItem_styles_acxstj_s12pqpa3__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{-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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_sxskc3q__065935cf{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf{-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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf: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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:after{margin:0 auto;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isFirst__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isFirst__065935cf:before{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isLast__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isLast__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isPrevInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isNextInactive__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_isNextActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_sv5tpso__065935cf{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{cursor:pointer;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{width:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_s529fhk__065935cf{padding-right:0;text-align:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf{opacity:var(--plasma-step-item-disabled-opacity);}
|
703
|
+
.StepItem_styles_c6jhr1_snf9dn9__87d6f4fd{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
704
|
+
.StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
705
|
+
.StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
706
|
+
.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd).StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_b1kcj14__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
707
|
+
.StepItem_styles_c6jhr1_b9hdug__87d6f4fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_focusVisible__87d6f4fd:focus::before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd.StepItem_styles_c6jhr1_focusVisible__87d6f4fd:focus::before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:before,.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
708
|
+
.StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd.StepItem_styles_c6jhr1_b9hdug__87d6f4fd{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd.StepItem_styles_c6jhr1_b9hdug__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
|
709
|
+
.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd{background:transparent;}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_indentDivider__87d6f4fd{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_c6jhr1_sxskc3q__87d6f4fd.StepItem_styles_c6jhr1_indentDivider__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{height:auto;max-height:none;}
|
710
|
+
.StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
711
|
+
.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);}
|
713
712
|
|
714
713
|
.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%;}
|
715
714
|
|
@@ -76,9 +76,9 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
|
|
76
76
|
})), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
|
77
77
|
htmlFor: checkboxId,
|
78
78
|
className: singleLineClass
|
79
|
-
}, /*#__PURE__*/_react["default"].createElement(_Checkbox.
|
79
|
+
}, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
|
80
80
|
className: _Checkbox2.classes.checkboxTrigger
|
81
|
-
}, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null)))
|
81
|
+
}, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
|
82
82
|
className: singleLineClass
|
83
83
|
}, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
|
84
84
|
className: singleLineClass,
|