@salutejs/plasma-new-hope 0.159.0-canary.1443.11140129684.0 → 0.159.0-canary.1443.11141632830.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Steps/Steps.css +10 -10
- package/cjs/components/Steps/Steps.js +5 -1
- package/cjs/components/Steps/Steps.js.map +1 -1
- package/cjs/components/Steps/Steps.styles.js +1 -1
- package/cjs/components/Steps/Steps.styles.js.map +1 -1
- package/cjs/components/Steps/Steps.styles_1xmqxqu.css +1 -0
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/{StepItem.styles_1y1xj5d.css → StepItem.styles_sp9rcd.css} +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/Steps/Steps.js +5 -1
- package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +15 -8
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +15 -8
- package/emotion/es/components/Steps/Steps.js +5 -1
- package/emotion/es/components/Steps/Steps.styles.js +1 -1
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +15 -8
- package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +15 -8
- package/es/components/Steps/Steps.css +10 -10
- package/es/components/Steps/Steps.js +5 -1
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/Steps.styles.js +1 -1
- package/es/components/Steps/Steps.styles.js.map +1 -1
- package/es/components/Steps/Steps.styles_1xmqxqu.css +1 -0
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/{StepItem.styles_1y1xj5d.css → StepItem.styles_sp9rcd.css} +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Steps/Steps.js +5 -1
- package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +15 -8
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +15 -8
- package/styled-components/es/components/Steps/Steps.js +5 -1
- package/styled-components/es/components/Steps/Steps.styles.js +1 -1
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +15 -8
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +15 -8
- package/types/components/Steps/Steps.d.ts.map +1 -1
- package/types/components/Steps/Steps.styles.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/cjs/components/Steps/Steps.styles_vv31r6.css +0 -1
- package/es/components/Steps/Steps.styles_vv31r6.css +0 -1
|
@@ -57,11 +57,12 @@ const DefaultStory = (args) => {
|
|
|
57
57
|
useEffect(() => {
|
|
58
58
|
const newItems = new Array(quantity).fill(null).map((_, index) => {
|
|
59
59
|
const indicator = index + 1;
|
|
60
|
+
const status = index === 0 ? 'active' : 'inactive';
|
|
60
61
|
|
|
61
62
|
if (simple) {
|
|
62
63
|
return {
|
|
63
64
|
indicator,
|
|
64
|
-
status
|
|
65
|
+
status,
|
|
65
66
|
};
|
|
66
67
|
}
|
|
67
68
|
|
|
@@ -69,32 +70,38 @@ const DefaultStory = (args) => {
|
|
|
69
70
|
title: innerTitle,
|
|
70
71
|
content,
|
|
71
72
|
indicator,
|
|
72
|
-
status
|
|
73
|
+
status,
|
|
73
74
|
};
|
|
74
75
|
});
|
|
75
76
|
|
|
76
77
|
setItems(newItems);
|
|
77
|
-
}, [
|
|
78
|
+
}, [loading, quantity, simple]);
|
|
78
79
|
|
|
79
80
|
useEffect(() => {
|
|
80
81
|
setItems((curItems) =>
|
|
81
82
|
curItems.map((item, index) => {
|
|
82
83
|
if (indicatorType === 'numbered') {
|
|
83
|
-
return
|
|
84
|
+
return simple
|
|
85
|
+
? { ...item, indicator: index + 1 }
|
|
86
|
+
: { ...item, title: innerTitle, content, indicator: index + 1 };
|
|
84
87
|
}
|
|
85
88
|
|
|
86
89
|
if (indicatorType === 'bullet') {
|
|
87
|
-
return
|
|
90
|
+
return simple
|
|
91
|
+
? { ...item, indicator: undefined }
|
|
92
|
+
: { ...item, title: innerTitle, content, indicator: undefined };
|
|
88
93
|
}
|
|
89
94
|
|
|
90
95
|
if (indicatorType === 'icon') {
|
|
91
|
-
return
|
|
96
|
+
return simple
|
|
97
|
+
? { ...item, indicator: renderIndicator }
|
|
98
|
+
: { ...item, title: innerTitle, content, indicator: renderIndicator };
|
|
92
99
|
}
|
|
93
100
|
|
|
94
101
|
return item;
|
|
95
102
|
}),
|
|
96
103
|
);
|
|
97
|
-
}, [indicatorType]);
|
|
104
|
+
}, [indicatorType, innerTitle, content, simple]);
|
|
98
105
|
|
|
99
106
|
useEffect(() => {
|
|
100
107
|
setItems((curItems) => curItems.map((item) => ({ ...item, disabled })));
|
|
@@ -111,7 +118,7 @@ const DefaultStory = (args) => {
|
|
|
111
118
|
};
|
|
112
119
|
|
|
113
120
|
return (
|
|
114
|
-
<div style={{ maxWidth }}>
|
|
121
|
+
<div style={{ maxWidth, height: '400px' }}>
|
|
115
122
|
<Steps
|
|
116
123
|
size={size}
|
|
117
124
|
items={items}
|
|
@@ -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
|
-
.
|
|
8
|
+
.StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.StepItem_styles_sp9rcd_sv5tpso__20446152{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_sp9rcd_s529fhk__20446152{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_sp9rcd_b1kcj14__20446152{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_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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;min-height:100%;}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
12
|
+
.StepItem_styles_sp9rcd_b9hdug__20446152{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;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);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
13
|
+
.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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-color:var(--plasma-step-item-active-indicator-background);}
|
|
14
|
+
.StepItem_styles_sp9rcd_sxskc3q__20446152{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
|
|
15
|
+
.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
16
|
+
.StepItem_styles_sp9rcd_s12pqpa3__20446152{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;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.Steps_styles_1xmqxqu_b7q3upx__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a).Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a):not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a:not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a{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%;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
@@ -41,7 +41,7 @@ var stepsRoot = function stepsRoot(Root) {
|
|
|
41
41
|
return !item.title && !item.content;
|
|
42
42
|
});
|
|
43
43
|
useEffect(function () {
|
|
44
|
-
|
|
44
|
+
var calcPrevIndex = function calcPrevIndex() {
|
|
45
45
|
if (current !== undefined) {
|
|
46
46
|
setPrevIndex(current);
|
|
47
47
|
} else {
|
|
@@ -51,6 +51,10 @@ var stepsRoot = function stepsRoot(Root) {
|
|
|
51
51
|
setPrevIndex(index !== -1 ? index : undefined);
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
+
calcPrevIndex();
|
|
55
|
+
return function () {
|
|
56
|
+
calcPrevIndex();
|
|
57
|
+
};
|
|
54
58
|
}, [current, items]);
|
|
55
59
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
56
60
|
size: size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n const isUncontrolled = current !== undefined;\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n useEffect(() => {\n
|
|
1
|
+
{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n const isUncontrolled = current !== undefined;\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n useEffect(() => {\n const calcPrevIndex = () => {\n if (current !== undefined) {\n setPrevIndex(current);\n } else {\n const index = items.findIndex((item) => item.status === 'active');\n setPrevIndex(index !== -1 ? index : undefined);\n }\n };\n\n calcPrevIndex();\n\n return () => {\n calcPrevIndex();\n };\n }, [current, items]);\n\n return (\n <Root\n size={size}\n view={view}\n ref={outerRef}\n className={cls({\n [classes.verticalOrientation]: orientation === 'vertical',\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n {...rest}\n >\n {items.map((item, index) => {\n const itemStatus = getItemStatus({ isUncontrolled, current, status, index, item });\n\n const isActive = itemStatus === 'active';\n\n const itemContent =\n (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n return (\n <StepItem\n key={index}\n index={index}\n title={item.title}\n content={itemContent}\n indicator={item.indicator}\n status={itemStatus}\n size={size!}\n orientation={orientation}\n contentAlign={itemContentAlign}\n hasLine={hasLine}\n hasLoader={hasLoader && isActive}\n onClick={onClick}\n items={items}\n />\n );\n })}\n </Root>\n );\n });\n\nexport const stepsConfig = {\n name: 'Steps',\n tag: 'div',\n layout: stepsRoot,\n base,\n variations: {\n size: sizeCSS,\n view: viewCSS,\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","isUncontrolled","undefined","hasIndicator","some","item","indicator","isSimple","every","title","content","useEffect","calcPrevIndex","index","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","map","itemStatus","getItemStatus","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.styles.js","sources":["../../../src/components/Steps/Steps.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Steps.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n\n &.${classes.simple} {\n align-items: center;\n\n &.${classes.hasIndicator} {\n
|
|
1
|
+
{"version":3,"file":"Steps.styles.js","sources":["../../../src/components/Steps/Steps.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Steps.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n\n &.${classes.simple} {\n align-items: center;\n\n &:not(&.${classes.verticalOrientation}) {\n &.${classes.hasIndicator} {\n height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n height: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 100%;\n\n &.${classes.simple} {\n display: inline-flex;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAqChB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b7q3upx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b7q3upx.simple{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation).item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation):not(.item-has-indicator){height:var(--plasma-step-item-active-bullet-size);}.b7q3upx.simple.vertical-orientation.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple.vertical-orientation:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b7q3upx.vertical-orientation{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%;}.b7q3upx.vertical-orientation.simple{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
@@ -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
|
-
.
|
|
8
|
+
.StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
9
|
+
.StepItem_styles_sp9rcd_sv5tpso__20446152{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_sp9rcd_s529fhk__20446152{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_sp9rcd_b1kcj14__20446152{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_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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;min-height:100%;}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
12
|
+
.StepItem_styles_sp9rcd_b9hdug__20446152{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;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);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
13
|
+
.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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-color:var(--plasma-step-item-active-indicator-background);}
|
|
14
|
+
.StepItem_styles_sp9rcd_sxskc3q__20446152{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
|
|
15
|
+
.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
16
|
+
.StepItem_styles_sp9rcd_s12pqpa3__20446152{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;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\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 &: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.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\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.div`\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 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 &.${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 &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\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-color: 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-color: var(${tokens.activeIndicatorColor});\n\n &.${classes.inactive} {\n background-color: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.transparentDivider} {\n background-color: 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 display: flex;\n flex-direction: column;\n align-items: flex-start;\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 ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\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","_exp63","Bullet","_exp82","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\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 &: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.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\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.div`\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 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 &.${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 &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\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-color: 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-color: var(${tokens.activeIndicatorColor});\n\n &.${classes.inactive} {\n background-color: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.transparentDivider} {\n background-color: 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 display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\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 ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\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.simple} {\n flex: 0;\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","_exp63","Bullet","_exp82","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}
|
package/es/components/Steps/ui/StepItem/{StepItem.styles_1y1xj5d.css → StepItem.styles_sp9rcd.css}
RENAMED
|
@@ -6,4 +6,4 @@
|
|
|
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-color: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-color:var(--plasma-step-item-active-indicator-color);}.sxskc3q.item-inactive{background-color:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.transparent-divider{background-color: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;}
|
|
9
|
-
.s12pqpa3{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;}.s12pqpa3.vertical-orientation{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.s12pqpa3.vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3.item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.item-hovered:not(.item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.item-hovered:not(.item-active) .b9hdug,.s12pqpa3.item-hovered:not(.item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.item-hovered.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.item-hovered.item-inactive .b9hdug,.s12pqpa3.item-hovered.item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.item-centered .s4zgmmr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.s12pqpa3.item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.item-centered .s4zgmmr .sv5tpso,.s12pqpa3.item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
9
|
+
.s12pqpa3{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;}.s12pqpa3.vertical-orientation{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.s12pqpa3.vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3.item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.item-hovered:not(.item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.item-hovered:not(.item-active) .b9hdug,.s12pqpa3.item-hovered:not(.item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.item-hovered.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.item-hovered.item-inactive .b9hdug,.s12pqpa3.item-hovered.item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.item-centered .s4zgmmr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.s12pqpa3.item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.item-centered .s4zgmmr .sv5tpso,.s12pqpa3.item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.simple{-webkit-flex:0;-ms-flex:0;flex:0;}.s12pqpa3.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}
|
package/es/index.css
CHANGED
|
@@ -609,17 +609,17 @@
|
|
|
609
609
|
|
|
610
610
|
.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
|
611
611
|
|
|
612
|
-
.
|
|
613
|
-
.
|
|
614
|
-
.
|
|
615
|
-
.
|
|
616
|
-
.
|
|
617
|
-
.
|
|
618
|
-
.
|
|
619
|
-
.
|
|
620
|
-
.
|
|
621
|
-
|
|
622
|
-
.
|
|
612
|
+
.StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
613
|
+
.StepItem_styles_sp9rcd_sv5tpso__20446152{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;}
|
|
614
|
+
.StepItem_styles_sp9rcd_s529fhk__20446152{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);}
|
|
615
|
+
.StepItem_styles_sp9rcd_b1kcj14__20446152{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_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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;min-height:100%;}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
616
|
+
.StepItem_styles_sp9rcd_b9hdug__20446152{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;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);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
|
617
|
+
.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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-color:var(--plasma-step-item-active-indicator-background);}
|
|
618
|
+
.StepItem_styles_sp9rcd_sxskc3q__20446152{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
|
|
619
|
+
.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
620
|
+
.StepItem_styles_sp9rcd_s12pqpa3__20446152{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;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
|
|
621
|
+
|
|
622
|
+
.Steps_styles_1xmqxqu_b7q3upx__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a).Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a):not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a:not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a{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%;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
623
623
|
|
|
624
624
|
.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_czi0aji__f4ed7c4f{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1e6rwfy__f4ed7c4f{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s14q3826__f4ed7c4f{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_sfxtxl2__f4ed7c4f{margin:var(--plasma-range__left-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1hiyoiq__f4ed7c4f{margin:var(--plasma-range__right-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_l1fwucr5__f4ed7c4f{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
|
|
625
625
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.159.0-canary.1443.
|
|
3
|
+
"version": "0.159.0-canary.1443.11141632830.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -124,5 +124,5 @@
|
|
|
124
124
|
"react-popper": "2.3.0",
|
|
125
125
|
"storeon": "3.1.5"
|
|
126
126
|
},
|
|
127
|
-
"gitHead": "
|
|
127
|
+
"gitHead": "a3f4d13dce06cb093b39d21b65077c3cd336a399"
|
|
128
128
|
}
|
|
@@ -61,7 +61,7 @@ var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
|
|
|
61
61
|
return !item.title && !item.content;
|
|
62
62
|
});
|
|
63
63
|
(0, _react.useEffect)(function () {
|
|
64
|
-
|
|
64
|
+
var calcPrevIndex = function calcPrevIndex() {
|
|
65
65
|
if (current !== undefined) {
|
|
66
66
|
setPrevIndex(current);
|
|
67
67
|
} else {
|
|
@@ -71,6 +71,10 @@ var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
|
|
|
71
71
|
setPrevIndex(index !== -1 ? index : undefined);
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
|
+
calcPrevIndex();
|
|
75
|
+
return function () {
|
|
76
|
+
calcPrevIndex();
|
|
77
|
+
};
|
|
74
78
|
}, [current, items]);
|
|
75
79
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
|
76
80
|
size: size,
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _Steps = /*#__PURE__*/require("./Steps.tokens");
|
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:row;&.", "{align-items:center
|
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:row;&.", "{align-items:center;&:not(&.", "){&.", "{height:var(", ");}&:not(.", "){height:var(", ");}}&.", "{&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}}&.", "{display:flex;flex-direction:column;justify-content:center;height:100%;&.", "{display:inline-flex;}}"], _Steps.classes.simple, _Steps.classes.verticalOrientation, _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.verticalOrientation, _Steps.classes.simple);
|
|
@@ -49,4 +49,4 @@ var StepItemContentWrapper = exports.StepItemContentWrapper = /*#__PURE__*/_styl
|
|
|
49
49
|
})(["&.", "{", "{padding-top:var(", ");padding-right:0;}", "{padding-top:var(", ");padding-bottom:var(", ");padding-right:0;}}"], _Steps.classes.verticalOrientation, StepItemTitle, _Steps.tokens.contentVerticalPadding, StepItemContent, _Steps.tokens.contentVerticalPadding, _Steps.tokens.contentVerticalPadding);
|
|
50
50
|
var StepItemStyled = exports.StepItemStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
51
51
|
componentId: "plasma-new-hope__sc-bjma6z-8"
|
|
52
|
-
})(["display:flex;flex-direction:column;align-items:flex-start;&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{", "{color:var(", ");}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{opacity:var(", ");}"], _Steps.classes.verticalOrientation, StepItemDivider, _Steps.tokens.dividerThickness, _Steps.classes.active, StepItemTitle, _Steps.tokens.activeTitleColor, _Steps.classes.inactive, StepItemTitle, _Steps.tokens.inactiveTitleColor, _Steps.classes.hovered, _Steps.classes.active, StepItemTitle, _Steps.tokens.activeTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.completedIndicatorColorHover, _Steps.tokens.completedIndicatorBackgroundHover, _Steps.classes.inactive, StepItemTitle, _Steps.tokens.inactiveTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.inactiveIndicatorColorHover, _Steps.tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, _Steps.classes.centered, StepItemContentWrapper, _Steps.tokens.contentSidePadding, _Steps.tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, _Steps.classes.disabled, _Steps.tokens.disabledOpacity);
|
|
52
|
+
})(["display:flex;flex-direction:column;align-items:flex-start;flex:1;&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{", "{color:var(", ");}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{flex:0;}&.", "{opacity:var(", ");}"], _Steps.classes.verticalOrientation, StepItemDivider, _Steps.tokens.dividerThickness, _Steps.classes.active, StepItemTitle, _Steps.tokens.activeTitleColor, _Steps.classes.inactive, StepItemTitle, _Steps.tokens.inactiveTitleColor, _Steps.classes.hovered, _Steps.classes.active, StepItemTitle, _Steps.tokens.activeTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.completedIndicatorColorHover, _Steps.tokens.completedIndicatorBackgroundHover, _Steps.classes.inactive, StepItemTitle, _Steps.tokens.inactiveTitleColorHover, BulletIndicator, Bullet, _Steps.tokens.inactiveIndicatorColorHover, _Steps.tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, _Steps.classes.centered, StepItemContentWrapper, _Steps.tokens.contentSidePadding, _Steps.tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, _Steps.classes.simple, _Steps.classes.disabled, _Steps.tokens.disabledOpacity);
|