@sheinx/shineout-style 3.1.0-rc.3 → 3.1.0

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 (79) hide show
  1. package/cjs/alert/alert.d.ts.map +1 -1
  2. package/cjs/alert/alert.js +4 -6
  3. package/cjs/cascader/cascader.d.ts.map +1 -1
  4. package/cjs/cascader/cascader.js +2 -1
  5. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  6. package/cjs/date-picker/date-picker.js +69 -10
  7. package/cjs/dropdown/dropdown.d.ts.map +1 -1
  8. package/cjs/dropdown/dropdown.js +33 -4
  9. package/cjs/form/form-item.d.ts.map +1 -1
  10. package/cjs/form/form-item.js +1 -5
  11. package/cjs/input/input.d.ts.map +1 -1
  12. package/cjs/input/input.js +38 -7
  13. package/cjs/menu/menu.d.ts.map +1 -1
  14. package/cjs/menu/menu.js +19 -4
  15. package/cjs/modal/modal.d.ts.map +1 -1
  16. package/cjs/modal/modal.js +4 -5
  17. package/cjs/rate/rate.d.ts.map +1 -1
  18. package/cjs/rate/rate.js +6 -1
  19. package/cjs/select/select.d.ts.map +1 -1
  20. package/cjs/select/select.js +6 -7
  21. package/cjs/spin/spin.d.ts.map +1 -1
  22. package/cjs/spin/spin.js +3 -1
  23. package/cjs/steps/steps.d.ts.map +1 -1
  24. package/cjs/steps/steps.js +79 -14
  25. package/cjs/switch/switch.d.ts.map +1 -1
  26. package/cjs/switch/switch.js +30 -7
  27. package/cjs/tabs/tabs.d.ts.map +1 -1
  28. package/cjs/tabs/tabs.js +178 -69
  29. package/cjs/textarea/textarea.d.ts.map +1 -1
  30. package/cjs/textarea/textarea.js +12 -2
  31. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  32. package/cjs/tooltip/tooltip.js +12 -1
  33. package/cjs/tree/tree.d.ts.map +1 -1
  34. package/cjs/tree/tree.js +30 -5
  35. package/cjs/upload/upload.d.ts.map +1 -1
  36. package/cjs/upload/upload.js +8 -2
  37. package/cjs/version.d.ts +1 -1
  38. package/cjs/version.d.ts.map +1 -1
  39. package/cjs/version.js +1 -1
  40. package/esm/alert/alert.d.ts.map +1 -1
  41. package/esm/alert/alert.js +4 -6
  42. package/esm/cascader/cascader.d.ts.map +1 -1
  43. package/esm/cascader/cascader.js +2 -1
  44. package/esm/date-picker/date-picker.d.ts.map +1 -1
  45. package/esm/date-picker/date-picker.js +69 -10
  46. package/esm/dropdown/dropdown.d.ts.map +1 -1
  47. package/esm/dropdown/dropdown.js +33 -4
  48. package/esm/form/form-item.d.ts.map +1 -1
  49. package/esm/form/form-item.js +1 -5
  50. package/esm/input/input.d.ts.map +1 -1
  51. package/esm/input/input.js +38 -7
  52. package/esm/menu/menu.d.ts.map +1 -1
  53. package/esm/menu/menu.js +19 -4
  54. package/esm/modal/modal.d.ts.map +1 -1
  55. package/esm/modal/modal.js +4 -5
  56. package/esm/rate/rate.d.ts.map +1 -1
  57. package/esm/rate/rate.js +6 -1
  58. package/esm/select/select.d.ts.map +1 -1
  59. package/esm/select/select.js +6 -7
  60. package/esm/spin/spin.d.ts.map +1 -1
  61. package/esm/spin/spin.js +3 -1
  62. package/esm/steps/steps.d.ts.map +1 -1
  63. package/esm/steps/steps.js +79 -14
  64. package/esm/switch/switch.d.ts.map +1 -1
  65. package/esm/switch/switch.js +30 -7
  66. package/esm/tabs/tabs.d.ts.map +1 -1
  67. package/esm/tabs/tabs.js +178 -69
  68. package/esm/textarea/textarea.d.ts.map +1 -1
  69. package/esm/textarea/textarea.js +12 -2
  70. package/esm/tooltip/tooltip.d.ts.map +1 -1
  71. package/esm/tooltip/tooltip.js +12 -1
  72. package/esm/tree/tree.d.ts.map +1 -1
  73. package/esm/tree/tree.js +30 -5
  74. package/esm/upload/upload.d.ts.map +1 -1
  75. package/esm/upload/upload.js +8 -2
  76. package/esm/version.d.ts +1 -1
  77. package/esm/version.d.ts.map +1 -1
  78. package/esm/version.js +1 -1
  79. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.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,CAkJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.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,CAgJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -46,12 +46,10 @@ var alertStyle = {
46
46
  '&:after': {
47
47
  content: '""',
48
48
  position: 'absolute',
49
- top: -2,
50
- right: 0,
51
- bottom: 0,
52
- left: -5,
53
- width: 24,
54
- height: 24,
49
+ top: -4,
50
+ right: -4,
51
+ bottom: -4,
52
+ left: -4,
55
53
  borderRadius: '50%',
56
54
  background: _theme.default.alertMessageHoverColor
57
55
  }
@@ -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;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAgc9C,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;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAic9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -382,7 +382,8 @@ var cascaderStyle = _objectSpread(_objectSpread({
382
382
  list: {
383
383
  paddingTop: 3,
384
384
  paddingBottom: 3,
385
- display: 'inline-block'
385
+ display: 'inline-block',
386
+ overflow: 'auto'
386
387
  },
387
388
  tag: {
388
389
  '&$tag + &$tag': {
@@ -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;AA6C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAijBlD,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;AA6C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwmBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -120,6 +120,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
120
120
  resultText: {
121
121
  lineHeight: _theme.default.lineHeightDynamic,
122
122
  position: 'relative',
123
+ zIndex: 0,
123
124
  flex: '1',
124
125
  minWidth: 0,
125
126
  '&::before': {
@@ -128,7 +129,25 @@ var datePickerStyle = _objectSpread(_objectSpread({
128
129
  }
129
130
  },
130
131
  resultTextPadding: {
132
+ position: 'relative',
133
+ zIndex: 2,
134
+ '& > input': {
135
+ color: 'inherit',
136
+ padding: '0',
137
+ border: '0',
138
+ outline: '0',
139
+ fontSize: 'inherit',
140
+ lineHeight: _theme.default.lineHeightDynamic,
141
+ backgroundColor: 'transparent',
142
+ width: '100%',
143
+ '&::placeholder': {
144
+ color: _theme.default.datePickerPlaceholderColor
145
+ }
146
+ }
147
+ },
148
+ resultTextBg: {
131
149
  position: 'absolute',
150
+ zIndex: 1,
132
151
  padding: "0 ".concat(_theme.default.datePickerResultTextPaddingX),
133
152
  left: "calc(-1 * ".concat(_theme.default.datePickerResultTextPaddingX, ")"),
134
153
  right: "calc(-1 * ".concat(_theme.default.datePickerResultTextPaddingX, ")"),
@@ -150,7 +169,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
150
169
  }
151
170
  },
152
171
  resultTextActive: {
153
- '& $resultTextPadding': {
172
+ '& $resultTextBg': {
154
173
  backgroundColor: _theme.default.datePickerResultTextActiveBackgroundColor
155
174
  }
156
175
  },
@@ -207,9 +226,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
207
226
  display: 'block',
208
227
  position: 'absolute',
209
228
  bottom: '-1px',
210
- left: '0',
211
- transform: 'translateX(-100%)',
212
229
  borderBottom: "1px solid ".concat(_theme.default.datePickerPanelHeaderBorderColor)
230
+ },
231
+ '&[dir=ltr]::before': {
232
+ left: '0',
233
+ transform: 'translateX(-100%)'
234
+ },
235
+ '&[dir=rtl]::before': {
236
+ right: '0',
237
+ transform: 'translateX(100%)'
213
238
  }
214
239
  },
215
240
  '& $pickerFooter': {
@@ -220,9 +245,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
220
245
  display: 'block',
221
246
  position: 'absolute',
222
247
  top: '-1px',
223
- left: '0',
224
- transform: 'translateX(-100%)',
225
248
  borderBottom: "1px solid ".concat(_theme.default.datePickerPanelHeaderBorderColor)
249
+ },
250
+ '&[dir=ltr]::before': {
251
+ left: '0',
252
+ transform: 'translateX(-100%)'
253
+ },
254
+ '&[dir=rtl]::before': {
255
+ right: '0',
256
+ transform: 'translateX(100%)'
226
257
  }
227
258
  }
228
259
  }
@@ -255,6 +286,9 @@ var datePickerStyle = _objectSpread(_objectSpread({
255
286
  width: _theme.default.datePickerPanelHeaderIconHotWidth,
256
287
  height: _theme.default.datePickerPanelHeaderIconHotWidth,
257
288
  borderRadius: '50%',
289
+ '&[dir=rtl]': {
290
+ transform: 'rotate(180deg)'
291
+ },
258
292
  '& svg': {
259
293
  width: _theme.default.datePickerPanelHeaderIconWidth,
260
294
  height: _theme.default.datePickerPanelHeaderIconWidth
@@ -325,18 +359,30 @@ var datePickerStyle = _objectSpread(_objectSpread({
325
359
  paddingRight: _theme.default.datePickerCellMarginY
326
360
  }
327
361
  },
328
- '& $pickerCell:not(:nth-child(2))': {
362
+ '& $pickerCell[dir=ltr]:not(:nth-child(2))': {
329
363
  '& $pickerCellContent >span': {
330
364
  borderTopLeftRadius: '0',
331
365
  borderBottomLeftRadius: '0'
332
366
  }
333
367
  },
334
- '& $pickerCell:not(:nth-child(8))': {
368
+ '& $pickerCell[dir=rtl]:not(:nth-child(2))': {
335
369
  '& $pickerCellContent >span': {
336
370
  borderTopRightRadius: '0',
337
371
  borderBottomRightRadius: '0'
338
372
  }
339
373
  },
374
+ '& $pickerCell[dir=ltr]:not(:nth-child(8))': {
375
+ '& $pickerCellContent >span': {
376
+ borderTopRightRadius: '0',
377
+ borderBottomRightRadius: '0'
378
+ }
379
+ },
380
+ '& $pickerCell[dir=rtl]:not(:nth-child(8))': {
381
+ '& $pickerCellContent >span': {
382
+ borderTopLeftRadius: '0',
383
+ borderBottomLeftRadius: '0'
384
+ }
385
+ },
340
386
  '& $pickerCellContent > span': {
341
387
  width: '100%'
342
388
  },
@@ -415,15 +461,23 @@ var datePickerStyle = _objectSpread(_objectSpread({
415
461
  }
416
462
  },
417
463
  pickerCellInRangeStart: {
418
- '& > $pickerCellContent': {
464
+ '&[dir=ltr] > $pickerCellContent': {
419
465
  borderTopLeftRadius: _theme.default.datePickerCellHeight,
420
466
  borderBottomLeftRadius: _theme.default.datePickerCellHeight
467
+ },
468
+ '&[dir=rtl] > $pickerCellContent': {
469
+ borderTopRightRadius: _theme.default.datePickerCellHeight,
470
+ borderBottomRightRadius: _theme.default.datePickerCellHeight
421
471
  }
422
472
  },
423
473
  pickerCellInRangeEnd: {
424
- '& > $pickerCellContent': {
474
+ '&[dir=ltr] > $pickerCellContent': {
425
475
  borderTopRightRadius: _theme.default.datePickerCellHeight,
426
476
  borderBottomRightRadius: _theme.default.datePickerCellHeight
477
+ },
478
+ '&[dir=rtl] > $pickerCellContent': {
479
+ borderTopLeftRadius: _theme.default.datePickerCellHeight,
480
+ borderBottomLeftRadius: _theme.default.datePickerCellHeight
427
481
  }
428
482
  },
429
483
  pickerCellDisabled: {
@@ -574,7 +628,12 @@ var datePickerStyle = _objectSpread(_objectSpread({
574
628
  '& $timePicker': {
575
629
  position: 'absolute',
576
630
  top: 0,
577
- left: 0,
631
+ '&[dir=ltr]': {
632
+ left: 0
633
+ },
634
+ '&[dir=rtl]': {
635
+ right: 0
636
+ },
578
637
  transform: 'translateY(-100%)',
579
638
  backgroundColor: _theme.default.datePickerPanelBackgroundColor,
580
639
  boxShadow: _theme.default.datePickerPanelShadow,
@@ -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,CAyJ7C,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,CAsL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -51,11 +51,33 @@ var dropdown = {
51
51
  listHasChildren: {
52
52
  '$wrapper[data-position^="left"] > &': {
53
53
  '& > $itemWrapper > $item': {
54
- '&::before': {
54
+ '&[dir=ltr]::before': {
55
55
  content: '""',
56
56
  width: '1em',
57
57
  marginLeft: _theme.default.dropdownCaretMarginLeft,
58
58
  display: 'inline-block'
59
+ },
60
+ '&[dir=rtl]::after': {
61
+ content: '""',
62
+ width: '1em',
63
+ marginRight: _theme.default.dropdownCaretMarginLeft,
64
+ display: 'inline-block'
65
+ }
66
+ }
67
+ },
68
+ '$wrapper[data-position^="right"] > &': {
69
+ '& > $itemWrapper > $item': {
70
+ '&[dir=rtl]::before': {
71
+ content: '""',
72
+ width: '1em',
73
+ marginLeft: _theme.default.dropdownCaretMarginLeft,
74
+ display: 'inline-block'
75
+ },
76
+ '&[dir=ltr]::after': {
77
+ content: '""',
78
+ width: '1em',
79
+ marginRight: _theme.default.dropdownCaretMarginLeft,
80
+ display: 'inline-block'
59
81
  }
60
82
  }
61
83
  }
@@ -76,13 +98,20 @@ var dropdown = {
76
98
  transform: 'rotate(-90deg)'
77
99
  },
78
100
  '$wrapper[data-position^="left"] > $button &': {
79
- marginLeft: '0',
80
- marginRight: _theme.default.dropdownCaretMarginLeft,
81
- textAlign: 'right',
82
101
  '& > svg': {
83
102
  transform: 'rotate(90deg)'
84
103
  }
85
104
  },
105
+ '$wrapper[data-position^="left"] > $button &[dir=ltr]': {
106
+ marginLeft: '0',
107
+ marginRight: _theme.default.dropdownCaretMarginLeft,
108
+ textAlign: 'right'
109
+ },
110
+ '$wrapper[data-position^="right"] > $button &[dir=rtl]': {
111
+ marginLeft: '0',
112
+ marginRight: _theme.default.dropdownCaretMarginLeft,
113
+ textAlign: 'right'
114
+ },
86
115
  '$wrapper[data-position^="left"] > $button & > svg': {},
87
116
  '$wrapper[data-position^="top"] > $button & > svg': {
88
117
  transform: 'rotate(180deg)'
@@ -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,CAqGlD,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,CAiGlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -81,12 +81,8 @@ var formItemStyle = {
81
81
  },
82
82
  control: {
83
83
  fontSize: _theme.default.formItemFontSize,
84
- // minHeight: `calc(${token.lineHeightDynamic} + ${token.formItemLabelPaddingY} * 2)`,
85
- // minWidth: '0',
86
- // display: 'flex',
87
- // flexFlow: 'row wrap',
88
- // alignItems: 'center',
89
84
  flex: '1',
85
+ minWidth: 0,
90
86
  lineHeight: _theme.default.lineHeightDynamic,
91
87
  '$wrapperInline &': {
92
88
  padding: 0
@@ -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;AA8E5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsLvC,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;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -70,17 +70,33 @@ var groupSpace = function groupSpace(gap) {
70
70
  background: _theme.default.inputDisabledBackgroundColor,
71
71
  fontWeight: 'normal',
72
72
  '&:first-child': {
73
- borderTopLeftRadius: _theme.default.inputBorderRadius,
74
- borderBottomLeftRadius: _theme.default.inputBorderRadius,
75
73
  borderLeftColor: 'inherit',
76
74
  marginLeft: '-1px'
77
75
  },
78
76
  '&:last-child': {
79
- borderTopRightRadius: _theme.default.inputBorderRadius,
80
- borderBottomRightRadius: _theme.default.inputBorderRadius,
81
77
  borderRightColor: 'inherit',
82
78
  marginRight: '-1px'
83
79
  }
80
+ },
81
+ '&[dir=ltr] > b': {
82
+ '&:first-child': {
83
+ borderTopLeftRadius: _theme.default.inputBorderRadius,
84
+ borderBottomLeftRadius: _theme.default.inputBorderRadius
85
+ },
86
+ '&:last-child': {
87
+ borderTopRightRadius: _theme.default.inputBorderRadius,
88
+ borderBottomRightRadius: _theme.default.inputBorderRadius
89
+ }
90
+ },
91
+ '&[dir=rtl] > b': {
92
+ '&:first-child': {
93
+ borderTopRightRadius: _theme.default.inputBorderRadius,
94
+ borderBottomRightRadius: _theme.default.inputBorderRadius
95
+ },
96
+ '&:last-child': {
97
+ borderTopLeftRadius: _theme.default.inputBorderRadius,
98
+ borderBottomLeftRadius: _theme.default.inputBorderRadius
99
+ }
84
100
  }
85
101
  };
86
102
  };
@@ -153,7 +169,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
153
169
  '&:hover svg': {
154
170
  color: _theme.default.inputHoverClearColor
155
171
  },
156
- right: '0'
172
+ '&[dir=ltr]': {
173
+ right: '0'
174
+ },
175
+ '&[dir=rtl]': {
176
+ left: '0'
177
+ }
157
178
  },
158
179
  group: _objectSpread(_objectSpread({}, group), {}, {
159
180
  display: 'flex',
@@ -220,7 +241,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
220
241
  },
221
242
  info: {
222
243
  position: 'absolute',
223
- right: '0',
244
+ '&[dir=ltr]': {
245
+ right: '0'
246
+ },
247
+ '&[dir=rtl]': {
248
+ left: '0'
249
+ },
224
250
  top: '100%',
225
251
  transformOrigin: '100% 0',
226
252
  marginTop: '10px',
@@ -235,7 +261,6 @@ var input = _objectSpread(_objectSpread(_objectSpread({
235
261
  '&::before': {
236
262
  display: 'block',
237
263
  position: 'absolute',
238
- right: '4px',
239
264
  bottom: '100%',
240
265
  transform: 'rotate(45deg) translateY(3px)',
241
266
  width: '6px',
@@ -244,6 +269,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
244
269
  borderWidth: '1px 0 0 1px',
245
270
  background: 'inherit',
246
271
  content: "' '"
272
+ },
273
+ '&[dir=ltr]::before': {
274
+ right: '4px'
275
+ },
276
+ '&[dir=rtl]::before': {
277
+ left: '8px'
247
278
  }
248
279
  },
249
280
  infoError: {
@@ -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,CAiWtC,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;AAGxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6WtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/menu/menu.js CHANGED
@@ -96,8 +96,14 @@ var menuStyle = {
96
96
  '$wrapperVertical &': {
97
97
  position: 'absolute',
98
98
  top: 0,
99
- right: '-6px',
100
- transform: 'translateX(100%)',
99
+ '&[dir=ltr]': {
100
+ right: '-6px',
101
+ transform: 'translateX(100%)'
102
+ },
103
+ '&[dir=rtl]': {
104
+ left: '-6px',
105
+ transform: 'translateX(-100%)'
106
+ },
101
107
  minWidth: 'auto',
102
108
  borderRadius: '4px',
103
109
  '& > :first-child > $itemContent': {
@@ -302,7 +308,12 @@ var menuStyle = {
302
308
  }
303
309
  },
304
310
  '$wrapperVertical &': {
305
- transform: 'rotate(-90deg)'
311
+ '&[dir=ltr]': {
312
+ transform: 'rotate(-90deg)'
313
+ },
314
+ '&[dir=rtl]': {
315
+ transform: 'rotate(90deg)'
316
+ }
306
317
  }
307
318
  },
308
319
  icon: {},
@@ -350,7 +361,11 @@ var menuStyle = {
350
361
  bottom: 0,
351
362
  width: '16px',
352
363
  boxSizing: 'border-box',
353
- borderWidth: '0 1px'
364
+ borderWidth: '0 1px',
365
+ '&[dir=rtl]': {
366
+ left: 0,
367
+ right: 'auto'
368
+ }
354
369
  },
355
370
  scrolbarHandler: {
356
371
  position: 'absolute',
@@ -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;AAuJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAiRxC,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,CAkRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -147,11 +147,9 @@ var hoverAfterStyles = {
147
147
  content: '""',
148
148
  position: 'absolute',
149
149
  top: -4,
150
- right: 0,
151
- bottom: 0,
150
+ right: -4,
151
+ bottom: -4,
152
152
  left: -4,
153
- width: 24,
154
- height: 24,
155
153
  borderRadius: '50%'
156
154
  };
157
155
  var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
@@ -259,7 +257,8 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
259
257
  marginBottom: 0
260
258
  },
261
259
  '& $body': {
262
- padding: "".concat(_theme.default.modalDrawerBodyPaddingY, " ").concat(_theme.default.modalDrawerBodyPaddingX)
260
+ padding: "".concat(_theme.default.modalDrawerBodyPaddingY, " ").concat(_theme.default.modalDrawerBodyPaddingX),
261
+ overflow: 'auto'
263
262
  },
264
263
  '& $bodyWithIcon': {
265
264
  paddingLeft: _theme.default.modalDrawerBodyPaddingX
@@ -1 +1 @@
1
- {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.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;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.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;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/rate/rate.js CHANGED
@@ -73,7 +73,12 @@ var rateStyle = {
73
73
  itemHalf: {
74
74
  position: 'absolute',
75
75
  top: 0,
76
- left: 0,
76
+ '&[dir=ltr]': {
77
+ left: 0
78
+ },
79
+ '&[dir=rtl]': {
80
+ right: 0
81
+ },
77
82
  bottom: 0,
78
83
  overflow: 'hidden',
79
84
  width: '50%',
@@ -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;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAke1C,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;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -90,18 +90,12 @@ var selectStyle = _objectSpread(_objectSpread({
90
90
  '& $placeholder,$ellipsis,$space,input': {
91
91
  marginTop: 0,
92
92
  marginBottom: 0
93
- },
94
- '& $clearIcon': {
95
- right: _theme.default.selectSmallPaddingX
96
93
  }
97
94
  },
98
95
  '&$wrapperLarge': {
99
96
  '& $placeholder,$ellipsis,$space,input': {
100
97
  marginTop: _theme.default.selectLargePlaceholderMarginY,
101
98
  marginBottom: _theme.default.selectLargePlaceholderMarginY
102
- },
103
- '& $clearIcon': {
104
- right: _theme.default.selectLargePaddingX
105
99
  }
106
100
  },
107
101
  '&:hover': {
@@ -342,7 +336,12 @@ var selectStyle = _objectSpread(_objectSpread({
342
336
  justifyContent: 'center'
343
337
  },
344
338
  checkedIcon: {
345
- right: 8,
339
+ '&[dir=ltr]': {
340
+ right: 8
341
+ },
342
+ '&[dir=rtl]': {
343
+ left: 8
344
+ },
346
345
  top: "calc(50% - 1em/2)",
347
346
  position: 'absolute',
348
347
  display: 'inline-flex',
@@ -1 +1 @@
1
- {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA4E1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA8E1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/spin/spin.js CHANGED
@@ -43,7 +43,9 @@ var spinStyle = _objectSpread(_objectSpread({}, _animation.default), {}, {
43
43
  wave: _wave.default,
44
44
  chasingRing: _chasingRing.default,
45
45
  fade: {},
46
- spin: {},
46
+ spin: {
47
+ margin: 'auto'
48
+ },
47
49
  content: {
48
50
  margin: 'auto',
49
51
  display: 'flex',
@@ -1 +1 @@
1
- {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqnBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmpBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}