@sheinx/shineout-style 3.9.13-beta.2 → 3.9.13-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 (33) hide show
  1. package/cjs/alert/alert.js +2 -2
  2. package/cjs/badge/badge.d.ts +1 -0
  3. package/cjs/badge/badge.d.ts.map +1 -1
  4. package/cjs/badge/badge.js +8 -0
  5. package/cjs/cascader/cascader.js +3 -3
  6. package/cjs/checkbox/checkbox.js +6 -6
  7. package/cjs/date-picker/date-picker.js +8 -8
  8. package/cjs/editable-area/editable-area.js +2 -2
  9. package/cjs/input/input.js +15 -15
  10. package/cjs/menu/menu.js +4 -4
  11. package/cjs/radio/radio.js +9 -9
  12. package/cjs/tabs/tabs.js +2 -2
  13. package/cjs/textarea/textarea.js +9 -9
  14. package/cjs/tree/tree.js +2 -2
  15. package/cjs/version.d.ts +1 -1
  16. package/cjs/version.js +1 -1
  17. package/esm/alert/alert.js +2 -2
  18. package/esm/badge/badge.d.ts +1 -0
  19. package/esm/badge/badge.d.ts.map +1 -1
  20. package/esm/badge/badge.js +8 -0
  21. package/esm/cascader/cascader.js +3 -3
  22. package/esm/checkbox/checkbox.js +6 -6
  23. package/esm/date-picker/date-picker.js +8 -8
  24. package/esm/editable-area/editable-area.js +2 -2
  25. package/esm/input/input.js +15 -15
  26. package/esm/menu/menu.js +4 -4
  27. package/esm/radio/radio.js +9 -9
  28. package/esm/tabs/tabs.js +2 -2
  29. package/esm/textarea/textarea.js +9 -9
  30. package/esm/tree/tree.js +2 -2
  31. package/esm/version.d.ts +1 -1
  32. package/esm/version.js +1 -1
  33. package/package.json +3 -3
package/cjs/alert/alert.js CHANGED
@@ -64,7 +64,7 @@ var alertStyle = {
64
64
  withTitle: {
65
65
  '& $icon': {
66
66
  fontSize: _theme.default.alertTitleFontSize,
67
- width: "calc(".concat(_theme.default.alertTitleIconWidth, " + 2px)"),
67
+ width: "calc(".concat(_theme.default.alertTitleFontSize, " + 2px)"),
68
68
  height: _theme.default.lineHeightDynamic
69
69
  },
70
70
  '& $title': {
@@ -174,7 +174,7 @@ var alertStyle = {
174
174
  }
175
175
  },
176
176
  icon: {
177
- width: _theme.default.alertIconSize,
177
+ width: "calc(".concat(_theme.default.alertFontSize, " + 2px)"),
178
178
  display: 'inline-flex',
179
179
  fontSize: _theme.default.alertFontSize,
180
180
  height: _theme.default.lineHeightDynamic,
package/cjs/badge/badge.d.ts CHANGED
@@ -19,6 +19,7 @@ export type BadgeClasses = {
19
19
  default: string;
20
20
  processing: string;
21
21
  small: string;
22
+ standalone: string;
22
23
  '@keyframes animationZoom': string;
23
24
  '@keyframes animationProgressing': string;
24
25
  };
package/cjs/badge/badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IAEnB,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqIxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/badge/badge.js CHANGED
@@ -26,6 +26,14 @@ var badgeStyle = {
26
26
  boxShadow: "0 0 0 1px #fff"
27
27
  }
28
28
  },
29
+ standalone: {
30
+ fontSize: 0,
31
+ '& $count,$custom,$dot': {
32
+ position: 'static',
33
+ transform: 'none',
34
+ boxShadow: 'none'
35
+ }
36
+ },
29
37
  textBadge: {
30
38
  display: 'block',
31
39
  lineHeight: 'inherit',
package/cjs/cascader/cascader.js CHANGED
@@ -551,12 +551,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
551
551
  justifyContent: 'center',
552
552
  '& svg': {
553
553
  verticalAlign: 'middle',
554
- width: _theme.default.cascaderOptionIconSize,
554
+ width: _theme.default.cascaderFontSize,
555
555
  '$wrapperLarge &': {
556
- width: _theme.default.cascaderLargeOptionIconSize
556
+ width: _theme.default.cascaderLargeFontSize
557
557
  },
558
558
  '$wrapperSmall &': {
559
- width: _theme.default.cascaderSmallOptionIconSize
559
+ width: _theme.default.cascaderSmallFontSize
560
560
  }
561
561
  }
562
562
  },
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.checkboxIconSize,
49
- height: _theme.default.checkboxIconSize,
48
+ width: _theme.default.checkboxLabelFontSize,
49
+ height: _theme.default.checkboxLabelFontSize,
50
50
  // marginTop: token.checkboxIndicatorMarginTop,
51
51
  flexShrink: 0,
52
52
  '$wrapperSmall &': {
53
- width: _theme.default.checkboxSmallIconSize,
54
- height: _theme.default.checkboxSmallIconSize
53
+ width: _theme.default.checkboxSmallLabelFontSize,
54
+ height: _theme.default.checkboxSmallLabelFontSize
55
55
  },
56
56
  '$wrapperLarge &': {
57
- width: _theme.default.checkboxLargeIconSize,
58
- height: _theme.default.checkboxLargeIconSize
57
+ width: _theme.default.checkboxLargeLabelFontSize,
58
+ height: _theme.default.checkboxLargeLabelFontSize
59
59
  },
60
60
  verticalAlign: 'middle',
61
61
  '&::before': {
package/cjs/date-picker/date-picker.js CHANGED
@@ -205,15 +205,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
205
205
  alignItems: 'center',
206
206
  color: _theme.default.datePickerIconColor,
207
207
  '& svg': {
208
- width: _theme.default.datePickerIconSize,
209
- height: _theme.default.datePickerIconSize,
208
+ width: _theme.default.datePickerFontSize,
209
+ height: _theme.default.datePickerFontSize,
210
210
  '$wrapperSmall &': {
211
- width: _theme.default.datePickerSmallIconSize,
212
- height: _theme.default.datePickerSmallIconSize
211
+ width: _theme.default.datePickerSmallFontSize,
212
+ height: _theme.default.datePickerSmallFontSize
213
213
  },
214
214
  '$wrapperLarge &': {
215
- width: _theme.default.datePickerLargeIconSize,
216
- height: _theme.default.datePickerLargeIconSize
215
+ width: _theme.default.datePickerLargeFontSize,
216
+ height: _theme.default.datePickerLargeFontSize
217
217
  }
218
218
  },
219
219
  // todo 暂时写死
@@ -684,8 +684,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
684
684
  lineHeight: '0',
685
685
  marginRight: '8px',
686
686
  '& > svg': {
687
- width: _theme.default.datePickerIconSize,
688
- height: _theme.default.datePickerIconSize,
687
+ width: _theme.default.datePickerFontSize,
688
+ height: _theme.default.datePickerFontSize,
689
689
  color: _theme.default.datePickerIconColor
690
690
  }
691
691
  },
package/cjs/editable-area/editable-area.js CHANGED
@@ -81,8 +81,8 @@ var editableAreaStyle = _objectSpread(_objectSpread({
81
81
  clear: {
82
82
  position: 'absolute',
83
83
  display: 'flex',
84
- width: _theme.default.inputIconSize,
85
- height: _theme.default.inputIconSize,
84
+ width: _theme.default.inputFontSize,
85
+ height: _theme.default.inputFontSize,
86
86
  top: 0,
87
87
  bottom: 0,
88
88
  margin: 'auto',
package/cjs/input/input.js CHANGED
@@ -179,7 +179,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
179
179
  },
180
180
  clearWrapper: {
181
181
  position: 'relative',
182
- flexBasis: "calc(".concat(_theme.default.inputIconSize, " + 8px)"),
182
+ flexBasis: "calc(".concat(_theme.default.inputFontSize, " + 8px)"),
183
183
  flexShrink: 0,
184
184
  display: 'none',
185
185
  '$wrapper:hover &, $wrapperFocus &': {
@@ -188,7 +188,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
188
188
  },
189
189
  password: {
190
190
  '& $clearWrapper': {
191
- flexBasis: "calc(".concat(_theme.default.inputIconSize, " + 12px)")
191
+ flexBasis: "calc(".concat(_theme.default.inputFontSize, " + 12px)")
192
192
  },
193
193
  '& $clear': {
194
194
  marginRight: 8,
@@ -203,8 +203,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
203
203
  top: '0',
204
204
  bottom: '0',
205
205
  margin: 'auto',
206
- width: _theme.default.inputIconSize,
207
- height: _theme.default.inputIconSize,
206
+ width: _theme.default.inputFontSize,
207
+ height: _theme.default.inputFontSize,
208
208
  boxSizing: 'border-box',
209
209
  display: 'flex',
210
210
  cursor: 'pointer',
@@ -219,12 +219,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
219
219
  left: '0'
220
220
  },
221
221
  '$wrapperSmall &': {
222
- width: _theme.default.inputSmallIconSize,
223
- height: _theme.default.inputSmallIconSize
222
+ width: _theme.default.inputSmallFontSize,
223
+ height: _theme.default.inputSmallFontSize
224
224
  },
225
225
  '$wrapperLarge &': {
226
- width: _theme.default.inputLargeIconSize,
227
- height: _theme.default.inputLargeIconSize
226
+ width: _theme.default.inputLargeFontSize,
227
+ height: _theme.default.inputLargeFontSize
228
228
  }
229
229
  },
230
230
  group: _objectSpread(_objectSpread({}, group), {}, {
@@ -274,7 +274,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
274
274
  borderBottom: "1px solid ".concat(_theme.default.inputBorderColor)
275
275
  },
276
276
  '& svg': {
277
- width: _theme.default.inputIconSize,
277
+ width: _theme.default.inputFontSize,
278
278
  transform: 'rotate(-90deg)'
279
279
  }
280
280
  },
@@ -290,20 +290,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
290
290
  display: 'flex',
291
291
  alignItems: 'center',
292
292
  flexShrink: 0,
293
- width: _theme.default.inputIconSize,
294
- height: _theme.default.inputIconSize,
293
+ width: _theme.default.inputFontSize,
294
+ height: _theme.default.inputFontSize,
295
295
  color: _theme.default.inputToggleColor,
296
296
  cursor: 'pointer',
297
297
  '$wrapperDisabled &': {
298
298
  color: _theme.default.inputDisabledFontColor
299
299
  },
300
300
  '$wrapperSmall &': {
301
- width: _theme.default.inputSmallIconSize,
302
- height: _theme.default.inputSmallIconSize
301
+ width: _theme.default.inputSmallFontSize,
302
+ height: _theme.default.inputSmallFontSize
303
303
  },
304
304
  '$wrapperLarge &': {
305
- width: _theme.default.inputLargeIconSize,
306
- height: _theme.default.inputLargeIconSize
305
+ width: _theme.default.inputLargeFontSize,
306
+ height: _theme.default.inputLargeFontSize
307
307
  },
308
308
  '& > svg': {
309
309
  cursor: 'pointer',
package/cjs/menu/menu.js CHANGED
@@ -413,13 +413,13 @@ var menuStyle = {
413
413
  minWidth: 0,
414
414
  padding: "".concat(_theme.default.menuTitlePaddingY, " ").concat(_theme.default.menuTitlePaddingX),
415
415
  '$wrapperInline $childrenHasExpand $item:not($itemHasChildren) $itemContentBack > &': {
416
- paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuExpandSize, ")")
416
+ paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuFontSize, ")")
417
417
  },
418
418
  '$wrapperInline $itemHasChildren > $itemContentBack > &': {
419
419
  paddingRight: 0
420
420
  },
421
421
  '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
422
- paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuExpandSize, ")")
422
+ paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuFontSize, ")")
423
423
  },
424
424
  '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
425
425
  paddingRight: _theme.default.menuTitlePaddingX
@@ -461,8 +461,8 @@ var menuStyle = {
461
461
  },
462
462
  '& > $icon': {
463
463
  lineHeight: 1,
464
- width: _theme.default.menuExpandSize,
465
- height: _theme.default.menuExpandSize,
464
+ width: _theme.default.menuFontSize,
465
+ height: _theme.default.menuFontSize,
466
466
  alignSelf: 'flex-start',
467
467
  alignItems: 'center',
468
468
  display: 'flex',
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.radioIconWidth,
63
- minWidth: _theme.default.radioIconWidth,
64
- height: _theme.default.radioIconWidth,
62
+ width: _theme.default.radioLabelFontSize,
63
+ minWidth: _theme.default.radioLabelFontSize,
64
+ height: _theme.default.radioLabelFontSize,
65
65
  '$wrapperSmall &': {
66
- width: _theme.default.radioSmallIconWidth,
67
- minWidth: _theme.default.radioSmallIconWidth,
68
- height: _theme.default.radioSmallIconWidth
66
+ width: _theme.default.radioSmallLabelFontSize,
67
+ minWidth: _theme.default.radioSmallLabelFontSize,
68
+ height: _theme.default.radioSmallLabelFontSize
69
69
  },
70
70
  '$wrapperLarge &': {
71
- width: _theme.default.radioLargeIconWidth,
72
- minWidth: _theme.default.radioLargeIconWidth,
73
- height: _theme.default.radioLargeIconWidth
71
+ width: _theme.default.radioLargeLabelFontSize,
72
+ minWidth: _theme.default.radioLargeLabelFontSize,
73
+ height: _theme.default.radioLargeLabelFontSize
74
74
  },
75
75
  marginRight: _theme.default.radioIconGap,
76
76
  verticalAlign: 'middle',
package/cjs/tabs/tabs.js CHANGED
@@ -573,10 +573,10 @@ var tabsStyle = {
573
573
  background: _theme.default.tabsActiveFontColor,
574
574
  transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
575
575
  '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
576
- height: _theme.default.tabsLineActiveHeight
576
+ height: _theme.default.tabsLineAfterHeight
577
577
  },
578
578
  '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
579
- width: _theme.default.tabsLineActiveHeight
579
+ width: _theme.default.tabsLineAfterHeight
580
580
  }
581
581
  },
582
582
  header: {
package/cjs/textarea/textarea.js CHANGED
@@ -163,15 +163,15 @@ var input = _objectSpread(_objectSpread(_objectSpread({
163
163
  },
164
164
  '& > svg': {
165
165
  display: 'block',
166
- width: _theme.default.textareaClearSize,
167
- height: _theme.default.textareaClearSize,
166
+ width: _theme.default.textareaFontSize,
167
+ height: _theme.default.textareaFontSize,
168
168
  '$wrapperSmall &': {
169
- width: _theme.default.textareaSmallClearSize,
170
- height: _theme.default.textareaSmallClearSize
169
+ width: _theme.default.textareaSmallFontSize,
170
+ height: _theme.default.textareaSmallFontSize
171
171
  },
172
172
  '$wrapperLarge &': {
173
- width: _theme.default.textareaLargeClearSize,
174
- height: _theme.default.textareaLargeClearSize
173
+ width: _theme.default.textareaLargeFontSize,
174
+ height: _theme.default.textareaLargeFontSize
175
175
  }
176
176
  },
177
177
  '[dir="rtl"] &': {
@@ -181,13 +181,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
181
181
  },
182
182
  wrapperWithClear: {
183
183
  '&& $textarea': {
184
- paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " + ").concat(_theme.default.textareaClearSize, " + 12px)")
184
+ paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " + ").concat(_theme.default.textareaFontSize, " + 12px)")
185
185
  },
186
186
  '&&$wrapperSmall > $textarea': {
187
- paddingRight: "calc(".concat(_theme.default.textareaSmallPaddingX, " + ").concat(_theme.default.textareaSmallClearSize, " + 12px)")
187
+ paddingRight: "calc(".concat(_theme.default.textareaSmallPaddingX, " + ").concat(_theme.default.textareaSmallFontSize, " + 12px)")
188
188
  },
189
189
  '&&$wrapperLarge > $textarea': {
190
- paddingRight: "calc(".concat(_theme.default.textareaLargePaddingX, " + ").concat(_theme.default.textareaLargeClearSize, " + 12px)")
190
+ paddingRight: "calc(".concat(_theme.default.textareaLargePaddingX, " + ").concat(_theme.default.textareaLargeFontSize, " + 12px)")
191
191
  }
192
192
  },
193
193
  wrapperShowClear: {
package/cjs/tree/tree.js CHANGED
@@ -392,9 +392,9 @@ var treeStyle = {
392
392
  background: _theme.default.treeItemActiveBackgroundColor
393
393
  },
394
394
  '& svg': {
395
- width: _theme.default.treeIconSize,
395
+ width: _theme.default.treeFontSize,
396
396
  '$sizeLarge &': {
397
- width: "calc(".concat(_theme.default.treeIconSize, " + 2px)")
397
+ width: "calc(".concat(_theme.default.treeFontSize, " + 2px)")
398
398
  }
399
399
  }
400
400
  },
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.2";
1
+ declare const _default: "3.9.13-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.9.13-beta.2';
7
+ var _default = exports.default = '3.9.13-beta.4';
package/esm/alert/alert.js CHANGED
@@ -57,7 +57,7 @@ var alertStyle = {
57
57
  withTitle: {
58
58
  '& $icon': {
59
59
  fontSize: Token.alertTitleFontSize,
60
- width: "calc(".concat(Token.alertTitleIconWidth, " + 2px)"),
60
+ width: "calc(".concat(Token.alertTitleFontSize, " + 2px)"),
61
61
  height: Token.lineHeightDynamic
62
62
  },
63
63
  '& $title': {
@@ -167,7 +167,7 @@ var alertStyle = {
167
167
  }
168
168
  },
169
169
  icon: {
170
- width: Token.alertIconSize,
170
+ width: "calc(".concat(Token.alertFontSize, " + 2px)"),
171
171
  display: 'inline-flex',
172
172
  fontSize: Token.alertFontSize,
173
173
  height: Token.lineHeightDynamic,
package/esm/badge/badge.d.ts CHANGED
@@ -19,6 +19,7 @@ export type BadgeClasses = {
19
19
  default: string;
20
20
  processing: string;
21
21
  small: string;
22
+ standalone: string;
22
23
  '@keyframes animationZoom': string;
23
24
  '@keyframes animationProgressing': string;
24
25
  };
package/esm/badge/badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IAEnB,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqIxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/badge/badge.js CHANGED
@@ -19,6 +19,14 @@ var badgeStyle = {
19
19
  boxShadow: "0 0 0 1px #fff"
20
20
  }
21
21
  },
22
+ standalone: {
23
+ fontSize: 0,
24
+ '& $count,$custom,$dot': {
25
+ position: 'static',
26
+ transform: 'none',
27
+ boxShadow: 'none'
28
+ }
29
+ },
22
30
  textBadge: {
23
31
  display: 'block',
24
32
  lineHeight: 'inherit',
package/esm/cascader/cascader.js CHANGED
@@ -542,12 +542,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
542
542
  justifyContent: 'center',
543
543
  '& svg': {
544
544
  verticalAlign: 'middle',
545
- width: token.cascaderOptionIconSize,
545
+ width: token.cascaderFontSize,
546
546
  '$wrapperLarge &': {
547
- width: token.cascaderLargeOptionIconSize
547
+ width: token.cascaderLargeFontSize
548
548
  },
549
549
  '$wrapperSmall &': {
550
- width: token.cascaderSmallOptionIconSize
550
+ width: token.cascaderSmallFontSize
551
551
  }
552
552
  }
553
553
  },
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.checkboxIconSize,
42
- height: token.checkboxIconSize,
41
+ width: token.checkboxLabelFontSize,
42
+ height: token.checkboxLabelFontSize,
43
43
  // marginTop: token.checkboxIndicatorMarginTop,
44
44
  flexShrink: 0,
45
45
  '$wrapperSmall &': {
46
- width: token.checkboxSmallIconSize,
47
- height: token.checkboxSmallIconSize
46
+ width: token.checkboxSmallLabelFontSize,
47
+ height: token.checkboxSmallLabelFontSize
48
48
  },
49
49
  '$wrapperLarge &': {
50
- width: token.checkboxLargeIconSize,
51
- height: token.checkboxLargeIconSize
50
+ width: token.checkboxLargeLabelFontSize,
51
+ height: token.checkboxLargeLabelFontSize
52
52
  },
53
53
  verticalAlign: 'middle',
54
54
  '&::before': {
package/esm/date-picker/date-picker.js CHANGED
@@ -198,15 +198,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
198
198
  alignItems: 'center',
199
199
  color: token.datePickerIconColor,
200
200
  '& svg': {
201
- width: token.datePickerIconSize,
202
- height: token.datePickerIconSize,
201
+ width: token.datePickerFontSize,
202
+ height: token.datePickerFontSize,
203
203
  '$wrapperSmall &': {
204
- width: token.datePickerSmallIconSize,
205
- height: token.datePickerSmallIconSize
204
+ width: token.datePickerSmallFontSize,
205
+ height: token.datePickerSmallFontSize
206
206
  },
207
207
  '$wrapperLarge &': {
208
- width: token.datePickerLargeIconSize,
209
- height: token.datePickerLargeIconSize
208
+ width: token.datePickerLargeFontSize,
209
+ height: token.datePickerLargeFontSize
210
210
  }
211
211
  },
212
212
  // todo 暂时写死
@@ -677,8 +677,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
677
677
  lineHeight: '0',
678
678
  marginRight: '8px',
679
679
  '& > svg': {
680
- width: token.datePickerIconSize,
681
- height: token.datePickerIconSize,
680
+ width: token.datePickerFontSize,
681
+ height: token.datePickerFontSize,
682
682
  color: token.datePickerIconColor
683
683
  }
684
684
  },
package/esm/editable-area/editable-area.js CHANGED
@@ -74,8 +74,8 @@ var editableAreaStyle = _objectSpread(_objectSpread({
74
74
  clear: {
75
75
  position: 'absolute',
76
76
  display: 'flex',
77
- width: token.inputIconSize,
78
- height: token.inputIconSize,
77
+ width: token.inputFontSize,
78
+ height: token.inputFontSize,
79
79
  top: 0,
80
80
  bottom: 0,
81
81
  margin: 'auto',
package/esm/input/input.js CHANGED
@@ -172,7 +172,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
172
172
  },
173
173
  clearWrapper: {
174
174
  position: 'relative',
175
- flexBasis: "calc(".concat(token.inputIconSize, " + 8px)"),
175
+ flexBasis: "calc(".concat(token.inputFontSize, " + 8px)"),
176
176
  flexShrink: 0,
177
177
  display: 'none',
178
178
  '$wrapper:hover &, $wrapperFocus &': {
@@ -181,7 +181,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
181
181
  },
182
182
  password: {
183
183
  '& $clearWrapper': {
184
- flexBasis: "calc(".concat(token.inputIconSize, " + 12px)")
184
+ flexBasis: "calc(".concat(token.inputFontSize, " + 12px)")
185
185
  },
186
186
  '& $clear': {
187
187
  marginRight: 8,
@@ -196,8 +196,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
196
196
  top: '0',
197
197
  bottom: '0',
198
198
  margin: 'auto',
199
- width: token.inputIconSize,
200
- height: token.inputIconSize,
199
+ width: token.inputFontSize,
200
+ height: token.inputFontSize,
201
201
  boxSizing: 'border-box',
202
202
  display: 'flex',
203
203
  cursor: 'pointer',
@@ -212,12 +212,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
212
212
  left: '0'
213
213
  },
214
214
  '$wrapperSmall &': {
215
- width: token.inputSmallIconSize,
216
- height: token.inputSmallIconSize
215
+ width: token.inputSmallFontSize,
216
+ height: token.inputSmallFontSize
217
217
  },
218
218
  '$wrapperLarge &': {
219
- width: token.inputLargeIconSize,
220
- height: token.inputLargeIconSize
219
+ width: token.inputLargeFontSize,
220
+ height: token.inputLargeFontSize
221
221
  }
222
222
  },
223
223
  group: _objectSpread(_objectSpread({}, group), {}, {
@@ -267,7 +267,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
267
267
  borderBottom: "1px solid ".concat(token.inputBorderColor)
268
268
  },
269
269
  '& svg': {
270
- width: token.inputIconSize,
270
+ width: token.inputFontSize,
271
271
  transform: 'rotate(-90deg)'
272
272
  }
273
273
  },
@@ -283,20 +283,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
283
283
  display: 'flex',
284
284
  alignItems: 'center',
285
285
  flexShrink: 0,
286
- width: token.inputIconSize,
287
- height: token.inputIconSize,
286
+ width: token.inputFontSize,
287
+ height: token.inputFontSize,
288
288
  color: token.inputToggleColor,
289
289
  cursor: 'pointer',
290
290
  '$wrapperDisabled &': {
291
291
  color: token.inputDisabledFontColor
292
292
  },
293
293
  '$wrapperSmall &': {
294
- width: token.inputSmallIconSize,
295
- height: token.inputSmallIconSize
294
+ width: token.inputSmallFontSize,
295
+ height: token.inputSmallFontSize
296
296
  },
297
297
  '$wrapperLarge &': {
298
- width: token.inputLargeIconSize,
299
- height: token.inputLargeIconSize
298
+ width: token.inputLargeFontSize,
299
+ height: token.inputLargeFontSize
300
300
  },
301
301
  '& > svg': {
302
302
  cursor: 'pointer',
package/esm/menu/menu.js CHANGED
@@ -406,13 +406,13 @@ var menuStyle = {
406
406
  minWidth: 0,
407
407
  padding: "".concat(token.menuTitlePaddingY, " ").concat(token.menuTitlePaddingX),
408
408
  '$wrapperInline $childrenHasExpand $item:not($itemHasChildren) $itemContentBack > &': {
409
- paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuExpandSize, ")")
409
+ paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuFontSize, ")")
410
410
  },
411
411
  '$wrapperInline $itemHasChildren > $itemContentBack > &': {
412
412
  paddingRight: 0
413
413
  },
414
414
  '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
415
- paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuExpandSize, ")")
415
+ paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuFontSize, ")")
416
416
  },
417
417
  '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
418
418
  paddingRight: token.menuTitlePaddingX
@@ -454,8 +454,8 @@ var menuStyle = {
454
454
  },
455
455
  '& > $icon': {
456
456
  lineHeight: 1,
457
- width: token.menuExpandSize,
458
- height: token.menuExpandSize,
457
+ width: token.menuFontSize,
458
+ height: token.menuFontSize,
459
459
  alignSelf: 'flex-start',
460
460
  alignItems: 'center',
461
461
  display: 'flex',
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.radioIconWidth,
56
- minWidth: token.radioIconWidth,
57
- height: token.radioIconWidth,
55
+ width: token.radioLabelFontSize,
56
+ minWidth: token.radioLabelFontSize,
57
+ height: token.radioLabelFontSize,
58
58
  '$wrapperSmall &': {
59
- width: token.radioSmallIconWidth,
60
- minWidth: token.radioSmallIconWidth,
61
- height: token.radioSmallIconWidth
59
+ width: token.radioSmallLabelFontSize,
60
+ minWidth: token.radioSmallLabelFontSize,
61
+ height: token.radioSmallLabelFontSize
62
62
  },
63
63
  '$wrapperLarge &': {
64
- width: token.radioLargeIconWidth,
65
- minWidth: token.radioLargeIconWidth,
66
- height: token.radioLargeIconWidth
64
+ width: token.radioLargeLabelFontSize,
65
+ minWidth: token.radioLargeLabelFontSize,
66
+ height: token.radioLargeLabelFontSize
67
67
  },
68
68
  marginRight: token.radioIconGap,
69
69
  verticalAlign: 'middle',
package/esm/tabs/tabs.js CHANGED
@@ -566,10 +566,10 @@ var tabsStyle = {
566
566
  background: Token.tabsActiveFontColor,
567
567
  transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
568
568
  '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
569
- height: Token.tabsLineActiveHeight
569
+ height: Token.tabsLineAfterHeight
570
570
  },
571
571
  '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
572
- width: Token.tabsLineActiveHeight
572
+ width: Token.tabsLineAfterHeight
573
573
  }
574
574
  },
575
575
  header: {
package/esm/textarea/textarea.js CHANGED
@@ -156,15 +156,15 @@ var input = _objectSpread(_objectSpread(_objectSpread({
156
156
  },
157
157
  '& > svg': {
158
158
  display: 'block',
159
- width: token.textareaClearSize,
160
- height: token.textareaClearSize,
159
+ width: token.textareaFontSize,
160
+ height: token.textareaFontSize,
161
161
  '$wrapperSmall &': {
162
- width: token.textareaSmallClearSize,
163
- height: token.textareaSmallClearSize
162
+ width: token.textareaSmallFontSize,
163
+ height: token.textareaSmallFontSize
164
164
  },
165
165
  '$wrapperLarge &': {
166
- width: token.textareaLargeClearSize,
167
- height: token.textareaLargeClearSize
166
+ width: token.textareaLargeFontSize,
167
+ height: token.textareaLargeFontSize
168
168
  }
169
169
  },
170
170
  '[dir="rtl"] &': {
@@ -174,13 +174,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
174
174
  },
175
175
  wrapperWithClear: {
176
176
  '&& $textarea': {
177
- paddingRight: "calc(".concat(token.textareaPaddingX, " + ").concat(token.textareaClearSize, " + 12px)")
177
+ paddingRight: "calc(".concat(token.textareaPaddingX, " + ").concat(token.textareaFontSize, " + 12px)")
178
178
  },
179
179
  '&&$wrapperSmall > $textarea': {
180
- paddingRight: "calc(".concat(token.textareaSmallPaddingX, " + ").concat(token.textareaSmallClearSize, " + 12px)")
180
+ paddingRight: "calc(".concat(token.textareaSmallPaddingX, " + ").concat(token.textareaSmallFontSize, " + 12px)")
181
181
  },
182
182
  '&&$wrapperLarge > $textarea': {
183
- paddingRight: "calc(".concat(token.textareaLargePaddingX, " + ").concat(token.textareaLargeClearSize, " + 12px)")
183
+ paddingRight: "calc(".concat(token.textareaLargePaddingX, " + ").concat(token.textareaLargeFontSize, " + 12px)")
184
184
  }
185
185
  },
186
186
  wrapperShowClear: {
package/esm/tree/tree.js CHANGED
@@ -385,9 +385,9 @@ var treeStyle = {
385
385
  background: Token.treeItemActiveBackgroundColor
386
386
  },
387
387
  '& svg': {
388
- width: Token.treeIconSize,
388
+ width: Token.treeFontSize,
389
389
  '$sizeLarge &': {
390
- width: "calc(".concat(Token.treeIconSize, " + 2px)")
390
+ width: "calc(".concat(Token.treeFontSize, " + 2px)")
391
391
  }
392
392
  }
393
393
  },
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.2";
1
+ declare const _default: "3.9.13-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.9.13-beta.2';
1
+ export default '3.9.13-beta.4';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.13-beta.2",
3
+ "version": "3.9.13-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.9.13-beta.2",
21
- "@sheinx/base": "3.9.13-beta.2"
20
+ "@sheinx/theme": "3.9.13-beta.4",
21
+ "@sheinx/base": "3.9.13-beta.4"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"