@sheinx/shineout-style 3.3.0-beta.2 → 3.3.0-beta.4

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 (21) hide show
  1. package/cjs/button/button.js +8 -8
  2. package/cjs/card/card.js +6 -6
  3. package/cjs/collapse/collapse-item.js +3 -3
  4. package/cjs/list/list.js +2 -2
  5. package/cjs/pagination/pagination.d.ts.map +1 -1
  6. package/cjs/pagination/pagination.js +5 -0
  7. package/cjs/slider/slider.js +1 -1
  8. package/cjs/tabs/tabs.js +5 -5
  9. package/cjs/version.d.ts +1 -1
  10. package/cjs/version.js +1 -1
  11. package/esm/button/button.js +8 -8
  12. package/esm/card/card.js +6 -6
  13. package/esm/collapse/collapse-item.js +3 -3
  14. package/esm/list/list.js +2 -2
  15. package/esm/pagination/pagination.d.ts.map +1 -1
  16. package/esm/pagination/pagination.js +5 -0
  17. package/esm/slider/slider.js +1 -1
  18. package/esm/tabs/tabs.js +5 -5
  19. package/esm/version.d.ts +1 -1
  20. package/esm/version.js +1 -1
  21. package/package.json +3 -3
package/cjs/button/button.js CHANGED
@@ -225,8 +225,8 @@ var ButtonStyle = {
225
225
  fontSize: _theme.default.buttonSmallFontSize,
226
226
  padding: "".concat(_theme.default.buttonSmallPaddingY, " ").concat(_theme.default.buttonSmallPaddingX),
227
227
  '&$circle,&$square': {
228
- width: 24,
229
- height: 24
228
+ width: _theme.default.buttonSmallCircleSize,
229
+ height: _theme.default.buttonSmallCircleSize
230
230
  }
231
231
  },
232
232
  large: {
@@ -235,8 +235,8 @@ var ButtonStyle = {
235
235
  fontSize: _theme.default.buttonLargeFontSize,
236
236
  padding: "".concat(_theme.default.buttonLargePaddingY, " ").concat(_theme.default.buttonLargePaddingX),
237
237
  '&$circle,&$square': {
238
- width: 40,
239
- height: 40
238
+ width: _theme.default.buttonLargeCircleSize,
239
+ height: _theme.default.buttonLargeCircleSize
240
240
  }
241
241
  },
242
242
  default: _objectSpread({}, button('Secondary', '')),
@@ -291,14 +291,14 @@ var ButtonStyle = {
291
291
  borderRadius: _theme.default.buttonRoundBorderRadius
292
292
  },
293
293
  circle: {
294
- width: "32px",
295
- height: "32px",
294
+ width: _theme.default.buttonCircleSize,
295
+ height: _theme.default.buttonCircleSize,
296
296
  padding: 0,
297
297
  borderRadius: _theme.default.buttonCircleBorderRadius
298
298
  },
299
299
  square: {
300
- width: "32px",
301
- height: "32px",
300
+ width: _theme.default.buttonCircleSize,
301
+ height: _theme.default.buttonCircleSize,
302
302
  padding: 0,
303
303
  borderRadius: _theme.default.buttonSquareBorderRadius,
304
304
  '& $spin': {
package/cjs/card/card.js CHANGED
@@ -23,7 +23,7 @@ var cardStyle = {
23
23
  wrapper: {
24
24
  display: 'flex',
25
25
  flexDirection: 'column',
26
- border: "1px solid ".concat(_theme.default.cardBorderColor),
26
+ border: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
27
27
  borderRadius: _theme.default.cardBorderRadius,
28
28
  fontSize: _theme.default.cardFontSize,
29
29
  lineHeight: _theme.default.lineHeightDynamic,
@@ -37,7 +37,7 @@ var cardStyle = {
37
37
  wrapperInAccordion: {
38
38
  border: 'none',
39
39
  '& + &': {
40
- borderTop: "1px solid ".concat(_theme.default.cardBorderColor),
40
+ borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
41
41
  borderTopLeftRadius: 0,
42
42
  borderTopRightRadius: 0
43
43
  }
@@ -48,7 +48,7 @@ var cardStyle = {
48
48
  wrapperHover: {
49
49
  transition: 'box-shadow .2s linear',
50
50
  '&:hover': {
51
- boxShadow: _theme.default.cardShadow
51
+ boxShadow: _theme.default.cardHoverShadow
52
52
  }
53
53
  },
54
54
  wrapperResizable: {
@@ -56,7 +56,7 @@ var cardStyle = {
56
56
  },
57
57
  wrapperMoveable: {},
58
58
  accordion: {
59
- border: "1px solid ".concat(_theme.default.cardBorderColor),
59
+ border: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
60
60
  borderRadius: _theme.default.cardBorderRadius
61
61
  },
62
62
  header: {
@@ -109,7 +109,7 @@ var cardStyle = {
109
109
  },
110
110
  body: {
111
111
  '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
112
- borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
112
+ borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBodyBorderColor)
113
113
  },
114
114
  padding: "".concat(_theme.default.cardBodyPaddingY, " ").concat(_theme.default.cardBodyPaddingX),
115
115
  flex: 1,
@@ -123,7 +123,7 @@ var cardStyle = {
123
123
  bodyCollapse: {},
124
124
  footer: {
125
125
  '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
126
- borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
126
+ borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardFooterBorderColor)
127
127
  },
128
128
  padding: "".concat(_theme.default.cardFooterPaddingY, " ").concat(_theme.default.cardFooterPaddingX),
129
129
  boxSizing: 'border-box'
package/cjs/collapse/collapse-item.js CHANGED
@@ -9,7 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
9
9
  var collapseItemStyle = {
10
10
  wrapper: {
11
11
  boxSizing: 'border-box',
12
- borderBottom: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseWrapperBorderColor),
12
+ borderBottom: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseHeaderBorderColor),
13
13
  '&:last-child': {
14
14
  borderBottom: 0
15
15
  },
@@ -30,7 +30,7 @@ var collapseItemStyle = {
30
30
  overflow: 'hidden',
31
31
  gap: _theme.default.collapseHeaderGap,
32
32
  fontSize: _theme.default.collapseHeaderFontSize,
33
- fontWeight: _theme.default.collapseHeaderWeight,
33
+ fontWeight: _theme.default.collapseHeaderFontWeight,
34
34
  color: _theme.default.collapseHeaderColor,
35
35
  padding: "".concat(_theme.default.collapseWrapperPaddingY, " ").concat(_theme.default.collapseWrapperPaddingX)
36
36
  },
@@ -105,7 +105,7 @@ var collapseItemStyle = {
105
105
  },
106
106
  contentMain: {
107
107
  color: _theme.default.collapseContentColor,
108
- fontWeight: _theme.default.collapseContentWeight,
108
+ fontWeight: _theme.default.collapseContentFontWeight,
109
109
  lineHeight: _theme.default.lineHeightDynamic,
110
110
  padding: "".concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingRight, " ").concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingLeft),
111
111
  backgroundColor: _theme.default.collapseContentBackgroundColor,
package/cjs/list/list.js CHANGED
@@ -15,7 +15,7 @@ var listStyle = {
15
15
  flexDirection: 'column'
16
16
  },
17
17
  wrapperBordered: {
18
- border: "1px solid ".concat(_theme.default.listBorderColor),
18
+ border: "".concat(_theme.default.listBorderWidth, " solid ").concat(_theme.default.listBorderColor),
19
19
  borderRadius: _theme.default.listBorderRadius
20
20
  },
21
21
  wrapperSmall: {},
@@ -73,7 +73,7 @@ var listStyle = {
73
73
  fontSize: _theme.default.listSmallFontSize
74
74
  },
75
75
  '$wrapperLarge &': {
76
- padding: "".concat(_theme.default.listLargeItemPaddingY, " ").concat(_theme.default.listLargeItemPaddingY),
76
+ padding: "".concat(_theme.default.listLargeItemPaddingX, " ").concat(_theme.default.listLargeItemPaddingY),
77
77
  fontSize: _theme.default.listLargeFontSize
78
78
  }
79
79
  },
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,CA0D9C,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,CA+D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/cjs/pagination/pagination.js CHANGED
@@ -13,6 +13,7 @@ var PaginationStyle = {
13
13
  alignItems: 'center',
14
14
  fontSize: _theme.default.paginationFontSize,
15
15
  color: _theme.default.paginationFontColor,
16
+ fontWeight: _theme.default.paginationFontWeight,
16
17
  height: 'fit-content'
17
18
  },
18
19
  left: {
@@ -52,11 +53,15 @@ var PaginationStyle = {
52
53
  sizeList: {},
53
54
  simple: {},
54
55
  small: {
56
+ fontSize: _theme.default.paginationSmallFontSize,
57
+ fontWeight: _theme.default.paginationSmallFontWeight,
55
58
  '& $icon': {
56
59
  width: _theme.default.paginationSmallFontSize
57
60
  }
58
61
  },
59
62
  large: {
63
+ fontSize: _theme.default.paginationLargeFontSize,
64
+ fontWeight: _theme.default.paginationLargeFontWeight,
60
65
  '& $icon': {
61
66
  width: _theme.default.paginationLargeFontSize
62
67
  }
package/cjs/slider/slider.js CHANGED
@@ -249,7 +249,7 @@ var sliderStyle = {
249
249
  '&::before': {
250
250
  content: '""',
251
251
  display: 'block',
252
- backgroundColor: '#ccc'
252
+ backgroundColor: _theme.default.sliderScaleLineBackgroundColor
253
253
  },
254
254
  '$wrapper:not($vertical) &': {
255
255
  marginTop: _theme.default.sliderScaleMarginY,
package/cjs/tabs/tabs.js CHANGED
@@ -713,14 +713,14 @@ var tabsStyle = {
713
713
  right: 0,
714
714
  left: 'auto',
715
715
  height: '100%',
716
- background: _theme.default.tabsBorderColor
716
+ background: _theme.default.tabsLineHrBackgroundColor
717
717
  }
718
718
  },
719
719
  '[data-soui-position^="right-"] &': {
720
720
  '&:after': {
721
721
  width: 1,
722
722
  height: '100%',
723
- background: _theme.default.tabsBorderColor
723
+ background: _theme.default.tabsLineHrBackgroundColor
724
724
  }
725
725
  },
726
726
  '&:not([data-soui-state="active"])': {
@@ -731,7 +731,7 @@ var tabsStyle = {
731
731
  left: 0,
732
732
  width: '100%',
733
733
  height: 1,
734
- background: _theme.default.tabsBorderColor
734
+ background: _theme.default.tabsLineHrBackgroundColor
735
735
  }
736
736
  },
737
737
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -777,10 +777,10 @@ var tabsStyle = {
777
777
  fontWeight: _theme.default.tabsFillFontWeight,
778
778
  background: _theme.default.tabsFillBackgroundColor,
779
779
  '&[data-soui-state="active"]': {
780
- color: _theme.default.tabsFillCheckedFontColor,
781
780
  // fontSize: Token.tabsFillCheckedFontSize,
782
- fontWeight: _theme.default.tabsFillCheckedFontWeight,
783
781
  '& $fillInner': {
782
+ color: _theme.default.tabsFillCheckedFontColor,
783
+ fontWeight: _theme.default.tabsFillCheckedFontWeight,
784
784
  background: _theme.default.tabsFillCheckedBackgroundColor
785
785
  }
786
786
  },
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.3.0-beta.2";
1
+ declare const _default: "3.3.0-beta.4";
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.3.0-beta.2';
7
+ var _default = exports.default = '3.3.0-beta.4';
package/esm/button/button.js CHANGED
@@ -218,8 +218,8 @@ var ButtonStyle = {
218
218
  fontSize: Token.buttonSmallFontSize,
219
219
  padding: "".concat(Token.buttonSmallPaddingY, " ").concat(Token.buttonSmallPaddingX),
220
220
  '&$circle,&$square': {
221
- width: 24,
222
- height: 24
221
+ width: Token.buttonSmallCircleSize,
222
+ height: Token.buttonSmallCircleSize
223
223
  }
224
224
  },
225
225
  large: {
@@ -228,8 +228,8 @@ var ButtonStyle = {
228
228
  fontSize: Token.buttonLargeFontSize,
229
229
  padding: "".concat(Token.buttonLargePaddingY, " ").concat(Token.buttonLargePaddingX),
230
230
  '&$circle,&$square': {
231
- width: 40,
232
- height: 40
231
+ width: Token.buttonLargeCircleSize,
232
+ height: Token.buttonLargeCircleSize
233
233
  }
234
234
  },
235
235
  default: _objectSpread({}, button('Secondary', '')),
@@ -284,14 +284,14 @@ var ButtonStyle = {
284
284
  borderRadius: Token.buttonRoundBorderRadius
285
285
  },
286
286
  circle: {
287
- width: "32px",
288
- height: "32px",
287
+ width: Token.buttonCircleSize,
288
+ height: Token.buttonCircleSize,
289
289
  padding: 0,
290
290
  borderRadius: Token.buttonCircleBorderRadius
291
291
  },
292
292
  square: {
293
- width: "32px",
294
- height: "32px",
293
+ width: Token.buttonCircleSize,
294
+ height: Token.buttonCircleSize,
295
295
  padding: 0,
296
296
  borderRadius: Token.buttonSquareBorderRadius,
297
297
  '& $spin': {
package/esm/card/card.js CHANGED
@@ -16,7 +16,7 @@ var cardStyle = {
16
16
  wrapper: {
17
17
  display: 'flex',
18
18
  flexDirection: 'column',
19
- border: "1px solid ".concat(token.cardBorderColor),
19
+ border: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
20
20
  borderRadius: token.cardBorderRadius,
21
21
  fontSize: token.cardFontSize,
22
22
  lineHeight: token.lineHeightDynamic,
@@ -30,7 +30,7 @@ var cardStyle = {
30
30
  wrapperInAccordion: {
31
31
  border: 'none',
32
32
  '& + &': {
33
- borderTop: "1px solid ".concat(token.cardBorderColor),
33
+ borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
34
34
  borderTopLeftRadius: 0,
35
35
  borderTopRightRadius: 0
36
36
  }
@@ -41,7 +41,7 @@ var cardStyle = {
41
41
  wrapperHover: {
42
42
  transition: 'box-shadow .2s linear',
43
43
  '&:hover': {
44
- boxShadow: token.cardShadow
44
+ boxShadow: token.cardHoverShadow
45
45
  }
46
46
  },
47
47
  wrapperResizable: {
@@ -49,7 +49,7 @@ var cardStyle = {
49
49
  },
50
50
  wrapperMoveable: {},
51
51
  accordion: {
52
- border: "1px solid ".concat(token.cardBorderColor),
52
+ border: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
53
53
  borderRadius: token.cardBorderRadius
54
54
  },
55
55
  header: {
@@ -102,7 +102,7 @@ var cardStyle = {
102
102
  },
103
103
  body: {
104
104
  '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
105
- borderTop: "1px solid ".concat(token.cardBorderColor)
105
+ borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBodyBorderColor)
106
106
  },
107
107
  padding: "".concat(token.cardBodyPaddingY, " ").concat(token.cardBodyPaddingX),
108
108
  flex: 1,
@@ -116,7 +116,7 @@ var cardStyle = {
116
116
  bodyCollapse: {},
117
117
  footer: {
118
118
  '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
119
- borderTop: "1px solid ".concat(token.cardBorderColor)
119
+ borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardFooterBorderColor)
120
120
  },
121
121
  padding: "".concat(token.cardFooterPaddingY, " ").concat(token.cardFooterPaddingX),
122
122
  boxSizing: 'border-box'
package/esm/collapse/collapse-item.js CHANGED
@@ -2,7 +2,7 @@ import Token from '@sheinx/theme';
2
2
  var collapseItemStyle = {
3
3
  wrapper: {
4
4
  boxSizing: 'border-box',
5
- borderBottom: "".concat(Token.collapseWrapperBorderSize, " solid ").concat(Token.collapseWrapperBorderColor),
5
+ borderBottom: "".concat(Token.collapseWrapperBorderSize, " solid ").concat(Token.collapseHeaderBorderColor),
6
6
  '&:last-child': {
7
7
  borderBottom: 0
8
8
  },
@@ -23,7 +23,7 @@ var collapseItemStyle = {
23
23
  overflow: 'hidden',
24
24
  gap: Token.collapseHeaderGap,
25
25
  fontSize: Token.collapseHeaderFontSize,
26
- fontWeight: Token.collapseHeaderWeight,
26
+ fontWeight: Token.collapseHeaderFontWeight,
27
27
  color: Token.collapseHeaderColor,
28
28
  padding: "".concat(Token.collapseWrapperPaddingY, " ").concat(Token.collapseWrapperPaddingX)
29
29
  },
@@ -98,7 +98,7 @@ var collapseItemStyle = {
98
98
  },
99
99
  contentMain: {
100
100
  color: Token.collapseContentColor,
101
- fontWeight: Token.collapseContentWeight,
101
+ fontWeight: Token.collapseContentFontWeight,
102
102
  lineHeight: Token.lineHeightDynamic,
103
103
  padding: "".concat(Token.collapseContentPaddingY, " ").concat(Token.collapseContentPaddingRight, " ").concat(Token.collapseContentPaddingY, " ").concat(Token.collapseContentPaddingLeft),
104
104
  backgroundColor: Token.collapseContentBackgroundColor,
package/esm/list/list.js CHANGED
@@ -8,7 +8,7 @@ var listStyle = {
8
8
  flexDirection: 'column'
9
9
  },
10
10
  wrapperBordered: {
11
- border: "1px solid ".concat(token.listBorderColor),
11
+ border: "".concat(token.listBorderWidth, " solid ").concat(token.listBorderColor),
12
12
  borderRadius: token.listBorderRadius
13
13
  },
14
14
  wrapperSmall: {},
@@ -66,7 +66,7 @@ var listStyle = {
66
66
  fontSize: token.listSmallFontSize
67
67
  },
68
68
  '$wrapperLarge &': {
69
- padding: "".concat(token.listLargeItemPaddingY, " ").concat(token.listLargeItemPaddingY),
69
+ padding: "".concat(token.listLargeItemPaddingX, " ").concat(token.listLargeItemPaddingY),
70
70
  fontSize: token.listLargeFontSize
71
71
  }
72
72
  },
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,CA0D9C,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,CA+D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/esm/pagination/pagination.js CHANGED
@@ -6,6 +6,7 @@ var PaginationStyle = {
6
6
  alignItems: 'center',
7
7
  fontSize: Token.paginationFontSize,
8
8
  color: Token.paginationFontColor,
9
+ fontWeight: Token.paginationFontWeight,
9
10
  height: 'fit-content'
10
11
  },
11
12
  left: {
@@ -45,11 +46,15 @@ var PaginationStyle = {
45
46
  sizeList: {},
46
47
  simple: {},
47
48
  small: {
49
+ fontSize: Token.paginationSmallFontSize,
50
+ fontWeight: Token.paginationSmallFontWeight,
48
51
  '& $icon': {
49
52
  width: Token.paginationSmallFontSize
50
53
  }
51
54
  },
52
55
  large: {
56
+ fontSize: Token.paginationLargeFontSize,
57
+ fontWeight: Token.paginationLargeFontWeight,
53
58
  '& $icon': {
54
59
  width: Token.paginationLargeFontSize
55
60
  }
package/esm/slider/slider.js CHANGED
@@ -242,7 +242,7 @@ var sliderStyle = {
242
242
  '&::before': {
243
243
  content: '""',
244
244
  display: 'block',
245
- backgroundColor: '#ccc'
245
+ backgroundColor: token.sliderScaleLineBackgroundColor
246
246
  },
247
247
  '$wrapper:not($vertical) &': {
248
248
  marginTop: token.sliderScaleMarginY,
package/esm/tabs/tabs.js CHANGED
@@ -706,14 +706,14 @@ var tabsStyle = {
706
706
  right: 0,
707
707
  left: 'auto',
708
708
  height: '100%',
709
- background: Token.tabsBorderColor
709
+ background: Token.tabsLineHrBackgroundColor
710
710
  }
711
711
  },
712
712
  '[data-soui-position^="right-"] &': {
713
713
  '&:after': {
714
714
  width: 1,
715
715
  height: '100%',
716
- background: Token.tabsBorderColor
716
+ background: Token.tabsLineHrBackgroundColor
717
717
  }
718
718
  },
719
719
  '&:not([data-soui-state="active"])': {
@@ -724,7 +724,7 @@ var tabsStyle = {
724
724
  left: 0,
725
725
  width: '100%',
726
726
  height: 1,
727
- background: Token.tabsBorderColor
727
+ background: Token.tabsLineHrBackgroundColor
728
728
  }
729
729
  },
730
730
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -770,10 +770,10 @@ var tabsStyle = {
770
770
  fontWeight: Token.tabsFillFontWeight,
771
771
  background: Token.tabsFillBackgroundColor,
772
772
  '&[data-soui-state="active"]': {
773
- color: Token.tabsFillCheckedFontColor,
774
773
  // fontSize: Token.tabsFillCheckedFontSize,
775
- fontWeight: Token.tabsFillCheckedFontWeight,
776
774
  '& $fillInner': {
775
+ color: Token.tabsFillCheckedFontColor,
776
+ fontWeight: Token.tabsFillCheckedFontWeight,
777
777
  background: Token.tabsFillCheckedBackgroundColor
778
778
  }
779
779
  },
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.3.0-beta.2";
1
+ declare const _default: "3.3.0-beta.4";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.3.0-beta.2';
1
+ export default '3.3.0-beta.4';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.3.0-beta.2",
3
+ "version": "3.3.0-beta.4",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.3.0-beta.2",
21
- "@sheinx/base": "3.3.0-beta.2"
20
+ "@sheinx/theme": "3.3.0-beta.4",
21
+ "@sheinx/base": "3.3.0-beta.4"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"