@sheinx/shineout-style 3.3.0-beta.5 → 3.3.0-beta.7

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 (41) hide show
  1. package/cjs/breadcrumb/breadcrumb.js +2 -2
  2. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  3. package/cjs/date-picker/date-picker.js +4 -0
  4. package/cjs/dropdown/dropdown.d.ts.map +1 -1
  5. package/cjs/dropdown/dropdown.js +4 -3
  6. package/cjs/input/input-border.js +1 -1
  7. package/cjs/input/input.d.ts.map +1 -1
  8. package/cjs/input/input.js +6 -1
  9. package/cjs/menu/menu.d.ts.map +1 -1
  10. package/cjs/menu/menu.js +5 -1
  11. package/cjs/modal/modal.d.ts.map +1 -1
  12. package/cjs/modal/modal.js +7 -2
  13. package/cjs/select/select.d.ts.map +1 -1
  14. package/cjs/select/select.js +1 -0
  15. package/cjs/switch/switch.d.ts.map +1 -1
  16. package/cjs/switch/switch.js +7 -0
  17. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  18. package/cjs/tree-select/tree-select.js +1 -0
  19. package/cjs/version.d.ts +1 -1
  20. package/cjs/version.js +1 -1
  21. package/esm/breadcrumb/breadcrumb.js +2 -2
  22. package/esm/date-picker/date-picker.d.ts.map +1 -1
  23. package/esm/date-picker/date-picker.js +4 -0
  24. package/esm/dropdown/dropdown.d.ts.map +1 -1
  25. package/esm/dropdown/dropdown.js +4 -3
  26. package/esm/input/input-border.js +1 -1
  27. package/esm/input/input.d.ts.map +1 -1
  28. package/esm/input/input.js +6 -1
  29. package/esm/menu/menu.d.ts.map +1 -1
  30. package/esm/menu/menu.js +5 -1
  31. package/esm/modal/modal.d.ts.map +1 -1
  32. package/esm/modal/modal.js +7 -2
  33. package/esm/select/select.d.ts.map +1 -1
  34. package/esm/select/select.js +1 -0
  35. package/esm/switch/switch.d.ts.map +1 -1
  36. package/esm/switch/switch.js +7 -0
  37. package/esm/tree-select/tree-select.d.ts.map +1 -1
  38. package/esm/tree-select/tree-select.js +1 -0
  39. package/esm/version.d.ts +1 -1
  40. package/esm/version.js +1 -1
  41. package/package.json +3 -3
@@ -10,7 +10,7 @@ var breadcrumbStyle = {
10
10
  wrapper: {
11
11
  lineHeight: _theme.default.lineHeightDynamic,
12
12
  fontSize: _theme.default.breadcrumbFontSize,
13
- fontWeight: _theme.default.breadcrumbFontWieght,
13
+ fontWeight: _theme.default.breadcrumbFontWeight,
14
14
  display: 'flex',
15
15
  alignItems: 'center',
16
16
  color: _theme.default.breadcrumbFontColor,
@@ -85,7 +85,7 @@ var breadcrumbStyle = {
85
85
  dropdownItem: {
86
86
  lineHeight: _theme.default.lineHeightDynamic,
87
87
  fontSize: _theme.default.dropdownListFontSize,
88
- fontWeight: _theme.default.breadcrumbFontWieght,
88
+ fontWeight: _theme.default.breadcrumbFontWeight,
89
89
  cursor: 'pointer',
90
90
  color: _theme.default.dropdownOptionFontColor,
91
91
  borderRadius: _theme.default.dropdownOptionBorderRadius,
@@ -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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA4mBlD,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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgnBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -660,6 +660,10 @@ var datePickerStyle = _objectSpread(_objectSpread({
660
660
  visibility: 'visible'
661
661
  }
662
662
  },
663
+ datetimeHide: {
664
+ opacity: '0',
665
+ pointerEvents: 'none'
666
+ },
663
667
  quickPicker: {
664
668
  padding: "".concat(_theme.default.datePickerQuickPanelPaddingY, " ").concat(_theme.default.datePickerQuickPanelPaddingX),
665
669
  display: 'flex',
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -21,7 +21,7 @@ var dropdown = {
21
21
  },
22
22
  list: {
23
23
  position: 'absolute',
24
- fontWeight: 400,
24
+ fontWeight: _theme.default.dropdownListFontWeight,
25
25
  minWidth: '100%',
26
26
  zIndex: 1000,
27
27
  textAlign: 'left',
@@ -40,12 +40,12 @@ var dropdown = {
40
40
  },
41
41
  listSmall: {
42
42
  fontSize: _theme.default.dropdownListSmallFontSize,
43
- borderRadius: _theme.default.dropdownListSmallBorderRadius,
43
+ borderRadius: _theme.default.dropdownListBorderRadius,
44
44
  padding: "".concat(_theme.default.dropdownListSmallPaddingY, " ").concat(_theme.default.dropdownListSmallPaddingX)
45
45
  },
46
46
  listLarge: {
47
47
  fontSize: _theme.default.dropdownListLargeFontSize,
48
- borderRadius: _theme.default.dropdownListLargeBorderRadius,
48
+ borderRadius: _theme.default.dropdownListBorderRadius,
49
49
  padding: "".concat(_theme.default.dropdownListLargePaddingY, " ").concat(_theme.default.dropdownListLargePaddingX)
50
50
  },
51
51
  listHasChildren: {
@@ -168,6 +168,7 @@ var dropdown = {
168
168
  optionGroup: {
169
169
  padding: "".concat(_theme.default.dropdownOptionGroupPaddingTop, " ").concat(_theme.default.dropdownOptionGroupPaddingX, " ").concat(_theme.default.dropdownOptionGroupPaddingBottom, " ").concat(_theme.default.dropdownOptionGroupPaddingX),
170
170
  fontSize: _theme.default.dropdownOptionGroupFontSize,
171
+ fontWeight: _theme.default.dropdownOptionGroupFontWeight,
171
172
  color: _theme.default.dropdownOptionGroupFontColor,
172
173
  '$listSmall &': {
173
174
  padding: "".concat(_theme.default.dropdownOptionGroupSmallTop, " ").concat(_theme.default.dropdownOptionGroupSmallX, " 0 ").concat(_theme.default.dropdownOptionGroupSmallX)
@@ -28,7 +28,7 @@ var _default = exports.default = function _default(name) {
28
28
  }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
29
29
  backgroundColor: token.hoverBackgroundColor
30
30
  }),
31
- '[data-soui-role="input-group"] &': {
31
+ '[data-soui-role="input-group"] &&&, [data-soui-role="input-group"] &&&:hover': {
32
32
  borderWidth: 0,
33
33
  borderRadius: 0,
34
34
  boxShadow: 'none',
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAyMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA8MvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -140,9 +140,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
140
140
  backgroundColor: 'transparent',
141
141
  boxSizing: 'border-box',
142
142
  fontWeight: 'inherit',
143
+ '$wrapper:not($wrapperDisabled) &::placeholder': {
144
+ color: _theme.default.inputPlaceholderColor
145
+ },
146
+ '$wrapperDisabled &::placeholder': {
147
+ color: _theme.default.inputDisabledPlaceholderColor
148
+ },
143
149
  '&::placeholder': {
144
150
  fontWeight: _theme.default.inputPlaceholderFontWeight,
145
- color: _theme.default.inputPlaceholderColor,
146
151
  fontSize: 'inherit'
147
152
  }
148
153
  },
@@ -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,CA8ftC,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,CAkgBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/menu/menu.js CHANGED
@@ -413,7 +413,11 @@ var menuStyle = {
413
413
  display: 'inline-flex'
414
414
  },
415
415
  titleContent: {
416
- whiteSpace: 'pre-wrap'
416
+ whiteSpace: 'pre-wrap',
417
+ display: 'flex',
418
+ minWidth: 0,
419
+ alignItems: 'center',
420
+ fontWeight: _theme.default.menuItemFontWeight
417
421
  // '$wrapperCollpase &': {
418
422
  // transition: `opacity ${animationDuration} ${transitionFunc}`,
419
423
  // },
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA2RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -341,7 +341,8 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
341
341
  flex: '1',
342
342
  minWidth: 0,
343
343
  textAlign: 'left',
344
- fontWeight: 'bold',
344
+ color: _theme.default.modalHeaderFontColor,
345
+ fontWeight: _theme.default.modalHeaderFontWeight,
345
346
  fontSize: _theme.default.modalHeaderFontSize
346
347
  },
347
348
  headerClose: {
@@ -371,8 +372,12 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
371
372
  },
372
373
  body: {
373
374
  flex: '1 1 auto',
374
- minHeight: '1px'
375
+ minHeight: '1px',
375
376
  // overflow: 'auto',
377
+ color: _theme.default.modalBodyFontColor,
378
+ fontSize: _theme.default.modalBodyFontSize,
379
+ fontWeight: _theme.default.modalBodyFontWeight,
380
+ lineHeight: _theme.default.lineHeightDynamic
376
381
  },
377
382
  bodyWithIcon: {
378
383
  paddingLeft: "calc(".concat(_theme.default.modalHeaderIconMarginEnd, " + ").concat(_theme.default.modalHeaderIconSize, ")")
@@ -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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAkf1C,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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAmf1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -323,6 +323,7 @@ var selectStyle = _objectSpread(_objectSpread({
323
323
  display: 'block',
324
324
  overflow: 'hidden',
325
325
  textOverflow: 'ellipsis',
326
+ flex: 1,
326
327
  whiteSpace: 'nowrap',
327
328
  marginTop: _theme.default.selectPlaceholderMarginY,
328
329
  marginBottom: _theme.default.selectPlaceholderMarginY
@@ -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,CAsK9C,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,CA6K9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -100,6 +100,7 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
100
100
  justifyContent: 'center',
101
101
  color: 'red',
102
102
  '$wrapperChecked &': {
103
+ backgroundColor: _theme.default.switchCheckedCircleFill,
103
104
  '&[dir=ltr]': {
104
105
  right: _theme.default.switchPaddingX,
105
106
  left: "calc(100% - ".concat(_theme.default.switchCircleSize, " - ").concat(_theme.default.switchPaddingX, ")")
@@ -141,6 +142,12 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
141
142
  left: _theme.default.switchLargePaddingX,
142
143
  top: _theme.default.switchLargePaddingY
143
144
  },
145
+ '$wrapperDisabled:not($wrapperChecked) &': {
146
+ backgroundColor: _theme.default.switchDisabledCircleFill
147
+ },
148
+ '$wrapperDisabled &': {
149
+ backgroundColor: _theme.default.switchCheckedDisabledCircleFill
150
+ },
144
151
  borderRadius: '50%',
145
152
  position: 'absolute',
146
153
  backgroundColor: _theme.default.switchCircleFill,
@@ -1 +1 @@
1
- {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwdlD,CAAC;AACF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAydlD,CAAC;AACF,eAAe,eAAe,CAAC"}
@@ -312,6 +312,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
312
312
  display: 'block',
313
313
  overflow: 'hidden',
314
314
  textOverflow: 'ellipsis',
315
+ flex: 1,
315
316
  whiteSpace: 'nowrap',
316
317
  marginTop: _theme.default.treeSelectPlaceholderMarginY,
317
318
  marginBottom: _theme.default.treeSelectPlaceholderMarginY
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.3.0-beta.5";
1
+ declare const _default: "3.3.0-beta.7";
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.5';
7
+ var _default = exports.default = '3.3.0-beta.7';
@@ -3,7 +3,7 @@ var breadcrumbStyle = {
3
3
  wrapper: {
4
4
  lineHeight: token.lineHeightDynamic,
5
5
  fontSize: token.breadcrumbFontSize,
6
- fontWeight: token.breadcrumbFontWieght,
6
+ fontWeight: token.breadcrumbFontWeight,
7
7
  display: 'flex',
8
8
  alignItems: 'center',
9
9
  color: token.breadcrumbFontColor,
@@ -78,7 +78,7 @@ var breadcrumbStyle = {
78
78
  dropdownItem: {
79
79
  lineHeight: token.lineHeightDynamic,
80
80
  fontSize: token.dropdownListFontSize,
81
- fontWeight: token.breadcrumbFontWieght,
81
+ fontWeight: token.breadcrumbFontWeight,
82
82
  cursor: 'pointer',
83
83
  color: token.dropdownOptionFontColor,
84
84
  borderRadius: token.dropdownOptionBorderRadius,
@@ -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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA4mBlD,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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgnBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -653,6 +653,10 @@ var datePickerStyle = _objectSpread(_objectSpread({
653
653
  visibility: 'visible'
654
654
  }
655
655
  },
656
+ datetimeHide: {
657
+ opacity: '0',
658
+ pointerEvents: 'none'
659
+ },
656
660
  quickPicker: {
657
661
  padding: "".concat(token.datePickerQuickPanelPaddingY, " ").concat(token.datePickerQuickPanelPaddingX),
658
662
  display: 'flex',
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -14,7 +14,7 @@ var dropdown = {
14
14
  },
15
15
  list: {
16
16
  position: 'absolute',
17
- fontWeight: 400,
17
+ fontWeight: token.dropdownListFontWeight,
18
18
  minWidth: '100%',
19
19
  zIndex: 1000,
20
20
  textAlign: 'left',
@@ -33,12 +33,12 @@ var dropdown = {
33
33
  },
34
34
  listSmall: {
35
35
  fontSize: token.dropdownListSmallFontSize,
36
- borderRadius: token.dropdownListSmallBorderRadius,
36
+ borderRadius: token.dropdownListBorderRadius,
37
37
  padding: "".concat(token.dropdownListSmallPaddingY, " ").concat(token.dropdownListSmallPaddingX)
38
38
  },
39
39
  listLarge: {
40
40
  fontSize: token.dropdownListLargeFontSize,
41
- borderRadius: token.dropdownListLargeBorderRadius,
41
+ borderRadius: token.dropdownListBorderRadius,
42
42
  padding: "".concat(token.dropdownListLargePaddingY, " ").concat(token.dropdownListLargePaddingX)
43
43
  },
44
44
  listHasChildren: {
@@ -161,6 +161,7 @@ var dropdown = {
161
161
  optionGroup: {
162
162
  padding: "".concat(token.dropdownOptionGroupPaddingTop, " ").concat(token.dropdownOptionGroupPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom, " ").concat(token.dropdownOptionGroupPaddingX),
163
163
  fontSize: token.dropdownOptionGroupFontSize,
164
+ fontWeight: token.dropdownOptionGroupFontWeight,
164
165
  color: token.dropdownOptionGroupFontColor,
165
166
  '$listSmall &': {
166
167
  padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionGroupSmallX, " 0 ").concat(token.dropdownOptionGroupSmallX)
@@ -22,7 +22,7 @@ export default (function (name) {
22
22
  }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
23
23
  backgroundColor: token.hoverBackgroundColor
24
24
  }),
25
- '[data-soui-role="input-group"] &': {
25
+ '[data-soui-role="input-group"] &&&, [data-soui-role="input-group"] &&&:hover': {
26
26
  borderWidth: 0,
27
27
  borderRadius: 0,
28
28
  boxShadow: 'none',
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAyMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA8MvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -133,9 +133,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
133
133
  backgroundColor: 'transparent',
134
134
  boxSizing: 'border-box',
135
135
  fontWeight: 'inherit',
136
+ '$wrapper:not($wrapperDisabled) &::placeholder': {
137
+ color: token.inputPlaceholderColor
138
+ },
139
+ '$wrapperDisabled &::placeholder': {
140
+ color: token.inputDisabledPlaceholderColor
141
+ },
136
142
  '&::placeholder': {
137
143
  fontWeight: token.inputPlaceholderFontWeight,
138
- color: token.inputPlaceholderColor,
139
144
  fontSize: 'inherit'
140
145
  }
141
146
  },
@@ -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,CA8ftC,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,CAkgBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -406,7 +406,11 @@ var menuStyle = {
406
406
  display: 'inline-flex'
407
407
  },
408
408
  titleContent: {
409
- whiteSpace: 'pre-wrap'
409
+ whiteSpace: 'pre-wrap',
410
+ display: 'flex',
411
+ minWidth: 0,
412
+ alignItems: 'center',
413
+ fontWeight: token.menuItemFontWeight
410
414
  // '$wrapperCollpase &': {
411
415
  // transition: `opacity ${animationDuration} ${transitionFunc}`,
412
416
  // },
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA2RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -334,7 +334,8 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
334
334
  flex: '1',
335
335
  minWidth: 0,
336
336
  textAlign: 'left',
337
- fontWeight: 'bold',
337
+ color: token.modalHeaderFontColor,
338
+ fontWeight: token.modalHeaderFontWeight,
338
339
  fontSize: token.modalHeaderFontSize
339
340
  },
340
341
  headerClose: {
@@ -364,8 +365,12 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
364
365
  },
365
366
  body: {
366
367
  flex: '1 1 auto',
367
- minHeight: '1px'
368
+ minHeight: '1px',
368
369
  // overflow: 'auto',
370
+ color: token.modalBodyFontColor,
371
+ fontSize: token.modalBodyFontSize,
372
+ fontWeight: token.modalBodyFontWeight,
373
+ lineHeight: token.lineHeightDynamic
369
374
  },
370
375
  bodyWithIcon: {
371
376
  paddingLeft: "calc(".concat(token.modalHeaderIconMarginEnd, " + ").concat(token.modalHeaderIconSize, ")")
@@ -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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAkf1C,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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAmf1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -316,6 +316,7 @@ var selectStyle = _objectSpread(_objectSpread({
316
316
  display: 'block',
317
317
  overflow: 'hidden',
318
318
  textOverflow: 'ellipsis',
319
+ flex: 1,
319
320
  whiteSpace: 'nowrap',
320
321
  marginTop: token.selectPlaceholderMarginY,
321
322
  marginBottom: token.selectPlaceholderMarginY
@@ -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,CAsK9C,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,CA6K9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -93,6 +93,7 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
93
93
  justifyContent: 'center',
94
94
  color: 'red',
95
95
  '$wrapperChecked &': {
96
+ backgroundColor: token.switchCheckedCircleFill,
96
97
  '&[dir=ltr]': {
97
98
  right: token.switchPaddingX,
98
99
  left: "calc(100% - ".concat(token.switchCircleSize, " - ").concat(token.switchPaddingX, ")")
@@ -134,6 +135,12 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
134
135
  left: token.switchLargePaddingX,
135
136
  top: token.switchLargePaddingY
136
137
  },
138
+ '$wrapperDisabled:not($wrapperChecked) &': {
139
+ backgroundColor: token.switchDisabledCircleFill
140
+ },
141
+ '$wrapperDisabled &': {
142
+ backgroundColor: token.switchCheckedDisabledCircleFill
143
+ },
137
144
  borderRadius: '50%',
138
145
  position: 'absolute',
139
146
  backgroundColor: token.switchCircleFill,
@@ -1 +1 @@
1
- {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwdlD,CAAC;AACF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAydlD,CAAC;AACF,eAAe,eAAe,CAAC"}
@@ -303,6 +303,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
303
303
  display: 'block',
304
304
  overflow: 'hidden',
305
305
  textOverflow: 'ellipsis',
306
+ flex: 1,
306
307
  whiteSpace: 'nowrap',
307
308
  marginTop: token.treeSelectPlaceholderMarginY,
308
309
  marginBottom: token.treeSelectPlaceholderMarginY
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.3.0-beta.5";
1
+ declare const _default: "3.3.0-beta.7";
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.5';
1
+ export default '3.3.0-beta.7';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.3.0-beta.5",
3
+ "version": "3.3.0-beta.7",
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.5",
21
- "@sheinx/base": "3.3.0-beta.5"
20
+ "@sheinx/theme": "3.3.0-beta.7",
21
+ "@sheinx/base": "3.3.0-beta.7"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"