@sheinx/shineout-style 3.5.5 → 3.5.6-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/cjs/spin/ring.d.ts +0 -1
  2. package/cjs/spin/ring.d.ts.map +1 -1
  3. package/cjs/spin/ring.js +2 -3
  4. package/cjs/steps/steps.d.ts.map +1 -1
  5. package/cjs/steps/steps.js +117 -9
  6. package/cjs/version.d.ts +1 -1
  7. package/cjs/version.d.ts.map +1 -1
  8. package/cjs/version.js +1 -1
  9. package/esm/spin/ring.d.ts +0 -1
  10. package/esm/spin/ring.d.ts.map +1 -1
  11. package/esm/spin/ring.js +2 -3
  12. package/esm/steps/steps.d.ts.map +1 -1
  13. package/esm/steps/steps.js +117 -9
  14. package/esm/version.d.ts +1 -1
  15. package/esm/version.d.ts.map +1 -1
  16. package/esm/version.js +1 -1
  17. package/package.json +3 -3
package/cjs/spin/ring.d.ts CHANGED
@@ -5,7 +5,6 @@ declare const _default: {
5
5
  borderColor: string;
6
6
  borderRadius: string;
7
7
  animation: string;
8
- borderTopColor: string;
9
8
  };
10
9
  export default _default;
11
10
  //# sourceMappingURL=ring.d.ts.map
package/cjs/spin/ring.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["ring.ts"],"names":[],"mappings":";;;;;;;;;AAEA,wBASE"}
1
+ {"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["ring.ts"],"names":[],"mappings":";;;;;;;;AAEA,wBAQE"}
package/cjs/spin/ring.js CHANGED
@@ -11,8 +11,7 @@ var _default = exports.default = {
11
11
  boxSizing: 'border-box',
12
12
  position: 'relative',
13
13
  borderStyle: 'solid',
14
- borderColor: _theme.default.spinColor,
14
+ borderColor: "transparent ".concat(_theme.default.spinColor, " ").concat(_theme.default.spinColor, " ").concat(_theme.default.spinColor),
15
15
  borderRadius: '50%',
16
- animation: '$ring 1s linear infinite',
17
- borderTopColor: 'transparent'
16
+ animation: '$ring 1s linear infinite'
18
17
  };
package/cjs/steps/steps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8rBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmyBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/steps/steps.js CHANGED
@@ -47,16 +47,66 @@ var stepsStyle = {
47
47
  small: {
48
48
  fontSize: _theme.default.stepsIconFontSize,
49
49
  '&$arrow': {
50
+ '& $step[dir=rtl]:after': {
51
+ left: -12
52
+ },
50
53
  '& $step:not(:last-child)': {
54
+ '&$widthDescription': {
55
+ '&:after': {
56
+ borderLeftWidth: 22,
57
+ borderTopWidth: 28,
58
+ borderBottomWidth: 28
59
+ },
60
+ '&:before': {
61
+ borderLeftWidth: 22,
62
+ borderTopWidth: 28,
63
+ borderBottomWidth: 28
64
+ },
65
+ '&[dir=ltr]:after': {
66
+ right: -22
67
+ },
68
+ '&[dir=rtl]:after': {
69
+ left: -22
70
+ }
71
+ },
72
+ '&[dir=rtl]:after': {
73
+ left: -12,
74
+ right: 'auto'
75
+ },
51
76
  '&:after': {
52
- top: "calc(100% - 28px)",
53
- width: 56,
54
- height: 56
77
+ top: 0,
78
+ right: -12,
79
+ width: 12,
80
+ height: 32,
81
+ borderLeftWidth: 12,
82
+ borderTopWidth: 16,
83
+ borderBottomWidth: 16
55
84
  },
56
85
  '&:before': {
57
- top: "calc(100% - 28px)",
58
- width: 56,
59
- height: 56
86
+ top: 0,
87
+ width: 12,
88
+ height: 32,
89
+ borderLeftWidth: 12,
90
+ borderTopWidth: 16,
91
+ borderBottomWidth: 16,
92
+ right: -12
93
+ },
94
+ '&[dir=rtl]:before': {
95
+ right: 0
96
+ }
97
+ },
98
+ '& $step:last-child': {
99
+ '&$widthDescription': {
100
+ '&:before': {
101
+ borderLeftWidth: 22,
102
+ borderTopWidth: 28,
103
+ borderBottomWidth: 28
104
+ }
105
+ },
106
+ '&:before': {
107
+ borderLeftWidth: 12,
108
+ borderTopWidth: 16,
109
+ borderBottomWidth: 16
60
110
  }
61
111
  },
62
112
  '& $content': {
@@ -145,9 +195,67 @@ var stepsStyle = {
145
195
  },
146
196
  large: {
147
197
  '&$arrow': {
148
- '& $step': {
149
- '&:after': {},
150
- '&:before': {}
198
+ '& $step:not(:last-child)': {
199
+ '&$widthDescription': {
200
+ '&:after': {
201
+ top: 0,
202
+ width: 30,
203
+ height: 72,
204
+ borderLeftWidth: 30,
205
+ borderTopWidth: 36,
206
+ borderBottomWidth: 36
207
+ },
208
+ '&:before': {
209
+ borderLeftWidth: 30,
210
+ borderTopWidth: 36,
211
+ borderBottomWidth: 36
212
+ },
213
+ '&[dir=ltr]:after': {
214
+ right: -30
215
+ },
216
+ '&[dir=rtl]:after': {
217
+ left: -30
218
+ }
219
+ },
220
+ '&[dir=rtl]:after': {
221
+ left: -20,
222
+ right: 'auto'
223
+ },
224
+ '&[dir=rtl]:before': {
225
+ right: 0
226
+ },
227
+ '&:after': {
228
+ top: 0,
229
+ width: 20,
230
+ height: 48,
231
+ borderLeftWidth: 20,
232
+ borderTopWidth: 24,
233
+ borderBottomWidth: 24,
234
+ right: -20
235
+ },
236
+ '&:before': {
237
+ top: 0,
238
+ width: 20,
239
+ height: 48,
240
+ borderLeftWidth: 20,
241
+ borderTopWidth: 24,
242
+ borderBottomWidth: 24,
243
+ right: -20
244
+ }
245
+ },
246
+ '& $step:last-child': {
247
+ '&$widthDescription': {
248
+ '&:before': {
249
+ borderLeftWidth: 30,
250
+ borderTopWidth: 36,
251
+ borderBottomWidth: 36
252
+ }
253
+ },
254
+ '&:before': {
255
+ borderLeftWidth: 20,
256
+ borderTopWidth: 24,
257
+ borderBottomWidth: 24
258
+ }
151
259
  },
152
260
  '& $content': {
153
261
  padding: "".concat(_theme.default.stepsLargeArrowPaddingY, " ").concat(_theme.default.stepsLargeArrowPaddingX),
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.5.5";
1
+ declare const _default: "3.5.6-beta.10";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
package/cjs/version.js CHANGED
@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = exports.default = '3.5.5';
7
+ var _default = exports.default = '3.5.6-beta.10';
package/esm/spin/ring.d.ts CHANGED
@@ -5,7 +5,6 @@ declare const _default: {
5
5
  borderColor: string;
6
6
  borderRadius: string;
7
7
  animation: string;
8
- borderTopColor: string;
9
8
  };
10
9
  export default _default;
11
10
  //# sourceMappingURL=ring.d.ts.map
package/esm/spin/ring.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["ring.ts"],"names":[],"mappings":";;;;;;;;;AAEA,wBASE"}
1
+ {"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["ring.ts"],"names":[],"mappings":";;;;;;;;AAEA,wBAQE"}
package/esm/spin/ring.js CHANGED
@@ -4,8 +4,7 @@ export default {
4
4
  boxSizing: 'border-box',
5
5
  position: 'relative',
6
6
  borderStyle: 'solid',
7
- borderColor: Token.spinColor,
7
+ borderColor: "transparent ".concat(Token.spinColor, " ").concat(Token.spinColor, " ").concat(Token.spinColor),
8
8
  borderRadius: '50%',
9
- animation: '$ring 1s linear infinite',
10
- borderTopColor: 'transparent'
9
+ animation: '$ring 1s linear infinite'
11
10
  };
package/esm/steps/steps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8rBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmyBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/steps/steps.js CHANGED
@@ -40,16 +40,66 @@ var stepsStyle = {
40
40
  small: {
41
41
  fontSize: Token.stepsIconFontSize,
42
42
  '&$arrow': {
43
+ '& $step[dir=rtl]:after': {
44
+ left: -12
45
+ },
43
46
  '& $step:not(:last-child)': {
47
+ '&$widthDescription': {
48
+ '&:after': {
49
+ borderLeftWidth: 22,
50
+ borderTopWidth: 28,
51
+ borderBottomWidth: 28
52
+ },
53
+ '&:before': {
54
+ borderLeftWidth: 22,
55
+ borderTopWidth: 28,
56
+ borderBottomWidth: 28
57
+ },
58
+ '&[dir=ltr]:after': {
59
+ right: -22
60
+ },
61
+ '&[dir=rtl]:after': {
62
+ left: -22
63
+ }
64
+ },
65
+ '&[dir=rtl]:after': {
66
+ left: -12,
67
+ right: 'auto'
68
+ },
44
69
  '&:after': {
45
- top: "calc(100% - 28px)",
46
- width: 56,
47
- height: 56
70
+ top: 0,
71
+ right: -12,
72
+ width: 12,
73
+ height: 32,
74
+ borderLeftWidth: 12,
75
+ borderTopWidth: 16,
76
+ borderBottomWidth: 16
48
77
  },
49
78
  '&:before': {
50
- top: "calc(100% - 28px)",
51
- width: 56,
52
- height: 56
79
+ top: 0,
80
+ width: 12,
81
+ height: 32,
82
+ borderLeftWidth: 12,
83
+ borderTopWidth: 16,
84
+ borderBottomWidth: 16,
85
+ right: -12
86
+ },
87
+ '&[dir=rtl]:before': {
88
+ right: 0
89
+ }
90
+ },
91
+ '& $step:last-child': {
92
+ '&$widthDescription': {
93
+ '&:before': {
94
+ borderLeftWidth: 22,
95
+ borderTopWidth: 28,
96
+ borderBottomWidth: 28
97
+ }
98
+ },
99
+ '&:before': {
100
+ borderLeftWidth: 12,
101
+ borderTopWidth: 16,
102
+ borderBottomWidth: 16
53
103
  }
54
104
  },
55
105
  '& $content': {
@@ -138,9 +188,67 @@ var stepsStyle = {
138
188
  },
139
189
  large: {
140
190
  '&$arrow': {
141
- '& $step': {
142
- '&:after': {},
143
- '&:before': {}
191
+ '& $step:not(:last-child)': {
192
+ '&$widthDescription': {
193
+ '&:after': {
194
+ top: 0,
195
+ width: 30,
196
+ height: 72,
197
+ borderLeftWidth: 30,
198
+ borderTopWidth: 36,
199
+ borderBottomWidth: 36
200
+ },
201
+ '&:before': {
202
+ borderLeftWidth: 30,
203
+ borderTopWidth: 36,
204
+ borderBottomWidth: 36
205
+ },
206
+ '&[dir=ltr]:after': {
207
+ right: -30
208
+ },
209
+ '&[dir=rtl]:after': {
210
+ left: -30
211
+ }
212
+ },
213
+ '&[dir=rtl]:after': {
214
+ left: -20,
215
+ right: 'auto'
216
+ },
217
+ '&[dir=rtl]:before': {
218
+ right: 0
219
+ },
220
+ '&:after': {
221
+ top: 0,
222
+ width: 20,
223
+ height: 48,
224
+ borderLeftWidth: 20,
225
+ borderTopWidth: 24,
226
+ borderBottomWidth: 24,
227
+ right: -20
228
+ },
229
+ '&:before': {
230
+ top: 0,
231
+ width: 20,
232
+ height: 48,
233
+ borderLeftWidth: 20,
234
+ borderTopWidth: 24,
235
+ borderBottomWidth: 24,
236
+ right: -20
237
+ }
238
+ },
239
+ '& $step:last-child': {
240
+ '&$widthDescription': {
241
+ '&:before': {
242
+ borderLeftWidth: 30,
243
+ borderTopWidth: 36,
244
+ borderBottomWidth: 36
245
+ }
246
+ },
247
+ '&:before': {
248
+ borderLeftWidth: 20,
249
+ borderTopWidth: 24,
250
+ borderBottomWidth: 24
251
+ }
144
252
  },
145
253
  '& $content': {
146
254
  padding: "".concat(Token.stepsLargeArrowPaddingY, " ").concat(Token.stepsLargeArrowPaddingX),
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.5.5";
1
+ declare const _default: "3.5.6-beta.10";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.5.5';
1
+ export default '3.5.6-beta.10';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.5.5",
3
+ "version": "3.5.6-beta.10",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.5.5",
21
- "@sheinx/base": "3.5.5"
20
+ "@sheinx/theme": "3.5.6-beta.10",
21
+ "@sheinx/base": "3.5.6-beta.10"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"