@sheinx/shineout-style 3.3.0-beta.9 → 3.3.1

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 (25) hide show
  1. package/cjs/menu/menu.d.ts.map +1 -1
  2. package/cjs/menu/menu.js +36 -28
  3. package/cjs/menu/search.js +2 -2
  4. package/cjs/modal/modal.d.ts.map +1 -1
  5. package/cjs/modal/modal.js +13 -4
  6. package/cjs/steps/steps.d.ts.map +1 -1
  7. package/cjs/steps/steps.js +34 -2
  8. package/cjs/table/table.d.ts.map +1 -1
  9. package/cjs/table/table.js +11 -3
  10. package/cjs/version.d.ts +1 -1
  11. package/cjs/version.d.ts.map +1 -1
  12. package/cjs/version.js +1 -1
  13. package/esm/menu/menu.d.ts.map +1 -1
  14. package/esm/menu/menu.js +36 -28
  15. package/esm/menu/search.js +2 -2
  16. package/esm/modal/modal.d.ts.map +1 -1
  17. package/esm/modal/modal.js +13 -4
  18. package/esm/steps/steps.d.ts.map +1 -1
  19. package/esm/steps/steps.js +34 -2
  20. package/esm/table/table.d.ts.map +1 -1
  21. package/esm/table/table.js +11 -3
  22. package/esm/version.d.ts +1 -1
  23. package/esm/version.d.ts.map +1 -1
  24. package/esm/version.js +1 -1
  25. package/package.json +3 -3
package/cjs/menu/menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkgBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA0gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/menu/menu.js CHANGED
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
9
  var animationDuration = '.25s';
10
- var collpaseWidth = _theme.default.menuCollpaseWidth;
10
+ var collapseWidth = _theme.default.menuCollapseWidth;
11
11
  var transitionFunc = 'ease-out';
12
12
  var menuStyle = {
13
13
  wrapper: {
@@ -23,8 +23,8 @@ var menuStyle = {
23
23
  wrapperDark: {
24
24
  backgroundColor: _theme.default.menuDarkItemBackgroundColor
25
25
  },
26
- wrapperCollpase: {
27
- width: "".concat(collpaseWidth, "!important"),
26
+ wrapperCollapse: {
27
+ width: "".concat(collapseWidth, "!important"),
28
28
  '& $title': {
29
29
  paddingLeft: '0'
30
30
  },
@@ -32,7 +32,7 @@ var menuStyle = {
32
32
  opacity: 0
33
33
  },
34
34
  '& $titleIcon': {
35
- width: "".concat(collpaseWidth, "!important"),
35
+ width: "".concat(collapseWidth, "!important"),
36
36
  flexShrink: 0,
37
37
  justifyContent: 'center'
38
38
  },
@@ -219,7 +219,7 @@ var menuStyle = {
219
219
  color: _theme.default.menuItemActiveDisabledFontColor
220
220
  }
221
221
  },
222
- '[data-soui-theme=dark][data-soui-mode=inline] &::before, [data-soui-theme=dark][data-soui-mode=vertical] &::before': {
222
+ '[data-soui-theme=dark] &::before': {
223
223
  content: '""',
224
224
  position: 'absolute',
225
225
  left: 0,
@@ -228,25 +228,33 @@ var menuStyle = {
228
228
  width: '3px',
229
229
  backgroundColor: _theme.default.menuDarkItemActiveBackgroundColor
230
230
  },
231
- '$wrapperCollpase[data-soui-theme=light] $root > &': {
232
- color: _theme.default.menuItemCollpaseActiveFontColor,
233
- backgroundColor: _theme.default.menuItemCollpaseActiveBackgroundColor,
231
+ '[data-soui-theme=dark][data-soui-mode=horizontal] $root &::before': {
232
+ left: 0,
233
+ right: 0,
234
+ bottom: 0,
235
+ top: 'auto',
236
+ width: 'auto',
237
+ height: '3px'
238
+ },
239
+ '$wrapperCollapse[data-soui-theme=light] $root > &': {
240
+ color: _theme.default.menuItemCollapseActiveFontColor,
241
+ backgroundColor: _theme.default.menuItemCollapseActiveBackgroundColor,
234
242
  '& $icon': {
235
- color: _theme.default.menuItemCollpaseActiveFontColor
243
+ color: _theme.default.menuItemCollapseActiveFontColor
236
244
  }
237
245
  },
238
- '$wrapperCollpase[data-soui-theme=dark] $root > &': {
239
- color: _theme.default.menuDarkItemCollpaseActiveFontColor,
240
- backgroundColor: _theme.default.menuDarkItemCollpaseActiveBackgroundColor,
246
+ '$wrapperCollapse[data-soui-theme=dark] $root > &': {
247
+ color: _theme.default.menuDarkItemCollapseActiveFontColor,
248
+ backgroundColor: _theme.default.menuDarkItemCollapseActiveBackgroundColor,
241
249
  '& $icon': {
242
- color: _theme.default.menuDarkItemCollpaseActiveFontColor
250
+ color: _theme.default.menuDarkItemCollapseActiveFontColor
243
251
  }
244
252
  },
245
- '$wrapperCollpase $root > &::before': {
253
+ '$wrapperCollapse $root > &::before': {
246
254
  display: 'none'
247
255
  }
248
256
 
249
- // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollpase) &': {
257
+ // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollapse) &': {
250
258
  // '&::before': {
251
259
  // display: 'block',
252
260
  // content: '""',
@@ -275,31 +283,31 @@ var menuStyle = {
275
283
  color: _theme.default.menuItemActiveDisabledFontColor
276
284
  }
277
285
  },
278
- '$wrapperCollpase[data-soui-theme=light] $root > &': {
279
- color: _theme.default.menuItemCollpaseActiveFontColor,
280
- backgroundColor: _theme.default.menuItemCollpaseActiveBackgroundColor,
286
+ '$wrapperCollapse[data-soui-theme=light] $root > &': {
287
+ color: _theme.default.menuItemCollapseActiveFontColor,
288
+ backgroundColor: _theme.default.menuItemCollapseActiveBackgroundColor,
281
289
  '& $icon': {
282
- color: _theme.default.menuItemCollpaseActiveFontColor
290
+ color: _theme.default.menuItemCollapseActiveFontColor
283
291
  }
284
292
  },
285
- '$wrapperCollpase[data-soui-theme=dark] $root > &': {
286
- color: _theme.default.menuDarkItemCollpaseActiveFontColor,
287
- backgroundColor: _theme.default.menuDarkItemCollpaseActiveBackgroundColor,
293
+ '$wrapperCollapse[data-soui-theme=dark] $root > &': {
294
+ color: _theme.default.menuDarkItemCollapseActiveFontColor,
295
+ backgroundColor: _theme.default.menuDarkItemCollapseActiveBackgroundColor,
288
296
  '& $icon': {
289
- color: _theme.default.menuDarkItemCollpaseActiveFontColor
297
+ color: _theme.default.menuDarkItemCollapseActiveFontColor
290
298
  }
291
299
  },
292
- '$wrapperCollpase $root > &::before': {
300
+ '$wrapperCollapse $root > &::before': {
293
301
  display: 'none'
294
302
  },
295
- '[data-soui-theme=dark]:not($wrapperCollpase) &': {
303
+ '[data-soui-theme=dark]:not($wrapperCollapse) &': {
296
304
  color: _theme.default.menuDarkItemActiveFontColor,
297
305
  backgroundColor: _theme.default.menuDarkItemActiveBackgroundColor,
298
306
  '& $icon': {
299
307
  color: _theme.default.menuDarkItemActiveFontColor
300
308
  }
301
309
  },
302
- '[data-soui-theme=dark]$wrapperCollpase &': {
310
+ '[data-soui-theme=dark]$wrapperCollapse &': {
303
311
  '&::before': {
304
312
  content: '""',
305
313
  position: 'absolute',
@@ -363,7 +371,7 @@ var menuStyle = {
363
371
  '$wrapperDark &': {
364
372
  color: _theme.default.menuDarkFontColor
365
373
  },
366
- '$wrapperCollpase &': {
374
+ '$wrapperCollapse &': {
367
375
  paddingLeft: '0',
368
376
  paddingRight: '0',
369
377
  display: 'flex',
@@ -418,7 +426,7 @@ var menuStyle = {
418
426
  minWidth: 0,
419
427
  alignItems: 'center',
420
428
  fontWeight: _theme.default.menuItemFontWeight
421
- // '$wrapperCollpase &': {
429
+ // '$wrapperCollapse &': {
422
430
  // transition: `opacity ${animationDuration} ${transitionFunc}`,
423
431
  // },
424
432
  // opacity: 1,
package/cjs/menu/search.js CHANGED
@@ -18,8 +18,8 @@ var menuSearchStyle = {
18
18
  wrapperLight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, (0, _theme.getTokenName)('inputBorderColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputBackgroundColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputHoverBorderColor'), _theme.default.menuSearchHoverBorderColor), (0, _theme.getTokenName)('inputHoverBackgroundColor'), _theme.default.menuSearchHoverBackgroundColor), (0, _theme.getTokenName)('inputDisabledBorderColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputDisabledBackgroundColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputClearColor'), _theme.default.menuSearchClearColor), (0, _theme.getTokenName)('inputHoverClearColor'), _theme.default.menuSearchHoverClearColor),
19
19
  wrapperCollapsed: {
20
20
  cursor: 'pointer',
21
- width: _theme.default.menuSearchCollpaseSize,
22
- height: _theme.default.menuSearchCollpaseSize,
21
+ width: _theme.default.menuSearchCollapseSize,
22
+ height: _theme.default.menuSearchCollapseSize,
23
23
  lineHeight: 1,
24
24
  '& input': {
25
25
  opacity: 0
package/cjs/modal/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqSxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/modal/modal.js CHANGED
@@ -322,10 +322,6 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
322
322
  display: 'flex',
323
323
  marginBottom: _theme.default.modalPanelGap
324
324
  },
325
- headerEmptyTitle: {
326
- marginBottom: 0,
327
- height: 0
328
- },
329
325
  headerIcon: {
330
326
  '$wrapper &': {
331
327
  marginRight: _theme.default.modalHeaderIconMarginEnd,
@@ -337,6 +333,9 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
337
333
  alignItems: 'center'
338
334
  }
339
335
  },
336
+ emptyIcon: {
337
+ position: 'absolute'
338
+ },
340
339
  headerTitle: {
341
340
  flex: '1',
342
341
  minWidth: 0,
@@ -371,6 +370,16 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
371
370
  })
372
371
  }
373
372
  },
373
+ emptyClose: {
374
+ position: 'absolute',
375
+ top: 12,
376
+ right: 12,
377
+ marginTop: 0,
378
+ '$wrapperDrawer &': {
379
+ top: 4,
380
+ right: 4
381
+ }
382
+ },
374
383
  body: {
375
384
  flex: '1 1 auto',
376
385
  minHeight: '1px',
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,CAspBxC,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,CAsrBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/steps/steps.js CHANGED
@@ -16,13 +16,31 @@ var stepsStyle = {
16
16
  }
17
17
  },
18
18
  click: {
19
- '& $icon': {
19
+ '& $icon:not($process)': {
20
20
  cursor: 'pointer'
21
21
  },
22
+ '& $title': {
23
+ transition: 'color ease 0.3s'
24
+ },
22
25
  '&$arrow': {
23
26
  '& $step': {
24
27
  cursor: 'pointer'
25
28
  }
29
+ },
30
+ '&$default': {
31
+ '& $step:not($process)': {
32
+ cursor: 'pointer'
33
+ },
34
+ '& $step$wait:hover': {
35
+ '& $title,$description': {
36
+ color: _theme.default.stepsWaitHoverFontColor
37
+ }
38
+ },
39
+ '& $step$finish:hover': {
40
+ '& $title,$description': {
41
+ color: _theme.default.stepsFinishHoverFontColor
42
+ }
43
+ }
26
44
  }
27
45
  },
28
46
  small: {
@@ -375,7 +393,21 @@ var stepsStyle = {
375
393
  dot: {
376
394
  '&$vertical': {
377
395
  '& $step': {
378
- overflow: 'visible'
396
+ overflow: 'visible',
397
+ '& $dot': {
398
+ display: 'flex',
399
+ '& $content': {
400
+ flex: 1,
401
+ lineHeight: 1,
402
+ overflow: 'hidden',
403
+ '& $title': {
404
+ width: '100%',
405
+ overflow: 'hidden',
406
+ textOverflow: 'ellipsis',
407
+ whiteSpace: 'nowrap'
408
+ }
409
+ }
410
+ }
379
411
  },
380
412
  '& $title': {
381
413
  marginTop: 0
package/cjs/table/table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqbxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/table/table.js CHANGED
@@ -97,9 +97,6 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
97
97
  background: _theme.default.tableTfootBackgroundColor,
98
98
  color: _theme.default.tableTfootFontColor,
99
99
  fontWeight: _theme.default.tableTfootFontWeight
100
- },
101
- '&bordered tr:last-child td': {
102
- borderBottom: 'none'
103
100
  }
104
101
  }
105
102
  },
@@ -150,6 +147,17 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
150
147
  bordered: {
151
148
  border: "1px solid ".concat(_theme.default.tableCellBorderColor),
152
149
  borderBottom: 'none',
150
+ borderTop: 'none',
151
+ '&::before': {
152
+ position: 'absolute',
153
+ zIndex: 7,
154
+ content: '""',
155
+ display: 'block',
156
+ top: 0,
157
+ left: 0,
158
+ right: 0,
159
+ borderTop: "1px solid ".concat(_theme.default.tableCellBorderColor)
160
+ },
153
161
  '&::after': {
154
162
  position: 'absolute',
155
163
  content: '""',
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.3.0-beta.9";
1
+ declare const _default: "3.3.1";
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,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
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.3.0-beta.9';
7
+ var _default = exports.default = '3.3.1';
package/esm/menu/menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkgBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA0gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import token from '@sheinx/theme';
2
2
  var animationDuration = '.25s';
3
- var collpaseWidth = token.menuCollpaseWidth;
3
+ var collapseWidth = token.menuCollapseWidth;
4
4
  var transitionFunc = 'ease-out';
5
5
  var menuStyle = {
6
6
  wrapper: {
@@ -16,8 +16,8 @@ var menuStyle = {
16
16
  wrapperDark: {
17
17
  backgroundColor: token.menuDarkItemBackgroundColor
18
18
  },
19
- wrapperCollpase: {
20
- width: "".concat(collpaseWidth, "!important"),
19
+ wrapperCollapse: {
20
+ width: "".concat(collapseWidth, "!important"),
21
21
  '& $title': {
22
22
  paddingLeft: '0'
23
23
  },
@@ -25,7 +25,7 @@ var menuStyle = {
25
25
  opacity: 0
26
26
  },
27
27
  '& $titleIcon': {
28
- width: "".concat(collpaseWidth, "!important"),
28
+ width: "".concat(collapseWidth, "!important"),
29
29
  flexShrink: 0,
30
30
  justifyContent: 'center'
31
31
  },
@@ -212,7 +212,7 @@ var menuStyle = {
212
212
  color: token.menuItemActiveDisabledFontColor
213
213
  }
214
214
  },
215
- '[data-soui-theme=dark][data-soui-mode=inline] &::before, [data-soui-theme=dark][data-soui-mode=vertical] &::before': {
215
+ '[data-soui-theme=dark] &::before': {
216
216
  content: '""',
217
217
  position: 'absolute',
218
218
  left: 0,
@@ -221,25 +221,33 @@ var menuStyle = {
221
221
  width: '3px',
222
222
  backgroundColor: token.menuDarkItemActiveBackgroundColor
223
223
  },
224
- '$wrapperCollpase[data-soui-theme=light] $root > &': {
225
- color: token.menuItemCollpaseActiveFontColor,
226
- backgroundColor: token.menuItemCollpaseActiveBackgroundColor,
224
+ '[data-soui-theme=dark][data-soui-mode=horizontal] $root &::before': {
225
+ left: 0,
226
+ right: 0,
227
+ bottom: 0,
228
+ top: 'auto',
229
+ width: 'auto',
230
+ height: '3px'
231
+ },
232
+ '$wrapperCollapse[data-soui-theme=light] $root > &': {
233
+ color: token.menuItemCollapseActiveFontColor,
234
+ backgroundColor: token.menuItemCollapseActiveBackgroundColor,
227
235
  '& $icon': {
228
- color: token.menuItemCollpaseActiveFontColor
236
+ color: token.menuItemCollapseActiveFontColor
229
237
  }
230
238
  },
231
- '$wrapperCollpase[data-soui-theme=dark] $root > &': {
232
- color: token.menuDarkItemCollpaseActiveFontColor,
233
- backgroundColor: token.menuDarkItemCollpaseActiveBackgroundColor,
239
+ '$wrapperCollapse[data-soui-theme=dark] $root > &': {
240
+ color: token.menuDarkItemCollapseActiveFontColor,
241
+ backgroundColor: token.menuDarkItemCollapseActiveBackgroundColor,
234
242
  '& $icon': {
235
- color: token.menuDarkItemCollpaseActiveFontColor
243
+ color: token.menuDarkItemCollapseActiveFontColor
236
244
  }
237
245
  },
238
- '$wrapperCollpase $root > &::before': {
246
+ '$wrapperCollapse $root > &::before': {
239
247
  display: 'none'
240
248
  }
241
249
 
242
- // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollpase) &': {
250
+ // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollapse) &': {
243
251
  // '&::before': {
244
252
  // display: 'block',
245
253
  // content: '""',
@@ -268,31 +276,31 @@ var menuStyle = {
268
276
  color: token.menuItemActiveDisabledFontColor
269
277
  }
270
278
  },
271
- '$wrapperCollpase[data-soui-theme=light] $root > &': {
272
- color: token.menuItemCollpaseActiveFontColor,
273
- backgroundColor: token.menuItemCollpaseActiveBackgroundColor,
279
+ '$wrapperCollapse[data-soui-theme=light] $root > &': {
280
+ color: token.menuItemCollapseActiveFontColor,
281
+ backgroundColor: token.menuItemCollapseActiveBackgroundColor,
274
282
  '& $icon': {
275
- color: token.menuItemCollpaseActiveFontColor
283
+ color: token.menuItemCollapseActiveFontColor
276
284
  }
277
285
  },
278
- '$wrapperCollpase[data-soui-theme=dark] $root > &': {
279
- color: token.menuDarkItemCollpaseActiveFontColor,
280
- backgroundColor: token.menuDarkItemCollpaseActiveBackgroundColor,
286
+ '$wrapperCollapse[data-soui-theme=dark] $root > &': {
287
+ color: token.menuDarkItemCollapseActiveFontColor,
288
+ backgroundColor: token.menuDarkItemCollapseActiveBackgroundColor,
281
289
  '& $icon': {
282
- color: token.menuDarkItemCollpaseActiveFontColor
290
+ color: token.menuDarkItemCollapseActiveFontColor
283
291
  }
284
292
  },
285
- '$wrapperCollpase $root > &::before': {
293
+ '$wrapperCollapse $root > &::before': {
286
294
  display: 'none'
287
295
  },
288
- '[data-soui-theme=dark]:not($wrapperCollpase) &': {
296
+ '[data-soui-theme=dark]:not($wrapperCollapse) &': {
289
297
  color: token.menuDarkItemActiveFontColor,
290
298
  backgroundColor: token.menuDarkItemActiveBackgroundColor,
291
299
  '& $icon': {
292
300
  color: token.menuDarkItemActiveFontColor
293
301
  }
294
302
  },
295
- '[data-soui-theme=dark]$wrapperCollpase &': {
303
+ '[data-soui-theme=dark]$wrapperCollapse &': {
296
304
  '&::before': {
297
305
  content: '""',
298
306
  position: 'absolute',
@@ -356,7 +364,7 @@ var menuStyle = {
356
364
  '$wrapperDark &': {
357
365
  color: token.menuDarkFontColor
358
366
  },
359
- '$wrapperCollpase &': {
367
+ '$wrapperCollapse &': {
360
368
  paddingLeft: '0',
361
369
  paddingRight: '0',
362
370
  display: 'flex',
@@ -411,7 +419,7 @@ var menuStyle = {
411
419
  minWidth: 0,
412
420
  alignItems: 'center',
413
421
  fontWeight: token.menuItemFontWeight
414
- // '$wrapperCollpase &': {
422
+ // '$wrapperCollapse &': {
415
423
  // transition: `opacity ${animationDuration} ${transitionFunc}`,
416
424
  // },
417
425
  // opacity: 1,
package/esm/menu/search.js CHANGED
@@ -10,8 +10,8 @@ var menuSearchStyle = {
10
10
  wrapperLight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, getTokenName('inputBorderColor'), token.menuSearchBackgroundColor), getTokenName('inputBackgroundColor'), token.menuSearchBackgroundColor), getTokenName('inputHoverBorderColor'), token.menuSearchHoverBorderColor), getTokenName('inputHoverBackgroundColor'), token.menuSearchHoverBackgroundColor), getTokenName('inputDisabledBorderColor'), token.menuSearchDisabledBackgroundColor), getTokenName('inputDisabledBackgroundColor'), token.menuSearchDisabledBackgroundColor), getTokenName('inputClearColor'), token.menuSearchClearColor), getTokenName('inputHoverClearColor'), token.menuSearchHoverClearColor),
11
11
  wrapperCollapsed: {
12
12
  cursor: 'pointer',
13
- width: token.menuSearchCollpaseSize,
14
- height: token.menuSearchCollpaseSize,
13
+ width: token.menuSearchCollapseSize,
14
+ height: token.menuSearchCollapseSize,
15
15
  lineHeight: 1,
16
16
  '& input': {
17
17
  opacity: 0
package/esm/modal/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqSxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/modal/modal.js CHANGED
@@ -315,10 +315,6 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
315
315
  display: 'flex',
316
316
  marginBottom: token.modalPanelGap
317
317
  },
318
- headerEmptyTitle: {
319
- marginBottom: 0,
320
- height: 0
321
- },
322
318
  headerIcon: {
323
319
  '$wrapper &': {
324
320
  marginRight: token.modalHeaderIconMarginEnd,
@@ -330,6 +326,9 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
330
326
  alignItems: 'center'
331
327
  }
332
328
  },
329
+ emptyIcon: {
330
+ position: 'absolute'
331
+ },
333
332
  headerTitle: {
334
333
  flex: '1',
335
334
  minWidth: 0,
@@ -364,6 +363,16 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
364
363
  })
365
364
  }
366
365
  },
366
+ emptyClose: {
367
+ position: 'absolute',
368
+ top: 12,
369
+ right: 12,
370
+ marginTop: 0,
371
+ '$wrapperDrawer &': {
372
+ top: 4,
373
+ right: 4
374
+ }
375
+ },
367
376
  body: {
368
377
  flex: '1 1 auto',
369
378
  minHeight: '1px',
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,CAspBxC,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,CAsrBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/steps/steps.js CHANGED
@@ -9,13 +9,31 @@ var stepsStyle = {
9
9
  }
10
10
  },
11
11
  click: {
12
- '& $icon': {
12
+ '& $icon:not($process)': {
13
13
  cursor: 'pointer'
14
14
  },
15
+ '& $title': {
16
+ transition: 'color ease 0.3s'
17
+ },
15
18
  '&$arrow': {
16
19
  '& $step': {
17
20
  cursor: 'pointer'
18
21
  }
22
+ },
23
+ '&$default': {
24
+ '& $step:not($process)': {
25
+ cursor: 'pointer'
26
+ },
27
+ '& $step$wait:hover': {
28
+ '& $title,$description': {
29
+ color: Token.stepsWaitHoverFontColor
30
+ }
31
+ },
32
+ '& $step$finish:hover': {
33
+ '& $title,$description': {
34
+ color: Token.stepsFinishHoverFontColor
35
+ }
36
+ }
19
37
  }
20
38
  },
21
39
  small: {
@@ -368,7 +386,21 @@ var stepsStyle = {
368
386
  dot: {
369
387
  '&$vertical': {
370
388
  '& $step': {
371
- overflow: 'visible'
389
+ overflow: 'visible',
390
+ '& $dot': {
391
+ display: 'flex',
392
+ '& $content': {
393
+ flex: 1,
394
+ lineHeight: 1,
395
+ overflow: 'hidden',
396
+ '& $title': {
397
+ width: '100%',
398
+ overflow: 'hidden',
399
+ textOverflow: 'ellipsis',
400
+ whiteSpace: 'nowrap'
401
+ }
402
+ }
403
+ }
372
404
  },
373
405
  '& $title': {
374
406
  marginTop: 0
package/esm/table/table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqbxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/table/table.js CHANGED
@@ -90,9 +90,6 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
90
90
  background: token.tableTfootBackgroundColor,
91
91
  color: token.tableTfootFontColor,
92
92
  fontWeight: token.tableTfootFontWeight
93
- },
94
- '&bordered tr:last-child td': {
95
- borderBottom: 'none'
96
93
  }
97
94
  }
98
95
  },
@@ -143,6 +140,17 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
143
140
  bordered: {
144
141
  border: "1px solid ".concat(token.tableCellBorderColor),
145
142
  borderBottom: 'none',
143
+ borderTop: 'none',
144
+ '&::before': {
145
+ position: 'absolute',
146
+ zIndex: 7,
147
+ content: '""',
148
+ display: 'block',
149
+ top: 0,
150
+ left: 0,
151
+ right: 0,
152
+ borderTop: "1px solid ".concat(token.tableCellBorderColor)
153
+ },
146
154
  '&::after': {
147
155
  position: 'absolute',
148
156
  content: '""',
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.3.0-beta.9";
1
+ declare const _default: "3.3.1";
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,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.3.0-beta.9';
1
+ export default '3.3.1';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.3.0-beta.9",
3
+ "version": "3.3.1",
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.3.0-beta.9",
21
- "@sheinx/base": "3.3.0-beta.9"
20
+ "@sheinx/theme": "3.3.1",
21
+ "@sheinx/base": "3.3.1"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"