@salutejs/plasma-new-hope 0.183.1-canary.1517.11694833221.0 → 0.183.1-canary.1517.11698919027.0
Sign up to get free protection for your applications and to get access to all the features.
- 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 +5 -5
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/{StepItem.styles_qsl149.css → StepItem.styles_q5nnk6.css} +1 -1
- package/cjs/index.css +9 -9
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +14 -9
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +14 -9
- 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 +5 -5
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/{StepItem.styles_qsl149.css → StepItem.styles_q5nnk6.css} +1 -1
- package/es/index.css +9 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +7 -2
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +7 -2
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
6
6
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
7
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.StepItem_styles_qsl149_s12pqpa3__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08{-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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08 .StepItem_styles_qsl149_sxskc3q__50a5ea08{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemActive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08{-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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemHasIndicator__50a5ea08{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08: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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:after{margin:0 auto;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_isFirst__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_isFirst__50a5ea08:before{background:transparent;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_isLast__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_isLast__50a5ea08:after{background:transparent;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_isPrevInactive__50a5ea08:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_isNextInactive__50a5ea08:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08:not(.StepItem_styles_qsl149_simple__50a5ea08):not(.StepItem_styles_qsl149_verticalOrientation__50a5ea08).StepItem_styles_qsl149_isNextActive__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08:not(.StepItem_styles_qsl149_simple__50a5ea08):not(.StepItem_styles_qsl149_verticalOrientation__50a5ea08).StepItem_styles_qsl149_itemActive__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_sv5tpso__50a5ea08{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_b9hdug__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_b1eo1o32__50a5ea08{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_b9hdug__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_b1eo1o32__50a5ea08{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{cursor:pointer;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{width:100%;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_s529fhk__50a5ea08{padding-right:0;text-align:center;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemDisabled__50a5ea08{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
8
|
+
.StepItem_styles_q5nnk6_snf9dn9__a323f428{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.StepItem_styles_q5nnk6_sv5tpso__a323f428{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_q5nnk6_s529fhk__a323f428{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_q5nnk6_b1kcj14__a323f428{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-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_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
12
|
+
.StepItem_styles_q5nnk6_b9hdug__a323f428{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;color:var(--plasma-step-item-completed-indicator-color);background-color: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_q5nnk6_b9hdug__a323f428::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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428::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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
13
|
+
.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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_q5nnk6_sxskc3q__a323f428{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_transparentDivider__a323f428{background:transparent;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428.StepItem_styles_q5nnk6_simple__a323f428{height:auto;max-height:none;}
|
|
15
|
+
.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
16
|
+
.StepItem_styles_q5nnk6_s12pqpa3__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428: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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{margin:0 auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isFirst__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isFirst__a323f428:before{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isLast__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isLast__a323f428:after{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isPrevInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isNextInactive__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_isNextActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_sv5tpso__a323f428{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{cursor:pointer;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{width:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-right:0;text-align:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemDisabled__a323f428{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_qsl149_s12pqpa3__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08{-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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08 .StepItem_styles_qsl149_sxskc3q__50a5ea08{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemActive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08{-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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemHasIndicator__50a5ea08{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08: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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:after{margin:0 auto;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_isFirst__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_isFirst__50a5ea08:before{background:transparent;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_isLast__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_isLast__50a5ea08:after{background:transparent;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_isPrevInactive__50a5ea08:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_isNextInactive__50a5ea08:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08:not(.StepItem_styles_qsl149_simple__50a5ea08):not(.StepItem_styles_qsl149_verticalOrientation__50a5ea08).StepItem_styles_qsl149_isNextActive__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08:not(.StepItem_styles_qsl149_simple__50a5ea08):not(.StepItem_styles_qsl149_verticalOrientation__50a5ea08).StepItem_styles_qsl149_itemActive__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_sv5tpso__50a5ea08{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_b9hdug__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_b1eo1o32__50a5ea08{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_b9hdug__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_b1eo1o32__50a5ea08{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{cursor:pointer;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{width:100%;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_s529fhk__50a5ea08{padding-right:0;text-align:center;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemDisabled__50a5ea08{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
8
|
+
.StepItem_styles_q5nnk6_snf9dn9__a323f428{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.StepItem_styles_q5nnk6_sv5tpso__a323f428{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_q5nnk6_s529fhk__a323f428{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_q5nnk6_b1kcj14__a323f428{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-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_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
12
|
+
.StepItem_styles_q5nnk6_b9hdug__a323f428{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;color:var(--plasma-step-item-completed-indicator-color);background-color: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_q5nnk6_b9hdug__a323f428::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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428::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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
13
|
+
.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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_q5nnk6_sxskc3q__a323f428{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_transparentDivider__a323f428{background:transparent;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428.StepItem_styles_q5nnk6_simple__a323f428{height:auto;max-height:none;}
|
|
15
|
+
.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
16
|
+
.StepItem_styles_q5nnk6_s12pqpa3__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428: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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{margin:0 auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isFirst__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isFirst__a323f428:before{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isLast__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isLast__a323f428:after{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isPrevInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isNextInactive__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_isNextActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_sv5tpso__a323f428{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{cursor:pointer;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{width:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-right:0;text-align:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemDisabled__a323f428{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './StepItem.
|
|
1
|
+
import './StepItem.styles_q5nnk6.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { tokens } from '../../Steps.tokens.js';
|
|
4
4
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
|
@@ -43,15 +43,15 @@ var BulletIndicator = /*#__PURE__*/styled('button')({
|
|
|
43
43
|
"class": "b9hdug",
|
|
44
44
|
propsAsIs: false
|
|
45
45
|
});
|
|
46
|
-
var
|
|
46
|
+
var _exp71 = function _exp71() {
|
|
47
47
|
return BulletIndicator;
|
|
48
48
|
};
|
|
49
|
-
var Bullet = /*#__PURE__*/styled(
|
|
49
|
+
var Bullet = /*#__PURE__*/styled(_exp71())({
|
|
50
50
|
name: "Bullet",
|
|
51
51
|
"class": "b1eo1o32",
|
|
52
52
|
propsAsIs: true
|
|
53
53
|
});
|
|
54
|
-
var
|
|
54
|
+
var _exp90 = function _exp90() {
|
|
55
55
|
return function (_ref2) {
|
|
56
56
|
var indentToken = _ref2.indentToken;
|
|
57
57
|
return indentToken || '';
|
|
@@ -62,7 +62,7 @@ var StepItemDivider = /*#__PURE__*/styled('div')({
|
|
|
62
62
|
"class": "sxskc3q",
|
|
63
63
|
propsAsIs: false,
|
|
64
64
|
vars: {
|
|
65
|
-
"sxskc3q-0": [/*#__PURE__*/
|
|
65
|
+
"sxskc3q-0": [/*#__PURE__*/_exp90()]
|
|
66
66
|
}
|
|
67
67
|
});
|
|
68
68
|
var StepItemContentWrapper = /*#__PURE__*/styled('div')({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n\n color: var(${tokens.completedIndicatorColor});\n background-color: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${addFocus({\n outlineOffset: '-0.1875rem',\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\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &.${classes.simple} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n flex: 1;\n background: var(${tokens.activeIndicatorColor});\n\n &.${classes.inactive} {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.transparentDivider} {\n background: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n color: var(${tokens.activeIndicatorColor});\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n &.${classes.active} {\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.inactive}, &:not(.${classes.active}) {\n &:before,\n &:after {\n content: '';\n display: block;\n width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n height: var(${tokens.dividerThickness});\n background: var(${tokens.activeIndicatorColor});\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n\n &:before,\n &:after {\n width: var(${tokens.dividerThickness});\n height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n margin: 0 auto;\n align-self: auto;\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &:after {\n margin: 0 auto;\n }\n }\n\n &.isFirst {\n &:before {\n background: transparent;\n }\n }\n\n &.isLast {\n &:after {\n background: transparent;\n }\n }\n }\n\n &.${classes.inactive} {\n &:after,\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isPrevInactive {\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isNextInactive {\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n }\n\n &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n &.isNextActive {\n ${BulletIndicatorWrapper} {\n width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n &.${classes.active} {\n ${BulletIndicatorWrapper} {\n margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.activeTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp70","Bullet","_exp89","_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,mBAAoB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,gBAAiB,EAAE,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,CA6DpC,EAAA;AAAC,IAAAM,MAAA,GA/JgBA,SA+JhBA,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,GA7KgBA,SA6KhBA,MAAAA,GAAA;AAAA,EAAA,OAyBoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAvBrD,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,cAuBfO,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,CA6LnC;;;;"}
|
|
1
|
+
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n\n color: var(${tokens.completedIndicatorColor});\n background-color: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${addFocus({\n outlineOffset: '-0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n\n ${addFocus({\n outlineOffset: '-0.1875rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &.${classes.simple} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n flex: 1;\n background: var(${tokens.activeIndicatorColor});\n\n &.${classes.inactive} {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.transparentDivider} {\n background: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n color: var(${tokens.activeIndicatorColor});\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n &.${classes.active} {\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.inactive}, &:not(.${classes.active}) {\n &:before,\n &:after {\n content: '';\n display: block;\n width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n height: var(${tokens.dividerThickness});\n background: var(${tokens.activeIndicatorColor});\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n\n &:before,\n &:after {\n width: var(${tokens.dividerThickness});\n height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n margin: 0 auto;\n align-self: auto;\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &:after {\n margin: 0 auto;\n }\n }\n\n &.isFirst {\n &:before {\n background: transparent;\n }\n }\n\n &.isLast {\n &:after {\n background: transparent;\n }\n }\n }\n\n &.${classes.inactive} {\n &:after,\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isPrevInactive {\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isNextInactive {\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n }\n\n &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n &.isNextActive {\n ${BulletIndicatorWrapper} {\n width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n &.${classes.active} {\n ${BulletIndicatorWrapper} {\n margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.activeTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp90","_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,mBAAoB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,gBAAiB,EAAE,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,CAoEpC,EAAA;AAAC,IAAAM,MAAA,GAtKgBA,SAsKhBA,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,GApLgBA,SAoLhBA,MAAAA,GAAA;AAAA,EAAA,OAyBoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAvBrD,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,cAuBfO,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,CA6LnC;;;;"}
|
package/es/components/Steps/ui/StepItem/{StepItem.styles_qsl149.css → StepItem.styles_q5nnk6.css}
RENAMED
|
@@ -2,7 +2,7 @@
|
|
|
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
4
|
.b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
5
|
-
.b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;color:var(--plasma-step-item-completed-indicator-color);background-color: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.
|
|
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;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.b9hdug::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.focus-visible:focus::before,.b9hdug[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.b9hdug.item-active::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.item-active.focus-visible:focus::before,.b9hdug.item-active[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive.simple:before,.b9hdug.item-inactive.simple:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
6
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{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.sxskc3q.item-inactive{background:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.transparent-divider{background:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
|
|
8
8
|
.s4zgmmr.vertical-orientation .sv5tpso{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.s4zgmmr.vertical-orientation .s529fhk{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
package/es/index.css
CHANGED
|
@@ -686,15 +686,15 @@
|
|
|
686
686
|
|
|
687
687
|
.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
|
688
688
|
|
|
689
|
-
.
|
|
690
|
-
.
|
|
691
|
-
.
|
|
692
|
-
.
|
|
693
|
-
.
|
|
694
|
-
.
|
|
695
|
-
.
|
|
696
|
-
.
|
|
697
|
-
.StepItem_styles_qsl149_s12pqpa3__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08{-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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08 .StepItem_styles_qsl149_sxskc3q__50a5ea08{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemActive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08{-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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemHasIndicator__50a5ea08{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08):not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08: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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:not(.StepItem_styles_qsl149_itemHasIndicator__50a5ea08):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_verticalOrientation__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_verticalOrientation__50a5ea08:after{margin:0 auto;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_isFirst__50a5ea08:before,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_isFirst__50a5ea08:before{background:transparent;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08.StepItem_styles_qsl149_isLast__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08).StepItem_styles_qsl149_isLast__50a5ea08:after{background:transparent;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:after,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_isPrevInactive__50a5ea08:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_simple__50a5ea08.StepItem_styles_qsl149_isNextInactive__50a5ea08:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08:not(.StepItem_styles_qsl149_simple__50a5ea08):not(.StepItem_styles_qsl149_verticalOrientation__50a5ea08).StepItem_styles_qsl149_isNextActive__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08:not(.StepItem_styles_qsl149_simple__50a5ea08):not(.StepItem_styles_qsl149_verticalOrientation__50a5ea08).StepItem_styles_qsl149_itemActive__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_sv5tpso__50a5ea08{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_b9hdug__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08:not(.StepItem_styles_qsl149_itemActive__50a5ea08) .StepItem_styles_qsl149_b1eo1o32__50a5ea08{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_b9hdug__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08.StepItem_styles_qsl149_itemInactive__50a5ea08 .StepItem_styles_qsl149_b1eo1o32__50a5ea08{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemHovered__50a5ea08 .StepItem_styles_qsl149_b1kcj14__50a5ea08{cursor:pointer;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08{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_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08{width:100%;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_sv5tpso__50a5ea08,.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemCentered__50a5ea08 .StepItem_styles_qsl149_s4zgmmr__50a5ea08 .StepItem_styles_qsl149_s529fhk__50a5ea08{padding-right:0;text-align:center;}.StepItem_styles_qsl149_s12pqpa3__50a5ea08.StepItem_styles_qsl149_itemDisabled__50a5ea08{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
689
|
+
.StepItem_styles_q5nnk6_snf9dn9__a323f428{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
690
|
+
.StepItem_styles_q5nnk6_sv5tpso__a323f428{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;}
|
|
691
|
+
.StepItem_styles_q5nnk6_s529fhk__a323f428{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);}
|
|
692
|
+
.StepItem_styles_q5nnk6_b1kcj14__a323f428{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-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_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
693
|
+
.StepItem_styles_q5nnk6_b9hdug__a323f428{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;color:var(--plasma-step-item-completed-indicator-color);background-color: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_q5nnk6_b9hdug__a323f428::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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428::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_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
694
|
+
.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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);}
|
|
695
|
+
.StepItem_styles_q5nnk6_sxskc3q__a323f428{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_transparentDivider__a323f428{background:transparent;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428.StepItem_styles_q5nnk6_simple__a323f428{height:auto;max-height:none;}
|
|
696
|
+
.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
697
|
+
.StepItem_styles_q5nnk6_s12pqpa3__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428: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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{margin:0 auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isFirst__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isFirst__a323f428:before{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isLast__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isLast__a323f428:after{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isPrevInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isNextInactive__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_isNextActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_sv5tpso__a323f428{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{cursor:pointer;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{width:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-right:0;text-align:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemDisabled__a323f428{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
698
698
|
|
|
699
699
|
.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%;}
|
|
700
700
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.183.1-canary.1517.
|
|
3
|
+
"version": "0.183.1-canary.1517.11698919027.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"sideEffects": [
|
|
129
129
|
"*.css"
|
|
130
130
|
],
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "6ada49b451cf68266e3c2d03d44b62881ccb3cfb"
|
|
132
132
|
}
|
|
@@ -29,12 +29,17 @@ var BulletIndicatorWrapper = exports.BulletIndicatorWrapper = /*#__PURE__*/_styl
|
|
|
29
29
|
})(["display:flex;align-items:center;&:not(.", "){flex:0;&.", "{width:100%;min-height:var(", ");}&:not(.", "){width:100%;min-height:var(", ");}&.", "{padding-right:var(", ");}}&.", "{flex:0;justify-content:center;&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}&.", "{flex-direction:column;align-items:center;justify-content:center;&.", "{min-width:var(", ");}&:not(.", "){min-width:var(", ");}}&.", "{justify-content:center;}"], _Steps.classes.simple, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.classes.verticalOrientation, _Steps.tokens.verticalContentPaddingLeft, _Steps.classes.simple, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.classes.verticalOrientation, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.classes.centered);
|
|
30
30
|
var BulletIndicator = exports.BulletIndicator = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
|
31
31
|
componentId: "plasma-new-hope__sc-bjma6z-4"
|
|
32
|
-
})(["display:flex;align-items:center;justify-content:center;width:var(", ");height:var(", ");border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;color:var(", ");background-color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", " &.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");background:var(", ");}&.", "{color:var(", ");background:var(", ");&.", "{&:before,&:after{background:var(", ");}}}"], _Steps.tokens.indicatorSize, _Steps.tokens.indicatorSize, _Steps.tokens.completedIndicatorColor, _Steps.tokens.completedIndicatorBackground, _Steps.tokens.indicatorFontFamily, _Steps.tokens.indicatorFontSize, _Steps.tokens.indicatorFontStyle, _Steps.tokens.indicatorFontWeight, _Steps.tokens.indicatorLetterSpacing, _Steps.tokens.indicatorLineHeight, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
32
|
+
})(["display:flex;align-items:center;justify-content:center;width:var(", ");height:var(", ");border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;color:var(", ");background-color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", " &.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");background:var(", ");", "}&.", "{color:var(", ");background:var(", ");&.", "{&:before,&:after{background:var(", ");}}}"], _Steps.tokens.indicatorSize, _Steps.tokens.indicatorSize, _Steps.tokens.completedIndicatorColor, _Steps.tokens.completedIndicatorBackground, _Steps.tokens.indicatorFontFamily, _Steps.tokens.indicatorFontSize, _Steps.tokens.indicatorFontStyle, _Steps.tokens.indicatorFontWeight, _Steps.tokens.indicatorLetterSpacing, _Steps.tokens.indicatorLineHeight, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
33
|
+
outlineOffset: '-0.0625rem',
|
|
34
|
+
outlineSize: '0.0625rem',
|
|
35
|
+
outlineRadius: '50%',
|
|
36
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Steps.tokens.focusColor, ")")
|
|
37
|
+
}), _Steps.classes.active, _Steps.tokens.activeIndicatorSize, _Steps.tokens.activeIndicatorSize, _Steps.tokens.dividerThickness, _Steps.tokens.activeIndicatorBorder, _Steps.tokens.activeIndicatorFontFamily, _Steps.tokens.activeIndicatorFontSize, _Steps.tokens.activeIndicatorFontStyle, _Steps.tokens.activeIndicatorFontWeight, _Steps.tokens.activeIndicatorLetterSpacing, _Steps.tokens.activeIndicatorLineHeight, _Steps.tokens.activeIndicatorColor, _Steps.tokens.activeIndicatorBackground, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
33
38
|
outlineOffset: '-0.1875rem',
|
|
34
39
|
outlineSize: '0.0625rem',
|
|
35
40
|
outlineRadius: '50%',
|
|
36
41
|
outlineColor: /*#__PURE__*/"var(".concat(_Steps.tokens.focusColor, ")")
|
|
37
|
-
}), _Steps.classes.
|
|
42
|
+
}), _Steps.classes.inactive, _Steps.tokens.inactiveIndicatorColor, _Steps.tokens.inactiveIndicatorBackground, _Steps.classes.simple, _Steps.tokens.inactiveIndicatorBackground);
|
|
38
43
|
var Bullet = exports.Bullet = /*#__PURE__*/(0, _styledComponents["default"])(BulletIndicator).withConfig({
|
|
39
44
|
componentId: "plasma-new-hope__sc-bjma6z-5"
|
|
40
45
|
})(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background:var(", ");}"], _Steps.tokens.bulletSize, _Steps.tokens.bulletSize, _Steps.classes.active, _Steps.tokens.activeBulletSize, _Steps.tokens.activeBulletSize, _Steps.tokens.dividerThickness, _Steps.tokens.activeIndicatorBorder, _Steps.tokens.activeIndicatorBackground);
|