rsuite 4.8.5 → 4.8.9

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 (270) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/rsuite.js +21 -21
  3. package/dist/rsuite.min.js +1 -1
  4. package/dist/rsuite.min.js.map +1 -1
  5. package/dist/styles/rsuite-dark-rtl.css +46 -52
  6. package/dist/styles/rsuite-dark-rtl.min.css +1 -1
  7. package/dist/styles/rsuite-dark-rtl.min.css.map +1 -1
  8. package/dist/styles/rsuite-dark.css +46 -52
  9. package/dist/styles/rsuite-dark.min.css +1 -1
  10. package/dist/styles/rsuite-dark.min.css.map +1 -1
  11. package/dist/styles/rsuite-default-rtl.css +46 -52
  12. package/dist/styles/rsuite-default-rtl.min.css +1 -1
  13. package/dist/styles/rsuite-default-rtl.min.css.map +1 -1
  14. package/dist/styles/rsuite-default.css +46 -52
  15. package/dist/styles/rsuite-default.min.css +1 -1
  16. package/dist/styles/rsuite-default.min.css.map +1 -1
  17. package/es/Alert/styles/common.less +1 -1
  18. package/es/AutoComplete/styles/common.less +3 -3
  19. package/es/Avatar/styles/common.less +5 -5
  20. package/es/Avatar/styles/mixin.less +1 -1
  21. package/es/Button/styles/common.less +6 -6
  22. package/es/Button/styles/mixin.less +17 -17
  23. package/es/ButtonGroup/styles/common.less +5 -5
  24. package/es/Calendar/styles/common.less +14 -14
  25. package/es/Carousel/styles/common.less +1 -1
  26. package/es/Cascader/Cascader.js +2 -1
  27. package/es/Cascader/styles/common.less +4 -4
  28. package/es/CheckPicker/CheckPicker.js +2 -1
  29. package/es/CheckPicker/styles/common.less +2 -2
  30. package/es/CheckTreePicker/CheckTreePicker.js +2 -1
  31. package/es/CheckTreePicker/styles/common.less +5 -5
  32. package/es/Checkbox/styles/common.less +3 -3
  33. package/es/Checkbox/styles/mixin.less +1 -1
  34. package/es/DatePicker/DatePicker.js +2 -1
  35. package/es/DatePicker/styles/common.less +1 -1
  36. package/es/DateRangePicker/DateRangePicker.js +2 -1
  37. package/es/Drawer/styles/common.less +5 -5
  38. package/es/Dropdown/Dropdown.js +13 -4
  39. package/es/Dropdown/styles/common.less +3 -3
  40. package/es/FlexboxGrid/styles/common.less +1 -1
  41. package/es/Form/styles/common.less +2 -1
  42. package/es/Form/styles/mixin.less +4 -4
  43. package/es/FormControl/styles/common.less +0 -1
  44. package/es/FormGroup/styles/common.less +1 -1
  45. package/es/Grid/styles/common.less +1 -1
  46. package/es/Grid/styles/mixin.less +2 -2
  47. package/es/HelpBlock/styles/common.less +1 -1
  48. package/es/IconButton/styles/common.less +16 -14
  49. package/es/Input/styles/common.less +6 -10
  50. package/es/InputGroup/styles/common.less +1 -1
  51. package/es/InputNumber/styles/mixin.less +2 -2
  52. package/es/InputPicker/InputAutosize.js +11 -6
  53. package/es/InputPicker/styles/common.less +4 -4
  54. package/es/Loader/styles/common.less +3 -3
  55. package/es/Loader/styles/mixin.less +2 -2
  56. package/es/Message/styles/common.less +3 -3
  57. package/es/Modal/BaseModal.js +1 -1
  58. package/es/Modal/Modal.js +5 -5
  59. package/es/Modal/ModalDialog.js +3 -1
  60. package/es/Modal/styles/common.less +5 -5
  61. package/es/MultiCascader/MultiCascader.js +2 -1
  62. package/es/MultiCascader/styles/common.less +1 -1
  63. package/es/Nav/styles/common.less +2 -2
  64. package/es/Navbar/styles/common.less +2 -2
  65. package/es/Notification/styles/common.less +4 -4
  66. package/es/Overlay/Overlay.js +1 -1
  67. package/es/Pagination/styles/common.less +2 -2
  68. package/es/Pagination/styles/mixin.less +6 -7
  69. package/es/Panel/Panel.js +0 -1
  70. package/es/Panel/styles/common.less +1 -1
  71. package/es/Picker/DropdownMenu.js +3 -1
  72. package/es/Picker/propTypes.js +1 -1
  73. package/es/Picker/styles/common.less +28 -28
  74. package/es/Picker/styles/mixin.less +3 -3
  75. package/es/Popover/styles/common.less +4 -4
  76. package/es/Progress/styles/common.less +5 -5
  77. package/es/Radio/styles/common.less +5 -5
  78. package/es/Rate/styles/common.less +2 -2
  79. package/es/SelectPicker/SelectPicker.js +2 -1
  80. package/es/SelectPicker/styles/common.less +4 -4
  81. package/es/Sidenav/styles/common.less +3 -3
  82. package/es/Slider/styles/common.less +9 -9
  83. package/es/Steps/styles/common.less +13 -13
  84. package/es/Table/styles/common.less +6 -10
  85. package/es/Tag/styles/common.less +2 -2
  86. package/es/TagPicker/styles/common.less +4 -4
  87. package/es/Timeline/styles/common.less +5 -5
  88. package/es/Timeline/styles/mixin.less +1 -1
  89. package/es/Toggle/styles/mixin.less +5 -5
  90. package/es/Tooltip/styles/common.less +4 -4
  91. package/es/TreePicker/TreePicker.js +2 -1
  92. package/es/TreePicker/styles/common.less +3 -3
  93. package/es/Uploader/styles/common.less +17 -17
  94. package/es/styles/mixins/utilities.less +1 -1
  95. package/es/styles/variables.less +58 -48
  96. package/es/utils/index.js +2 -1
  97. package/lib/Alert/styles/common.less +1 -1
  98. package/lib/AutoComplete/styles/common.less +3 -3
  99. package/lib/Avatar/styles/common.less +5 -5
  100. package/lib/Avatar/styles/mixin.less +1 -1
  101. package/lib/Button/styles/common.less +6 -6
  102. package/lib/Button/styles/mixin.less +17 -17
  103. package/lib/ButtonGroup/styles/common.less +5 -5
  104. package/lib/Calendar/styles/common.less +14 -14
  105. package/lib/Carousel/styles/common.less +1 -1
  106. package/lib/Cascader/Cascader.js +2 -1
  107. package/lib/Cascader/styles/common.less +4 -4
  108. package/lib/CheckPicker/CheckPicker.js +2 -1
  109. package/lib/CheckPicker/styles/common.less +2 -2
  110. package/lib/CheckTreePicker/CheckTreePicker.js +2 -1
  111. package/lib/CheckTreePicker/styles/common.less +5 -5
  112. package/lib/Checkbox/styles/common.less +3 -3
  113. package/lib/Checkbox/styles/mixin.less +1 -1
  114. package/lib/DatePicker/DatePicker.js +2 -1
  115. package/lib/DatePicker/styles/common.less +1 -1
  116. package/lib/DateRangePicker/DateRangePicker.js +2 -1
  117. package/lib/Drawer/styles/common.less +5 -5
  118. package/lib/Dropdown/Dropdown.js +13 -3
  119. package/lib/Dropdown/styles/common.less +3 -3
  120. package/lib/FlexboxGrid/styles/common.less +1 -1
  121. package/lib/Form/styles/common.less +2 -1
  122. package/lib/Form/styles/mixin.less +4 -4
  123. package/lib/FormControl/styles/common.less +0 -1
  124. package/lib/FormGroup/styles/common.less +1 -1
  125. package/lib/Grid/styles/common.less +1 -1
  126. package/lib/Grid/styles/mixin.less +2 -2
  127. package/lib/HelpBlock/styles/common.less +1 -1
  128. package/lib/IconButton/styles/common.less +16 -14
  129. package/lib/Input/styles/common.less +6 -10
  130. package/lib/InputGroup/styles/common.less +1 -1
  131. package/lib/InputNumber/styles/mixin.less +2 -2
  132. package/lib/InputPicker/InputAutosize.js +11 -6
  133. package/lib/InputPicker/styles/common.less +4 -4
  134. package/lib/Loader/styles/common.less +3 -3
  135. package/lib/Loader/styles/mixin.less +2 -2
  136. package/lib/Message/styles/common.less +3 -3
  137. package/lib/Modal/BaseModal.js +1 -1
  138. package/lib/Modal/Modal.js +5 -5
  139. package/lib/Modal/ModalDialog.js +3 -1
  140. package/lib/Modal/styles/common.less +5 -5
  141. package/lib/MultiCascader/MultiCascader.js +2 -1
  142. package/lib/MultiCascader/styles/common.less +1 -1
  143. package/lib/Nav/styles/common.less +2 -2
  144. package/lib/Navbar/styles/common.less +2 -2
  145. package/lib/Notification/styles/common.less +4 -4
  146. package/lib/Overlay/Overlay.js +1 -1
  147. package/lib/Pagination/styles/common.less +2 -2
  148. package/lib/Pagination/styles/mixin.less +6 -7
  149. package/lib/Panel/Panel.js +0 -1
  150. package/lib/Panel/styles/common.less +1 -1
  151. package/lib/Picker/DropdownMenu.js +3 -1
  152. package/lib/Picker/propTypes.js +1 -1
  153. package/lib/Picker/styles/common.less +28 -28
  154. package/lib/Picker/styles/mixin.less +3 -3
  155. package/lib/Popover/styles/common.less +4 -4
  156. package/lib/Progress/styles/common.less +5 -5
  157. package/lib/Radio/styles/common.less +5 -5
  158. package/lib/Rate/styles/common.less +2 -2
  159. package/lib/SelectPicker/SelectPicker.js +2 -1
  160. package/lib/SelectPicker/styles/common.less +4 -4
  161. package/lib/Sidenav/styles/common.less +3 -3
  162. package/lib/Slider/styles/common.less +9 -9
  163. package/lib/Steps/styles/common.less +13 -13
  164. package/lib/Table/styles/common.less +6 -10
  165. package/lib/Tag/styles/common.less +2 -2
  166. package/lib/TagPicker/styles/common.less +4 -4
  167. package/lib/Timeline/styles/common.less +5 -5
  168. package/lib/Timeline/styles/mixin.less +1 -1
  169. package/lib/Toggle/styles/mixin.less +5 -5
  170. package/lib/Tooltip/styles/common.less +4 -4
  171. package/lib/TreePicker/TreePicker.js +2 -1
  172. package/lib/TreePicker/styles/common.less +3 -3
  173. package/lib/Uploader/styles/common.less +17 -17
  174. package/lib/styles/mixins/utilities.less +1 -1
  175. package/lib/styles/variables.less +58 -48
  176. package/lib/utils/index.js +7 -2
  177. package/package.json +7 -5
  178. package/src/Alert/styles/common.less +1 -1
  179. package/src/AutoComplete/styles/common.less +3 -3
  180. package/src/Avatar/styles/common.less +5 -5
  181. package/src/Avatar/styles/mixin.less +1 -1
  182. package/src/Button/styles/common.less +6 -6
  183. package/src/Button/styles/mixin.less +17 -17
  184. package/src/ButtonGroup/styles/common.less +5 -5
  185. package/src/Calendar/styles/common.less +14 -14
  186. package/src/Carousel/styles/common.less +1 -1
  187. package/src/Cascader/Cascader.tsx +1 -0
  188. package/src/Cascader/styles/common.less +4 -4
  189. package/src/Cascader/test/CascaderSpec.js +1 -0
  190. package/src/CheckPicker/CheckPicker.tsx +1 -0
  191. package/src/CheckPicker/styles/common.less +2 -2
  192. package/src/CheckPicker/test/CheckPickerSpec.js +1 -0
  193. package/src/CheckTreePicker/CheckTreePicker.tsx +1 -0
  194. package/src/CheckTreePicker/styles/common.less +5 -5
  195. package/src/CheckTreePicker/test/CheckTreePickerSpec.js +1 -0
  196. package/src/Checkbox/styles/common.less +3 -3
  197. package/src/Checkbox/styles/mixin.less +1 -1
  198. package/src/DatePicker/DatePicker.tsx +1 -0
  199. package/src/DatePicker/styles/common.less +1 -1
  200. package/src/DatePicker/test/DatePickerSpec.js +1 -0
  201. package/src/DateRangePicker/DateRangePicker.tsx +1 -0
  202. package/src/DateRangePicker/test/DateRangePickerSpec.js +1 -0
  203. package/src/Drawer/styles/common.less +5 -5
  204. package/src/Drawer/test/DrawerSpec.js +14 -0
  205. package/src/Dropdown/Dropdown.tsx +20 -6
  206. package/src/Dropdown/styles/common.less +3 -3
  207. package/src/FlexboxGrid/styles/common.less +1 -1
  208. package/src/Form/styles/common.less +2 -1
  209. package/src/Form/styles/mixin.less +4 -4
  210. package/src/FormControl/styles/common.less +0 -1
  211. package/src/FormGroup/styles/common.less +1 -1
  212. package/src/Grid/styles/common.less +1 -1
  213. package/src/Grid/styles/mixin.less +2 -2
  214. package/src/HelpBlock/styles/common.less +1 -1
  215. package/src/IconButton/styles/common.less +16 -14
  216. package/src/Input/styles/common.less +6 -10
  217. package/src/Input/test/InputStylesSpec.js +0 -8
  218. package/src/InputGroup/styles/common.less +1 -1
  219. package/src/InputNumber/styles/mixin.less +2 -2
  220. package/src/InputPicker/InputAutosize.tsx +15 -10
  221. package/src/InputPicker/styles/common.less +4 -4
  222. package/src/Loader/styles/common.less +3 -3
  223. package/src/Loader/styles/mixin.less +2 -2
  224. package/src/Message/styles/common.less +3 -3
  225. package/src/Modal/BaseModal.tsx +1 -6
  226. package/src/Modal/Modal.tsx +5 -5
  227. package/src/Modal/ModalDialog.tsx +3 -1
  228. package/src/Modal/styles/common.less +5 -5
  229. package/src/Modal/test/ModalSpec.js +13 -0
  230. package/src/MultiCascader/MultiCascader.tsx +1 -0
  231. package/src/MultiCascader/styles/common.less +1 -1
  232. package/src/MultiCascader/test/MultiCascaderSpec.js +1 -0
  233. package/src/Nav/styles/common.less +2 -2
  234. package/src/Navbar/styles/common.less +2 -2
  235. package/src/Notification/styles/common.less +4 -4
  236. package/src/Overlay/Overlay.tsx +1 -1
  237. package/src/Pagination/styles/common.less +2 -2
  238. package/src/Pagination/styles/mixin.less +6 -7
  239. package/src/Panel/Panel.tsx +0 -1
  240. package/src/Panel/styles/common.less +1 -1
  241. package/src/Picker/DropdownMenu.tsx +3 -1
  242. package/src/Picker/propTypes.ts +1 -1
  243. package/src/Picker/styles/common.less +28 -28
  244. package/src/Picker/styles/mixin.less +3 -3
  245. package/src/Picker/test/DropdownMenuSpec.js +21 -0
  246. package/src/Popover/styles/common.less +4 -4
  247. package/src/Popover/test/PopoverStylesSpec.js +1 -1
  248. package/src/Progress/styles/common.less +5 -5
  249. package/src/Radio/styles/common.less +5 -5
  250. package/src/Rate/styles/common.less +2 -2
  251. package/src/SelectPicker/SelectPicker.tsx +1 -0
  252. package/src/SelectPicker/styles/common.less +4 -4
  253. package/src/SelectPicker/test/SelectPickerSpec.js +1 -0
  254. package/src/Sidenav/styles/common.less +3 -3
  255. package/src/Slider/styles/common.less +9 -9
  256. package/src/Steps/styles/common.less +13 -13
  257. package/src/Table/styles/common.less +6 -10
  258. package/src/Tag/styles/common.less +2 -2
  259. package/src/TagPicker/styles/common.less +4 -4
  260. package/src/Timeline/styles/common.less +5 -5
  261. package/src/Timeline/styles/mixin.less +1 -1
  262. package/src/Toggle/styles/mixin.less +5 -5
  263. package/src/Tooltip/styles/common.less +4 -4
  264. package/src/TreePicker/TreePicker.tsx +1 -0
  265. package/src/TreePicker/styles/common.less +3 -3
  266. package/src/TreePicker/test/TreePickerSpec.js +1 -0
  267. package/src/Uploader/styles/common.less +17 -17
  268. package/src/styles/mixins/utilities.less +1 -1
  269. package/src/styles/variables.less +58 -48
  270. package/src/utils/index.ts +1 -0
package/src/styles/variables.less CHANGED
@@ -102,11 +102,11 @@
102
102
  //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
103
103
  @line-height-large-computed: 22px;
104
104
  //** Unit-less `line-height` for use in components like buttons.
105
- @line-height-large: unit(@line-height-large-computed / @font-size-large); // ~1.375
106
- @line-height-base: unit(@line-height-computed / @font-size-base); // ~1.4285714285714286
107
- @line-height-small: unit(@line-height-computed / @font-size-small); // ~1.6666666666666667
105
+ @line-height-large: unit((@line-height-large-computed / @font-size-large)); // ~1.375
106
+ @line-height-base: unit((@line-height-computed / @font-size-base)); // ~1.4285714285714286
107
+ @line-height-small: unit((@line-height-computed / @font-size-small)); // ~1.6666666666666667
108
108
  @line-height-extra-small: unit(
109
- @line-height-computed / @font-size-extra-small
109
+ (@line-height-computed / @font-size-extra-small)
110
110
  ); // ~1.6666666666666667
111
111
 
112
112
  //** By default, this inherits from the `<body>`.
@@ -315,13 +315,13 @@
315
315
  @input-color-placeholder: @B600;
316
316
 
317
317
  //** Default `.input` height
318
- @input-height-base: @line-height-computed + (@padding-base-vertical * 2);
318
+ @input-height-base: (@line-height-computed + (@padding-base-vertical * 2));
319
319
  //** Large `.input` height
320
- @input-height-large: @line-height-large-computed + (@padding-large-vertical * 2);
320
+ @input-height-large: (@line-height-large-computed + (@padding-large-vertical * 2));
321
321
  //** Small `.input` height
322
- @input-height-small: @line-height-computed + (@padding-small-vertical * 2);
322
+ @input-height-small: (@line-height-computed + (@padding-small-vertical * 2));
323
323
  //** Extra small `.input` height
324
- @input-height-extra-small: @line-height-computed + (@padding-extra-small-vertical * 2);
324
+ @input-height-extra-small: (@line-height-computed + (@padding-extra-small-vertical * 2));
325
325
 
326
326
  //** `.form-group` margin
327
327
  @form-group-margin-bottom: 24px;
@@ -346,13 +346,12 @@
346
346
  @help-block-inline-gap: 10px;
347
347
  @control-label-width: 170px;
348
348
  @control-label-margin-right: 12px;
349
- @form-control-margin-left: 12px;
350
349
  // == Error Message
351
350
  @error-message-padding-vertical: 4px;
352
351
  @error-message-padding-horizontal: 8px;
353
352
  @error-message-background-color: @B000;
354
353
  @error-message-border-color: @B200;
355
- @error-message-height: @error-message-padding-vertical*2 + @line-height-computed;
354
+ @error-message-height: (@error-message-padding-vertical*2 + @line-height-computed);
356
355
  @error-message-font-color: @error-color;
357
356
  @error-message-font-size: @font-size-small;
358
357
  @error-message-triangle-width: 6px;
@@ -409,8 +408,9 @@
409
408
  @dropdown-item-content-submenu-icon-angle-width: 5px;
410
409
  @dropdown-item-content-submenu-icon-angle-line-height: @line-height-base;
411
410
  @dropdown-item-content-submenu-icon-angle-size: @font-size-base;
412
- @dropdown-toggle-padding-right: @padding-base-horizontal+ @dropdown-caret-width+
413
- @dropdown-caret-padding;
411
+ @dropdown-toggle-padding-right: (
412
+ @padding-base-horizontal+ @dropdown-caret-width+ @dropdown-caret-padding
413
+ );
414
414
  //** Dropdown Caret Font Family
415
415
  @dropdown-caret-font-family: @font-family-icon;
416
416
 
@@ -438,11 +438,11 @@
438
438
  @toggle-md-handle-gap: 3px;
439
439
  @toggle-md-min-width: 44px;
440
440
  @toggle-md-inner-font-size: @font-size-small;
441
- @toggle-md-handle-diameter: @toggle-md-height - @toggle-md-handle-gap*2;
441
+ @toggle-md-handle-diameter: (@toggle-md-height - @toggle-md-handle-gap*2);
442
442
  @toggle-md-handle-bg: @B000;
443
443
  @toggle-md-inner-line-height-computed: @toggle-md-height;
444
444
  @toggle-md-inner-line-height: unit(
445
- @toggle-md-inner-line-height-computed / @toggle-md-inner-font-size
445
+ (@toggle-md-inner-line-height-computed / @toggle-md-inner-font-size)
446
446
  );
447
447
  // The same to button
448
448
  @toggle-md-inner-margin: @padding-base-vertical;
@@ -452,7 +452,7 @@
452
452
  @toggle-sm-min-width: 26px;
453
453
  @toggle-sm-handle-gap: 2px;
454
454
  @toggle-sm-inner-margin: 6px;
455
- @toggle-sm-inner-font-size: @font-size-small - 2;
455
+ @toggle-sm-inner-font-size: (@font-size-small - 2);
456
456
 
457
457
  //# Large size
458
458
  @toggle-lg-height: 30px;
@@ -475,8 +475,8 @@
475
475
  @zindex-input-group-icon: 4;
476
476
  @zindex-dropdown: 5;
477
477
  @zindex-picker-toggle: 5; // The same with zindex-dropdown
478
- @zindex-picker-input: @zindex-picker-toggle + 1; // Greater than picker toggle
479
- @zindex-picker-menu: @zindex-picker-toggle+2; // Greater than picker toggle and input
478
+ @zindex-picker-input: (@zindex-picker-toggle + 1); // Greater than picker toggle
479
+ @zindex-picker-menu: (@zindex-picker-toggle + 2); // Greater than picker toggle and input
480
480
  @zindex-dropdown-a: 10;
481
481
  @zindex-list-helper: 99;
482
482
  @zindex-navbar: 1000;
@@ -562,7 +562,7 @@
562
562
  @nav-item-padding-vertical: 8px;
563
563
  @nav-item-padding-horizontal: 12px;
564
564
  @nav-item-spacing: 6px;
565
- @nav-base-height: @line-height-computed+ @nav-item-padding-vertical*2;
565
+ @nav-base-height: (@line-height-computed+ @nav-item-padding-vertical*2);
566
566
  @nav-item-icon-spacing: 6px;
567
567
  @nav-item-font-default-color: @B600;
568
568
  @nav-item-font-active-color: @H600;
@@ -599,7 +599,7 @@
599
599
  //##
600
600
  @nav-bar-padding-vertical: 18px;
601
601
  @nav-bar-padding-horizontal: 16px;
602
- @nav-bar-height: @nav-bar-padding-vertical * 2 + @line-height-computed;
602
+ @nav-bar-height: (@nav-bar-padding-vertical * 2 + @line-height-computed);
603
603
  //** Default
604
604
  @nav-bar-default-bg: @B050;
605
605
  @nav-bar-default-active-color: @H700;
@@ -629,20 +629,20 @@
629
629
  @sidenav-padding-horizonal: 20px;
630
630
  @sidenav-collapse-in-width: 100%;
631
631
  @sidenav-default-width: 56px;
632
- @sidenav-item-height: @sidenav-padding-vertical*2 + @line-height-computed;
632
+ @sidenav-item-height: (@sidenav-padding-vertical*2 + @line-height-computed);
633
633
  @sidenav-menu-max-height: @sidenav-item-height*40;
634
634
  @sidenav-menu-animation-time: 1.5s;
635
635
  @sidenav-level1-item-font-size: @font-size-large;
636
- @sidenav-level1-item-line-height: unit(@line-height-computed / @font-size-large);
636
+ @sidenav-level1-item-line-height: unit((@line-height-computed / @font-size-large));
637
637
  @sidenav-icon-spacing: 20px;
638
638
  @sidenav-icon-width: @sidenav-level1-item-font-size;
639
639
  @sidenav-dropdown-toggle-caret-width: 20px;
640
640
  @sidenav-level-retract: 9px;
641
- @sidenav-level2-retract: @sidenav-padding-horizonal + @sidenav-icon-width + @sidenav-icon-spacing;
642
- @sidenav-level3-retract: @sidenav-level2-retract + @sidenav-level-retract; //60 px
643
- @sidenav-level4-retract: @sidenav-level2-retract + @sidenav-level-retract*2;
644
- @sidenav-level5-retract: @sidenav-level2-retract + @sidenav-level-retract*3;
645
- @sidenav-level6-retract: @sidenav-level2-retract + @sidenav-level-retract*4;
641
+ @sidenav-level2-retract: (@sidenav-padding-horizonal + @sidenav-icon-width + @sidenav-icon-spacing);
642
+ @sidenav-level3-retract: (@sidenav-level2-retract + @sidenav-level-retract); //60 px
643
+ @sidenav-level4-retract: (@sidenav-level2-retract + @sidenav-level-retract*2);
644
+ @sidenav-level5-retract: (@sidenav-level2-retract + @sidenav-level-retract*3);
645
+ @sidenav-level6-retract: (@sidenav-level2-retract + @sidenav-level-retract*4);
646
646
  @sidenav-collapse-transition-config: 0.2s ease-in;
647
647
  // ** Sidenav default
648
648
  @sidenav-default-bg: @nav-bar-default-bg;
@@ -694,17 +694,17 @@
694
694
  @steps-icon-spacing: 10px;
695
695
  @steps-item-spacing: 10px;
696
696
  // This space place the steps-icon
697
- @steps-icon-space-width: @steps-icon-diameter+ @steps-icon-spacing;
697
+ @steps-icon-space-width: (@steps-icon-diameter + @steps-icon-spacing);
698
698
  @steps-icon-size: @font-size-large;
699
- @steps-icon-line-height: unit((@steps-icon-diameter - 2px) / @font-size-large);
699
+ @steps-icon-line-height: unit(((@steps-icon-diameter - 2px) / @font-size-large));
700
700
  @steps-title-font-size: @font-size-large;
701
- @steps-title-line-height: unit(@steps-icon-diameter / @font-size-large);
701
+ @steps-title-line-height: unit((@steps-icon-diameter / @font-size-large));
702
702
  @steps-description-margin-top: 12px;
703
703
  // Small
704
704
  @small-steps-icon-diameter: 24px;
705
- @small-steps-icon-space-width: @small-steps-icon-diameter + @steps-icon-spacing;
706
- @small-steps-icon-line-height: unit((@small-steps-icon-diameter - 2px) / @font-size-base);
707
- @small-steps-title-line-height: unit(@small-steps-icon-diameter / @font-size-base);
705
+ @small-steps-icon-space-width: (@small-steps-icon-diameter + @steps-icon-spacing);
706
+ @small-steps-icon-line-height: unit(((@small-steps-icon-diameter - 2px) / @font-size-base));
707
+ @small-steps-title-line-height: unit((@small-steps-icon-diameter / @font-size-base));
708
708
  @small-steps-icon-size: @font-size-base;
709
709
  @small-steps-description-font-size: @font-size-small;
710
710
  @small-steps-description-line-height: @line-height-small;
@@ -1041,17 +1041,22 @@
1041
1041
  //##
1042
1042
  @time-line-item-content-margin-left: 12px;
1043
1043
  @time-line-dot-side-length: 10px;
1044
- @time-line-item-padding-left: @time-line-item-content-margin-left + @time-line-dot-side-length;
1044
+ @time-line-item-padding-left: (@time-line-item-content-margin-left + @time-line-dot-side-length);
1045
1045
  @time-line-dot-default-background-color: @B300;
1046
1046
  @time-line-last-dot-default-background-color: @H500;
1047
1047
  @time-line-tail-width: 2px;
1048
1048
  @time-line-tail-default-background-color: @B300;
1049
1049
  @time-line-item-content-padding-bottom: 18px;
1050
- @time-line-dot-center-gap: (@line-height-computed - @time-line-dot-side-length)/2;
1051
- @time-line-content-side-offset: @time-line-dot-side-length / 2 + @time-line-item-content-margin-left;
1052
- @time-line-alternate-time-offset: @time-line-dot-side-length / 2 +
1053
- @time-line-item-content-margin-left;
1054
- @time-line-tail-min-height: @line-height-computed + @time-line-item-content-padding-bottom; // 20 + 18 = 38
1050
+ @time-line-dot-center-gap: ((@line-height-computed - @time-line-dot-side-length)/2);
1051
+ @time-line-content-side-offset: (
1052
+ @time-line-dot-side-length / 2 + @time-line-item-content-margin-left
1053
+ );
1054
+ @time-line-alternate-time-offset: (
1055
+ @time-line-dot-side-length / 2 + @time-line-item-content-margin-left
1056
+ );
1057
+ @time-line-tail-min-height: (
1058
+ @line-height-computed + @time-line-item-content-padding-bottom
1059
+ ); // 20 + 18 = 38
1055
1060
 
1056
1061
  //== Tags
1057
1062
  //
@@ -1146,8 +1151,9 @@
1146
1151
  // Check Picker
1147
1152
  @picker-check-checkbox-gap: 10px;
1148
1153
  @picker-children-check-item-padding-left: 14px;
1149
- @picker-check-item-content-padding-left: @picker-item-content-padding-horizontal+
1150
- @checkbox-width-height+ @picker-check-checkbox-gap;
1154
+ @picker-check-item-content-padding-left: (
1155
+ @picker-item-content-padding-horizontal+ @checkbox-width-height+ @picker-check-checkbox-gap
1156
+ );
1151
1157
 
1152
1158
  // Tree Picker
1153
1159
  @picker-tree-bg: @dropdown-bg;
@@ -1160,7 +1166,7 @@
1160
1166
  @picker-select-menu-item-selected-bg: fade(@H900, 20);
1161
1167
  @picker-tree-node-active-bg: @picker-select-menu-item-selected-bg;
1162
1168
  @picker-tree-node-line-height: @line-height-base;
1163
- @picker-tree-node-height: @line-height-computed + @picker-tree-node-padding-vertical*2;
1169
+ @picker-tree-node-height: (@line-height-computed + @picker-tree-node-padding-vertical*2);
1164
1170
  @picker-tree-arrow-down-width: 8px;
1165
1171
  @picker-tree-arrow-down-gap: 8px;
1166
1172
  @picker-tree-node-hover-bg: @H050;
@@ -1224,18 +1230,22 @@
1224
1230
  @date-range-picker-header-font-size: @font-size-base;
1225
1231
  @date-range-picker-header-line-height: @line-height-base;
1226
1232
  @date-range-picker-inner-border: 1px solid @B200;
1227
- @date-range-picker-calendar-default-width:255px;
1233
+ @date-range-picker-calendar-default-width: 255px;
1228
1234
 
1229
1235
  //== Input Picker
1230
- @input-picker-toggle-height: @line-height-computed + @padding-base-vertical*2; // 20px + 8px*2 = 36px the same with md button
1231
- @input-picker-toggle-content-height: @input-picker-toggle-height -
1232
- @picker-default-toggle-border-width*2;
1236
+ @input-picker-toggle-height: (
1237
+ @line-height-computed + @padding-base-vertical*2
1238
+ ); // 20px + 8px*2 = 36px the same with md button
1239
+ @input-picker-toggle-content-height: (
1240
+ @input-picker-toggle-height - @picker-default-toggle-border-width*2
1241
+ );
1233
1242
 
1234
1243
  // == TagPicker
1235
1244
  @tag-picker-toggle-content-height: @input-height-extra-small;
1236
- @tag-picker-content-padding-vertical-all: @input-picker-toggle-content-height -
1237
- @tag-picker-toggle-content-height;
1238
- @tag-picker-content-padding-vertical: @tag-picker-content-padding-vertical-all / 2; // (34 -24)/2
1245
+ @tag-picker-content-padding-vertical-all: (
1246
+ @input-picker-toggle-content-height - @tag-picker-toggle-content-height
1247
+ );
1248
+ @tag-picker-content-padding-vertical: (@tag-picker-content-padding-vertical-all / 2); // (34 -24)/2
1239
1249
  @tag-picker-content-padding-horizontal: 6px;
1240
1250
  @tag-picker: ~'@{ns}@{multi-input-picker-prefix}';
1241
1251
 
package/src/utils/index.ts CHANGED
@@ -21,3 +21,4 @@ export { default as getMonthView } from './getMonthView';
21
21
  export { default as isRTL } from './directionUtil';
22
22
  export { default as refType } from './refType';
23
23
  export { default as mergeRefs } from './mergeRefs';
24
+ export { default as getDOMNode } from './getDOMNode';