@sheinx/shineout-style 3.1.27 → 3.2.0-beta.2

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 (123) hide show
  1. package/cjs/alert/alert.js +3 -2
  2. package/cjs/breadcrumb/breadcrumb.d.ts.map +1 -1
  3. package/cjs/breadcrumb/breadcrumb.js +14 -10
  4. package/cjs/card/card.d.ts.map +1 -1
  5. package/cjs/card/card.js +8 -4
  6. package/cjs/cascader/cascader.d.ts.map +1 -1
  7. package/cjs/cascader/cascader.js +33 -21
  8. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  9. package/cjs/date-picker/date-picker.js +30 -21
  10. package/cjs/descriptions/descriptions.d.ts.map +1 -1
  11. package/cjs/descriptions/descriptions.js +26 -8
  12. package/cjs/divider/divider.d.ts.map +1 -1
  13. package/cjs/divider/divider.js +1 -0
  14. package/cjs/dropdown/dropdown.js +1 -1
  15. package/cjs/editable-area/editable-area.d.ts.map +1 -1
  16. package/cjs/editable-area/editable-area.js +33 -23
  17. package/cjs/empty/empty.d.ts.map +1 -1
  18. package/cjs/empty/empty.js +1 -0
  19. package/cjs/form/form-item.d.ts.map +1 -1
  20. package/cjs/form/form-item.js +9 -3
  21. package/cjs/image/image.js +5 -5
  22. package/cjs/inner-title/inner-title.d.ts.map +1 -1
  23. package/cjs/inner-title/inner-title.js +7 -0
  24. package/cjs/input/input-border.d.ts +9 -0
  25. package/cjs/input/input-border.d.ts.map +1 -1
  26. package/cjs/input/input-border.js +14 -5
  27. package/cjs/input/input.d.ts.map +1 -1
  28. package/cjs/input/input.js +14 -2
  29. package/cjs/list/list.d.ts.map +1 -1
  30. package/cjs/list/list.js +6 -3
  31. package/cjs/menu/index.d.ts +3 -0
  32. package/cjs/menu/index.d.ts.map +1 -1
  33. package/cjs/menu/index.js +10 -2
  34. package/cjs/menu/menu.d.ts.map +1 -1
  35. package/cjs/menu/menu.js +183 -132
  36. package/cjs/menu/search.d.ts +6 -0
  37. package/cjs/menu/search.d.ts.map +1 -0
  38. package/cjs/menu/search.js +81 -0
  39. package/cjs/popover/popover.d.ts.map +1 -1
  40. package/cjs/popover/popover.js +34 -16
  41. package/cjs/progress/progress.d.ts.map +1 -1
  42. package/cjs/progress/progress.js +43 -6
  43. package/cjs/rate/rate.d.ts.map +1 -1
  44. package/cjs/rate/rate.js +2 -1
  45. package/cjs/select/select.d.ts.map +1 -1
  46. package/cjs/select/select.js +49 -25
  47. package/cjs/table/table.d.ts.map +1 -1
  48. package/cjs/table/table.js +23 -3
  49. package/cjs/tag/tag.d.ts.map +1 -1
  50. package/cjs/tag/tag.js +5 -2
  51. package/cjs/textarea/textarea.d.ts.map +1 -1
  52. package/cjs/textarea/textarea.js +33 -23
  53. package/cjs/transfer/transfer.d.ts.map +1 -1
  54. package/cjs/transfer/transfer.js +10 -5
  55. package/cjs/tree/tree.d.ts.map +1 -1
  56. package/cjs/tree/tree.js +3 -2
  57. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  58. package/cjs/tree-select/tree-select.js +30 -21
  59. package/cjs/version.d.ts +1 -1
  60. package/cjs/version.d.ts.map +1 -1
  61. package/cjs/version.js +1 -1
  62. package/esm/alert/alert.js +3 -2
  63. package/esm/breadcrumb/breadcrumb.d.ts.map +1 -1
  64. package/esm/breadcrumb/breadcrumb.js +14 -10
  65. package/esm/card/card.d.ts.map +1 -1
  66. package/esm/card/card.js +8 -4
  67. package/esm/cascader/cascader.d.ts.map +1 -1
  68. package/esm/cascader/cascader.js +33 -21
  69. package/esm/date-picker/date-picker.d.ts.map +1 -1
  70. package/esm/date-picker/date-picker.js +30 -21
  71. package/esm/descriptions/descriptions.d.ts.map +1 -1
  72. package/esm/descriptions/descriptions.js +26 -8
  73. package/esm/divider/divider.d.ts.map +1 -1
  74. package/esm/divider/divider.js +1 -0
  75. package/esm/dropdown/dropdown.js +1 -1
  76. package/esm/editable-area/editable-area.d.ts.map +1 -1
  77. package/esm/editable-area/editable-area.js +33 -23
  78. package/esm/empty/empty.d.ts.map +1 -1
  79. package/esm/empty/empty.js +1 -0
  80. package/esm/form/form-item.d.ts.map +1 -1
  81. package/esm/form/form-item.js +9 -3
  82. package/esm/image/image.js +5 -5
  83. package/esm/inner-title/inner-title.d.ts.map +1 -1
  84. package/esm/inner-title/inner-title.js +7 -0
  85. package/esm/input/input-border.d.ts +9 -0
  86. package/esm/input/input-border.d.ts.map +1 -1
  87. package/esm/input/input-border.js +14 -5
  88. package/esm/input/input.d.ts.map +1 -1
  89. package/esm/input/input.js +14 -2
  90. package/esm/list/list.d.ts.map +1 -1
  91. package/esm/list/list.js +6 -3
  92. package/esm/menu/index.d.ts +3 -0
  93. package/esm/menu/index.d.ts.map +1 -1
  94. package/esm/menu/index.js +4 -1
  95. package/esm/menu/menu.d.ts.map +1 -1
  96. package/esm/menu/menu.js +183 -132
  97. package/esm/menu/search.d.ts +6 -0
  98. package/esm/menu/search.d.ts.map +1 -0
  99. package/esm/menu/search.js +73 -0
  100. package/esm/popover/popover.d.ts.map +1 -1
  101. package/esm/popover/popover.js +34 -16
  102. package/esm/progress/progress.d.ts.map +1 -1
  103. package/esm/progress/progress.js +43 -6
  104. package/esm/rate/rate.d.ts.map +1 -1
  105. package/esm/rate/rate.js +2 -1
  106. package/esm/select/select.d.ts.map +1 -1
  107. package/esm/select/select.js +49 -25
  108. package/esm/table/table.d.ts.map +1 -1
  109. package/esm/table/table.js +23 -3
  110. package/esm/tag/tag.d.ts.map +1 -1
  111. package/esm/tag/tag.js +5 -2
  112. package/esm/textarea/textarea.d.ts.map +1 -1
  113. package/esm/textarea/textarea.js +33 -23
  114. package/esm/transfer/transfer.d.ts.map +1 -1
  115. package/esm/transfer/transfer.js +10 -5
  116. package/esm/tree/tree.d.ts.map +1 -1
  117. package/esm/tree/tree.js +3 -2
  118. package/esm/tree-select/tree-select.d.ts.map +1 -1
  119. package/esm/tree-select/tree-select.js +30 -21
  120. package/esm/version.d.ts +1 -1
  121. package/esm/version.d.ts.map +1 -1
  122. package/esm/version.js +1 -1
  123. package/package.json +3 -3
@@ -8,36 +8,46 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
8
8
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
9
  import border from "../input/input-border";
10
10
  import token from '@sheinx/theme';
11
- var inputBorder = border('wrapper', {
11
+ var inputBorderToken = {
12
12
  lineHeight: token.lineHeightDynamic,
13
- borderRadius: token.textareaBorderRadius,
14
- fontSize: token.textareaFontSize,
15
- smallFontSize: token.textareaSmallFontSize,
16
- largeFontSize: token.textareaLargeFontSize,
17
- paddingY: token.textareaPaddingY,
18
- smallPaddingY: token.textareaSmallPaddingY,
19
- largePaddingY: token.textareaLargePaddingY,
20
- paddingX: token.textareaPaddingX,
21
- smallPaddingX: token.textareaSmallPaddingX,
22
- largePaddingX: token.textareaLargePaddingX,
23
- borderColor: token.textareaBorderColor,
24
- focusBorderColor: token.textareaFocusBorderColor,
25
- hoverBorderColor: token.textareaHoverBorderColor,
26
- disabledBorderColor: token.textareaDisabledBorderColor,
27
- errorBorderColor: token.textareaErrorBorderColor,
28
- fontColor: token.textareaFontColor,
29
- disabledFontColor: token.textareaDisabledFontColor,
30
- backgroundColor: token.textareaBackgroundColor,
31
- disabledBackgroundColor: token.textareaDisabledBackgroundColor,
32
- focusShadow: token.textareaFocusShadow,
33
- errorFocusShadow: token.textareaErrorFocusShadow,
13
+ borderRadius: token.inputBorderRadius,
14
+ fontSize: token.inputFontSize,
15
+ fontWeight: token.inputFontWeight,
16
+ smallFontSize: token.inputSmallFontSize,
17
+ largeFontSize: token.inputLargeFontSize,
18
+ paddingY: token.inputPaddingY,
19
+ smallPaddingY: token.inputSmallPaddingY,
20
+ largePaddingY: token.inputLargePaddingY,
21
+ paddingX: token.inputPaddingX,
22
+ smallPaddingX: token.inputSmallPaddingX,
23
+ largePaddingX: token.inputLargePaddingX,
24
+ borderColor: token.inputBorderColor,
25
+ borderWidth: token.inputBorderWidth,
26
+ focusBorderColor: token.inputFocusBorderColor,
27
+ hoverBorderColor: token.inputHoverBorderColor,
28
+ disabledBorderColor: token.inputDisabledBorderColor,
29
+ errorBorderColor: token.inputErrorBorderColor,
30
+ errorHoverBorderColor: token.inputErrorHoverBorderColor,
31
+ errorFocusBorderColor: token.inputErrorFocusBorderColor,
32
+ fontColor: token.inputFontColor,
33
+ disabledFontColor: token.inputDisabledFontColor,
34
+ backgroundColor: token.inputBackgroundColor,
35
+ hoverBackgroundColor: token.inputHoverBackgroundColor,
36
+ focusBackgroundColor: token.inputFocusBackgroundColor,
37
+ disabledBackgroundColor: token.inputDisabledBackgroundColor,
38
+ errorBackgroundColor: token.inputErrorBackgroundColor,
39
+ errorFocusBackgroundColor: token.inputErrorFocusBackgroundColor,
40
+ errorHoverBackgroundColor: token.inputErrorHoverBackgroundColor,
41
+ focusShadow: token.inputFocusShadow,
42
+ errorFocusShadow: token.inputErrorFocusShadow,
34
43
  innerTitlePaddingY: token.inputInnerPaddingY,
35
44
  innerTitlePaddingX: token.inputInnerPaddingX,
36
45
  smallInnerTitlePaddingY: token.inputInnerSmallPaddingY,
37
46
  smallInnerTitlePaddingX: token.inputInnerSmallPaddingX,
38
47
  largeInnerTitlePaddingY: token.inputInnerLargePaddingY,
39
48
  largeInnerTitlePaddingX: token.inputInnerLargePaddingX
40
- });
49
+ };
50
+ var inputBorder = border('wrapper', inputBorderToken);
41
51
  var wrapper = inputBorder.wrapper,
42
52
  wrapperNoBorder = inputBorder.wrapperNoBorder,
43
53
  _noFocus = inputBorder.wrapperFocus,
@@ -1 +1 @@
1
- {"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAwB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAyB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -21,6 +21,7 @@ var emptyStyle = {
21
21
  description: {
22
22
  fontSize: Token.emptyFontSize,
23
23
  color: Token.emptyFontColor,
24
+ fontWeight: Token.emptyFontWeight,
24
25
  lineHeight: Token.lineHeightDynamic
25
26
  }
26
27
  };
@@ -1 +1 @@
1
- {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAoGlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA0GlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -18,6 +18,8 @@ var formItemStyle = {
18
18
  },
19
19
  wordWrap: 'break-word',
20
20
  width: token.formItemLabelWidth,
21
+ fontWeight: token.formItemLabelFontWeight,
22
+ color: token.formItemLabelFontColor,
21
23
  padding: "".concat(token.formItemLabelPaddingY, " 0"),
22
24
  lineHeight: token.lineHeightDynamic,
23
25
  marginRight: token.formItemLabelMarginXEnd,
@@ -45,6 +47,7 @@ var formItemStyle = {
45
47
  textAlign: 'start',
46
48
  width: 'auto',
47
49
  paddingTop: '0',
50
+ paddingBottom: token.formItemLabelTopPaddingY,
48
51
  margin: '0'
49
52
  }
50
53
  },
@@ -62,7 +65,7 @@ var formItemStyle = {
62
65
  wrapperRequired: {
63
66
  '& $label::before': {
64
67
  marginRight: '4px',
65
- color: token.formItemDangerColor,
68
+ color: token.formItemDangerFontColor,
66
69
  content: '"*"',
67
70
  fontFamily: 'SimSun',
68
71
  position: 'relative',
@@ -85,18 +88,21 @@ var formItemStyle = {
85
88
  }
86
89
  },
87
90
  error: {
88
- color: token.formItemDangerColor,
91
+ color: token.formItemDangerFontColor,
89
92
  lineHeight: token.lineHeightDynamic,
90
93
  minHeight: token.formItemTipMinHeight,
91
- fontSize: token.formItemTipFontSize
94
+ fontSize: token.formItemDangerFontSize,
95
+ fontWeight: token.formItemDangerFontWeight
92
96
  // flexBasis: '100%',
93
97
  // width: 0,
94
98
  },
95
99
  tip: {
96
100
  color: token.formItemTipFontColor,
97
101
  fontSize: token.formItemTipFontSize,
102
+ fontWeight: token.formItemTipFontWeight,
98
103
  lineHeight: token.lineHeightDynamic,
99
104
  minHeight: token.formItemTipMinHeight,
105
+ marginTop: token.formItemTipMarginTop,
100
106
  width: '100%'
101
107
  }
102
108
  };
@@ -153,16 +153,16 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
153
153
  },
154
154
  circle: {
155
155
  borderRadius: Token.imageCircleBorderRadius,
156
- border: "1px solid ".concat(Token.imageCircleBorderColor)
156
+ border: "1px solid ".concat(Token.imageBorderColor)
157
157
  },
158
158
  rounded: {
159
- borderRadius: Token.imageRoundedBorderRadius,
160
- border: "1px solid ".concat(Token.imageRoundedBorderColor)
159
+ borderRadius: Token.imageBorderRadius,
160
+ border: "1px solid ".concat(Token.imageBorderColor)
161
161
  },
162
162
  thumbnail: {
163
- borderRadius: Token.imageThumbnailBorderRadius,
163
+ borderRadius: Token.imageBorderRadius,
164
164
  backgroundColor: '#FFFFFF',
165
- border: "1px solid ".concat(Token.imageThumbnailBorderColor),
165
+ border: "1px solid ".concat(Token.imageBorderColor),
166
166
  '& $inner': {
167
167
  top: 4,
168
168
  left: 4,
@@ -1 +1 @@
1
- {"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CAqEjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA4EjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -56,6 +56,13 @@ var innerTitle = _objectSpread(_objectSpread({}, animation), {}, {
56
56
  },
57
57
  top: {
58
58
  opacity: '0',
59
+ fontSize: token.inputInnerTopFontSize,
60
+ '$wrapperSmall &': {
61
+ fontSize: token.inputInnerTopSmallFontSize
62
+ },
63
+ '$wrapperLarge &': {
64
+ fontSize: token.inputInnerTopLargeFontSize
65
+ },
59
66
  '$wrapperOpen &': {
60
67
  opacity: '1',
61
68
  transition: "opacity 0s ease-in ".concat(moveTime)
@@ -2,6 +2,7 @@ interface Token {
2
2
  lineHeight: string;
3
3
  borderRadius: string;
4
4
  fontSize: string;
5
+ fontWeight: string;
5
6
  smallFontSize: string;
6
7
  largeFontSize: string;
7
8
  paddingY: string;
@@ -11,14 +12,22 @@ interface Token {
11
12
  smallPaddingX: string;
12
13
  largePaddingX: string;
13
14
  borderColor: string;
15
+ borderWidth: string;
14
16
  focusBorderColor: string;
15
17
  hoverBorderColor: string;
16
18
  disabledBorderColor: string;
17
19
  errorBorderColor: string;
20
+ errorHoverBorderColor: string;
21
+ errorFocusBorderColor: string;
18
22
  fontColor: string;
19
23
  disabledFontColor: string;
20
24
  backgroundColor: string;
25
+ hoverBackgroundColor: string;
26
+ focusBackgroundColor: string;
21
27
  disabledBackgroundColor: string;
28
+ errorBackgroundColor: string;
29
+ errorFocusBackgroundColor: string;
30
+ errorHoverBackgroundColor: string;
22
31
  focusShadow: string;
23
32
  errorFocusShadow: string;
24
33
  innerTitlePaddingY: string;
@@ -1 +1 @@
1
- {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IAEzB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAEhC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA4IE"}
1
+ {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAsJE"}
@@ -9,15 +9,19 @@ export default (function (name) {
9
9
  boxSizing: 'border-box',
10
10
  borderRadius: token.borderRadius,
11
11
  background: token.backgroundColor,
12
- border: "1px solid ".concat(token.borderColor),
12
+ border: "".concat(token.borderWidth, " solid ").concat(token.borderColor),
13
13
  color: token.fontColor,
14
14
  lineHeight: token.lineHeight,
15
15
  fontSize: token.fontSize,
16
16
  // verticalAlign: 'top',
17
+ fontWeight: token.fontWeight,
18
+ verticalAlign: 'top',
17
19
  transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
18
- '&:hover': {
20
+ '&:hover': _defineProperty({
19
21
  borderColor: token.hoverBorderColor
20
- },
22
+ }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
23
+ backgroundColor: token.hoverBackgroundColor
24
+ }),
21
25
  '[data-soui-role="input-group"] &': {
22
26
  borderWidth: 0,
23
27
  borderRadius: 0,
@@ -68,16 +72,21 @@ export default (function (name) {
68
72
  }), "".concat(name, "Focus"), {
69
73
  borderColor: token.focusBorderColor,
70
74
  boxShadow: "0 0 0 2px ".concat(token.focusShadow),
75
+ background: token.focusBackgroundColor,
71
76
  '&:hover': {
72
77
  borderColor: token.focusBorderColor
73
78
  }
74
79
  }), "".concat(name, "Error"), _defineProperty({
75
80
  borderColor: token.errorBorderColor,
81
+ background: token.errorBackgroundColor,
76
82
  '&:hover': {
77
- borderColor: token.errorBorderColor
83
+ backgroundColor: token.errorHoverBackgroundColor,
84
+ borderColor: token.errorHoverBorderColor
78
85
  }
79
86
  }, "&$".concat(name, "Focus"), {
80
- boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
87
+ boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
88
+ borderColor: token.errorFocusBorderColor,
89
+ background: token.errorFocusBackgroundColor
81
90
  })), "".concat(name, "Disabled"), {
82
91
  color: token.disabledFontColor,
83
92
  backgroundColor: token.disabledBackgroundColor,
@@ -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;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuMvC,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,CAyMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -12,6 +12,7 @@ var inputBorderToken = {
12
12
  lineHeight: token.lineHeightDynamic,
13
13
  borderRadius: token.inputBorderRadius,
14
14
  fontSize: token.inputFontSize,
15
+ fontWeight: token.inputFontWeight,
15
16
  smallFontSize: token.inputSmallFontSize,
16
17
  largeFontSize: token.inputLargeFontSize,
17
18
  paddingY: token.inputPaddingY,
@@ -21,14 +22,22 @@ var inputBorderToken = {
21
22
  smallPaddingX: token.inputSmallPaddingX,
22
23
  largePaddingX: token.inputLargePaddingX,
23
24
  borderColor: token.inputBorderColor,
25
+ borderWidth: token.inputBorderWidth,
24
26
  focusBorderColor: token.inputFocusBorderColor,
25
27
  hoverBorderColor: token.inputHoverBorderColor,
26
28
  disabledBorderColor: token.inputDisabledBorderColor,
27
29
  errorBorderColor: token.inputErrorBorderColor,
30
+ errorHoverBorderColor: token.inputErrorHoverBorderColor,
31
+ errorFocusBorderColor: token.inputErrorFocusBorderColor,
28
32
  fontColor: token.inputFontColor,
29
33
  disabledFontColor: token.inputDisabledFontColor,
30
34
  backgroundColor: token.inputBackgroundColor,
35
+ hoverBackgroundColor: token.inputHoverBackgroundColor,
36
+ focusBackgroundColor: token.inputFocusBackgroundColor,
31
37
  disabledBackgroundColor: token.inputDisabledBackgroundColor,
38
+ errorBackgroundColor: token.inputErrorBackgroundColor,
39
+ errorFocusBackgroundColor: token.inputErrorFocusBackgroundColor,
40
+ errorHoverBackgroundColor: token.inputErrorHoverBackgroundColor,
32
41
  focusShadow: token.inputFocusShadow,
33
42
  errorFocusShadow: token.inputErrorFocusShadow,
34
43
  innerTitlePaddingY: token.inputInnerPaddingY,
@@ -60,8 +69,9 @@ var groupSpace = function groupSpace(gap) {
60
69
  alignItems: 'center',
61
70
  border: "1px solid ".concat(token.inputBorderColor),
62
71
  borderWidth: '0 1px',
63
- background: token.inputDisabledBackgroundColor,
72
+ background: token.inputGroupFontBackgroundColor,
64
73
  fontWeight: 'normal',
74
+ color: token.inputGroupFontColor,
65
75
  '&:first-child': {
66
76
  borderLeftColor: 'inherit',
67
77
  marginLeft: '-1px'
@@ -122,7 +132,9 @@ var input = _objectSpread(_objectSpread(_objectSpread({
122
132
  outline: 'none',
123
133
  backgroundColor: 'transparent',
124
134
  boxSizing: 'border-box',
135
+ fontWeight: 'inherit',
125
136
  '&::placeholder': {
137
+ fontWeight: token.inputPlaceholderFontWeight,
126
138
  color: token.inputPlaceholderColor,
127
139
  fontSize: 'inherit'
128
140
  }
@@ -202,7 +214,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
202
214
  color: token.inputIconColor,
203
215
  '&:hover': {
204
216
  '$wrapper:not($wrapperDisabled) &': {
205
- color: token.inputHoverBorderColor
217
+ color: token.inputHoverIconColor
206
218
  }
207
219
  },
208
220
  '&:first-child': {
@@ -1 +1 @@
1
- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAsHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/list/list.js CHANGED
@@ -49,7 +49,7 @@ var listStyle = {
49
49
  alignItems: 'center',
50
50
  boxSizing: 'border-box',
51
51
  '&:not(:last-child)': {
52
- borderBottom: "1px solid ".concat(token.listBorderColor)
52
+ borderBottom: "".concat(token.listBorderWidth, " solid ").concat(token.listBorderColor)
53
53
  }
54
54
  },
55
55
  item: {
@@ -58,13 +58,16 @@ var listStyle = {
58
58
  color: token.listFontColor,
59
59
  display: 'flex',
60
60
  flexWrap: 'nowrap',
61
+ background: token.listItemBackgroundColor,
61
62
  boxSizing: 'border-box',
62
63
  padding: "".concat(token.listItemPaddingY, " ").concat(token.listItemPaddingX),
63
64
  '$wrapperSmall &': {
64
- padding: "".concat(token.listSmallItemPaddingY, " ").concat(token.listSmallItemPaddingX)
65
+ padding: "".concat(token.listSmallItemPaddingY, " ").concat(token.listSmallItemPaddingX),
66
+ fontSize: token.listSmallFontSize
65
67
  },
66
68
  '$wrapperLarge &': {
67
- padding: "".concat(token.listLargeItemPaddingY, " ").concat(token.listLargeItemPaddingY)
69
+ padding: "".concat(token.listLargeItemPaddingY, " ").concat(token.listLargeItemPaddingY),
70
+ fontSize: token.listLargeFontSize
68
71
  }
69
72
  },
70
73
  checkContent: {
@@ -1,5 +1,8 @@
1
1
  import menuStyle from './menu';
2
+ import menuSearchStyle from './search';
2
3
  declare const useMenuStyle: () => import("jss").Classes<keyof import("@sheinx/base").MenuClasses>;
3
4
  export { menuStyle, useMenuStyle };
4
5
  export default useMenuStyle;
6
+ declare const useMenuSearchStyle: () => import("jss").Classes<keyof import("@sheinx/base").MenuSearchClasses>;
7
+ export { menuSearchStyle, useMenuSearchStyle };
5
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,QAAA,MAAM,YAAY,uEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAC/B,OAAO,eAAe,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,YAAY,uEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC;AAE5B,QAAA,MAAM,kBAAkB,6EAAyC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC"}
package/esm/menu/index.js CHANGED
@@ -1,6 +1,9 @@
1
1
  "use client";
2
2
  import { styled } from "../jss-style";
3
3
  import menuStyle from "./menu";
4
+ import menuSearchStyle from "./search";
4
5
  var useMenuStyle = styled(menuStyle, 'menu');
5
6
  export { menuStyle, useMenuStyle };
6
- export default useMenuStyle;
7
+ export default useMenuStyle;
8
+ var useMenuSearchStyle = styled(menuSearchStyle, 'menu-search');
9
+ export { menuSearchStyle, useMenuSearchStyle };
@@ -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;AAGxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6WtC,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,CA8atC,CAAC;AAEF,eAAe,SAAS,CAAC"}