@salutejs/plasma-new-hope 0.342.0-canary.2332.19502808499.0 → 0.342.0-canary.2332.19626603839.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem_eduufx.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +3 -3
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/DateTimePicker/DateTimePicker.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/cjs/components/LinkButton/LinkButton.css +8 -8
- package/cjs/components/LinkButton/LinkButton.styles.js +1 -1
- package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/{es/components/LinkButton/LinkButton.styles_1q1p1l2.css → cjs/components/LinkButton/LinkButton.styles_1e7vwn3.css} +1 -1
- package/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Range/Range.css +3 -3
- package/cjs/components/Range/variations/_disabled/base.js +1 -1
- package/cjs/components/Range/variations/_disabled/base.js.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_14rf606.css +1 -0
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_1lu7vb0.css → cjs/components/Range/variations/_readonly/base_15u5q5r.css} +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/Steps/Steps.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/{StepItem.styles_vom1a1.css → StepItem.styles_b3maer.css} +1 -1
- package/cjs/components/Table/Table.css +22 -22
- package/cjs/components/Table/Table.styles.js +1 -1
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/cjs/components/Table/{Table.styles_sl2dfn.css → Table.styles_1jqvkrz.css} +2 -2
- package/cjs/components/Table/ui/Cell/Cell.css +22 -22
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +22 -22
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +22 -22
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -22
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_1ejddo2.css → base_13ohoed.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +1 -1
- package/cjs/components/Toast/Toast.css +1 -1
- package/cjs/components/Toast/variations/_size/base.js +1 -1
- package/cjs/components/Toast/variations/_size/base.js.map +1 -1
- package/cjs/components/Toast/variations/_size/base_1wa8h75.css +1 -0
- package/cjs/index.css +33 -33
- package/emotion/cjs/components/Carousel/CarouselOld/CarouselItem.js +3 -3
- package/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/cjs/components/Range/variations/_disabled/base.js +2 -1
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +18 -18
- package/emotion/cjs/components/Table/Table.styles.js +25 -25
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/Toast/variations/_size/base.js +1 -1
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/es/components/Carousel/CarouselOld/CarouselItem.js +3 -3
- package/emotion/es/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/es/components/Range/variations/_disabled/base.js +2 -1
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +18 -18
- package/emotion/es/components/Table/Table.styles.js +25 -25
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/Toast/variations/_size/base.js +1 -1
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem_eduufx.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +3 -3
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -3
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/DateTimePicker/DateTimePicker.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/es/components/LinkButton/LinkButton.css +8 -8
- package/es/components/LinkButton/LinkButton.styles.js +1 -1
- package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/{cjs/components/LinkButton/LinkButton.styles_1q1p1l2.css → es/components/LinkButton/LinkButton.styles_1e7vwn3.css} +1 -1
- package/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Range/Range.css +3 -3
- package/es/components/Range/variations/_disabled/base.js +1 -1
- package/es/components/Range/variations/_disabled/base.js.map +1 -1
- package/es/components/Range/variations/_disabled/base_14rf606.css +1 -0
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_1lu7vb0.css → es/components/Range/variations/_readonly/base_15u5q5r.css} +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/{StepItem.styles_vom1a1.css → StepItem.styles_b3maer.css} +1 -1
- package/es/components/Table/Table.css +22 -22
- package/es/components/Table/Table.styles.js +1 -1
- package/es/components/Table/Table.styles.js.map +1 -1
- package/es/components/Table/{Table.styles_sl2dfn.css → Table.styles_1jqvkrz.css} +2 -2
- package/es/components/Table/ui/Cell/Cell.css +22 -22
- package/es/components/Table/ui/EditableCell/EditableCell.css +22 -22
- package/es/components/Table/ui/HeadCell/HeadCell.css +22 -22
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -22
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/{base_1ejddo2.css → base_13ohoed.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +1 -1
- package/es/components/Toast/Toast.css +1 -1
- package/es/components/Toast/variations/_size/base.js +1 -1
- package/es/components/Toast/variations/_size/base.js.map +1 -1
- package/es/components/Toast/variations/_size/base_1wa8h75.css +1 -0
- package/es/index.css +33 -33
- package/package.json +4 -4
- package/styled-components/cjs/components/Carousel/CarouselOld/CarouselItem.js +2 -2
- package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +9 -8
- package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/cjs/components/Range/variations/_disabled/base.js +8 -2
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/styled-components/cjs/components/Table/Table.styles.js +13 -13
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -3
- package/styled-components/cjs/components/Toast/variations/_size/base.js +1 -1
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +9 -3
- package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/styled-components/es/components/Carousel/CarouselOld/CarouselItem.js +2 -2
- package/styled-components/es/components/LinkButton/LinkButton.styles.js +9 -8
- package/styled-components/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/es/components/Range/variations/_disabled/base.js +8 -2
- package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/styled-components/es/components/Table/Table.styles.js +13 -13
- package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -4
- package/styled-components/es/components/Toast/variations/_size/base.js +1 -1
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +9 -3
- package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
- package/types/components/Range/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/components/Table/Table.styles.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/Toast/variations/_size/base.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.config.d.ts.map +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
- package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
- package/cjs/components/Toast/variations/_size/base_r51pt4.css +0 -1
- package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
- package/es/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
- package/es/components/Toast/variations/_size/base_r51pt4.css +0 -1
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
43
43
|
|
|
44
44
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
45
45
|
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
|
|
42
42
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
43
43
|
|
|
44
|
-
.
|
|
44
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
45
45
|
|
|
46
46
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
47
47
|
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
10
10
|
|
|
11
|
-
.
|
|
11
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
12
12
|
|
|
13
13
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
14
14
|
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
28
28
|
|
|
29
|
-
.
|
|
29
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
30
30
|
|
|
31
31
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
32
32
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
21
21
|
|
|
22
22
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
23
23
|
|
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
6
6
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
7
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.StepItem_styles_vom1a1_s12pqpa3__531a8e02{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sxskc3q__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02{cursor:default;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{margin:0 auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isFirst__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isFirst__531a8e02:before{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isLast__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isLast__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isPrevInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isNextInactive__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_isNextActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_sv5tpso__531a8e02{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{cursor:pointer;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{width:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-right:0;text-align:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
8
|
+
.StepItem_styles_b3maer_snf9dn9__ac118687{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.StepItem_styles_b3maer_sv5tpso__ac118687{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_b3maer_s529fhk__ac118687{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_b3maer_b1kcj14__ac118687{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;box-sizing:content-box;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_itemHasIndicator__ac118687{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687{-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_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-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_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
12
|
+
.StepItem_styles_b3maer_b9hdug__ac118687{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_b3maer_b9hdug__ac118687::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_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{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_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687::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_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:after{background:var(--plasma-step-item-divider-color);}
|
|
13
|
+
.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{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_b3maer_sxskc3q__ac118687{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687{background:transparent;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687.StepItem_styles_b3maer_simple__ac118687{height:auto;max-height:none;}
|
|
15
|
+
.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
16
|
+
.StepItem_styles_b3maer_s12pqpa3__ac118687{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sxskc3q__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687{cursor:default;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{margin:0 auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isFirst__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isFirst__ac118687:before{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isLast__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isLast__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isPrevInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isNextInactive__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_isNextActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_sv5tpso__ac118687{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{cursor:pointer;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{width:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-right:0;text-align:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
17
17
|
|
|
18
18
|
.Steps_styles_wa45kj_b7q3upx__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88).Steps_styles_wa45kj_itemHasIndicator__4cedcb88{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88):not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88.Steps_styles_wa45kj_itemHasIndicator__4cedcb88{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88:not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
6
6
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
7
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.StepItem_styles_vom1a1_s12pqpa3__531a8e02{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sxskc3q__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02{cursor:default;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{margin:0 auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isFirst__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isFirst__531a8e02:before{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isLast__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isLast__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isPrevInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isNextInactive__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_isNextActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_sv5tpso__531a8e02{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{cursor:pointer;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{width:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-right:0;text-align:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
8
|
+
.StepItem_styles_b3maer_snf9dn9__ac118687{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.StepItem_styles_b3maer_sv5tpso__ac118687{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_b3maer_s529fhk__ac118687{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_b3maer_b1kcj14__ac118687{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;box-sizing:content-box;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_itemHasIndicator__ac118687{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687{-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_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-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_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
12
|
+
.StepItem_styles_b3maer_b9hdug__ac118687{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_b3maer_b9hdug__ac118687::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_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{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_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687::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_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:after{background:var(--plasma-step-item-divider-color);}
|
|
13
|
+
.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{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_b3maer_sxskc3q__ac118687{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687{background:transparent;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687.StepItem_styles_b3maer_simple__ac118687{height:auto;max-height:none;}
|
|
15
|
+
.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
16
|
+
.StepItem_styles_b3maer_s12pqpa3__ac118687{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sxskc3q__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687{cursor:default;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{margin:0 auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isFirst__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isFirst__ac118687:before{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isLast__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isLast__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isPrevInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isNextInactive__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_isNextActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_sv5tpso__ac118687{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{cursor:pointer;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{width:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-right:0;text-align:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n\n cursor: pointer;\n color: var(${tokens.completedIndicatorColor});\n background: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${addFocus({\n outlineOffset: '-0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n\n ${addFocus({\n outlineOffset: '-0.1875rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &.${classes.simple} {\n &:before,\n &:after {\n background: var(${tokens.dividerColor});\n }\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n flex: 1;\n\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n background: var(${tokens.dividerColor});\n\n &.${classes.inactive} {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n &.${classes.transparentDivider} {\n background: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n color: var(${tokens.activeIndicatorColor});\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n ${StepItemTitle} {\n color: var(${tokens.completedTitleColor}, ${tokens.activeTitleColor});\n }\n\n &.${classes.active} {\n ${BulletIndicator} {\n cursor: default;\n }\n\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.inactive}, &:not(.${classes.active}) {\n &:before,\n &:after {\n content: '';\n display: block;\n width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n height: var(${tokens.dividerThickness});\n background: var(${tokens.dividerColor});\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n\n &:before,\n &:after {\n width: var(${tokens.dividerThickness});\n height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n margin: 0 auto;\n align-self: auto;\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &:after {\n margin: 0 auto;\n }\n }\n\n &.isFirst {\n &:before {\n background: transparent;\n }\n }\n\n &.isLast {\n &:after {\n background: transparent;\n }\n }\n }\n\n &.${classes.inactive} {\n &:after,\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isPrevInactive {\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isNextInactive {\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.${classes.disabled} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n opacity: 1;\n }\n }\n\n &.${classes.transparentDivider} {\n &:before,\n &:after {\n background: transparent;\n }\n }\n }\n\n &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n &.isNextActive {\n ${BulletIndicatorWrapper} {\n width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n\n &.${classes.active} {\n ${BulletIndicatorWrapper} {\n margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.completedTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n cursor: default;\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":";;;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPtBA,SAOsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GATzBA,SASyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAC5BA,YAAY,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,MAAM,CAACE,gBAAgB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpF,IAAMC,aAAa,gBAAGC,MAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNZ,KAC8D,EAAA,CAAA;AAAA,GAAA;AAAA,CAE1F,EAAA;AAEM,IAAMa,aAAa,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmD3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqEpC,EAAA;AAAC,IAAAM,MAAA,GAvKgBA,SAuKhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAAC,IAAAQ,MAAA,GArLgBA,SAqLhBA,MAAAA,GAAA;AAAA,EAAA,OA8BoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA5BrD,IAAMC,eAAe,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cA4BfO,MAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3D,EAAA;AAEM,IAAMI,sBAAsB,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa3C,EAAA;AAEM,IAAMa,cAAc,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyNnC;;;;"}
|
|
1
|
+
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n box-sizing: content-box;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n\n cursor: pointer;\n color: var(${tokens.completedIndicatorColor});\n background: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${addFocus({\n outlineOffset: '-0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n\n ${addFocus({\n outlineOffset: '-0.1875rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &.${classes.simple} {\n &:before,\n &:after {\n background: var(${tokens.dividerColor});\n }\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n flex: 1;\n\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n background: var(${tokens.dividerColor});\n\n &.${classes.inactive} {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n &.${classes.transparentDivider} {\n background: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n color: var(${tokens.activeIndicatorColor});\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n ${StepItemTitle} {\n color: var(${tokens.completedTitleColor}, ${tokens.activeTitleColor});\n }\n\n &.${classes.active} {\n ${BulletIndicator} {\n cursor: default;\n }\n\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.inactive}, &:not(.${classes.active}) {\n &:before,\n &:after {\n content: '';\n display: block;\n width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n height: var(${tokens.dividerThickness});\n background: var(${tokens.dividerColor});\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n\n &:before,\n &:after {\n width: var(${tokens.dividerThickness});\n height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n margin: 0 auto;\n align-self: auto;\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &:after {\n margin: 0 auto;\n }\n }\n\n &.isFirst {\n &:before {\n background: transparent;\n }\n }\n\n &.isLast {\n &:after {\n background: transparent;\n }\n }\n }\n\n &.${classes.inactive} {\n &:after,\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isPrevInactive {\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isNextInactive {\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.${classes.disabled} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n opacity: 1;\n }\n }\n\n &.${classes.transparentDivider} {\n &:before,\n &:after {\n background: transparent;\n }\n }\n }\n\n &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n &.isNextActive {\n ${BulletIndicatorWrapper} {\n width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n\n &.${classes.active} {\n ${BulletIndicatorWrapper} {\n margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.completedTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n cursor: default;\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":";;;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPtBA,SAOsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GATzBA,SASyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAC5BA,YAAY,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,MAAM,CAACE,gBAAgB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpF,IAAMC,aAAa,gBAAGC,MAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNZ,KAC8D,EAAA,CAAA;AAAA,GAAA;AAAA,CAE1F,EAAA;AAEM,IAAMa,aAAa,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoD3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqEpC,EAAA;AAAC,IAAAM,MAAA,GAxKgBA,SAwKhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAAC,IAAAQ,MAAA,GAtLgBA,SAsLhBA,MAAAA,GAAA;AAAA,EAAA,OA8BoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA5BrD,IAAMC,eAAe,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cA4BfO,MAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3D,EAAA;AAEM,IAAMI,sBAAsB,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa3C,EAAA;AAEM,IAAMa,cAAc,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyNnC;;;;"}
|
package/es/components/Steps/ui/StepItem/{StepItem.styles_vom1a1.css → StepItem.styles_b3maer.css}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
2
2
|
.sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
|
3
3
|
.s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
|
4
|
-
.b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.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;}
|
|
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;box-sizing:content-box;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
5
5
|
.b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.b9hdug::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.focus-visible:focus::before,.b9hdug[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.b9hdug.item-active::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.item-active.focus-visible:focus::before,.b9hdug.item-active[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive.simple:before,.b9hdug.item-inactive.simple:after{background:var(--plasma-step-item-divider-color);}
|
|
6
6
|
.b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
|
|
7
7
|
.sxskc3q{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.sxskc3q.item-inactive{background:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}.sxskc3q.transparent-divider{background:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
|