@sheinx/shineout-style 3.9.13-beta.4 → 3.9.13-beta.5

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 (31) hide show
  1. package/cjs/cascader/cascader.d.ts.map +1 -1
  2. package/cjs/cascader/cascader.js +15 -12
  3. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  4. package/cjs/date-picker/date-picker.js +8 -7
  5. package/cjs/dropdown/dropdown.d.ts.map +1 -1
  6. package/cjs/dropdown/dropdown.js +10 -2
  7. package/cjs/form/form-item.d.ts.map +1 -1
  8. package/cjs/form/form-item.js +2 -3
  9. package/cjs/select/select.d.ts.map +1 -1
  10. package/cjs/select/select.js +14 -11
  11. package/cjs/tabs/tabs.js +4 -4
  12. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  13. package/cjs/tree-select/tree-select.js +13 -10
  14. package/cjs/version.d.ts +1 -1
  15. package/cjs/version.js +1 -1
  16. package/esm/cascader/cascader.d.ts.map +1 -1
  17. package/esm/cascader/cascader.js +15 -12
  18. package/esm/date-picker/date-picker.d.ts.map +1 -1
  19. package/esm/date-picker/date-picker.js +8 -7
  20. package/esm/dropdown/dropdown.d.ts.map +1 -1
  21. package/esm/dropdown/dropdown.js +10 -2
  22. package/esm/form/form-item.d.ts.map +1 -1
  23. package/esm/form/form-item.js +2 -3
  24. package/esm/select/select.d.ts.map +1 -1
  25. package/esm/select/select.js +14 -11
  26. package/esm/tabs/tabs.js +4 -4
  27. package/esm/tree-select/tree-select.d.ts.map +1 -1
  28. package/esm/tree-select/tree-select.js +13 -10
  29. package/esm/version.d.ts +1 -1
  30. package/esm/version.js +1 -1
  31. package/package.json +3 -3
package/cjs/cascader/cascader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAuhB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/cascader/cascader.js CHANGED
@@ -107,6 +107,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
107
107
  // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
108
108
  fontSize: _theme.default.cascaderSmallFontSize
109
109
  },
110
+ '& $arrowIcon': {
111
+ width: _theme.default.inputSmallFontSize
112
+ },
110
113
  '& $clearIcon': {
111
114
  right: _theme.default.cascaderSmallPaddingX
112
115
  }
@@ -117,7 +120,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
117
120
  marginBottom: _theme.default.cascaderLargePlaceholderMarginY
118
121
  },
119
122
  '& $arrowIcon': {
120
- width: _theme.default.cascaderLargeFontSize
123
+ width: _theme.default.inputLargeFontSize
121
124
  },
122
125
  '& $optionInner': {
123
126
  // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
@@ -221,7 +224,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
221
224
  whiteSpace: 'nowrap',
222
225
  textOverflow: 'ellipsis',
223
226
  '&::placeholder': {
224
- color: _theme.default.cascaderPlaceholderColor
227
+ color: _theme.default.inputPlaceholderColor
225
228
  }
226
229
  }
227
230
  },
@@ -271,7 +274,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
271
274
  backgroundColor: 'transparent',
272
275
  width: '100%',
273
276
  '&::placeholder': {
274
- color: _theme.default.cascaderPlaceholderColor
277
+ color: _theme.default.inputPlaceholderColor
275
278
  }
276
279
  }
277
280
  },
@@ -304,7 +307,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
304
307
  }
305
308
  },
306
309
  placeholder: {
307
- color: _theme.default.cascaderPlaceholderColor,
310
+ color: _theme.default.inputPlaceholderColor,
308
311
  lineHeight: _theme.default.lineHeightDynamic,
309
312
  marginTop: _theme.default.cascaderPlaceholderMarginY,
310
313
  marginBottom: _theme.default.cascaderPlaceholderMarginY
@@ -329,25 +332,25 @@ var cascaderStyle = _objectSpread(_objectSpread({
329
332
  clearable: {},
330
333
  clearIcon: {
331
334
  cursor: 'pointer',
332
- width: _theme.default.cascaderFontSize,
335
+ width: _theme.default.inputFontSize,
333
336
  lineHeight: 0,
334
- color: _theme.default.cascaderClearColor,
337
+ color: _theme.default.inputClearColor,
335
338
  verticalAlign: 'middle',
336
339
  '&:hover': {
337
- color: _theme.default.cascaderClearHoverColor
340
+ color: _theme.default.inputHoverClearColor
338
341
  },
339
342
  '$wrapperSmall &': {
340
- width: _theme.default.cascaderSmallFontSize
343
+ width: _theme.default.inputSmallFontSize
341
344
  },
342
345
  '$wrapperLarge &': {
343
- width: _theme.default.cascaderLargeFontSize
346
+ width: _theme.default.inputLargeFontSize
344
347
  }
345
348
  },
346
349
  compressedIcon: {},
347
350
  arrowIcon: {
348
351
  display: 'inline-block',
349
352
  verticalAlign: 'middle',
350
- width: _theme.default.cascaderFontSize,
353
+ width: _theme.default.inputFontSize,
351
354
  lineHeight: 0,
352
355
  color: _theme.default.cascaderIconColor,
353
356
  transition: 'transform 0.3s'
@@ -383,13 +386,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
383
386
  },
384
387
  loading: {
385
388
  padding: 10,
386
- color: _theme.default.cascaderPlaceholderColor,
389
+ color: _theme.default.inputPlaceholderColor,
387
390
  display: 'flex',
388
391
  justifyContent: 'center'
389
392
  },
390
393
  empty: {
391
394
  padding: "calc(".concat(_theme.default.cascaderOptionPaddingY, " + ").concat(_theme.default.cascaderOptionInnerPaddingY, ") calc(").concat(_theme.default.cascaderOptionPaddingX, " + ").concat(_theme.default.cascaderOptionInnerPaddingX, ")"),
392
- color: _theme.default.cascaderPlaceholderColor
395
+ color: _theme.default.inputPlaceholderColor
393
396
  },
394
397
  checkedIcon: {
395
398
  right: 8,
package/cjs/date-picker/date-picker.d.ts.map CHANGED
@@ -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;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+pBlD,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;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgqBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
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.datePickerFontSize,
209
- height: _theme.default.datePickerFontSize,
208
+ width: _theme.default.inputFontSize,
209
+ height: _theme.default.inputFontSize,
210
210
  '$wrapperSmall &': {
211
- width: _theme.default.datePickerSmallFontSize,
212
- height: _theme.default.datePickerSmallFontSize
211
+ width: _theme.default.inputSmallFontSize,
212
+ height: _theme.default.inputSmallFontSize
213
213
  },
214
214
  '$wrapperLarge &': {
215
- width: _theme.default.datePickerLargeFontSize,
216
- height: _theme.default.datePickerLargeFontSize
215
+ width: _theme.default.inputLargeFontSize,
216
+ height: _theme.default.inputLargeFontSize
217
217
  }
218
218
  },
219
219
  // todo 暂时写死
@@ -333,7 +333,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
333
333
  alignItems: 'center',
334
334
  '& > span': {
335
335
  padding: "0 ".concat(_theme.default.datePickerPanelHeaderTitlePaddingX),
336
- fontSize: _theme.default.datePickerPanelHeaderFontSize
336
+ fontSize: _theme.default.datePickerPanelHeaderFontSize,
337
+ color: _theme.default.datePickerPanelHeaderFontColor
337
338
  }
338
339
  },
339
340
  pickerHeaderInfo: {
package/cjs/dropdown/dropdown.d.ts.map CHANGED
@@ -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,CAqM7C,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,CA6M7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/dropdown/dropdown.js CHANGED
@@ -84,7 +84,7 @@ var dropdown = {
84
84
  }
85
85
  },
86
86
  boxList: {
87
- padding: "".concat(_theme.default.dropdownColumnPaddingY, " ").concat(_theme.default.dropdownColumnPaddingX),
87
+ padding: "".concat(_theme.default.dropdownListPaddingY, " ").concat(_theme.default.dropdownListPaddingX),
88
88
  '& $item': {
89
89
  textAlign: 'center'
90
90
  }
@@ -192,7 +192,15 @@ var dropdown = {
192
192
  }
193
193
  },
194
194
  optionDivider: {
195
- padding: "".concat(_theme.default.dropdownOptionDividerPaddingY, " ").concat(_theme.default.dropdownOptionDividerPaddingX),
195
+ padding: "".concat(_theme.default.dropdownOptionDividerPaddingY, " ").concat(_theme.default.dropdownOptionPaddingX),
196
+ '$listSmall &': {
197
+ paddingLeft: _theme.default.dropdownOptionSmallPaddingX,
198
+ paddingRight: _theme.default.dropdownOptionSmallPaddingX
199
+ },
200
+ '$listLarge &': {
201
+ paddingLeft: _theme.default.dropdownOptionLargePaddingX,
202
+ paddingRight: _theme.default.dropdownOptionLargePaddingX
203
+ },
196
204
  '&::before': {
197
205
  content: '" "',
198
206
  height: _theme.default.dropdownOptionDividerHeight,
package/cjs/form/form-item.d.ts.map CHANGED
@@ -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;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAwJlD,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;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/form/form-item.js CHANGED
@@ -170,9 +170,8 @@ var formItemStyle = _objectSpread(_objectSpread({
170
170
  minHeight: _theme.default.formItemTipMinHeight,
171
171
  fontSize: _theme.default.formItemDangerFontSize,
172
172
  fontWeight: _theme.default.formItemDangerFontWeight,
173
- animation: '$appear 1s ease-in-out forwards'
174
- // flexBasis: '100%',
175
- // width: 0,
173
+ animation: '$appear 1s ease-in-out forwards',
174
+ marginTop: _theme.default.formItemTipMarginTop
176
175
  },
177
176
  tip: {
178
177
  color: _theme.default.formItemTipFontColor,
package/cjs/select/select.d.ts.map CHANGED
@@ -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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwlB1C,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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2lB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/select/select.js CHANGED
@@ -98,6 +98,9 @@ var selectStyle = _objectSpread(_objectSpread({
98
98
  '& $placeholder,$ellipsis,$space,input': {
99
99
  marginTop: 0,
100
100
  marginBottom: 0
101
+ },
102
+ '& $arrowIcon': {
103
+ width: _theme.default.inputSmallFontSize
101
104
  }
102
105
  },
103
106
  '&$wrapperLarge': {
@@ -106,7 +109,7 @@ var selectStyle = _objectSpread(_objectSpread({
106
109
  marginBottom: _theme.default.selectLargePlaceholderMarginY
107
110
  },
108
111
  '& $arrowIcon': {
109
- width: _theme.default.selectLargeFontSize
112
+ width: _theme.default.inputLargeFontSize
110
113
  }
111
114
  },
112
115
  '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -133,7 +136,7 @@ var selectStyle = _objectSpread(_objectSpread({
133
136
  color: _theme.default.selectDisabledIconColor
134
137
  },
135
138
  '& $placeholder': {
136
- color: _theme.default.selectDisabledPlaceholderColor
139
+ color: _theme.default.inputDisabledPlaceholderColor
137
140
  }
138
141
  }),
139
142
  triggerHover: {
@@ -189,7 +192,7 @@ var selectStyle = _objectSpread(_objectSpread({
189
192
  whiteSpace: 'nowrap',
190
193
  textOverflow: 'ellipsis',
191
194
  '&::placeholder': {
192
- color: _theme.default.selectPlaceholderColor
195
+ color: _theme.default.inputPlaceholderColor
193
196
  }
194
197
  }
195
198
  },
@@ -239,7 +242,7 @@ var selectStyle = _objectSpread(_objectSpread({
239
242
  backgroundColor: 'transparent',
240
243
  width: '100%',
241
244
  '&::placeholder': {
242
- color: _theme.default.selectPlaceholderColor
245
+ color: _theme.default.inputPlaceholderColor
243
246
  }
244
247
  }
245
248
  },
@@ -272,7 +275,7 @@ var selectStyle = _objectSpread(_objectSpread({
272
275
  }
273
276
  },
274
277
  placeholder: {
275
- color: _theme.default.selectPlaceholderColor,
278
+ color: _theme.default.inputPlaceholderColor,
276
279
  lineHeight: _theme.default.lineHeightDynamic,
277
280
  marginTop: _theme.default.selectPlaceholderMarginY,
278
281
  marginBottom: _theme.default.selectPlaceholderMarginY
@@ -324,24 +327,24 @@ var selectStyle = _objectSpread(_objectSpread({
324
327
  clearable: {},
325
328
  clearIcon: {
326
329
  cursor: 'pointer',
327
- width: _theme.default.selectFontSize,
330
+ width: _theme.default.inputFontSize,
328
331
  lineHeight: 0,
329
- color: _theme.default.selectClearColor,
332
+ color: _theme.default.inputClearColor,
330
333
  verticalAlign: 'middle',
331
334
  '&:hover': {
332
335
  color: _theme.default.selectIconColor
333
336
  },
334
337
  '$wrapperSmall &': {
335
- width: _theme.default.selectSmallFontSize
338
+ width: _theme.default.inputSmallFontSize
336
339
  },
337
340
  '$wrapperLarge &': {
338
- width: _theme.default.selectLargeFontSize
341
+ width: _theme.default.inputLargeFontSize
339
342
  }
340
343
  },
341
344
  arrowIcon: {
342
345
  display: 'inline-block',
343
346
  verticalAlign: 'middle',
344
- width: _theme.default.selectFontSize,
347
+ width: _theme.default.inputFontSize,
345
348
  lineHeight: 0,
346
349
  color: _theme.default.selectIconColor,
347
350
  transition: 'transform 0.3s'
@@ -611,7 +614,7 @@ var selectStyle = _objectSpread(_objectSpread({
611
614
  },
612
615
  '&:not($optionDisabled):hover': {
613
616
  background: _theme.default.selectOptionHoverBackgroundColor,
614
- borderRadius: _theme.default.selectPanelRadius
617
+ borderRadius: _theme.default.selectOptionInnerBorderRadius
615
618
  }
616
619
  },
617
620
  columnsRadio: {
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.tabsLineAfterHeight
576
+ height: _theme.default.tabsLineCheckedInkHeight
577
577
  },
578
578
  '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
579
- width: _theme.default.tabsLineAfterHeight
579
+ width: _theme.default.tabsLineCheckedInkHeight
580
580
  }
581
581
  },
582
582
  header: {
@@ -591,7 +591,7 @@ var tabsStyle = {
591
591
  '& $tab': {
592
592
  marginTop: _theme.default.tabsBadgeMargin,
593
593
  position: 'relative',
594
- border: "1px solid ".concat(_theme.default.tabsCardBorderColor),
594
+ border: "1px solid ".concat(_theme.default.tabsBorderColor),
595
595
  padding: "".concat(_theme.default.tabsCardPaddingY, " ").concat(_theme.default.tabsCardPaddingX),
596
596
  color: _theme.default.tabsCardFontColor,
597
597
  fontSize: _theme.default.tabsCardFontSize,
@@ -679,7 +679,7 @@ var tabsStyle = {
679
679
  background: _theme.default.tabsLineCheckedBackgroundColor,
680
680
  fontWeight: _theme.default.tabsLineCheckedFontWeight,
681
681
  '&:after': {
682
- background: _theme.default.tabsLineAfterBackgroundColor
682
+ background: _theme.default.tabsLineCheckedInkColor
683
683
  }
684
684
  },
685
685
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
package/cjs/tree-select/tree-select.d.ts.map CHANGED
@@ -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;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,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;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAugBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/cjs/tree-select/tree-select.js CHANGED
@@ -108,6 +108,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
108
108
  },
109
109
  '& $clearIcon': {
110
110
  right: _theme.default.treeSelectSmallPaddingX
111
+ },
112
+ '& $arrowIcon': {
113
+ width: _theme.default.inputSmallFontSize
111
114
  }
112
115
  },
113
116
  '&$wrapperLarge': {
@@ -123,7 +126,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
123
126
  fontSize: _theme.default.treeSelectLargeFontSize
124
127
  },
125
128
  '& $arrowIcon': {
126
- width: _theme.default.treeSelectLargeFontSize
129
+ width: _theme.default.inputLargeFontSize
127
130
  },
128
131
  '& $clearIcon': {
129
132
  right: _theme.default.treeSelectLargePaddingX
@@ -192,7 +195,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
192
195
  whiteSpace: 'nowrap',
193
196
  textOverflow: 'ellipsis',
194
197
  '&::placeholder': {
195
- color: _theme.default.treeSelectPlaceholderColor
198
+ color: _theme.default.inputPlaceholderColor
196
199
  }
197
200
  }
198
201
  },
@@ -239,7 +242,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
239
242
  backgroundColor: 'transparent',
240
243
  width: '100%',
241
244
  '&::placeholder': {
242
- color: _theme.default.treeSelectPlaceholderColor
245
+ color: _theme.default.inputPlaceholderColor
243
246
  }
244
247
  }
245
248
  },
@@ -272,7 +275,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
272
275
  }
273
276
  },
274
277
  placeholder: {
275
- color: _theme.default.treeSelectPlaceholderColor,
278
+ color: _theme.default.inputPlaceholderColor,
276
279
  lineHeight: _theme.default.lineHeightDynamic,
277
280
  marginTop: _theme.default.treeSelectPlaceholderMarginY,
278
281
  marginBottom: _theme.default.treeSelectPlaceholderMarginY
@@ -301,24 +304,24 @@ var treeSelectStyle = _objectSpread(_objectSpread({
301
304
  clearable: {},
302
305
  clearIcon: {
303
306
  cursor: 'pointer',
304
- width: _theme.default.treeSelectFontSize,
307
+ width: _theme.default.inputFontSize,
305
308
  lineHeight: 0,
306
- color: _theme.default.treeSelectClearColor,
309
+ color: _theme.default.inputClearColor,
307
310
  verticalAlign: 'middle',
308
311
  '&:hover svg': {
309
312
  color: _theme.default.treeSelectClearHoverColor
310
313
  },
311
314
  '$wrapperSmall &': {
312
- width: _theme.default.treeSelectSmallFontSize
315
+ width: _theme.default.inputSmallFontSize
313
316
  },
314
317
  '$wrapperLarge &': {
315
- width: _theme.default.treeSelectLargeFontSize
318
+ width: _theme.default.inputLargeFontSize
316
319
  }
317
320
  },
318
321
  arrowIcon: {
319
322
  display: 'inline-block',
320
323
  verticalAlign: 'middle',
321
- width: _theme.default.treeSelectFontSize,
324
+ width: _theme.default.inputFontSize,
322
325
  lineHeight: 0,
323
326
  color: _theme.default.treeSelectIconColor,
324
327
  transition: 'transform 0.3s',
@@ -555,7 +558,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
555
558
  }
556
559
  },
557
560
  empty: {
558
- color: _theme.default.selectPlaceholderColor
561
+ color: _theme.default.inputPlaceholderColor
559
562
  }
560
563
  });
561
564
  var _default = exports.default = treeSelectStyle;
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.4";
1
+ declare const _default: "3.9.13-beta.5";
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.4';
7
+ var _default = exports.default = '3.9.13-beta.5';
package/esm/cascader/cascader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAuhB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/cascader/cascader.js CHANGED
@@ -98,6 +98,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
98
98
  // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
99
99
  fontSize: token.cascaderSmallFontSize
100
100
  },
101
+ '& $arrowIcon': {
102
+ width: token.inputSmallFontSize
103
+ },
101
104
  '& $clearIcon': {
102
105
  right: token.cascaderSmallPaddingX
103
106
  }
@@ -108,7 +111,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
108
111
  marginBottom: token.cascaderLargePlaceholderMarginY
109
112
  },
110
113
  '& $arrowIcon': {
111
- width: token.cascaderLargeFontSize
114
+ width: token.inputLargeFontSize
112
115
  },
113
116
  '& $optionInner': {
114
117
  // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
@@ -212,7 +215,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
212
215
  whiteSpace: 'nowrap',
213
216
  textOverflow: 'ellipsis',
214
217
  '&::placeholder': {
215
- color: token.cascaderPlaceholderColor
218
+ color: token.inputPlaceholderColor
216
219
  }
217
220
  }
218
221
  },
@@ -262,7 +265,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
262
265
  backgroundColor: 'transparent',
263
266
  width: '100%',
264
267
  '&::placeholder': {
265
- color: token.cascaderPlaceholderColor
268
+ color: token.inputPlaceholderColor
266
269
  }
267
270
  }
268
271
  },
@@ -295,7 +298,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
295
298
  }
296
299
  },
297
300
  placeholder: {
298
- color: token.cascaderPlaceholderColor,
301
+ color: token.inputPlaceholderColor,
299
302
  lineHeight: token.lineHeightDynamic,
300
303
  marginTop: token.cascaderPlaceholderMarginY,
301
304
  marginBottom: token.cascaderPlaceholderMarginY
@@ -320,25 +323,25 @@ var cascaderStyle = _objectSpread(_objectSpread({
320
323
  clearable: {},
321
324
  clearIcon: {
322
325
  cursor: 'pointer',
323
- width: token.cascaderFontSize,
326
+ width: token.inputFontSize,
324
327
  lineHeight: 0,
325
- color: token.cascaderClearColor,
328
+ color: token.inputClearColor,
326
329
  verticalAlign: 'middle',
327
330
  '&:hover': {
328
- color: token.cascaderClearHoverColor
331
+ color: token.inputHoverClearColor
329
332
  },
330
333
  '$wrapperSmall &': {
331
- width: token.cascaderSmallFontSize
334
+ width: token.inputSmallFontSize
332
335
  },
333
336
  '$wrapperLarge &': {
334
- width: token.cascaderLargeFontSize
337
+ width: token.inputLargeFontSize
335
338
  }
336
339
  },
337
340
  compressedIcon: {},
338
341
  arrowIcon: {
339
342
  display: 'inline-block',
340
343
  verticalAlign: 'middle',
341
- width: token.cascaderFontSize,
344
+ width: token.inputFontSize,
342
345
  lineHeight: 0,
343
346
  color: token.cascaderIconColor,
344
347
  transition: 'transform 0.3s'
@@ -374,13 +377,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
374
377
  },
375
378
  loading: {
376
379
  padding: 10,
377
- color: token.cascaderPlaceholderColor,
380
+ color: token.inputPlaceholderColor,
378
381
  display: 'flex',
379
382
  justifyContent: 'center'
380
383
  },
381
384
  empty: {
382
385
  padding: "calc(".concat(token.cascaderOptionPaddingY, " + ").concat(token.cascaderOptionInnerPaddingY, ") calc(").concat(token.cascaderOptionPaddingX, " + ").concat(token.cascaderOptionInnerPaddingX, ")"),
383
- color: token.cascaderPlaceholderColor
386
+ color: token.inputPlaceholderColor
384
387
  },
385
388
  checkedIcon: {
386
389
  right: 8,
package/esm/date-picker/date-picker.d.ts.map CHANGED
@@ -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;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+pBlD,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;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgqBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
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.datePickerFontSize,
202
- height: token.datePickerFontSize,
201
+ width: token.inputFontSize,
202
+ height: token.inputFontSize,
203
203
  '$wrapperSmall &': {
204
- width: token.datePickerSmallFontSize,
205
- height: token.datePickerSmallFontSize
204
+ width: token.inputSmallFontSize,
205
+ height: token.inputSmallFontSize
206
206
  },
207
207
  '$wrapperLarge &': {
208
- width: token.datePickerLargeFontSize,
209
- height: token.datePickerLargeFontSize
208
+ width: token.inputLargeFontSize,
209
+ height: token.inputLargeFontSize
210
210
  }
211
211
  },
212
212
  // todo 暂时写死
@@ -326,7 +326,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
326
326
  alignItems: 'center',
327
327
  '& > span': {
328
328
  padding: "0 ".concat(token.datePickerPanelHeaderTitlePaddingX),
329
- fontSize: token.datePickerPanelHeaderFontSize
329
+ fontSize: token.datePickerPanelHeaderFontSize,
330
+ color: token.datePickerPanelHeaderFontColor
330
331
  }
331
332
  },
332
333
  pickerHeaderInfo: {
package/esm/dropdown/dropdown.d.ts.map CHANGED
@@ -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,CAqM7C,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,CA6M7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/esm/dropdown/dropdown.js CHANGED
@@ -77,7 +77,7 @@ var dropdown = {
77
77
  }
78
78
  },
79
79
  boxList: {
80
- padding: "".concat(token.dropdownColumnPaddingY, " ").concat(token.dropdownColumnPaddingX),
80
+ padding: "".concat(token.dropdownListPaddingY, " ").concat(token.dropdownListPaddingX),
81
81
  '& $item': {
82
82
  textAlign: 'center'
83
83
  }
@@ -185,7 +185,15 @@ var dropdown = {
185
185
  }
186
186
  },
187
187
  optionDivider: {
188
- padding: "".concat(token.dropdownOptionDividerPaddingY, " ").concat(token.dropdownOptionDividerPaddingX),
188
+ padding: "".concat(token.dropdownOptionDividerPaddingY, " ").concat(token.dropdownOptionPaddingX),
189
+ '$listSmall &': {
190
+ paddingLeft: token.dropdownOptionSmallPaddingX,
191
+ paddingRight: token.dropdownOptionSmallPaddingX
192
+ },
193
+ '$listLarge &': {
194
+ paddingLeft: token.dropdownOptionLargePaddingX,
195
+ paddingRight: token.dropdownOptionLargePaddingX
196
+ },
189
197
  '&::before': {
190
198
  content: '" "',
191
199
  height: token.dropdownOptionDividerHeight,
package/esm/form/form-item.d.ts.map CHANGED
@@ -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;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAwJlD,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;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/form/form-item.js CHANGED
@@ -163,9 +163,8 @@ var formItemStyle = _objectSpread(_objectSpread({
163
163
  minHeight: token.formItemTipMinHeight,
164
164
  fontSize: token.formItemDangerFontSize,
165
165
  fontWeight: token.formItemDangerFontWeight,
166
- animation: '$appear 1s ease-in-out forwards'
167
- // flexBasis: '100%',
168
- // width: 0,
166
+ animation: '$appear 1s ease-in-out forwards',
167
+ marginTop: token.formItemTipMarginTop
169
168
  },
170
169
  tip: {
171
170
  color: token.formItemTipFontColor,
package/esm/select/select.d.ts.map CHANGED
@@ -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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwlB1C,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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2lB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/select/select.js CHANGED
@@ -89,6 +89,9 @@ var selectStyle = _objectSpread(_objectSpread({
89
89
  '& $placeholder,$ellipsis,$space,input': {
90
90
  marginTop: 0,
91
91
  marginBottom: 0
92
+ },
93
+ '& $arrowIcon': {
94
+ width: token.inputSmallFontSize
92
95
  }
93
96
  },
94
97
  '&$wrapperLarge': {
@@ -97,7 +100,7 @@ var selectStyle = _objectSpread(_objectSpread({
97
100
  marginBottom: token.selectLargePlaceholderMarginY
98
101
  },
99
102
  '& $arrowIcon': {
100
- width: token.selectLargeFontSize
103
+ width: token.inputLargeFontSize
101
104
  }
102
105
  },
103
106
  '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -124,7 +127,7 @@ var selectStyle = _objectSpread(_objectSpread({
124
127
  color: token.selectDisabledIconColor
125
128
  },
126
129
  '& $placeholder': {
127
- color: token.selectDisabledPlaceholderColor
130
+ color: token.inputDisabledPlaceholderColor
128
131
  }
129
132
  }),
130
133
  triggerHover: {
@@ -180,7 +183,7 @@ var selectStyle = _objectSpread(_objectSpread({
180
183
  whiteSpace: 'nowrap',
181
184
  textOverflow: 'ellipsis',
182
185
  '&::placeholder': {
183
- color: token.selectPlaceholderColor
186
+ color: token.inputPlaceholderColor
184
187
  }
185
188
  }
186
189
  },
@@ -230,7 +233,7 @@ var selectStyle = _objectSpread(_objectSpread({
230
233
  backgroundColor: 'transparent',
231
234
  width: '100%',
232
235
  '&::placeholder': {
233
- color: token.selectPlaceholderColor
236
+ color: token.inputPlaceholderColor
234
237
  }
235
238
  }
236
239
  },
@@ -263,7 +266,7 @@ var selectStyle = _objectSpread(_objectSpread({
263
266
  }
264
267
  },
265
268
  placeholder: {
266
- color: token.selectPlaceholderColor,
269
+ color: token.inputPlaceholderColor,
267
270
  lineHeight: token.lineHeightDynamic,
268
271
  marginTop: token.selectPlaceholderMarginY,
269
272
  marginBottom: token.selectPlaceholderMarginY
@@ -315,24 +318,24 @@ var selectStyle = _objectSpread(_objectSpread({
315
318
  clearable: {},
316
319
  clearIcon: {
317
320
  cursor: 'pointer',
318
- width: token.selectFontSize,
321
+ width: token.inputFontSize,
319
322
  lineHeight: 0,
320
- color: token.selectClearColor,
323
+ color: token.inputClearColor,
321
324
  verticalAlign: 'middle',
322
325
  '&:hover': {
323
326
  color: token.selectIconColor
324
327
  },
325
328
  '$wrapperSmall &': {
326
- width: token.selectSmallFontSize
329
+ width: token.inputSmallFontSize
327
330
  },
328
331
  '$wrapperLarge &': {
329
- width: token.selectLargeFontSize
332
+ width: token.inputLargeFontSize
330
333
  }
331
334
  },
332
335
  arrowIcon: {
333
336
  display: 'inline-block',
334
337
  verticalAlign: 'middle',
335
- width: token.selectFontSize,
338
+ width: token.inputFontSize,
336
339
  lineHeight: 0,
337
340
  color: token.selectIconColor,
338
341
  transition: 'transform 0.3s'
@@ -602,7 +605,7 @@ var selectStyle = _objectSpread(_objectSpread({
602
605
  },
603
606
  '&:not($optionDisabled):hover': {
604
607
  background: token.selectOptionHoverBackgroundColor,
605
- borderRadius: token.selectPanelRadius
608
+ borderRadius: token.selectOptionInnerBorderRadius
606
609
  }
607
610
  },
608
611
  columnsRadio: {
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.tabsLineAfterHeight
569
+ height: Token.tabsLineCheckedInkHeight
570
570
  },
571
571
  '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
572
- width: Token.tabsLineAfterHeight
572
+ width: Token.tabsLineCheckedInkHeight
573
573
  }
574
574
  },
575
575
  header: {
@@ -584,7 +584,7 @@ var tabsStyle = {
584
584
  '& $tab': {
585
585
  marginTop: Token.tabsBadgeMargin,
586
586
  position: 'relative',
587
- border: "1px solid ".concat(Token.tabsCardBorderColor),
587
+ border: "1px solid ".concat(Token.tabsBorderColor),
588
588
  padding: "".concat(Token.tabsCardPaddingY, " ").concat(Token.tabsCardPaddingX),
589
589
  color: Token.tabsCardFontColor,
590
590
  fontSize: Token.tabsCardFontSize,
@@ -672,7 +672,7 @@ var tabsStyle = {
672
672
  background: Token.tabsLineCheckedBackgroundColor,
673
673
  fontWeight: Token.tabsLineCheckedFontWeight,
674
674
  '&:after': {
675
- background: Token.tabsLineAfterBackgroundColor
675
+ background: Token.tabsLineCheckedInkColor
676
676
  }
677
677
  },
678
678
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
package/esm/tree-select/tree-select.d.ts.map CHANGED
@@ -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;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,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;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAugBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/esm/tree-select/tree-select.js CHANGED
@@ -99,6 +99,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
99
99
  },
100
100
  '& $clearIcon': {
101
101
  right: token.treeSelectSmallPaddingX
102
+ },
103
+ '& $arrowIcon': {
104
+ width: token.inputSmallFontSize
102
105
  }
103
106
  },
104
107
  '&$wrapperLarge': {
@@ -114,7 +117,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
114
117
  fontSize: token.treeSelectLargeFontSize
115
118
  },
116
119
  '& $arrowIcon': {
117
- width: token.treeSelectLargeFontSize
120
+ width: token.inputLargeFontSize
118
121
  },
119
122
  '& $clearIcon': {
120
123
  right: token.treeSelectLargePaddingX
@@ -183,7 +186,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
183
186
  whiteSpace: 'nowrap',
184
187
  textOverflow: 'ellipsis',
185
188
  '&::placeholder': {
186
- color: token.treeSelectPlaceholderColor
189
+ color: token.inputPlaceholderColor
187
190
  }
188
191
  }
189
192
  },
@@ -230,7 +233,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
230
233
  backgroundColor: 'transparent',
231
234
  width: '100%',
232
235
  '&::placeholder': {
233
- color: token.treeSelectPlaceholderColor
236
+ color: token.inputPlaceholderColor
234
237
  }
235
238
  }
236
239
  },
@@ -263,7 +266,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
263
266
  }
264
267
  },
265
268
  placeholder: {
266
- color: token.treeSelectPlaceholderColor,
269
+ color: token.inputPlaceholderColor,
267
270
  lineHeight: token.lineHeightDynamic,
268
271
  marginTop: token.treeSelectPlaceholderMarginY,
269
272
  marginBottom: token.treeSelectPlaceholderMarginY
@@ -292,24 +295,24 @@ var treeSelectStyle = _objectSpread(_objectSpread({
292
295
  clearable: {},
293
296
  clearIcon: {
294
297
  cursor: 'pointer',
295
- width: token.treeSelectFontSize,
298
+ width: token.inputFontSize,
296
299
  lineHeight: 0,
297
- color: token.treeSelectClearColor,
300
+ color: token.inputClearColor,
298
301
  verticalAlign: 'middle',
299
302
  '&:hover svg': {
300
303
  color: token.treeSelectClearHoverColor
301
304
  },
302
305
  '$wrapperSmall &': {
303
- width: token.treeSelectSmallFontSize
306
+ width: token.inputSmallFontSize
304
307
  },
305
308
  '$wrapperLarge &': {
306
- width: token.treeSelectLargeFontSize
309
+ width: token.inputLargeFontSize
307
310
  }
308
311
  },
309
312
  arrowIcon: {
310
313
  display: 'inline-block',
311
314
  verticalAlign: 'middle',
312
- width: token.treeSelectFontSize,
315
+ width: token.inputFontSize,
313
316
  lineHeight: 0,
314
317
  color: token.treeSelectIconColor,
315
318
  transition: 'transform 0.3s',
@@ -546,7 +549,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
546
549
  }
547
550
  },
548
551
  empty: {
549
- color: token.selectPlaceholderColor
552
+ color: token.inputPlaceholderColor
550
553
  }
551
554
  });
552
555
  export default treeSelectStyle;
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.4";
1
+ declare const _default: "3.9.13-beta.5";
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.4';
1
+ export default '3.9.13-beta.5';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.13-beta.4",
3
+ "version": "3.9.13-beta.5",
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.4",
21
- "@sheinx/base": "3.9.13-beta.4"
20
+ "@sheinx/theme": "3.9.13-beta.5",
21
+ "@sheinx/base": "3.9.13-beta.5"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"