@sheinx/shineout-style 3.9.13-beta.10 → 3.9.13-beta.12

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 (31) hide show
  1. package/cjs/cascader/cascader.d.ts.map +1 -1
  2. package/cjs/cascader/cascader.js +16 -12
  3. package/cjs/checkbox/checkbox.js +6 -6
  4. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  5. package/cjs/date-picker/date-picker.js +8 -3
  6. package/cjs/descriptions/descriptions.js +6 -6
  7. package/cjs/input/input.js +2 -2
  8. package/cjs/radio/radio.js +9 -9
  9. package/cjs/select/select.d.ts.map +1 -1
  10. package/cjs/select/select.js +24 -17
  11. package/cjs/tabs/tabs.js +1 -1
  12. package/cjs/transfer/transfer.d.ts.map +1 -1
  13. package/cjs/transfer/transfer.js +6 -0
  14. package/cjs/version.d.ts +1 -1
  15. package/cjs/version.js +1 -1
  16. package/esm/cascader/cascader.d.ts.map +1 -1
  17. package/esm/cascader/cascader.js +16 -12
  18. package/esm/checkbox/checkbox.js +6 -6
  19. package/esm/date-picker/date-picker.d.ts.map +1 -1
  20. package/esm/date-picker/date-picker.js +8 -3
  21. package/esm/descriptions/descriptions.js +6 -6
  22. package/esm/input/input.js +2 -2
  23. package/esm/radio/radio.js +9 -9
  24. package/esm/select/select.d.ts.map +1 -1
  25. package/esm/select/select.js +24 -17
  26. package/esm/tabs/tabs.js +1 -1
  27. package/esm/transfer/transfer.d.ts.map +1 -1
  28. package/esm/transfer/transfer.js +6 -0
  29. package/esm/version.d.ts +1 -1
  30. package/esm/version.js +1 -1
  31. package/package.json +3 -3
package/cjs/cascader/cascader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA6hB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAiiB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/cascader/cascader.js CHANGED
@@ -489,16 +489,28 @@ var cascaderStyle = _objectSpread(_objectSpread({
489
489
  '&:hover': {
490
490
  '& $optionInner': {
491
491
  color: _theme.default.cascaderOptionHoverFontColor,
492
- backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
492
+ backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor,
493
+ '& $optionIcon': {
494
+ color: _theme.default.cascaderOptionHoverIconColor
495
+ }
493
496
  }
494
497
  },
495
498
  '&:hover $optionInner:active, & $optionInner:active': {
496
- color: _theme.default.cascaderOptionHoverFontColor,
497
- backgroundColor: "".concat(_theme.default.cascaderOptionFocusBackgroundColor)
499
+ color: _theme.default.cascaderOptionFocusFontColor,
500
+ backgroundColor: "".concat(_theme.default.cascaderOptionFocusBackgroundColor),
501
+ '& $optionIcon': {
502
+ color: _theme.default.cascaderOptionFocusIconColor
503
+ }
498
504
  }
499
505
  },
500
506
  '& $optionCheckbox': {
501
507
  marginRight: 8
508
+ },
509
+ '&:first-child': {
510
+ paddingTop: 0
511
+ },
512
+ '&:last-child': {
513
+ paddingBottom: 0
502
514
  }
503
515
  },
504
516
  filterOption: {
@@ -573,18 +585,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
573
585
  paddingTop: 2
574
586
  },
575
587
  optionHover: {},
576
- optionActive: {
577
- color: _theme.default.cascaderOptionActiveColor,
578
- backgroundColor: _theme.default.cascaderOptionActiveBackgroundColor,
579
- '&>div': {
580
- color: _theme.default.cascaderOptionActiveColor
581
- }
582
- },
583
588
  optionDisabled: {
584
589
  cursor: 'not-allowed',
585
590
  color: _theme.default.cascaderOptionDisabledColor,
586
- backgroundColor: _theme.default.cascaderOptionDisabledBackgroundColor,
587
- '&>div': {
591
+ '& > $optionInner': {
588
592
  cursor: 'not-allowed',
589
593
  color: _theme.default.cascaderOptionDisabledColor,
590
594
  backgroundColor: _theme.default.cascaderOptionDisabledBackgroundColor
package/cjs/checkbox/checkbox.js CHANGED
@@ -45,17 +45,17 @@ var checkboxStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
45
45
  display: 'block',
46
46
  position: 'relative',
47
47
  boxSizing: 'border-box',
48
- width: _theme.default.checkboxLabelFontSize,
49
- height: _theme.default.checkboxLabelFontSize,
48
+ width: _theme.default.checkboxIconSize,
49
+ height: _theme.default.checkboxIconSize,
50
50
  // marginTop: token.checkboxIndicatorMarginTop,
51
51
  flexShrink: 0,
52
52
  '$wrapperSmall &': {
53
- width: _theme.default.checkboxSmallLabelFontSize,
54
- height: _theme.default.checkboxSmallLabelFontSize
53
+ width: _theme.default.checkboxSmallIconSize,
54
+ height: _theme.default.checkboxSmallIconSize
55
55
  },
56
56
  '$wrapperLarge &': {
57
- width: _theme.default.checkboxLargeLabelFontSize,
58
- height: _theme.default.checkboxLargeLabelFontSize
57
+ width: _theme.default.checkboxLargeIconSize,
58
+ height: _theme.default.checkboxLargeIconSize
59
59
  },
60
60
  verticalAlign: 'middle',
61
61
  '&::before': {
package/cjs/date-picker/date-picker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2qBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgrBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/cjs/date-picker/date-picker.js CHANGED
@@ -473,7 +473,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
473
473
  pickerCell: {
474
474
  color: _theme.default.datePickerCellColor,
475
475
  '&$pickerCellBound': {
476
- color: _theme.default.datePickerCellOtherColor
476
+ color: _theme.default.datePickerCellDisabledColor
477
477
  },
478
478
  '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
479
479
  '& $pickerCellContent > span': {
@@ -652,14 +652,18 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
652
652
  flex: '1',
653
653
  position: 'relative',
654
654
  borderRadius: _theme.default.datePickerTimeItemBorderRadius,
655
+ color: _theme.default.datePickerCellColor,
656
+ fontWeight: _theme.default.datePickerPanelFontWeight,
657
+ fontSize: _theme.default.datePickerPanelBodyFontSize,
655
658
  '&:not($timeItemDisabled):hover': {
656
- backgroundColor: _theme.default.datePickerTimeItemHoverBackgroundColor
659
+ color: _theme.default.datePickerCellHoverColor,
660
+ backgroundColor: _theme.default.datePickerCellHoverBackgroundColor
657
661
  },
658
662
  '$timeItemDisabled&': {
659
663
  color: _theme.default.datePickerTimeItemDisabledColor,
660
664
  cursor: 'not-allowed'
661
665
  },
662
- '$timeItemActive&': {
666
+ '$timeItemActive&, $timeItemActive&:hover': {
663
667
  color: _theme.default.datePickerTimeItemActiveColor,
664
668
  backgroundColor: _theme.default.datePickerTimeItemActiveBackgroundColor
665
669
  }
@@ -692,6 +696,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
692
696
  alignItems: 'center',
693
697
  lineHeight: _theme.default.lineHeightDynamic,
694
698
  '& > span': {
699
+ color: _theme.default.datePickerCellColor,
695
700
  lineHeight: '0',
696
701
  marginRight: '8px',
697
702
  '& > svg': {
package/cjs/descriptions/descriptions.js CHANGED
@@ -13,18 +13,18 @@ var descriptionsStyle = {
13
13
  },
14
14
  small: {
15
15
  '& $title': {
16
- fontSize: _theme.default.descriptionsTitleSmallSize
16
+ fontSize: _theme.default.descriptionsTitleSmallFontSize
17
17
  },
18
18
  '& $table': {
19
- fontSize: _theme.default.descriptionsFontSmallSize
19
+ fontSize: _theme.default.descriptionsSmallFontSize
20
20
  }
21
21
  },
22
22
  large: {
23
23
  '& $title': {
24
- fontSize: _theme.default.descriptionsTitleLargeSize
24
+ fontSize: _theme.default.descriptionsTitleLargeFontSize
25
25
  },
26
26
  '& $table': {
27
- fontSize: _theme.default.descriptionsFontLargeSize
27
+ fontSize: _theme.default.descriptionsLargeFontSize
28
28
  }
29
29
  },
30
30
  header: {
@@ -32,7 +32,7 @@ var descriptionsStyle = {
32
32
  alignItems: 'center',
33
33
  justifyContent: 'space-between',
34
34
  paddingBottom: _theme.default.descriptionsTitlePaddingBottom,
35
- fontSize: _theme.default.descriptionsTitleDefaultSize
35
+ fontSize: _theme.default.descriptionsTitleDefaultFontSize
36
36
  },
37
37
  title: {
38
38
  lineHeight: _theme.default.lineHeightDynamic,
@@ -45,7 +45,7 @@ var descriptionsStyle = {
45
45
  lineHeight: _theme.default.lineHeightDynamic
46
46
  },
47
47
  body: {
48
- fontSize: _theme.default.descriptionsFontDefaultSize,
48
+ fontSize: _theme.default.descriptionsDefaultFontSize,
49
49
  overflow: 'hidden'
50
50
  },
51
51
  table: {
package/cjs/input/input.js CHANGED
@@ -262,7 +262,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
262
262
  boxSizing: 'border-box',
263
263
  cursor: 'pointer',
264
264
  width: '18px',
265
- borderLeft: "1px solid ".concat(_theme.default.inputBorderColor),
265
+ borderLeft: "".concat(_theme.default.inputBorderWidth, " solid ").concat(_theme.default.inputBorderColor),
266
266
  lineHeight: '1',
267
267
  color: _theme.default.inputIconColor,
268
268
  '&:hover': {
@@ -271,7 +271,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
271
271
  }
272
272
  },
273
273
  '&:first-child': {
274
- borderBottom: "1px solid ".concat(_theme.default.inputBorderColor)
274
+ borderBottom: "".concat(_theme.default.inputBorderWidth, " solid ").concat(_theme.default.inputBorderColor)
275
275
  },
276
276
  '& svg': {
277
277
  width: _theme.default.inputFontSize,
package/cjs/radio/radio.js CHANGED
@@ -59,18 +59,18 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
59
59
  display: 'block',
60
60
  position: 'relative',
61
61
  boxSizing: 'border-box',
62
- width: _theme.default.radioLabelFontSize,
63
- minWidth: _theme.default.radioLabelFontSize,
64
- height: _theme.default.radioLabelFontSize,
62
+ width: _theme.default.radioIconWidth,
63
+ minWidth: _theme.default.radioIconWidth,
64
+ height: _theme.default.radioIconWidth,
65
65
  '$wrapperSmall &': {
66
- width: _theme.default.radioSmallLabelFontSize,
67
- minWidth: _theme.default.radioSmallLabelFontSize,
68
- height: _theme.default.radioSmallLabelFontSize
66
+ width: _theme.default.radioSmallIconWidth,
67
+ minWidth: _theme.default.radioSmallIconWidth,
68
+ height: _theme.default.radioSmallIconWidth
69
69
  },
70
70
  '$wrapperLarge &': {
71
- width: _theme.default.radioLargeLabelFontSize,
72
- minWidth: _theme.default.radioLargeLabelFontSize,
73
- height: _theme.default.radioLargeLabelFontSize
71
+ width: _theme.default.radioLargeIconWidth,
72
+ minWidth: _theme.default.radioLargeIconWidth,
73
+ height: _theme.default.radioLargeIconWidth
74
74
  },
75
75
  marginRight: _theme.default.radioIconGap,
76
76
  verticalAlign: 'middle',
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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA8lB1C,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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqmB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/select/select.js CHANGED
@@ -304,19 +304,18 @@ var selectStyle = _objectSpread(_objectSpread({
304
304
  fontSize: _theme.default.selectSmallFontSize
305
305
  },
306
306
  '& $optionGroupTitle': {
307
- padding: "calc(".concat(_theme.default.selectFontSize, " - 10px) ").concat(_theme.default.selectGroupTitlePaddingX, " 0 ").concat(_theme.default.selectGroupTitlePaddingX)
307
+ padding: "calc(".concat(_theme.default.selectFontSize, " - 10px) calc(").concat(_theme.default.selectSmallOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") 0")
308
308
  }
309
309
  },
310
310
  pickerLarge: {
311
311
  '& $optionInner': {
312
- // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
313
312
  paddingTop: _theme.default.selectLargeOptionInnerPaddingY,
314
313
  paddingBottom: _theme.default.selectLargeOptionInnerPaddingY,
315
314
  paddingLeft: _theme.default.selectLargeOptionInnerPaddingX,
316
315
  fontSize: _theme.default.selectLargeFontSize
317
316
  },
318
317
  '& $optionGroupTitle': {
319
- padding: "".concat(_theme.default.selectFontSize, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ")")
318
+ padding: "".concat(_theme.default.selectFontSize, " calc(").concat(_theme.default.selectLargeOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom)
320
319
  }
321
320
  },
322
321
  iconWrapper: {
@@ -403,7 +402,15 @@ var selectStyle = _objectSpread(_objectSpread({
403
402
  position: 'absolute',
404
403
  display: 'inline-flex',
405
404
  width: _theme.default.selectFontSize,
406
- fontSize: _theme.default.selectFontSize
405
+ fontSize: _theme.default.selectFontSize,
406
+ '$pickerSmall &': {
407
+ width: _theme.default.selectSmallFontSize,
408
+ fontSize: _theme.default.selectSmallFontSize
409
+ },
410
+ '$pickerLarge &': {
411
+ width: _theme.default.selectLargeFontSize,
412
+ fontSize: _theme.default.selectLargeFontSize
413
+ }
407
414
  },
408
415
  moreIcon: {},
409
416
  hideTag: {},
@@ -494,13 +501,13 @@ var selectStyle = _objectSpread(_objectSpread({
494
501
  // not disabled
495
502
  '&:not($optionDisabled)': {
496
503
  cursor: 'pointer'
504
+ },
505
+ '&:first-child': {
506
+ paddingTop: 0
507
+ },
508
+ '&:last-child': {
509
+ paddingBottom: 0
497
510
  }
498
- // hover
499
- // '&:hover': {
500
- // '& $optionInner': {
501
- // backgroundColor: token.selectOptionHoverBackgroundColor,
502
- // },
503
- // },
504
511
  },
505
512
  optionInner: {
506
513
  position: 'relative',
@@ -546,7 +553,7 @@ var selectStyle = _objectSpread(_objectSpread({
546
553
  optionGroupTitle: {
547
554
  fontSize: "var(--group-font-size, ".concat(_theme.default.selectGroupTitleFontSize, ")"),
548
555
  lineHeight: _theme.default.lineHeightDynamic,
549
- padding: "calc(".concat(_theme.default.selectFontSize, " - 2px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
556
+ padding: "calc(".concat(_theme.default.selectFontSize, " - 2px) calc(").concat(_theme.default.selectOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") ").concat(_theme.default.selectGroupTitlePaddingBottom),
550
557
  color: _theme.default.selectGroupTitleFontColor,
551
558
  fontWeight: _theme.default.selectGroupTitleFontWeight
552
559
  },
@@ -559,7 +566,7 @@ var selectStyle = _objectSpread(_objectSpread({
559
566
  '& > $columnsCheckbox': {
560
567
  padding: 0,
561
568
  marginRight: 0,
562
- marginLeft: _theme.default.selectColumnPadding,
569
+ marginLeft: _theme.default.selectOptionInnerPaddingX,
563
570
  width: 'auto'
564
571
  },
565
572
  '$pickerSmall &': {
@@ -588,7 +595,7 @@ var selectStyle = _objectSpread(_objectSpread({
588
595
  padding: "0 ".concat(_theme.default.selectOptionPaddingX),
589
596
  '& $optionGroupTitle': {
590
597
  padding: 0,
591
- marginLeft: _theme.default.selectColumnPadding
598
+ marginLeft: _theme.default.selectOptionInnerPaddingX
592
599
  },
593
600
  '$pickerSmall &': {
594
601
  '& $optionGroupTitle': {
@@ -623,8 +630,8 @@ var selectStyle = _objectSpread(_objectSpread({
623
630
  columnsRadio: {
624
631
  width: '100%',
625
632
  height: '100%',
626
- paddingLeft: _theme.default.selectColumnPadding,
627
- paddingRight: _theme.default.selectColumnPadding,
633
+ paddingLeft: _theme.default.selectOptionInnerPaddingX,
634
+ paddingRight: _theme.default.selectOptionInnerPaddingX,
628
635
  marginLeft: _theme.default.selectColumnOptionMargin,
629
636
  '& :last-child': {
630
637
  flex: 1,
@@ -636,8 +643,8 @@ var selectStyle = _objectSpread(_objectSpread({
636
643
  columnsCheckbox: {
637
644
  width: '100%',
638
645
  height: '100%',
639
- paddingLeft: _theme.default.selectColumnPadding,
640
- paddingRight: _theme.default.selectColumnPadding,
646
+ paddingLeft: _theme.default.selectOptionInnerPaddingX,
647
+ paddingRight: _theme.default.selectOptionInnerPaddingX,
641
648
  marginLeft: 0,
642
649
  '$pickerSmall &': {
643
650
  paddingLeft: _theme.default.selectSmallColumnPadding,
package/cjs/tabs/tabs.js CHANGED
@@ -462,7 +462,7 @@ var tabsStyle = {
462
462
  border: '1px solid transparent'
463
463
  },
464
464
  '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
465
- background: '#FFFFFF',
465
+ background: _theme.default.tabsCardBackgroundColor,
466
466
  alignSelf: 'stretch',
467
467
  display: 'flex',
468
468
  alignItems: 'center',
package/cjs/transfer/transfer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAiN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAuN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/transfer/transfer.js CHANGED
@@ -192,6 +192,12 @@ var TransferStyle = {
192
192
  '& $itemWrapper': {
193
193
  background: _theme.default.transferItemHoverBackgroundColor
194
194
  }
195
+ },
196
+ '&:first-child': {
197
+ paddingTop: 0
198
+ },
199
+ '&:last-child': {
200
+ paddingBottom: 0
195
201
  }
196
202
  },
197
203
  disabled: {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.10";
1
+ declare const _default: "3.9.13-beta.12";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
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.9.13-beta.10';
7
+ var _default = exports.default = '3.9.13-beta.12';
package/esm/cascader/cascader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA6hB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAiiB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/cascader/cascader.js CHANGED
@@ -480,16 +480,28 @@ var cascaderStyle = _objectSpread(_objectSpread({
480
480
  '&:hover': {
481
481
  '& $optionInner': {
482
482
  color: token.cascaderOptionHoverFontColor,
483
- backgroundColor: token.cascaderOptionHoverBackgroundColor
483
+ backgroundColor: token.cascaderOptionHoverBackgroundColor,
484
+ '& $optionIcon': {
485
+ color: token.cascaderOptionHoverIconColor
486
+ }
484
487
  }
485
488
  },
486
489
  '&:hover $optionInner:active, & $optionInner:active': {
487
- color: token.cascaderOptionHoverFontColor,
488
- backgroundColor: "".concat(token.cascaderOptionFocusBackgroundColor)
490
+ color: token.cascaderOptionFocusFontColor,
491
+ backgroundColor: "".concat(token.cascaderOptionFocusBackgroundColor),
492
+ '& $optionIcon': {
493
+ color: token.cascaderOptionFocusIconColor
494
+ }
489
495
  }
490
496
  },
491
497
  '& $optionCheckbox': {
492
498
  marginRight: 8
499
+ },
500
+ '&:first-child': {
501
+ paddingTop: 0
502
+ },
503
+ '&:last-child': {
504
+ paddingBottom: 0
493
505
  }
494
506
  },
495
507
  filterOption: {
@@ -564,18 +576,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
564
576
  paddingTop: 2
565
577
  },
566
578
  optionHover: {},
567
- optionActive: {
568
- color: token.cascaderOptionActiveColor,
569
- backgroundColor: token.cascaderOptionActiveBackgroundColor,
570
- '&>div': {
571
- color: token.cascaderOptionActiveColor
572
- }
573
- },
574
579
  optionDisabled: {
575
580
  cursor: 'not-allowed',
576
581
  color: token.cascaderOptionDisabledColor,
577
- backgroundColor: token.cascaderOptionDisabledBackgroundColor,
578
- '&>div': {
582
+ '& > $optionInner': {
579
583
  cursor: 'not-allowed',
580
584
  color: token.cascaderOptionDisabledColor,
581
585
  backgroundColor: token.cascaderOptionDisabledBackgroundColor
package/esm/checkbox/checkbox.js CHANGED
@@ -38,17 +38,17 @@ var checkboxStyle = _objectSpread(_objectSpread({}, animations), {}, {
38
38
  display: 'block',
39
39
  position: 'relative',
40
40
  boxSizing: 'border-box',
41
- width: token.checkboxLabelFontSize,
42
- height: token.checkboxLabelFontSize,
41
+ width: token.checkboxIconSize,
42
+ height: token.checkboxIconSize,
43
43
  // marginTop: token.checkboxIndicatorMarginTop,
44
44
  flexShrink: 0,
45
45
  '$wrapperSmall &': {
46
- width: token.checkboxSmallLabelFontSize,
47
- height: token.checkboxSmallLabelFontSize
46
+ width: token.checkboxSmallIconSize,
47
+ height: token.checkboxSmallIconSize
48
48
  },
49
49
  '$wrapperLarge &': {
50
- width: token.checkboxLargeLabelFontSize,
51
- height: token.checkboxLargeLabelFontSize
50
+ width: token.checkboxLargeIconSize,
51
+ height: token.checkboxLargeIconSize
52
52
  },
53
53
  verticalAlign: 'middle',
54
54
  '&::before': {
package/esm/date-picker/date-picker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2qBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgrBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/esm/date-picker/date-picker.js CHANGED
@@ -466,7 +466,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
466
466
  pickerCell: {
467
467
  color: token.datePickerCellColor,
468
468
  '&$pickerCellBound': {
469
- color: token.datePickerCellOtherColor
469
+ color: token.datePickerCellDisabledColor
470
470
  },
471
471
  '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
472
472
  '& $pickerCellContent > span': {
@@ -645,14 +645,18 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
645
645
  flex: '1',
646
646
  position: 'relative',
647
647
  borderRadius: token.datePickerTimeItemBorderRadius,
648
+ color: token.datePickerCellColor,
649
+ fontWeight: token.datePickerPanelFontWeight,
650
+ fontSize: token.datePickerPanelBodyFontSize,
648
651
  '&:not($timeItemDisabled):hover': {
649
- backgroundColor: token.datePickerTimeItemHoverBackgroundColor
652
+ color: token.datePickerCellHoverColor,
653
+ backgroundColor: token.datePickerCellHoverBackgroundColor
650
654
  },
651
655
  '$timeItemDisabled&': {
652
656
  color: token.datePickerTimeItemDisabledColor,
653
657
  cursor: 'not-allowed'
654
658
  },
655
- '$timeItemActive&': {
659
+ '$timeItemActive&, $timeItemActive&:hover': {
656
660
  color: token.datePickerTimeItemActiveColor,
657
661
  backgroundColor: token.datePickerTimeItemActiveBackgroundColor
658
662
  }
@@ -685,6 +689,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
685
689
  alignItems: 'center',
686
690
  lineHeight: token.lineHeightDynamic,
687
691
  '& > span': {
692
+ color: token.datePickerCellColor,
688
693
  lineHeight: '0',
689
694
  marginRight: '8px',
690
695
  '& > svg': {
package/esm/descriptions/descriptions.js CHANGED
@@ -6,18 +6,18 @@ var descriptionsStyle = {
6
6
  },
7
7
  small: {
8
8
  '& $title': {
9
- fontSize: token.descriptionsTitleSmallSize
9
+ fontSize: token.descriptionsTitleSmallFontSize
10
10
  },
11
11
  '& $table': {
12
- fontSize: token.descriptionsFontSmallSize
12
+ fontSize: token.descriptionsSmallFontSize
13
13
  }
14
14
  },
15
15
  large: {
16
16
  '& $title': {
17
- fontSize: token.descriptionsTitleLargeSize
17
+ fontSize: token.descriptionsTitleLargeFontSize
18
18
  },
19
19
  '& $table': {
20
- fontSize: token.descriptionsFontLargeSize
20
+ fontSize: token.descriptionsLargeFontSize
21
21
  }
22
22
  },
23
23
  header: {
@@ -25,7 +25,7 @@ var descriptionsStyle = {
25
25
  alignItems: 'center',
26
26
  justifyContent: 'space-between',
27
27
  paddingBottom: token.descriptionsTitlePaddingBottom,
28
- fontSize: token.descriptionsTitleDefaultSize
28
+ fontSize: token.descriptionsTitleDefaultFontSize
29
29
  },
30
30
  title: {
31
31
  lineHeight: token.lineHeightDynamic,
@@ -38,7 +38,7 @@ var descriptionsStyle = {
38
38
  lineHeight: token.lineHeightDynamic
39
39
  },
40
40
  body: {
41
- fontSize: token.descriptionsFontDefaultSize,
41
+ fontSize: token.descriptionsDefaultFontSize,
42
42
  overflow: 'hidden'
43
43
  },
44
44
  table: {
package/esm/input/input.js CHANGED
@@ -255,7 +255,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
255
255
  boxSizing: 'border-box',
256
256
  cursor: 'pointer',
257
257
  width: '18px',
258
- borderLeft: "1px solid ".concat(token.inputBorderColor),
258
+ borderLeft: "".concat(token.inputBorderWidth, " solid ").concat(token.inputBorderColor),
259
259
  lineHeight: '1',
260
260
  color: token.inputIconColor,
261
261
  '&:hover': {
@@ -264,7 +264,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
264
264
  }
265
265
  },
266
266
  '&:first-child': {
267
- borderBottom: "1px solid ".concat(token.inputBorderColor)
267
+ borderBottom: "".concat(token.inputBorderWidth, " solid ").concat(token.inputBorderColor)
268
268
  },
269
269
  '& svg': {
270
270
  width: token.inputFontSize,
package/esm/radio/radio.js CHANGED
@@ -52,18 +52,18 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
52
52
  display: 'block',
53
53
  position: 'relative',
54
54
  boxSizing: 'border-box',
55
- width: token.radioLabelFontSize,
56
- minWidth: token.radioLabelFontSize,
57
- height: token.radioLabelFontSize,
55
+ width: token.radioIconWidth,
56
+ minWidth: token.radioIconWidth,
57
+ height: token.radioIconWidth,
58
58
  '$wrapperSmall &': {
59
- width: token.radioSmallLabelFontSize,
60
- minWidth: token.radioSmallLabelFontSize,
61
- height: token.radioSmallLabelFontSize
59
+ width: token.radioSmallIconWidth,
60
+ minWidth: token.radioSmallIconWidth,
61
+ height: token.radioSmallIconWidth
62
62
  },
63
63
  '$wrapperLarge &': {
64
- width: token.radioLargeLabelFontSize,
65
- minWidth: token.radioLargeLabelFontSize,
66
- height: token.radioLargeLabelFontSize
64
+ width: token.radioLargeIconWidth,
65
+ minWidth: token.radioLargeIconWidth,
66
+ height: token.radioLargeIconWidth
67
67
  },
68
68
  marginRight: token.radioIconGap,
69
69
  verticalAlign: 'middle',
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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA8lB1C,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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqmB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/select/select.js CHANGED
@@ -295,19 +295,18 @@ var selectStyle = _objectSpread(_objectSpread({
295
295
  fontSize: token.selectSmallFontSize
296
296
  },
297
297
  '& $optionGroupTitle': {
298
- padding: "calc(".concat(token.selectFontSize, " - 10px) ").concat(token.selectGroupTitlePaddingX, " 0 ").concat(token.selectGroupTitlePaddingX)
298
+ padding: "calc(".concat(token.selectFontSize, " - 10px) calc(").concat(token.selectSmallOptionInnerPaddingX, " + ").concat(token.selectOptionPaddingX, ") 0")
299
299
  }
300
300
  },
301
301
  pickerLarge: {
302
302
  '& $optionInner': {
303
- // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
304
303
  paddingTop: token.selectLargeOptionInnerPaddingY,
305
304
  paddingBottom: token.selectLargeOptionInnerPaddingY,
306
305
  paddingLeft: token.selectLargeOptionInnerPaddingX,
307
306
  fontSize: token.selectLargeFontSize
308
307
  },
309
308
  '& $optionGroupTitle': {
310
- padding: "".concat(token.selectFontSize, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ") ").concat(token.selectGroupTitleLargeBottom, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ")")
309
+ padding: "".concat(token.selectFontSize, " calc(").concat(token.selectLargeOptionInnerPaddingX, " + ").concat(token.selectOptionPaddingX, ") ").concat(token.selectGroupTitleLargeBottom)
311
310
  }
312
311
  },
313
312
  iconWrapper: {
@@ -394,7 +393,15 @@ var selectStyle = _objectSpread(_objectSpread({
394
393
  position: 'absolute',
395
394
  display: 'inline-flex',
396
395
  width: token.selectFontSize,
397
- fontSize: token.selectFontSize
396
+ fontSize: token.selectFontSize,
397
+ '$pickerSmall &': {
398
+ width: token.selectSmallFontSize,
399
+ fontSize: token.selectSmallFontSize
400
+ },
401
+ '$pickerLarge &': {
402
+ width: token.selectLargeFontSize,
403
+ fontSize: token.selectLargeFontSize
404
+ }
398
405
  },
399
406
  moreIcon: {},
400
407
  hideTag: {},
@@ -485,13 +492,13 @@ var selectStyle = _objectSpread(_objectSpread({
485
492
  // not disabled
486
493
  '&:not($optionDisabled)': {
487
494
  cursor: 'pointer'
495
+ },
496
+ '&:first-child': {
497
+ paddingTop: 0
498
+ },
499
+ '&:last-child': {
500
+ paddingBottom: 0
488
501
  }
489
- // hover
490
- // '&:hover': {
491
- // '& $optionInner': {
492
- // backgroundColor: token.selectOptionHoverBackgroundColor,
493
- // },
494
- // },
495
502
  },
496
503
  optionInner: {
497
504
  position: 'relative',
@@ -537,7 +544,7 @@ var selectStyle = _objectSpread(_objectSpread({
537
544
  optionGroupTitle: {
538
545
  fontSize: "var(--group-font-size, ".concat(token.selectGroupTitleFontSize, ")"),
539
546
  lineHeight: token.lineHeightDynamic,
540
- padding: "calc(".concat(token.selectFontSize, " - 2px) ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitlePaddingBottom, " ").concat(token.selectGroupTitlePaddingX),
547
+ padding: "calc(".concat(token.selectFontSize, " - 2px) calc(").concat(token.selectOptionInnerPaddingX, " + ").concat(token.selectOptionPaddingX, ") ").concat(token.selectGroupTitlePaddingBottom),
541
548
  color: token.selectGroupTitleFontColor,
542
549
  fontWeight: token.selectGroupTitleFontWeight
543
550
  },
@@ -550,7 +557,7 @@ var selectStyle = _objectSpread(_objectSpread({
550
557
  '& > $columnsCheckbox': {
551
558
  padding: 0,
552
559
  marginRight: 0,
553
- marginLeft: token.selectColumnPadding,
560
+ marginLeft: token.selectOptionInnerPaddingX,
554
561
  width: 'auto'
555
562
  },
556
563
  '$pickerSmall &': {
@@ -579,7 +586,7 @@ var selectStyle = _objectSpread(_objectSpread({
579
586
  padding: "0 ".concat(token.selectOptionPaddingX),
580
587
  '& $optionGroupTitle': {
581
588
  padding: 0,
582
- marginLeft: token.selectColumnPadding
589
+ marginLeft: token.selectOptionInnerPaddingX
583
590
  },
584
591
  '$pickerSmall &': {
585
592
  '& $optionGroupTitle': {
@@ -614,8 +621,8 @@ var selectStyle = _objectSpread(_objectSpread({
614
621
  columnsRadio: {
615
622
  width: '100%',
616
623
  height: '100%',
617
- paddingLeft: token.selectColumnPadding,
618
- paddingRight: token.selectColumnPadding,
624
+ paddingLeft: token.selectOptionInnerPaddingX,
625
+ paddingRight: token.selectOptionInnerPaddingX,
619
626
  marginLeft: token.selectColumnOptionMargin,
620
627
  '& :last-child': {
621
628
  flex: 1,
@@ -627,8 +634,8 @@ var selectStyle = _objectSpread(_objectSpread({
627
634
  columnsCheckbox: {
628
635
  width: '100%',
629
636
  height: '100%',
630
- paddingLeft: token.selectColumnPadding,
631
- paddingRight: token.selectColumnPadding,
637
+ paddingLeft: token.selectOptionInnerPaddingX,
638
+ paddingRight: token.selectOptionInnerPaddingX,
632
639
  marginLeft: 0,
633
640
  '$pickerSmall &': {
634
641
  paddingLeft: token.selectSmallColumnPadding,
package/esm/tabs/tabs.js CHANGED
@@ -455,7 +455,7 @@ var tabsStyle = {
455
455
  border: '1px solid transparent'
456
456
  },
457
457
  '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
458
- background: '#FFFFFF',
458
+ background: Token.tabsCardBackgroundColor,
459
459
  alignSelf: 'stretch',
460
460
  display: 'flex',
461
461
  alignItems: 'center',
package/esm/transfer/transfer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAiN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAuN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/transfer/transfer.js CHANGED
@@ -185,6 +185,12 @@ var TransferStyle = {
185
185
  '& $itemWrapper': {
186
186
  background: Token.transferItemHoverBackgroundColor
187
187
  }
188
+ },
189
+ '&:first-child': {
190
+ paddingTop: 0
191
+ },
192
+ '&:last-child': {
193
+ paddingBottom: 0
188
194
  }
189
195
  },
190
196
  disabled: {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.10";
1
+ declare const _default: "3.9.13-beta.12";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.13-beta.10';
1
+ export default '3.9.13-beta.12';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.13-beta.10",
3
+ "version": "3.9.13-beta.12",
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.9.13-beta.10",
21
- "@sheinx/base": "3.9.13-beta.10"
20
+ "@sheinx/theme": "3.9.13-beta.12",
21
+ "@sheinx/base": "3.9.13-beta.12"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"