@sheinx/shineout-style 3.0.0-rc.9 → 3.0.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/pagination/pagination.d.ts.map +1 -1
  2. package/cjs/pagination/pagination.js +3 -1
  3. package/cjs/select/select.d.ts.map +1 -1
  4. package/cjs/select/select.js +23 -19
  5. package/cjs/table/table.d.ts.map +1 -1
  6. package/cjs/table/table.js +1 -0
  7. package/cjs/tabs/tabs.d.ts.map +1 -1
  8. package/cjs/tabs/tabs.js +123 -183
  9. package/cjs/tag/tag.js +1 -1
  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/pagination/pagination.d.ts.map +1 -1
  14. package/esm/pagination/pagination.js +3 -1
  15. package/esm/select/select.d.ts.map +1 -1
  16. package/esm/select/select.js +23 -19
  17. package/esm/table/table.d.ts.map +1 -1
  18. package/esm/table/table.js +1 -0
  19. package/esm/tabs/tabs.d.ts.map +1 -1
  20. package/esm/tabs/tabs.js +123 -183
  21. package/esm/tag/tag.js +1 -1
  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/pagination/pagination.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAiE9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAmE9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/cjs/pagination/pagination.js CHANGED
@@ -70,6 +70,8 @@ var PaginationStyle = {
70
70
  buttonItem: {
71
71
  transition: 'none'
72
72
  },
73
- sectionSize: {}
73
+ sectionSize: {
74
+ padding: 0
75
+ }
74
76
  };
75
77
  var _default = exports.default = PaginationStyle;
package/cjs/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAke1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/select/select.js CHANGED
@@ -91,17 +91,8 @@ var selectStyle = _objectSpread(_objectSpread({
91
91
  marginTop: 0,
92
92
  marginBottom: 0
93
93
  },
94
- '& $optionInner': {
95
- paddingTop: _theme.default.selectSmallOptionInnerPaddingY,
96
- paddingBottom: _theme.default.selectSmallOptionInnerPaddingY,
97
- paddingLeft: _theme.default.selectSmallOptionInnerPaddingX,
98
- fontSize: _theme.default.selectSmallFontSize
99
- },
100
94
  '& $clearIcon': {
101
95
  right: _theme.default.selectSmallPaddingX
102
- },
103
- '& $optionGroupTitle': {
104
- padding: "".concat(_theme.default.selectGroupTitleSmallTop, " ").concat(_theme.default.selectGroupTitlePaddingX, " 0 ").concat(_theme.default.selectGroupTitlePaddingX)
105
96
  }
106
97
  },
107
98
  '&$wrapperLarge': {
@@ -109,18 +100,8 @@ var selectStyle = _objectSpread(_objectSpread({
109
100
  marginTop: _theme.default.selectLargePlaceholderMarginY,
110
101
  marginBottom: _theme.default.selectLargePlaceholderMarginY
111
102
  },
112
- '& $optionInner': {
113
- // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
114
- paddingTop: _theme.default.selectLargeOptionInnerPaddingY,
115
- paddingBottom: _theme.default.selectLargeOptionInnerPaddingY,
116
- paddingLeft: _theme.default.selectLargeOptionInnerPaddingX,
117
- fontSize: _theme.default.selectLargeFontSize
118
- },
119
103
  '& $clearIcon': {
120
104
  right: _theme.default.selectLargePaddingX
121
- },
122
- '& $optionGroupTitle': {
123
- padding: "".concat(_theme.default.selectGroupTitleLargeTop, " ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitleLargeBottom, " ").concat(_theme.default.selectGroupTitlePaddingX)
124
105
  }
125
106
  },
126
107
  '&:hover': {
@@ -281,6 +262,29 @@ var selectStyle = _objectSpread(_objectSpread({
281
262
  transformOrigin: '0 0',
282
263
  border: "1px solid ".concat(_theme.default.selectPanelBorder)
283
264
  },
265
+ pickerSmall: {
266
+ '& $optionInner': {
267
+ paddingTop: _theme.default.selectSmallOptionInnerPaddingY,
268
+ paddingBottom: _theme.default.selectSmallOptionInnerPaddingY,
269
+ paddingLeft: _theme.default.selectSmallOptionInnerPaddingX,
270
+ fontSize: _theme.default.selectSmallFontSize
271
+ },
272
+ '& $optionGroupTitle': {
273
+ padding: "".concat(_theme.default.selectGroupTitleSmallTop, " ").concat(_theme.default.selectGroupTitlePaddingX, " 0 ").concat(_theme.default.selectGroupTitlePaddingX)
274
+ }
275
+ },
276
+ pickerLarge: {
277
+ '& $optionInner': {
278
+ // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
279
+ paddingTop: _theme.default.selectLargeOptionInnerPaddingY,
280
+ paddingBottom: _theme.default.selectLargeOptionInnerPaddingY,
281
+ paddingLeft: _theme.default.selectLargeOptionInnerPaddingX,
282
+ fontSize: _theme.default.selectLargeFontSize
283
+ },
284
+ '& $optionGroupTitle': {
285
+ padding: "".concat(_theme.default.selectGroupTitleLargeTop, " ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitleLargeBottom, " ").concat(_theme.default.selectGroupTitlePaddingX)
286
+ }
287
+ },
284
288
  iconWrapper: {
285
289
  display: 'flex',
286
290
  alignItems: 'center',
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;AASxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAoXxC,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;AASxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqXxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/table/table.js CHANGED
@@ -356,6 +356,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
356
356
  }
357
357
  },
358
358
  expandWrapper: {
359
+ display: 'inline-block',
359
360
  '& $iconWrapper': {
360
361
  marginRight: '8px'
361
362
  }
package/cjs/tabs/tabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAsNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA8e1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAoNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAub1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tabs/tabs.js CHANGED
@@ -290,20 +290,89 @@ var getHeaderStyle = function getHeaderStyle() {
290
290
  }
291
291
  },
292
292
  '&[data-soui-shape="dash"],&[data-soui-shape="fill"]': {
293
- '& $headerWrapper': {
294
- '&:after': {
295
- display: 'none'
296
- }
293
+ '&:after': {
294
+ display: 'none'
297
295
  }
298
296
  }
299
297
  });
300
298
  };
301
299
  var tabsStyle = {
302
- tabs: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
300
+ tabs: {
303
301
  // 水平模式
304
302
  '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
305
303
  display: 'flex',
306
304
  flexDirection: 'column',
305
+ '& $panel': {
306
+ width: '100%'
307
+ }
308
+ },
309
+ // 垂直模式
310
+ '&[data-soui-position^="left-"],&[data-soui-position^="right-"]': {
311
+ display: 'flex',
312
+ flexDirection: 'row',
313
+ justifyContent: 'flex-start',
314
+ '& $panel': {
315
+ width: 'auto',
316
+ height: '100%'
317
+ }
318
+ }
319
+ },
320
+ panelWrapper: {
321
+ width: 'auto',
322
+ height: 'auto',
323
+ // overflow: 'hidden',
324
+ transition: 'all .2s ease-out'
325
+ },
326
+ panel: {
327
+ display: 'none'
328
+ },
329
+ autoFill: {
330
+ height: '100%',
331
+ '& $panelWrapper': {
332
+ flex: 1,
333
+ minHeight: '0'
334
+ },
335
+ '& $panel': {
336
+ overflow: 'auto',
337
+ height: '100%'
338
+ }
339
+ },
340
+ tab: {
341
+ position: 'relative',
342
+ display: 'inline-block',
343
+ boxSizing: 'border-box',
344
+ cursor: 'pointer',
345
+ lineHeight: _theme.default.lineHeightDynamic,
346
+ fontSize: _theme.default.tabsTabFontSize,
347
+ '&[data-soui-state="active"]': {
348
+ '&:after': {
349
+ background: _theme.default.tabsActiveFontColor
350
+ }
351
+ }
352
+ },
353
+ hr: {
354
+ position: 'absolute',
355
+ background: _theme.default.tabsBorderColor
356
+ },
357
+ cardHr: {
358
+ // aflter
359
+ '&:after': {
360
+ position: 'absolute',
361
+ content: '""',
362
+ bottom: 0,
363
+ left: 0,
364
+ width: '100%',
365
+ height: 1,
366
+ zIndex: -1,
367
+ background: _theme.default.tabsBorderColor
368
+ }
369
+ },
370
+ headerWrapper: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
371
+ display: 'flex',
372
+ overflow: 'hidden',
373
+ position: 'relative',
374
+ '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
375
+ alignItems: 'center',
307
376
  '& $tab + $tab': {
308
377
  marginLeft: _theme.default.tabsNearlyMargin
309
378
  },
@@ -312,9 +381,6 @@ var tabsStyle = {
312
381
  margin: 0
313
382
  }
314
383
  },
315
- '& $headerWrapper': {
316
- alignItems: 'center'
317
- },
318
384
  '& $header': {
319
385
  width: '100%',
320
386
  alignItems: 'center'
@@ -345,25 +411,16 @@ var tabsStyle = {
345
411
  '& $headerScroll': {
346
412
  justifyContent: 'flex-end'
347
413
  }
348
- },
349
- '& $panel': {
350
- width: '100%'
351
414
  }
352
415
  },
353
- // 垂直模式
354
416
  '&[data-soui-position^="left-"],&[data-soui-position^="right-"]': {
355
- display: 'flex',
356
- flexDirection: 'row',
357
- justifyContent: 'flex-start',
417
+ flexDirection: 'column',
358
418
  '& $tab': {
359
419
  display: 'block'
360
420
  },
361
421
  '& $tab + $tab': {
362
422
  marginTop: _theme.default.tabsNearlyMargin
363
423
  },
364
- '& $headerWrapper': {
365
- flexDirection: 'column'
366
- },
367
424
  '& $next,& $prev': {
368
425
  padding: "".concat(_theme.default.tabsActionVerticalPaddingY, " ").concat(_theme.default.tabsActionVerticalPaddingX),
369
426
  '&:after': {
@@ -386,10 +443,6 @@ var tabsStyle = {
386
443
  },
387
444
  '& $header': {
388
445
  height: '100%'
389
- },
390
- '& $panel': {
391
- width: 'auto',
392
- height: '100%'
393
446
  }
394
447
  },
395
448
  '&[data-soui-position^="bottom-right"],&[data-soui-position^="top-right"]': {
@@ -410,62 +463,8 @@ var tabsStyle = {
410
463
  '& $header': {
411
464
  alignItems: 'flex-start'
412
465
  }
413
- }
414
- }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
415
- panelWrapper: {
416
- width: 'auto',
417
- height: 'auto',
418
- overflow: 'hidden',
419
- transition: 'all .2s ease-out'
420
- },
421
- panel: {
422
- display: 'none'
423
- },
424
- autoFill: {
425
- height: '100%',
426
- '& $panelWrapper': {
427
- flex: 1
428
466
  },
429
- '& $panel': {
430
- overflow: 'auto',
431
- height: '100%'
432
- }
433
- },
434
- tab: {
435
- position: 'relative',
436
- display: 'inline-block',
437
- boxSizing: 'border-box',
438
- cursor: 'pointer',
439
- lineHeight: _theme.default.lineHeightDynamic,
440
- fontSize: _theme.default.tabsTabFontSize,
441
- '&[data-soui-state="active"]': {
442
- '&:after': {
443
- background: _theme.default.tabsActiveFontColor
444
- }
445
- }
446
- },
447
- hr: {
448
- position: 'absolute',
449
- background: _theme.default.tabsBorderColor
450
- },
451
- cardHr: {
452
- // aflter
453
- '&:after': {
454
- position: 'absolute',
455
- content: '""',
456
- bottom: 0,
457
- left: 0,
458
- width: '100%',
459
- height: 1,
460
- zIndex: -1,
461
- background: _theme.default.tabsBorderColor
462
- }
463
- },
464
- headerWrapper: {
465
- display: 'flex',
466
- overflow: 'hidden',
467
- position: 'relative',
468
- '& $prev[data-soui-shape="card"],$next[data-soui-shape="card"]': {
467
+ '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
469
468
  background: '#FFFFFF',
470
469
  border: "1px solid ".concat(_theme.default.tabsBorderColor),
471
470
  '&[data-soui-state="disabled"]': {
@@ -478,7 +477,7 @@ var tabsStyle = {
478
477
  background: _theme.default.tabsClickBackgroundColor
479
478
  }
480
479
  },
481
- '& $prev[data-soui-shape="line"],$next[data-soui-shape="line"]': {
480
+ '&[data-soui-shape="line"] $prev, &[data-soui-shape="line"] $next': {
482
481
  '&:not([data-soui-state="disabled"]):hover': {
483
482
  '& $iconInner': {
484
483
  background: _theme.default.tabsHoverBackgroundColor
@@ -491,7 +490,7 @@ var tabsStyle = {
491
490
  }
492
491
  },
493
492
  // fill 同 line
494
- '& $prev[data-soui-shape="fill"],$next[data-soui-shape="fill"]': {
493
+ '&[data-soui-shape="fill"] $prev,&[data-soui-shape="fill"] $next': {
495
494
  '&:not([data-soui-state="disabled"]):hover': {
496
495
  '& $iconInner': {
497
496
  background: _theme.default.tabsHoverBackgroundColor
@@ -504,7 +503,7 @@ var tabsStyle = {
504
503
  }
505
504
  },
506
505
  // button 同 line
507
- '& $prev[data-soui-shape="button"],$next[data-soui-shape="button"]': {
506
+ '&[data-soui-shape="button"] $prev,&[data-soui-shape="button"] $next': {
508
507
  '&:not([data-soui-state="disabled"]):hover': {
509
508
  '& $iconInner': {
510
509
  background: _theme.default.tabsHoverBackgroundColor
@@ -516,7 +515,7 @@ var tabsStyle = {
516
515
  }
517
516
  }
518
517
  },
519
- '& $prev[data-soui-shape="dash"],$next[data-soui-shape="dash"]': {
518
+ '&[data-soui-shape="dash"] $prev,&[data-soui-shape="dash"] $next': {
520
519
  '&:not([data-soui-state="disabled"]):hover': {
521
520
  '& $iconInner': {
522
521
  background: _theme.default.tabsHoverBackgroundColor
@@ -542,18 +541,18 @@ var tabsStyle = {
542
541
  width: 14
543
542
  }
544
543
  }
545
- },
544
+ }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
546
545
  headerScroll: {
547
546
  transition: 'all .15s ease-out'
548
547
  },
549
- header: _defineProperty(_defineProperty(_defineProperty({
548
+ header: {
550
549
  flex: 1,
551
550
  display: 'flex',
552
551
  alignItems: 'center',
553
552
  position: 'relative',
554
553
  whiteSpace: 'nowrap',
555
554
  overflow: 'hidden',
556
- '&[data-soui-shape="card"]': {
555
+ '$headerWrapper[data-soui-shape="card"] &': {
557
556
  '& $tab': {
558
557
  position: 'relative',
559
558
  border: "1px solid ".concat(_theme.default.tabsBorderColor),
@@ -576,7 +575,7 @@ var tabsStyle = {
576
575
  }
577
576
  }
578
577
  },
579
- '&[data-soui-shape="line"]': {
578
+ '$headerWrapper[data-soui-shape="line"] &': {
580
579
  '& $tab': {
581
580
  position: 'relative',
582
581
  padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
@@ -609,43 +608,46 @@ var tabsStyle = {
609
608
  background: _theme.default.tabsClickBackgroundColor
610
609
  }
611
610
  }
612
- }
613
- }, '&[data-soui-shape="dash"]', {
614
- '& $tab': {
615
- padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
616
- '&[data-soui-state="active"]': {
617
- color: _theme.default.tabsActiveFontColor,
618
- background: _theme.default.tabsActiveBackgroundColor,
619
- fontWeight: 'bold'
620
- },
621
- '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
622
- background: _theme.default.tabsHoverBackgroundColor
623
- },
624
- '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
625
- background: _theme.default.tabsClickBackgroundColor
626
- },
627
- '&[data-soui-state="disabled"]': {
628
- color: _theme.default.tabsDisabledFontColor,
629
- cursor: 'not-allowed'
611
+ },
612
+ '$headerWrapper[data-soui-shape="dash"] &': {
613
+ '& $tab': {
614
+ padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
615
+ '&[data-soui-state="active"]': {
616
+ color: _theme.default.tabsActiveFontColor,
617
+ background: _theme.default.tabsActiveBackgroundColor,
618
+ fontWeight: 'bold'
619
+ },
620
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
621
+ background: _theme.default.tabsHoverBackgroundColor
622
+ },
623
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
624
+ background: _theme.default.tabsClickBackgroundColor
625
+ },
626
+ '&[data-soui-state="disabled"]': {
627
+ color: _theme.default.tabsDisabledFontColor,
628
+ cursor: 'not-allowed'
629
+ }
630
630
  }
631
- }
632
- }), '&[data-soui-shape="fill"]', {
633
- '& $tab': {
634
- '&[data-soui-state="active"]': {
635
- fontWeight: 'bold'
636
- },
637
- '&[data-soui-state="disabled"]': {
638
- color: _theme.default.tabsDisabledFontColor,
639
- cursor: 'not-allowed'
631
+ },
632
+ '$headerWrapper[data-soui-shape="fill"] &': {
633
+ '& $tab': {
634
+ '&[data-soui-state="active"]': {
635
+ fontWeight: 'bold'
636
+ },
637
+ '&[data-soui-state="disabled"]': {
638
+ color: _theme.default.tabsDisabledFontColor,
639
+ cursor: 'not-allowed'
640
+ }
640
641
  }
641
- }
642
- }), '&[data-soui-shape="button"]', {
643
- '& $tab': {
644
- '&[data-soui-state="disabled"]': {
645
- cursor: 'not-allowed'
642
+ },
643
+ '$headerWrapper[data-soui-shape="button"] &': {
644
+ '& $tab': {
645
+ '&[data-soui-state="disabled"]': {
646
+ cursor: 'not-allowed'
647
+ }
646
648
  }
647
649
  }
648
- }),
650
+ },
649
651
  button: {},
650
652
  line: {},
651
653
  lineInner: {
@@ -677,18 +679,12 @@ var tabsStyle = {
677
679
  prev: {
678
680
  textAlign: 'center',
679
681
  color: _theme.default.tabsArrowFontColor,
680
- lineHeight: _theme.default.lineHeightDynamic,
681
- '&[data-soui-shape="card"]': {
682
- marginRight: _theme.default.tabsNearlyMargin
683
- }
682
+ lineHeight: _theme.default.lineHeightDynamic
684
683
  },
685
684
  next: {
686
685
  textAlign: 'center',
687
686
  color: _theme.default.tabsArrowFontColor,
688
- lineHeight: _theme.default.lineHeightDynamic,
689
- '&[data-soui-shape="card"]': {
690
- marginLeft: _theme.default.tabsNearlyMargin
691
- }
687
+ lineHeight: _theme.default.lineHeightDynamic
692
688
  },
693
689
  extra: {},
694
690
  collapsible: {
@@ -733,62 +729,6 @@ var tabsStyle = {
733
729
  }
734
730
  }
735
731
  },
736
- sticky: {
737
- '& > :first-child': {
738
- '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
739
- '& $tab + $tab': {
740
- marginLeft: _theme.default.tabsNearlyMargin
741
- },
742
- '&[data-soui-shape="fill"],&[data-soui-shape="button"]': {
743
- '& $tab + $tab': {
744
- margin: 0
745
- }
746
- },
747
- '& $headerWrapper': {
748
- alignItems: 'center'
749
- },
750
- '& $header': {
751
- width: '100%',
752
- alignItems: 'center'
753
- },
754
- '& $next,& $prev': {
755
- lineHeight: 0,
756
- padding: "".concat(_theme.default.tabsActionHorizontalPaddingY, " ").concat(_theme.default.tabsActionHorizontalPaddingX)
757
- },
758
- '& $headerScroll': {
759
- display: 'inline-flex'
760
- },
761
- '&[data-soui-position^="top-left"]': {
762
- '& $headerScroll': {
763
- justifyContent: 'flex-start'
764
- }
765
- },
766
- '&[data-soui-position^="bottom-left"]': {
767
- '& $headerScroll': {
768
- justifyContent: 'flex-start'
769
- }
770
- },
771
- '&[data-soui-position^="top-right"]': {
772
- '& $headerScroll': {
773
- justifyContent: 'flex-end'
774
- }
775
- },
776
- '&[data-soui-position^="bottom-right"]': {
777
- '& $headerScroll': {
778
- justifyContent: 'flex-end'
779
- }
780
- },
781
- '&[data-soui-position^="bottom-right"],&[data-soui-position^="top-right"]': {
782
- '& $header': {
783
- display: 'block',
784
- textAlign: 'right'
785
- },
786
- '& $headerScroll': {
787
- display: 'inline-block'
788
- }
789
- }
790
- }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle())
791
- }
792
- }
732
+ sticky: {}
793
733
  };
794
734
  var _default = exports.default = tabsStyle;
package/cjs/tag/tag.js CHANGED
@@ -215,7 +215,7 @@ var TagStyle = {
215
215
  success: _objectSpread({}, tag('Success')),
216
216
  warning: _objectSpread({}, tag('Warning')),
217
217
  danger: _objectSpread({}, tag('Danger')),
218
- orange: _objectSpread({}, tag('Orange')),
218
+ brown: _objectSpread({}, tag('Brown')),
219
219
  magenta: _objectSpread({}, tag('Magenta')),
220
220
  purple: _objectSpread({}, tag('Purple')),
221
221
  indigo: _objectSpread({}, tag('Indigo')),
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.0.0-rc.9";
1
+ declare const _default: "3.0.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,wBAA4B"}
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.0.0-rc.9';
7
+ var _default = exports.default = '3.0.1';
package/esm/pagination/pagination.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAiE9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAmE9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/esm/pagination/pagination.js CHANGED
@@ -63,6 +63,8 @@ var PaginationStyle = {
63
63
  buttonItem: {
64
64
  transition: 'none'
65
65
  },
66
- sectionSize: {}
66
+ sectionSize: {
67
+ padding: 0
68
+ }
67
69
  };
68
70
  export default PaginationStyle;
package/esm/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAke1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/select/select.js CHANGED
@@ -84,17 +84,8 @@ var selectStyle = _objectSpread(_objectSpread({
84
84
  marginTop: 0,
85
85
  marginBottom: 0
86
86
  },
87
- '& $optionInner': {
88
- paddingTop: token.selectSmallOptionInnerPaddingY,
89
- paddingBottom: token.selectSmallOptionInnerPaddingY,
90
- paddingLeft: token.selectSmallOptionInnerPaddingX,
91
- fontSize: token.selectSmallFontSize
92
- },
93
87
  '& $clearIcon': {
94
88
  right: token.selectSmallPaddingX
95
- },
96
- '& $optionGroupTitle': {
97
- padding: "".concat(token.selectGroupTitleSmallTop, " ").concat(token.selectGroupTitlePaddingX, " 0 ").concat(token.selectGroupTitlePaddingX)
98
89
  }
99
90
  },
100
91
  '&$wrapperLarge': {
@@ -102,18 +93,8 @@ var selectStyle = _objectSpread(_objectSpread({
102
93
  marginTop: token.selectLargePlaceholderMarginY,
103
94
  marginBottom: token.selectLargePlaceholderMarginY
104
95
  },
105
- '& $optionInner': {
106
- // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
107
- paddingTop: token.selectLargeOptionInnerPaddingY,
108
- paddingBottom: token.selectLargeOptionInnerPaddingY,
109
- paddingLeft: token.selectLargeOptionInnerPaddingX,
110
- fontSize: token.selectLargeFontSize
111
- },
112
96
  '& $clearIcon': {
113
97
  right: token.selectLargePaddingX
114
- },
115
- '& $optionGroupTitle': {
116
- padding: "".concat(token.selectGroupTitleLargeTop, " ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitleLargeBottom, " ").concat(token.selectGroupTitlePaddingX)
117
98
  }
118
99
  },
119
100
  '&:hover': {
@@ -274,6 +255,29 @@ var selectStyle = _objectSpread(_objectSpread({
274
255
  transformOrigin: '0 0',
275
256
  border: "1px solid ".concat(token.selectPanelBorder)
276
257
  },
258
+ pickerSmall: {
259
+ '& $optionInner': {
260
+ paddingTop: token.selectSmallOptionInnerPaddingY,
261
+ paddingBottom: token.selectSmallOptionInnerPaddingY,
262
+ paddingLeft: token.selectSmallOptionInnerPaddingX,
263
+ fontSize: token.selectSmallFontSize
264
+ },
265
+ '& $optionGroupTitle': {
266
+ padding: "".concat(token.selectGroupTitleSmallTop, " ").concat(token.selectGroupTitlePaddingX, " 0 ").concat(token.selectGroupTitlePaddingX)
267
+ }
268
+ },
269
+ pickerLarge: {
270
+ '& $optionInner': {
271
+ // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
272
+ paddingTop: token.selectLargeOptionInnerPaddingY,
273
+ paddingBottom: token.selectLargeOptionInnerPaddingY,
274
+ paddingLeft: token.selectLargeOptionInnerPaddingX,
275
+ fontSize: token.selectLargeFontSize
276
+ },
277
+ '& $optionGroupTitle': {
278
+ padding: "".concat(token.selectGroupTitleLargeTop, " ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitleLargeBottom, " ").concat(token.selectGroupTitlePaddingX)
279
+ }
280
+ },
277
281
  iconWrapper: {
278
282
  display: 'flex',
279
283
  alignItems: 'center',
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;AASxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAoXxC,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;AASxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqXxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/table/table.js CHANGED
@@ -349,6 +349,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
349
349
  }
350
350
  },
351
351
  expandWrapper: {
352
+ display: 'inline-block',
352
353
  '& $iconWrapper': {
353
354
  marginRight: '8px'
354
355
  }
package/esm/tabs/tabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAsNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA8e1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAoNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAub1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tabs/tabs.js CHANGED
@@ -283,20 +283,89 @@ var getHeaderStyle = function getHeaderStyle() {
283
283
  }
284
284
  },
285
285
  '&[data-soui-shape="dash"],&[data-soui-shape="fill"]': {
286
- '& $headerWrapper': {
287
- '&:after': {
288
- display: 'none'
289
- }
286
+ '&:after': {
287
+ display: 'none'
290
288
  }
291
289
  }
292
290
  });
293
291
  };
294
292
  var tabsStyle = {
295
- tabs: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
293
+ tabs: {
296
294
  // 水平模式
297
295
  '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
298
296
  display: 'flex',
299
297
  flexDirection: 'column',
298
+ '& $panel': {
299
+ width: '100%'
300
+ }
301
+ },
302
+ // 垂直模式
303
+ '&[data-soui-position^="left-"],&[data-soui-position^="right-"]': {
304
+ display: 'flex',
305
+ flexDirection: 'row',
306
+ justifyContent: 'flex-start',
307
+ '& $panel': {
308
+ width: 'auto',
309
+ height: '100%'
310
+ }
311
+ }
312
+ },
313
+ panelWrapper: {
314
+ width: 'auto',
315
+ height: 'auto',
316
+ // overflow: 'hidden',
317
+ transition: 'all .2s ease-out'
318
+ },
319
+ panel: {
320
+ display: 'none'
321
+ },
322
+ autoFill: {
323
+ height: '100%',
324
+ '& $panelWrapper': {
325
+ flex: 1,
326
+ minHeight: '0'
327
+ },
328
+ '& $panel': {
329
+ overflow: 'auto',
330
+ height: '100%'
331
+ }
332
+ },
333
+ tab: {
334
+ position: 'relative',
335
+ display: 'inline-block',
336
+ boxSizing: 'border-box',
337
+ cursor: 'pointer',
338
+ lineHeight: Token.lineHeightDynamic,
339
+ fontSize: Token.tabsTabFontSize,
340
+ '&[data-soui-state="active"]': {
341
+ '&:after': {
342
+ background: Token.tabsActiveFontColor
343
+ }
344
+ }
345
+ },
346
+ hr: {
347
+ position: 'absolute',
348
+ background: Token.tabsBorderColor
349
+ },
350
+ cardHr: {
351
+ // aflter
352
+ '&:after': {
353
+ position: 'absolute',
354
+ content: '""',
355
+ bottom: 0,
356
+ left: 0,
357
+ width: '100%',
358
+ height: 1,
359
+ zIndex: -1,
360
+ background: Token.tabsBorderColor
361
+ }
362
+ },
363
+ headerWrapper: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
364
+ display: 'flex',
365
+ overflow: 'hidden',
366
+ position: 'relative',
367
+ '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
368
+ alignItems: 'center',
300
369
  '& $tab + $tab': {
301
370
  marginLeft: Token.tabsNearlyMargin
302
371
  },
@@ -305,9 +374,6 @@ var tabsStyle = {
305
374
  margin: 0
306
375
  }
307
376
  },
308
- '& $headerWrapper': {
309
- alignItems: 'center'
310
- },
311
377
  '& $header': {
312
378
  width: '100%',
313
379
  alignItems: 'center'
@@ -338,25 +404,16 @@ var tabsStyle = {
338
404
  '& $headerScroll': {
339
405
  justifyContent: 'flex-end'
340
406
  }
341
- },
342
- '& $panel': {
343
- width: '100%'
344
407
  }
345
408
  },
346
- // 垂直模式
347
409
  '&[data-soui-position^="left-"],&[data-soui-position^="right-"]': {
348
- display: 'flex',
349
- flexDirection: 'row',
350
- justifyContent: 'flex-start',
410
+ flexDirection: 'column',
351
411
  '& $tab': {
352
412
  display: 'block'
353
413
  },
354
414
  '& $tab + $tab': {
355
415
  marginTop: Token.tabsNearlyMargin
356
416
  },
357
- '& $headerWrapper': {
358
- flexDirection: 'column'
359
- },
360
417
  '& $next,& $prev': {
361
418
  padding: "".concat(Token.tabsActionVerticalPaddingY, " ").concat(Token.tabsActionVerticalPaddingX),
362
419
  '&:after': {
@@ -379,10 +436,6 @@ var tabsStyle = {
379
436
  },
380
437
  '& $header': {
381
438
  height: '100%'
382
- },
383
- '& $panel': {
384
- width: 'auto',
385
- height: '100%'
386
439
  }
387
440
  },
388
441
  '&[data-soui-position^="bottom-right"],&[data-soui-position^="top-right"]': {
@@ -403,62 +456,8 @@ var tabsStyle = {
403
456
  '& $header': {
404
457
  alignItems: 'flex-start'
405
458
  }
406
- }
407
- }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
408
- panelWrapper: {
409
- width: 'auto',
410
- height: 'auto',
411
- overflow: 'hidden',
412
- transition: 'all .2s ease-out'
413
- },
414
- panel: {
415
- display: 'none'
416
- },
417
- autoFill: {
418
- height: '100%',
419
- '& $panelWrapper': {
420
- flex: 1
421
459
  },
422
- '& $panel': {
423
- overflow: 'auto',
424
- height: '100%'
425
- }
426
- },
427
- tab: {
428
- position: 'relative',
429
- display: 'inline-block',
430
- boxSizing: 'border-box',
431
- cursor: 'pointer',
432
- lineHeight: Token.lineHeightDynamic,
433
- fontSize: Token.tabsTabFontSize,
434
- '&[data-soui-state="active"]': {
435
- '&:after': {
436
- background: Token.tabsActiveFontColor
437
- }
438
- }
439
- },
440
- hr: {
441
- position: 'absolute',
442
- background: Token.tabsBorderColor
443
- },
444
- cardHr: {
445
- // aflter
446
- '&:after': {
447
- position: 'absolute',
448
- content: '""',
449
- bottom: 0,
450
- left: 0,
451
- width: '100%',
452
- height: 1,
453
- zIndex: -1,
454
- background: Token.tabsBorderColor
455
- }
456
- },
457
- headerWrapper: {
458
- display: 'flex',
459
- overflow: 'hidden',
460
- position: 'relative',
461
- '& $prev[data-soui-shape="card"],$next[data-soui-shape="card"]': {
460
+ '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
462
461
  background: '#FFFFFF',
463
462
  border: "1px solid ".concat(Token.tabsBorderColor),
464
463
  '&[data-soui-state="disabled"]': {
@@ -471,7 +470,7 @@ var tabsStyle = {
471
470
  background: Token.tabsClickBackgroundColor
472
471
  }
473
472
  },
474
- '& $prev[data-soui-shape="line"],$next[data-soui-shape="line"]': {
473
+ '&[data-soui-shape="line"] $prev, &[data-soui-shape="line"] $next': {
475
474
  '&:not([data-soui-state="disabled"]):hover': {
476
475
  '& $iconInner': {
477
476
  background: Token.tabsHoverBackgroundColor
@@ -484,7 +483,7 @@ var tabsStyle = {
484
483
  }
485
484
  },
486
485
  // fill 同 line
487
- '& $prev[data-soui-shape="fill"],$next[data-soui-shape="fill"]': {
486
+ '&[data-soui-shape="fill"] $prev,&[data-soui-shape="fill"] $next': {
488
487
  '&:not([data-soui-state="disabled"]):hover': {
489
488
  '& $iconInner': {
490
489
  background: Token.tabsHoverBackgroundColor
@@ -497,7 +496,7 @@ var tabsStyle = {
497
496
  }
498
497
  },
499
498
  // button 同 line
500
- '& $prev[data-soui-shape="button"],$next[data-soui-shape="button"]': {
499
+ '&[data-soui-shape="button"] $prev,&[data-soui-shape="button"] $next': {
501
500
  '&:not([data-soui-state="disabled"]):hover': {
502
501
  '& $iconInner': {
503
502
  background: Token.tabsHoverBackgroundColor
@@ -509,7 +508,7 @@ var tabsStyle = {
509
508
  }
510
509
  }
511
510
  },
512
- '& $prev[data-soui-shape="dash"],$next[data-soui-shape="dash"]': {
511
+ '&[data-soui-shape="dash"] $prev,&[data-soui-shape="dash"] $next': {
513
512
  '&:not([data-soui-state="disabled"]):hover': {
514
513
  '& $iconInner': {
515
514
  background: Token.tabsHoverBackgroundColor
@@ -535,18 +534,18 @@ var tabsStyle = {
535
534
  width: 14
536
535
  }
537
536
  }
538
- },
537
+ }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
539
538
  headerScroll: {
540
539
  transition: 'all .15s ease-out'
541
540
  },
542
- header: _defineProperty(_defineProperty(_defineProperty({
541
+ header: {
543
542
  flex: 1,
544
543
  display: 'flex',
545
544
  alignItems: 'center',
546
545
  position: 'relative',
547
546
  whiteSpace: 'nowrap',
548
547
  overflow: 'hidden',
549
- '&[data-soui-shape="card"]': {
548
+ '$headerWrapper[data-soui-shape="card"] &': {
550
549
  '& $tab': {
551
550
  position: 'relative',
552
551
  border: "1px solid ".concat(Token.tabsBorderColor),
@@ -569,7 +568,7 @@ var tabsStyle = {
569
568
  }
570
569
  }
571
570
  },
572
- '&[data-soui-shape="line"]': {
571
+ '$headerWrapper[data-soui-shape="line"] &': {
573
572
  '& $tab': {
574
573
  position: 'relative',
575
574
  padding: "".concat(Token.tabsLinePaddingY, " ").concat(Token.tabsLinePaddingX),
@@ -602,43 +601,46 @@ var tabsStyle = {
602
601
  background: Token.tabsClickBackgroundColor
603
602
  }
604
603
  }
605
- }
606
- }, '&[data-soui-shape="dash"]', {
607
- '& $tab': {
608
- padding: "".concat(Token.tabsLinePaddingY, " ").concat(Token.tabsLinePaddingX),
609
- '&[data-soui-state="active"]': {
610
- color: Token.tabsActiveFontColor,
611
- background: Token.tabsActiveBackgroundColor,
612
- fontWeight: 'bold'
613
- },
614
- '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
615
- background: Token.tabsHoverBackgroundColor
616
- },
617
- '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
618
- background: Token.tabsClickBackgroundColor
619
- },
620
- '&[data-soui-state="disabled"]': {
621
- color: Token.tabsDisabledFontColor,
622
- cursor: 'not-allowed'
604
+ },
605
+ '$headerWrapper[data-soui-shape="dash"] &': {
606
+ '& $tab': {
607
+ padding: "".concat(Token.tabsLinePaddingY, " ").concat(Token.tabsLinePaddingX),
608
+ '&[data-soui-state="active"]': {
609
+ color: Token.tabsActiveFontColor,
610
+ background: Token.tabsActiveBackgroundColor,
611
+ fontWeight: 'bold'
612
+ },
613
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
614
+ background: Token.tabsHoverBackgroundColor
615
+ },
616
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
617
+ background: Token.tabsClickBackgroundColor
618
+ },
619
+ '&[data-soui-state="disabled"]': {
620
+ color: Token.tabsDisabledFontColor,
621
+ cursor: 'not-allowed'
622
+ }
623
623
  }
624
- }
625
- }), '&[data-soui-shape="fill"]', {
626
- '& $tab': {
627
- '&[data-soui-state="active"]': {
628
- fontWeight: 'bold'
629
- },
630
- '&[data-soui-state="disabled"]': {
631
- color: Token.tabsDisabledFontColor,
632
- cursor: 'not-allowed'
624
+ },
625
+ '$headerWrapper[data-soui-shape="fill"] &': {
626
+ '& $tab': {
627
+ '&[data-soui-state="active"]': {
628
+ fontWeight: 'bold'
629
+ },
630
+ '&[data-soui-state="disabled"]': {
631
+ color: Token.tabsDisabledFontColor,
632
+ cursor: 'not-allowed'
633
+ }
633
634
  }
634
- }
635
- }), '&[data-soui-shape="button"]', {
636
- '& $tab': {
637
- '&[data-soui-state="disabled"]': {
638
- cursor: 'not-allowed'
635
+ },
636
+ '$headerWrapper[data-soui-shape="button"] &': {
637
+ '& $tab': {
638
+ '&[data-soui-state="disabled"]': {
639
+ cursor: 'not-allowed'
640
+ }
639
641
  }
640
642
  }
641
- }),
643
+ },
642
644
  button: {},
643
645
  line: {},
644
646
  lineInner: {
@@ -670,18 +672,12 @@ var tabsStyle = {
670
672
  prev: {
671
673
  textAlign: 'center',
672
674
  color: Token.tabsArrowFontColor,
673
- lineHeight: Token.lineHeightDynamic,
674
- '&[data-soui-shape="card"]': {
675
- marginRight: Token.tabsNearlyMargin
676
- }
675
+ lineHeight: Token.lineHeightDynamic
677
676
  },
678
677
  next: {
679
678
  textAlign: 'center',
680
679
  color: Token.tabsArrowFontColor,
681
- lineHeight: Token.lineHeightDynamic,
682
- '&[data-soui-shape="card"]': {
683
- marginLeft: Token.tabsNearlyMargin
684
- }
680
+ lineHeight: Token.lineHeightDynamic
685
681
  },
686
682
  extra: {},
687
683
  collapsible: {
@@ -726,62 +722,6 @@ var tabsStyle = {
726
722
  }
727
723
  }
728
724
  },
729
- sticky: {
730
- '& > :first-child': {
731
- '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
732
- '& $tab + $tab': {
733
- marginLeft: Token.tabsNearlyMargin
734
- },
735
- '&[data-soui-shape="fill"],&[data-soui-shape="button"]': {
736
- '& $tab + $tab': {
737
- margin: 0
738
- }
739
- },
740
- '& $headerWrapper': {
741
- alignItems: 'center'
742
- },
743
- '& $header': {
744
- width: '100%',
745
- alignItems: 'center'
746
- },
747
- '& $next,& $prev': {
748
- lineHeight: 0,
749
- padding: "".concat(Token.tabsActionHorizontalPaddingY, " ").concat(Token.tabsActionHorizontalPaddingX)
750
- },
751
- '& $headerScroll': {
752
- display: 'inline-flex'
753
- },
754
- '&[data-soui-position^="top-left"]': {
755
- '& $headerScroll': {
756
- justifyContent: 'flex-start'
757
- }
758
- },
759
- '&[data-soui-position^="bottom-left"]': {
760
- '& $headerScroll': {
761
- justifyContent: 'flex-start'
762
- }
763
- },
764
- '&[data-soui-position^="top-right"]': {
765
- '& $headerScroll': {
766
- justifyContent: 'flex-end'
767
- }
768
- },
769
- '&[data-soui-position^="bottom-right"]': {
770
- '& $headerScroll': {
771
- justifyContent: 'flex-end'
772
- }
773
- },
774
- '&[data-soui-position^="bottom-right"],&[data-soui-position^="top-right"]': {
775
- '& $header': {
776
- display: 'block',
777
- textAlign: 'right'
778
- },
779
- '& $headerScroll': {
780
- display: 'inline-block'
781
- }
782
- }
783
- }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle())
784
- }
785
- }
725
+ sticky: {}
786
726
  };
787
727
  export default tabsStyle;
package/esm/tag/tag.js CHANGED
@@ -208,7 +208,7 @@ var TagStyle = {
208
208
  success: _objectSpread({}, tag('Success')),
209
209
  warning: _objectSpread({}, tag('Warning')),
210
210
  danger: _objectSpread({}, tag('Danger')),
211
- orange: _objectSpread({}, tag('Orange')),
211
+ brown: _objectSpread({}, tag('Brown')),
212
212
  magenta: _objectSpread({}, tag('Magenta')),
213
213
  purple: _objectSpread({}, tag('Purple')),
214
214
  indigo: _objectSpread({}, tag('Indigo')),
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.0.0-rc.9";
1
+ declare const _default: "3.0.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,wBAA4B"}
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.0.0-rc.9';
1
+ export default '3.0.1';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.0.0-rc.9",
3
+ "version": "3.0.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "ISC",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.0.0-rc.9",
21
- "@sheinx/base": "3.0.0-rc.9"
20
+ "@sheinx/theme": "3.0.1",
21
+ "@sheinx/base": "3.0.1"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"