@sheinx/shineout-style 3.0.0-rc.8 → 3.0.0

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 +122 -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 +122 -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,CAsb1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tabs/tabs.js CHANGED
@@ -290,20 +290,88 @@ 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
+ },
334
+ '& $panel': {
335
+ overflow: 'auto',
336
+ height: '100%'
337
+ }
338
+ },
339
+ tab: {
340
+ position: 'relative',
341
+ display: 'inline-block',
342
+ boxSizing: 'border-box',
343
+ cursor: 'pointer',
344
+ lineHeight: _theme.default.lineHeightDynamic,
345
+ fontSize: _theme.default.tabsTabFontSize,
346
+ '&[data-soui-state="active"]': {
347
+ '&:after': {
348
+ background: _theme.default.tabsActiveFontColor
349
+ }
350
+ }
351
+ },
352
+ hr: {
353
+ position: 'absolute',
354
+ background: _theme.default.tabsBorderColor
355
+ },
356
+ cardHr: {
357
+ // aflter
358
+ '&:after': {
359
+ position: 'absolute',
360
+ content: '""',
361
+ bottom: 0,
362
+ left: 0,
363
+ width: '100%',
364
+ height: 1,
365
+ zIndex: -1,
366
+ background: _theme.default.tabsBorderColor
367
+ }
368
+ },
369
+ headerWrapper: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
370
+ display: 'flex',
371
+ overflow: 'hidden',
372
+ position: 'relative',
373
+ '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
374
+ alignItems: 'center',
307
375
  '& $tab + $tab': {
308
376
  marginLeft: _theme.default.tabsNearlyMargin
309
377
  },
@@ -312,9 +380,6 @@ var tabsStyle = {
312
380
  margin: 0
313
381
  }
314
382
  },
315
- '& $headerWrapper': {
316
- alignItems: 'center'
317
- },
318
383
  '& $header': {
319
384
  width: '100%',
320
385
  alignItems: 'center'
@@ -345,25 +410,16 @@ var tabsStyle = {
345
410
  '& $headerScroll': {
346
411
  justifyContent: 'flex-end'
347
412
  }
348
- },
349
- '& $panel': {
350
- width: '100%'
351
413
  }
352
414
  },
353
- // 垂直模式
354
415
  '&[data-soui-position^="left-"],&[data-soui-position^="right-"]': {
355
- display: 'flex',
356
- flexDirection: 'row',
357
- justifyContent: 'flex-start',
416
+ flexDirection: 'column',
358
417
  '& $tab': {
359
418
  display: 'block'
360
419
  },
361
420
  '& $tab + $tab': {
362
421
  marginTop: _theme.default.tabsNearlyMargin
363
422
  },
364
- '& $headerWrapper': {
365
- flexDirection: 'column'
366
- },
367
423
  '& $next,& $prev': {
368
424
  padding: "".concat(_theme.default.tabsActionVerticalPaddingY, " ").concat(_theme.default.tabsActionVerticalPaddingX),
369
425
  '&:after': {
@@ -386,10 +442,6 @@ var tabsStyle = {
386
442
  },
387
443
  '& $header': {
388
444
  height: '100%'
389
- },
390
- '& $panel': {
391
- width: 'auto',
392
- height: '100%'
393
445
  }
394
446
  },
395
447
  '&[data-soui-position^="bottom-right"],&[data-soui-position^="top-right"]': {
@@ -410,62 +462,8 @@ var tabsStyle = {
410
462
  '& $header': {
411
463
  alignItems: 'flex-start'
412
464
  }
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
465
  },
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"]': {
466
+ '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
469
467
  background: '#FFFFFF',
470
468
  border: "1px solid ".concat(_theme.default.tabsBorderColor),
471
469
  '&[data-soui-state="disabled"]': {
@@ -478,7 +476,7 @@ var tabsStyle = {
478
476
  background: _theme.default.tabsClickBackgroundColor
479
477
  }
480
478
  },
481
- '& $prev[data-soui-shape="line"],$next[data-soui-shape="line"]': {
479
+ '&[data-soui-shape="line"] $prev, &[data-soui-shape="line"] $next': {
482
480
  '&:not([data-soui-state="disabled"]):hover': {
483
481
  '& $iconInner': {
484
482
  background: _theme.default.tabsHoverBackgroundColor
@@ -491,7 +489,7 @@ var tabsStyle = {
491
489
  }
492
490
  },
493
491
  // fill 同 line
494
- '& $prev[data-soui-shape="fill"],$next[data-soui-shape="fill"]': {
492
+ '&[data-soui-shape="fill"] $prev,&[data-soui-shape="fill"] $next': {
495
493
  '&:not([data-soui-state="disabled"]):hover': {
496
494
  '& $iconInner': {
497
495
  background: _theme.default.tabsHoverBackgroundColor
@@ -504,7 +502,7 @@ var tabsStyle = {
504
502
  }
505
503
  },
506
504
  // button 同 line
507
- '& $prev[data-soui-shape="button"],$next[data-soui-shape="button"]': {
505
+ '&[data-soui-shape="button"] $prev,&[data-soui-shape="button"] $next': {
508
506
  '&:not([data-soui-state="disabled"]):hover': {
509
507
  '& $iconInner': {
510
508
  background: _theme.default.tabsHoverBackgroundColor
@@ -516,7 +514,7 @@ var tabsStyle = {
516
514
  }
517
515
  }
518
516
  },
519
- '& $prev[data-soui-shape="dash"],$next[data-soui-shape="dash"]': {
517
+ '&[data-soui-shape="dash"] $prev,&[data-soui-shape="dash"] $next': {
520
518
  '&:not([data-soui-state="disabled"]):hover': {
521
519
  '& $iconInner': {
522
520
  background: _theme.default.tabsHoverBackgroundColor
@@ -542,18 +540,18 @@ var tabsStyle = {
542
540
  width: 14
543
541
  }
544
542
  }
545
- },
543
+ }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
546
544
  headerScroll: {
547
545
  transition: 'all .15s ease-out'
548
546
  },
549
- header: _defineProperty(_defineProperty(_defineProperty({
547
+ header: {
550
548
  flex: 1,
551
549
  display: 'flex',
552
550
  alignItems: 'center',
553
551
  position: 'relative',
554
552
  whiteSpace: 'nowrap',
555
553
  overflow: 'hidden',
556
- '&[data-soui-shape="card"]': {
554
+ '$headerWrapper[data-soui-shape="card"] &': {
557
555
  '& $tab': {
558
556
  position: 'relative',
559
557
  border: "1px solid ".concat(_theme.default.tabsBorderColor),
@@ -576,7 +574,7 @@ var tabsStyle = {
576
574
  }
577
575
  }
578
576
  },
579
- '&[data-soui-shape="line"]': {
577
+ '$headerWrapper[data-soui-shape="line"] &': {
580
578
  '& $tab': {
581
579
  position: 'relative',
582
580
  padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
@@ -609,43 +607,46 @@ var tabsStyle = {
609
607
  background: _theme.default.tabsClickBackgroundColor
610
608
  }
611
609
  }
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'
610
+ },
611
+ '$headerWrapper[data-soui-shape="dash"] &': {
612
+ '& $tab': {
613
+ padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
614
+ '&[data-soui-state="active"]': {
615
+ color: _theme.default.tabsActiveFontColor,
616
+ background: _theme.default.tabsActiveBackgroundColor,
617
+ fontWeight: 'bold'
618
+ },
619
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
620
+ background: _theme.default.tabsHoverBackgroundColor
621
+ },
622
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
623
+ background: _theme.default.tabsClickBackgroundColor
624
+ },
625
+ '&[data-soui-state="disabled"]': {
626
+ color: _theme.default.tabsDisabledFontColor,
627
+ cursor: 'not-allowed'
628
+ }
630
629
  }
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'
630
+ },
631
+ '$headerWrapper[data-soui-shape="fill"] &': {
632
+ '& $tab': {
633
+ '&[data-soui-state="active"]': {
634
+ fontWeight: 'bold'
635
+ },
636
+ '&[data-soui-state="disabled"]': {
637
+ color: _theme.default.tabsDisabledFontColor,
638
+ cursor: 'not-allowed'
639
+ }
640
640
  }
641
- }
642
- }), '&[data-soui-shape="button"]', {
643
- '& $tab': {
644
- '&[data-soui-state="disabled"]': {
645
- cursor: 'not-allowed'
641
+ },
642
+ '$headerWrapper[data-soui-shape="button"] &': {
643
+ '& $tab': {
644
+ '&[data-soui-state="disabled"]': {
645
+ cursor: 'not-allowed'
646
+ }
646
647
  }
647
648
  }
648
- }),
649
+ },
649
650
  button: {},
650
651
  line: {},
651
652
  lineInner: {
@@ -677,18 +678,12 @@ var tabsStyle = {
677
678
  prev: {
678
679
  textAlign: 'center',
679
680
  color: _theme.default.tabsArrowFontColor,
680
- lineHeight: _theme.default.lineHeightDynamic,
681
- '&[data-soui-shape="card"]': {
682
- marginRight: _theme.default.tabsNearlyMargin
683
- }
681
+ lineHeight: _theme.default.lineHeightDynamic
684
682
  },
685
683
  next: {
686
684
  textAlign: 'center',
687
685
  color: _theme.default.tabsArrowFontColor,
688
- lineHeight: _theme.default.lineHeightDynamic,
689
- '&[data-soui-shape="card"]': {
690
- marginLeft: _theme.default.tabsNearlyMargin
691
- }
686
+ lineHeight: _theme.default.lineHeightDynamic
692
687
  },
693
688
  extra: {},
694
689
  collapsible: {
@@ -733,62 +728,6 @@ var tabsStyle = {
733
728
  }
734
729
  }
735
730
  },
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
- }
731
+ sticky: {}
793
732
  };
794
733
  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.8";
1
+ declare const _default: "3.0.0";
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.8';
7
+ var _default = exports.default = '3.0.0';
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,CAsb1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tabs/tabs.js CHANGED
@@ -283,20 +283,88 @@ 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
+ },
327
+ '& $panel': {
328
+ overflow: 'auto',
329
+ height: '100%'
330
+ }
331
+ },
332
+ tab: {
333
+ position: 'relative',
334
+ display: 'inline-block',
335
+ boxSizing: 'border-box',
336
+ cursor: 'pointer',
337
+ lineHeight: Token.lineHeightDynamic,
338
+ fontSize: Token.tabsTabFontSize,
339
+ '&[data-soui-state="active"]': {
340
+ '&:after': {
341
+ background: Token.tabsActiveFontColor
342
+ }
343
+ }
344
+ },
345
+ hr: {
346
+ position: 'absolute',
347
+ background: Token.tabsBorderColor
348
+ },
349
+ cardHr: {
350
+ // aflter
351
+ '&:after': {
352
+ position: 'absolute',
353
+ content: '""',
354
+ bottom: 0,
355
+ left: 0,
356
+ width: '100%',
357
+ height: 1,
358
+ zIndex: -1,
359
+ background: Token.tabsBorderColor
360
+ }
361
+ },
362
+ headerWrapper: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
363
+ display: 'flex',
364
+ overflow: 'hidden',
365
+ position: 'relative',
366
+ '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
367
+ alignItems: 'center',
300
368
  '& $tab + $tab': {
301
369
  marginLeft: Token.tabsNearlyMargin
302
370
  },
@@ -305,9 +373,6 @@ var tabsStyle = {
305
373
  margin: 0
306
374
  }
307
375
  },
308
- '& $headerWrapper': {
309
- alignItems: 'center'
310
- },
311
376
  '& $header': {
312
377
  width: '100%',
313
378
  alignItems: 'center'
@@ -338,25 +403,16 @@ var tabsStyle = {
338
403
  '& $headerScroll': {
339
404
  justifyContent: 'flex-end'
340
405
  }
341
- },
342
- '& $panel': {
343
- width: '100%'
344
406
  }
345
407
  },
346
- // 垂直模式
347
408
  '&[data-soui-position^="left-"],&[data-soui-position^="right-"]': {
348
- display: 'flex',
349
- flexDirection: 'row',
350
- justifyContent: 'flex-start',
409
+ flexDirection: 'column',
351
410
  '& $tab': {
352
411
  display: 'block'
353
412
  },
354
413
  '& $tab + $tab': {
355
414
  marginTop: Token.tabsNearlyMargin
356
415
  },
357
- '& $headerWrapper': {
358
- flexDirection: 'column'
359
- },
360
416
  '& $next,& $prev': {
361
417
  padding: "".concat(Token.tabsActionVerticalPaddingY, " ").concat(Token.tabsActionVerticalPaddingX),
362
418
  '&:after': {
@@ -379,10 +435,6 @@ var tabsStyle = {
379
435
  },
380
436
  '& $header': {
381
437
  height: '100%'
382
- },
383
- '& $panel': {
384
- width: 'auto',
385
- height: '100%'
386
438
  }
387
439
  },
388
440
  '&[data-soui-position^="bottom-right"],&[data-soui-position^="top-right"]': {
@@ -403,62 +455,8 @@ var tabsStyle = {
403
455
  '& $header': {
404
456
  alignItems: 'flex-start'
405
457
  }
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
458
  },
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"]': {
459
+ '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
462
460
  background: '#FFFFFF',
463
461
  border: "1px solid ".concat(Token.tabsBorderColor),
464
462
  '&[data-soui-state="disabled"]': {
@@ -471,7 +469,7 @@ var tabsStyle = {
471
469
  background: Token.tabsClickBackgroundColor
472
470
  }
473
471
  },
474
- '& $prev[data-soui-shape="line"],$next[data-soui-shape="line"]': {
472
+ '&[data-soui-shape="line"] $prev, &[data-soui-shape="line"] $next': {
475
473
  '&:not([data-soui-state="disabled"]):hover': {
476
474
  '& $iconInner': {
477
475
  background: Token.tabsHoverBackgroundColor
@@ -484,7 +482,7 @@ var tabsStyle = {
484
482
  }
485
483
  },
486
484
  // fill 同 line
487
- '& $prev[data-soui-shape="fill"],$next[data-soui-shape="fill"]': {
485
+ '&[data-soui-shape="fill"] $prev,&[data-soui-shape="fill"] $next': {
488
486
  '&:not([data-soui-state="disabled"]):hover': {
489
487
  '& $iconInner': {
490
488
  background: Token.tabsHoverBackgroundColor
@@ -497,7 +495,7 @@ var tabsStyle = {
497
495
  }
498
496
  },
499
497
  // button 同 line
500
- '& $prev[data-soui-shape="button"],$next[data-soui-shape="button"]': {
498
+ '&[data-soui-shape="button"] $prev,&[data-soui-shape="button"] $next': {
501
499
  '&:not([data-soui-state="disabled"]):hover': {
502
500
  '& $iconInner': {
503
501
  background: Token.tabsHoverBackgroundColor
@@ -509,7 +507,7 @@ var tabsStyle = {
509
507
  }
510
508
  }
511
509
  },
512
- '& $prev[data-soui-shape="dash"],$next[data-soui-shape="dash"]': {
510
+ '&[data-soui-shape="dash"] $prev,&[data-soui-shape="dash"] $next': {
513
511
  '&:not([data-soui-state="disabled"]):hover': {
514
512
  '& $iconInner': {
515
513
  background: Token.tabsHoverBackgroundColor
@@ -535,18 +533,18 @@ var tabsStyle = {
535
533
  width: 14
536
534
  }
537
535
  }
538
- },
536
+ }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
539
537
  headerScroll: {
540
538
  transition: 'all .15s ease-out'
541
539
  },
542
- header: _defineProperty(_defineProperty(_defineProperty({
540
+ header: {
543
541
  flex: 1,
544
542
  display: 'flex',
545
543
  alignItems: 'center',
546
544
  position: 'relative',
547
545
  whiteSpace: 'nowrap',
548
546
  overflow: 'hidden',
549
- '&[data-soui-shape="card"]': {
547
+ '$headerWrapper[data-soui-shape="card"] &': {
550
548
  '& $tab': {
551
549
  position: 'relative',
552
550
  border: "1px solid ".concat(Token.tabsBorderColor),
@@ -569,7 +567,7 @@ var tabsStyle = {
569
567
  }
570
568
  }
571
569
  },
572
- '&[data-soui-shape="line"]': {
570
+ '$headerWrapper[data-soui-shape="line"] &': {
573
571
  '& $tab': {
574
572
  position: 'relative',
575
573
  padding: "".concat(Token.tabsLinePaddingY, " ").concat(Token.tabsLinePaddingX),
@@ -602,43 +600,46 @@ var tabsStyle = {
602
600
  background: Token.tabsClickBackgroundColor
603
601
  }
604
602
  }
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'
603
+ },
604
+ '$headerWrapper[data-soui-shape="dash"] &': {
605
+ '& $tab': {
606
+ padding: "".concat(Token.tabsLinePaddingY, " ").concat(Token.tabsLinePaddingX),
607
+ '&[data-soui-state="active"]': {
608
+ color: Token.tabsActiveFontColor,
609
+ background: Token.tabsActiveBackgroundColor,
610
+ fontWeight: 'bold'
611
+ },
612
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
613
+ background: Token.tabsHoverBackgroundColor
614
+ },
615
+ '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
616
+ background: Token.tabsClickBackgroundColor
617
+ },
618
+ '&[data-soui-state="disabled"]': {
619
+ color: Token.tabsDisabledFontColor,
620
+ cursor: 'not-allowed'
621
+ }
623
622
  }
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'
623
+ },
624
+ '$headerWrapper[data-soui-shape="fill"] &': {
625
+ '& $tab': {
626
+ '&[data-soui-state="active"]': {
627
+ fontWeight: 'bold'
628
+ },
629
+ '&[data-soui-state="disabled"]': {
630
+ color: Token.tabsDisabledFontColor,
631
+ cursor: 'not-allowed'
632
+ }
633
633
  }
634
- }
635
- }), '&[data-soui-shape="button"]', {
636
- '& $tab': {
637
- '&[data-soui-state="disabled"]': {
638
- cursor: 'not-allowed'
634
+ },
635
+ '$headerWrapper[data-soui-shape="button"] &': {
636
+ '& $tab': {
637
+ '&[data-soui-state="disabled"]': {
638
+ cursor: 'not-allowed'
639
+ }
639
640
  }
640
641
  }
641
- }),
642
+ },
642
643
  button: {},
643
644
  line: {},
644
645
  lineInner: {
@@ -670,18 +671,12 @@ var tabsStyle = {
670
671
  prev: {
671
672
  textAlign: 'center',
672
673
  color: Token.tabsArrowFontColor,
673
- lineHeight: Token.lineHeightDynamic,
674
- '&[data-soui-shape="card"]': {
675
- marginRight: Token.tabsNearlyMargin
676
- }
674
+ lineHeight: Token.lineHeightDynamic
677
675
  },
678
676
  next: {
679
677
  textAlign: 'center',
680
678
  color: Token.tabsArrowFontColor,
681
- lineHeight: Token.lineHeightDynamic,
682
- '&[data-soui-shape="card"]': {
683
- marginLeft: Token.tabsNearlyMargin
684
- }
679
+ lineHeight: Token.lineHeightDynamic
685
680
  },
686
681
  extra: {},
687
682
  collapsible: {
@@ -726,62 +721,6 @@ var tabsStyle = {
726
721
  }
727
722
  }
728
723
  },
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
- }
724
+ sticky: {}
786
725
  };
787
726
  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.8";
1
+ declare const _default: "3.0.0";
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.8';
1
+ export default '3.0.0';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.0.0-rc.8",
3
+ "version": "3.0.0",
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.8",
21
- "@sheinx/base": "3.0.0-rc.8"
20
+ "@sheinx/theme": "3.0.0",
21
+ "@sheinx/base": "3.0.0"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"