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

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 (19) hide show
  1. package/cjs/breadcrumb/breadcrumb.js +2 -2
  2. package/cjs/dropdown/dropdown.js +3 -3
  3. package/cjs/menu/menu.d.ts.map +1 -1
  4. package/cjs/menu/menu.js +5 -2
  5. package/cjs/switch/switch.d.ts.map +1 -1
  6. package/cjs/switch/switch.js +4 -1
  7. package/cjs/tabs/tabs.js +1 -1
  8. package/cjs/version.d.ts +1 -1
  9. package/cjs/version.js +1 -1
  10. package/esm/breadcrumb/breadcrumb.js +2 -2
  11. package/esm/dropdown/dropdown.js +3 -3
  12. package/esm/menu/menu.d.ts.map +1 -1
  13. package/esm/menu/menu.js +5 -2
  14. package/esm/switch/switch.d.ts.map +1 -1
  15. package/esm/switch/switch.js +4 -1
  16. package/esm/tabs/tabs.js +1 -1
  17. package/esm/version.d.ts +1 -1
  18. package/esm/version.js +1 -1
  19. package/package.json +3 -3
package/cjs/breadcrumb/breadcrumb.js CHANGED
@@ -88,8 +88,8 @@ var breadcrumbStyle = {
88
88
  }
89
89
  },
90
90
  down: {
91
- width: _theme.default.breadcrumbDownIconSize,
92
- height: _theme.default.breadcrumbDownIconSize,
91
+ width: _theme.default.breadcrumbFontSize,
92
+ height: _theme.default.breadcrumbFontSize,
93
93
  lineHeight: '1',
94
94
  marginLeft: 4
95
95
  },
package/cjs/dropdown/dropdown.js CHANGED
@@ -179,16 +179,16 @@ var dropdown = {
179
179
  },
180
180
  itemDisabled: {},
181
181
  optionGroup: {
182
- padding: "calc(".concat(_theme.default.dropdownOptionGroupPaddingTop, " - 4px) ").concat(_theme.default.dropdownOptionGroupPaddingX, " ").concat(_theme.default.dropdownOptionGroupPaddingBottom, " ").concat(_theme.default.dropdownOptionGroupPaddingX),
182
+ padding: "calc(".concat(_theme.default.dropdownOptionGroupPaddingTop, " - 4px) ").concat(_theme.default.dropdownOptionPaddingX, " ").concat(_theme.default.dropdownOptionGroupPaddingBottom),
183
183
  fontSize: _theme.default.dropdownOptionGroupFontSize,
184
184
  fontWeight: _theme.default.dropdownOptionGroupFontWeight,
185
185
  color: _theme.default.dropdownOptionGroupFontColor,
186
186
  lineHeight: _theme.default.lineHeightDynamic,
187
187
  '$listSmall &': {
188
- padding: "".concat(_theme.default.dropdownOptionGroupSmallTop, " ").concat(_theme.default.dropdownOptionGroupSmallX, " 0 ").concat(_theme.default.dropdownOptionGroupSmallX)
188
+ padding: "".concat(_theme.default.dropdownOptionGroupSmallTop, " ").concat(_theme.default.dropdownOptionSmallPaddingX, " 0")
189
189
  },
190
190
  '$listLarge &': {
191
- padding: "".concat(_theme.default.dropdownOptionGroupLargeTop, " ").concat(_theme.default.dropdownOptionGroupLargeX, " ").concat(_theme.default.dropdownOptionGroupLargeBottom, " ").concat(_theme.default.dropdownOptionGroupLargeX)
191
+ padding: "".concat(_theme.default.dropdownOptionGroupLargeTop, " ").concat(_theme.default.dropdownOptionLargePaddingX, " ").concat(_theme.default.dropdownOptionGroupLargeBottom)
192
192
  }
193
193
  },
194
194
  optionDivider: {
package/cjs/menu/menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAijBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAojBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/menu/menu.js CHANGED
@@ -203,8 +203,11 @@ var menuStyle = {
203
203
  }
204
204
  },
205
205
  // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
206
- '[data-soui-theme=dark] $root > $item > &': {
207
- backgroundColor: _theme.default.menuDarkItemBackgroundColor
206
+ '[data-soui-theme=dark] $root > $item:not($itemActive) > &': {
207
+ backgroundColor: _theme.default.menuDarkItemBackgroundColor,
208
+ '&:hover': {
209
+ backgroundColor: _theme.default.menuDarkItemHoverBackgroundColor
210
+ }
208
211
  },
209
212
  '[data-soui-theme=dark] &': {
210
213
  color: _theme.default.menuDarkFontColor,
package/cjs/switch/switch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAgM9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/switch/switch.js CHANGED
@@ -41,6 +41,7 @@ var switchStyle = _objectSpread(_objectSpread({
41
41
  color: _theme.default.switchFontColor,
42
42
  verticalAlign: 'middle',
43
43
  outline: 'none',
44
+ lineHeight: _theme.default.switchCircleSize,
44
45
  '$wrapperDisabled&': {
45
46
  backgroundColor: _theme.default.switchDisabledBackgroundColor,
46
47
  color: _theme.default.switchDisabledFontColor
@@ -59,6 +60,7 @@ var switchStyle = _objectSpread(_objectSpread({
59
60
  minWidth: _theme.default.switchSmallWidth,
60
61
  borderRadius: "calc( ".concat(_theme.default.switchSmallCircleSize, " / 2 + ").concat(_theme.default.switchSmallPaddingY, " )"),
61
62
  fontSize: _theme.default.switchSmallFontSize,
63
+ lineHeight: _theme.default.switchSmallCircleSize,
62
64
  '[data-soui-role="form-control"] > &': {
63
65
  marginTop: 8
64
66
  }
@@ -67,7 +69,8 @@ var switchStyle = _objectSpread(_objectSpread({
67
69
  padding: "".concat(_theme.default.switchLargePaddingY, " ").concat(_theme.default.switchLargePaddingX),
68
70
  minWidth: _theme.default.switchLargeWidth,
69
71
  borderRadius: "calc( ".concat(_theme.default.switchLargeCircleSize, " / 2 + ").concat(_theme.default.switchLargePaddingY, " )"),
70
- fontSize: _theme.default.switchLargeFontSize
72
+ fontSize: _theme.default.switchLargeFontSize,
73
+ lineHeight: _theme.default.switchLargeCircleSize
71
74
  }),
72
75
  wrapperChecked: {},
73
76
  textPadding: {
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: _theme.default.tabsCardBackgroundColor,
465
+ background: _theme.default.tabsCardCheckedBackgroundColor,
466
466
  alignSelf: 'stretch',
467
467
  display: 'flex',
468
468
  alignItems: 'center',
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.12";
1
+ declare const _default: "3.9.13-beta.14";
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.12';
7
+ var _default = exports.default = '3.9.13-beta.14';
package/esm/breadcrumb/breadcrumb.js CHANGED
@@ -81,8 +81,8 @@ var breadcrumbStyle = {
81
81
  }
82
82
  },
83
83
  down: {
84
- width: token.breadcrumbDownIconSize,
85
- height: token.breadcrumbDownIconSize,
84
+ width: token.breadcrumbFontSize,
85
+ height: token.breadcrumbFontSize,
86
86
  lineHeight: '1',
87
87
  marginLeft: 4
88
88
  },
package/esm/dropdown/dropdown.js CHANGED
@@ -172,16 +172,16 @@ var dropdown = {
172
172
  },
173
173
  itemDisabled: {},
174
174
  optionGroup: {
175
- padding: "calc(".concat(token.dropdownOptionGroupPaddingTop, " - 4px) ").concat(token.dropdownOptionGroupPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom, " ").concat(token.dropdownOptionGroupPaddingX),
175
+ padding: "calc(".concat(token.dropdownOptionGroupPaddingTop, " - 4px) ").concat(token.dropdownOptionPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom),
176
176
  fontSize: token.dropdownOptionGroupFontSize,
177
177
  fontWeight: token.dropdownOptionGroupFontWeight,
178
178
  color: token.dropdownOptionGroupFontColor,
179
179
  lineHeight: token.lineHeightDynamic,
180
180
  '$listSmall &': {
181
- padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionGroupSmallX, " 0 ").concat(token.dropdownOptionGroupSmallX)
181
+ padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionSmallPaddingX, " 0")
182
182
  },
183
183
  '$listLarge &': {
184
- padding: "".concat(token.dropdownOptionGroupLargeTop, " ").concat(token.dropdownOptionGroupLargeX, " ").concat(token.dropdownOptionGroupLargeBottom, " ").concat(token.dropdownOptionGroupLargeX)
184
+ padding: "".concat(token.dropdownOptionGroupLargeTop, " ").concat(token.dropdownOptionLargePaddingX, " ").concat(token.dropdownOptionGroupLargeBottom)
185
185
  }
186
186
  },
187
187
  optionDivider: {
package/esm/menu/menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAijBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAojBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -196,8 +196,11 @@ var menuStyle = {
196
196
  }
197
197
  },
198
198
  // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
199
- '[data-soui-theme=dark] $root > $item > &': {
200
- backgroundColor: token.menuDarkItemBackgroundColor
199
+ '[data-soui-theme=dark] $root > $item:not($itemActive) > &': {
200
+ backgroundColor: token.menuDarkItemBackgroundColor,
201
+ '&:hover': {
202
+ backgroundColor: token.menuDarkItemHoverBackgroundColor
203
+ }
201
204
  },
202
205
  '[data-soui-theme=dark] &': {
203
206
  color: token.menuDarkFontColor,
package/esm/switch/switch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAgM9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/switch/switch.js CHANGED
@@ -33,6 +33,7 @@ var switchStyle = _objectSpread(_objectSpread({
33
33
  color: token.switchFontColor,
34
34
  verticalAlign: 'middle',
35
35
  outline: 'none',
36
+ lineHeight: token.switchCircleSize,
36
37
  '$wrapperDisabled&': {
37
38
  backgroundColor: token.switchDisabledBackgroundColor,
38
39
  color: token.switchDisabledFontColor
@@ -51,6 +52,7 @@ var switchStyle = _objectSpread(_objectSpread({
51
52
  minWidth: token.switchSmallWidth,
52
53
  borderRadius: "calc( ".concat(token.switchSmallCircleSize, " / 2 + ").concat(token.switchSmallPaddingY, " )"),
53
54
  fontSize: token.switchSmallFontSize,
55
+ lineHeight: token.switchSmallCircleSize,
54
56
  '[data-soui-role="form-control"] > &': {
55
57
  marginTop: 8
56
58
  }
@@ -59,7 +61,8 @@ var switchStyle = _objectSpread(_objectSpread({
59
61
  padding: "".concat(token.switchLargePaddingY, " ").concat(token.switchLargePaddingX),
60
62
  minWidth: token.switchLargeWidth,
61
63
  borderRadius: "calc( ".concat(token.switchLargeCircleSize, " / 2 + ").concat(token.switchLargePaddingY, " )"),
62
- fontSize: token.switchLargeFontSize
64
+ fontSize: token.switchLargeFontSize,
65
+ lineHeight: token.switchLargeCircleSize
63
66
  }),
64
67
  wrapperChecked: {},
65
68
  textPadding: {
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: Token.tabsCardBackgroundColor,
458
+ background: Token.tabsCardCheckedBackgroundColor,
459
459
  alignSelf: 'stretch',
460
460
  display: 'flex',
461
461
  alignItems: 'center',
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.12";
1
+ declare const _default: "3.9.13-beta.14";
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.12';
1
+ export default '3.9.13-beta.14';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.13-beta.12",
3
+ "version": "3.9.13-beta.14",
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.12",
21
- "@sheinx/base": "3.9.13-beta.12"
20
+ "@sheinx/theme": "3.9.13-beta.14",
21
+ "@sheinx/base": "3.9.13-beta.14"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"