rsuite 6.0.0-canary-2025011413 → 6.0.0-canary-20250315

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 (1224) hide show
  1. package/Accordion/styles/index.css +84 -50
  2. package/AutoComplete/styles/index.css +509 -1297
  3. package/AutoComplete/styles/index.less +6 -1
  4. package/Avatar/styles/index.css +28 -161
  5. package/Avatar/styles/index.less +25 -51
  6. package/AvatarGroup/styles/index.css +120 -5
  7. package/AvatarGroup/styles/index.less +5 -5
  8. package/Badge/styles/index.css +55 -56
  9. package/Badge/styles/index.less +32 -34
  10. package/Badge/styles/variables.less +19 -0
  11. package/Box/package.json +7 -0
  12. package/Box/styles/index.css +129 -0
  13. package/Box/styles/index.less +1 -0
  14. package/Breadcrumb/styles/index.css +22 -11
  15. package/Breadcrumb/styles/index.less +13 -3
  16. package/Button/styles/index.css +107 -202
  17. package/Button/styles/index.less +44 -35
  18. package/Button/styles/mixin.less +24 -87
  19. package/Button/styles/variables.less +30 -0
  20. package/ButtonGroup/styles/index.css +8 -2
  21. package/ButtonGroup/styles/index.less +14 -2
  22. package/ButtonToolbar/styles/index.css +115 -0
  23. package/CHANGELOG.md +50 -0
  24. package/Calendar/styles/index.css +162 -257
  25. package/Calendar/styles/index.less +52 -44
  26. package/Card/styles/index.css +21 -18
  27. package/Card/styles/index.less +8 -7
  28. package/CardGroup/styles/index.css +4 -4
  29. package/CardGroup/styles/index.less +4 -4
  30. package/Carousel/styles/index.css +22 -18
  31. package/Carousel/styles/index.less +10 -10
  32. package/CascadeTree/styles/index.css +27 -21
  33. package/CascadeTree/styles/index.less +10 -8
  34. package/Cascader/styles/index.css +543 -1336
  35. package/Center/package.json +7 -0
  36. package/Center/styles/index.css +8 -0
  37. package/Center/styles/index.less +9 -0
  38. package/CheckPicker/styles/index.css +562 -1430
  39. package/CheckPicker/styles/index.less +3 -10
  40. package/CheckTree/styles/index.css +604 -1488
  41. package/CheckTree/styles/index.less +13 -33
  42. package/CheckTreePicker/styles/index.css +604 -1491
  43. package/CheckTreePicker/styles/index.less +0 -4
  44. package/Checkbox/styles/index.css +53 -122
  45. package/Checkbox/styles/index.less +32 -51
  46. package/Checkbox/styles/mixin.less +3 -20
  47. package/CheckboxGroup/styles/index.css +9 -6
  48. package/CheckboxGroup/styles/index.less +7 -7
  49. package/Col/styles/index.css +0 -20
  50. package/Col/styles/index.less +2 -14
  51. package/DateInput/styles/index.css +64 -45
  52. package/DatePicker/styles/index.css +578 -1365
  53. package/DatePicker/styles/index.less +8 -8
  54. package/DateRangeInput/styles/index.css +64 -45
  55. package/DateRangePicker/styles/index.css +585 -1372
  56. package/DateRangePicker/styles/index.less +4 -4
  57. package/Divider/styles/index.css +57 -23
  58. package/Divider/styles/index.less +60 -15
  59. package/Drawer/styles/index.css +74 -68
  60. package/Drawer/styles/index.less +69 -86
  61. package/Dropdown/styles/index.css +182 -309
  62. package/Dropdown/styles/index.less +70 -84
  63. package/Dropdown/styles/mixin.less +0 -38
  64. package/FlexboxGrid/styles/index.css +26 -1
  65. package/FlexboxGrid/styles/index.less +3 -1
  66. package/Form/styles/index.css +11 -11
  67. package/Form/styles/index.less +12 -16
  68. package/FormControl/styles/index.css +15 -6
  69. package/FormControl/styles/index.less +17 -13
  70. package/FormControlLabel/styles/index.css +8 -11
  71. package/FormControlLabel/styles/index.less +0 -4
  72. package/FormErrorMessage/styles/animation.less +4 -4
  73. package/FormErrorMessage/styles/index.css +68 -103
  74. package/FormErrorMessage/styles/index.less +90 -133
  75. package/FormGroup/styles/index.css +33 -33
  76. package/FormGroup/styles/index.less +26 -27
  77. package/FormHelpText/styles/index.css +14 -11
  78. package/FormHelpText/styles/index.less +2 -3
  79. package/Grid/styles/columns.less +22 -0
  80. package/Grid/styles/grid-framework.less +66 -5
  81. package/Grid/styles/index.css +1179 -457
  82. package/Grid/styles/index.less +6 -19
  83. package/Grid/styles/mixin.less +5 -12
  84. package/Grid/styles/row.less +42 -0
  85. package/Grid/styles/variables.less +5 -0
  86. package/Heading/styles/index.css +46 -15
  87. package/Heading/styles/index.less +17 -16
  88. package/Heading/styles/variables.less +19 -0
  89. package/Highlight/styles/index.css +1 -1
  90. package/Highlight/styles/index.less +1 -1
  91. package/IconButton/styles/index.css +142 -205
  92. package/IconButton/styles/index.less +33 -5
  93. package/Image/styles/index.css +2 -2
  94. package/Image/styles/index.less +2 -2
  95. package/InlineEdit/styles/index.css +42 -48
  96. package/InlineEdit/styles/index.less +19 -17
  97. package/Input/styles/index.css +64 -45
  98. package/Input/styles/index.less +13 -14
  99. package/Input/styles/mixin.less +43 -0
  100. package/Input/styles/variables.less +22 -0
  101. package/InputGroup/styles/index.css +182 -536
  102. package/InputGroup/styles/index.less +94 -248
  103. package/InputNumber/styles/index.css +255 -627
  104. package/InputNumber/styles/index.less +20 -41
  105. package/InputPicker/styles/index.css +589 -1417
  106. package/InputPicker/styles/index.less +23 -65
  107. package/Kbd/package.json +7 -0
  108. package/Kbd/styles/index.css +108 -0
  109. package/Kbd/styles/index.less +20 -0
  110. package/Kbd/styles/mixin.less +24 -0
  111. package/Kbd/styles/variables.less +13 -0
  112. package/List/styles/index.css +19 -15
  113. package/List/styles/index.less +7 -7
  114. package/Loader/styles/index.css +64 -172
  115. package/Loader/styles/index.less +28 -101
  116. package/Loader/styles/mixin.less +4 -25
  117. package/Loader/styles/variables.less +16 -0
  118. package/Menu/package.json +7 -0
  119. package/Menu/styles/index.css +191 -0
  120. package/Menu/styles/index.less +108 -0
  121. package/MenuItem/package.json +7 -0
  122. package/MenuSeparator/package.json +7 -0
  123. package/Message/styles/index.css +111 -174
  124. package/Message/styles/index.less +72 -99
  125. package/Modal/styles/index.css +105 -115
  126. package/Modal/styles/index.less +122 -120
  127. package/MultiCascadeTree/styles/index.css +595 -1453
  128. package/MultiCascadeTree/styles/index.less +13 -4
  129. package/MultiCascader/styles/index.css +572 -1430
  130. package/MultiCascader/styles/index.less +1 -1
  131. package/Nav/styles/index.css +214 -329
  132. package/Nav/styles/index.less +31 -19
  133. package/Navbar/styles/index.css +206 -323
  134. package/Navbar/styles/index.less +23 -12
  135. package/Notification/styles/index.css +60 -68
  136. package/Notification/styles/index.less +51 -47
  137. package/Pagination/styles/index.css +631 -1574
  138. package/Pagination/styles/index.less +6 -17
  139. package/Pagination/styles/pagination-group.less +2 -19
  140. package/Panel/styles/index.css +80 -46
  141. package/Panel/styles/index.less +25 -18
  142. package/PanelGroup/styles/index.css +14 -11
  143. package/PanelGroup/styles/index.less +3 -3
  144. package/Placeholder/styles/index.css +50 -30
  145. package/Placeholder/styles/index.less +44 -31
  146. package/Popover/styles/index.css +131 -93
  147. package/Popover/styles/index.less +95 -80
  148. package/Progress/styles/index.css +37 -41
  149. package/Progress/styles/index.less +26 -39
  150. package/Radio/styles/index.css +53 -112
  151. package/Radio/styles/index.less +35 -49
  152. package/Radio/styles/mixin.less +1 -1
  153. package/RadioGroup/styles/index.css +36 -29
  154. package/RadioGroup/styles/index.less +25 -30
  155. package/RadioTile/styles/index.css +24 -16
  156. package/RadioTile/styles/index.less +13 -8
  157. package/RangeSlider/styles/index.css +100 -93
  158. package/Rate/styles/index.css +39 -49
  159. package/Rate/styles/index.less +13 -17
  160. package/Row/styles/index.css +0 -25
  161. package/Row/styles/index.less +2 -10
  162. package/SelectPicker/styles/index.css +552 -1342
  163. package/SelectPicker/styles/index.less +2 -2
  164. package/Sidenav/styles/index.css +215 -194
  165. package/Sidenav/styles/index.less +154 -155
  166. package/Sidenav/styles/mixin.less +6 -5
  167. package/SidenavFooter/package.json +7 -0
  168. package/SidenavGroupLabel/package.json +7 -0
  169. package/Slider/styles/index.css +100 -93
  170. package/Slider/styles/index.less +24 -22
  171. package/Stack/styles/index.css +115 -0
  172. package/Stack/styles/index.less +78 -0
  173. package/Stat/styles/index.css +227 -282
  174. package/Stat/styles/index.less +21 -14
  175. package/StatGroup/styles/index.css +4 -4
  176. package/StatGroup/styles/index.less +4 -4
  177. package/Steps/styles/index.css +81 -88
  178. package/Steps/styles/index.less +83 -105
  179. package/Table/styles/index.css +36 -30
  180. package/Table/styles/index.less +18 -17
  181. package/Tabs/styles/index.css +214 -329
  182. package/Tag/styles/index.css +49 -59
  183. package/Tag/styles/index.less +37 -60
  184. package/TagGroup/styles/index.css +5 -5
  185. package/TagGroup/styles/index.less +5 -5
  186. package/TagInput/styles/index.css +901 -1816
  187. package/TagInput/styles/index.less +1 -9
  188. package/TagPicker/styles/index.css +920 -1829
  189. package/TagPicker/styles/index.less +67 -63
  190. package/Text/styles/index.css +122 -41
  191. package/Text/styles/index.less +28 -25
  192. package/Text/styles/variables.less +9 -0
  193. package/TimePicker/styles/index.css +578 -1365
  194. package/TimeRangePicker/styles/index.css +585 -1372
  195. package/Timeline/stories/styles.less +6 -6
  196. package/Timeline/styles/index.css +28 -25
  197. package/Timeline/styles/index.less +17 -17
  198. package/Toggle/styles/index.css +144 -293
  199. package/Toggle/styles/index.less +210 -115
  200. package/Tooltip/styles/index.css +75 -71
  201. package/Tooltip/styles/index.less +93 -76
  202. package/Tree/styles/indent-line.less +1 -1
  203. package/Tree/styles/index.css +573 -1361
  204. package/Tree/styles/index.less +20 -16
  205. package/Tree/styles/toggle.less +3 -7
  206. package/TreePicker/styles/index.css +573 -1361
  207. package/Uploader/styles/index.css +197 -288
  208. package/Uploader/styles/index.less +36 -31
  209. package/cjs/Affix/Affix.js +3 -3
  210. package/cjs/Animation/Bounce.js +1 -1
  211. package/cjs/Animation/Collapse.js +1 -1
  212. package/cjs/Animation/Fade.js +1 -1
  213. package/cjs/Animation/Slide.js +1 -1
  214. package/cjs/AutoComplete/AutoComplete.d.ts +5 -13
  215. package/cjs/AutoComplete/AutoComplete.js +15 -20
  216. package/cjs/Avatar/Avatar.d.ts +3 -5
  217. package/cjs/Avatar/Avatar.js +11 -6
  218. package/cjs/AvatarGroup/AvatarGroup.d.ts +2 -4
  219. package/cjs/AvatarGroup/AvatarGroup.js +6 -8
  220. package/cjs/Badge/Badge.js +8 -3
  221. package/cjs/Box/index.d.ts +4 -0
  222. package/cjs/Box/index.js +11 -0
  223. package/cjs/Breadcrumb/Breadcrumb.d.ts +4 -0
  224. package/cjs/Breadcrumb/Breadcrumb.js +11 -5
  225. package/cjs/Breadcrumb/BreadcrumbItem.d.ts +4 -0
  226. package/cjs/Breadcrumb/BreadcrumbItem.js +5 -4
  227. package/cjs/Button/Button.d.ts +3 -3
  228. package/cjs/Button/Button.js +6 -7
  229. package/cjs/ButtonGroup/ButtonGroup.d.ts +4 -2
  230. package/cjs/ButtonGroup/ButtonGroup.js +9 -5
  231. package/cjs/ButtonGroup/ButtonGroupContext.d.ts +3 -2
  232. package/cjs/ButtonToolbar/ButtonToolbar.d.ts +1 -1
  233. package/cjs/ButtonToolbar/ButtonToolbar.js +5 -6
  234. package/cjs/Calendar/Calendar.js +3 -3
  235. package/cjs/Calendar/CalendarBody.js +3 -3
  236. package/cjs/Calendar/CalendarContainer.js +3 -3
  237. package/cjs/Calendar/CalendarHeader.js +3 -3
  238. package/cjs/Calendar/Grid/Grid.js +3 -3
  239. package/cjs/Calendar/Grid/GridCell.js +1 -1
  240. package/cjs/Calendar/Grid/GridHeaderRow.js +1 -1
  241. package/cjs/Calendar/Grid/GridRow.js +1 -1
  242. package/cjs/Calendar/MonthDropdown/MonthDropdown.js +3 -3
  243. package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js +3 -3
  244. package/cjs/Calendar/TimeDropdown/TimeDropdown.js +1 -1
  245. package/cjs/Card/Card.js +5 -7
  246. package/cjs/CardGroup/CardGroup.js +5 -8
  247. package/cjs/Carousel/Carousel.js +5 -4
  248. package/cjs/CascadeTree/CascadeTree.d.ts +2 -2
  249. package/cjs/CascadeTree/CascadeTree.js +3 -3
  250. package/cjs/CascadeTree/SearchView.d.ts +6 -6
  251. package/cjs/CascadeTree/SearchView.js +3 -3
  252. package/cjs/CascadeTree/TreeView.d.ts +6 -6
  253. package/cjs/CascadeTree/TreeView.js +7 -6
  254. package/cjs/CascadeTree/hooks/useSearch.d.ts +5 -5
  255. package/cjs/CascadeTree/hooks/useSearch.js +0 -0
  256. package/cjs/CascadeTree/hooks/useSelect.d.ts +6 -6
  257. package/cjs/CascadeTree/hooks/useSelect.js +0 -0
  258. package/cjs/CascadeTree/types.d.ts +10 -10
  259. package/cjs/CascadeTree/types.js +0 -0
  260. package/cjs/Cascader/Cascader.d.ts +6 -43
  261. package/cjs/Cascader/Cascader.js +7 -29
  262. package/cjs/Cascader/useActive.d.ts +1 -1
  263. package/cjs/Cascader/useActive.js +0 -0
  264. package/cjs/Center/Center.d.ts +6 -0
  265. package/cjs/Center/Center.js +34 -0
  266. package/cjs/Center/index.d.ts +4 -0
  267. package/cjs/Center/index.js +11 -0
  268. package/cjs/CheckPicker/CheckPicker.d.ts +7 -5
  269. package/cjs/CheckPicker/CheckPicker.js +16 -23
  270. package/cjs/CheckTree/CheckTreeNode.js +3 -3
  271. package/cjs/CheckTree/CheckTreeView.d.ts +1 -1
  272. package/cjs/CheckTree/CheckTreeView.js +3 -3
  273. package/cjs/CheckTreePicker/CheckTreePicker.d.ts +2 -10
  274. package/cjs/CheckTreePicker/CheckTreePicker.js +5 -17
  275. package/cjs/CheckTreePicker/hooks/useFocusState.d.ts +1 -1
  276. package/cjs/CheckTreePicker/hooks/useFocusState.js +0 -0
  277. package/cjs/Checkbox/Checkbox.d.ts +3 -3
  278. package/cjs/Checkbox/Checkbox.js +3 -3
  279. package/cjs/CheckboxGroup/CheckboxGroup.js +3 -3
  280. package/cjs/Col/index.d.ts +2 -2
  281. package/cjs/Col/index.js +1 -1
  282. package/cjs/Container/Container.js +3 -3
  283. package/cjs/CustomProvider/CustomProvider.d.ts +27 -13
  284. package/cjs/CustomProvider/CustomProvider.js +4 -4
  285. package/cjs/CustomProvider/types.d.ts +2 -0
  286. package/cjs/CustomProvider/types.js +0 -0
  287. package/cjs/DateInput/DateField.d.ts +2 -122
  288. package/cjs/DateInput/DateInput.js +1 -1
  289. package/cjs/DateInput/hooks/useDateInputState.d.ts +1 -121
  290. package/cjs/DatePicker/DatePicker.js +13 -26
  291. package/cjs/DatePicker/PredefinedRanges.d.ts +1 -1
  292. package/cjs/DatePicker/PredefinedRanges.js +1 -1
  293. package/cjs/DatePicker/Toolbar.js +5 -5
  294. package/cjs/DatePicker/hooks/useFocus.d.ts +1 -1
  295. package/cjs/DatePicker/utils.d.ts +1 -1
  296. package/cjs/DateRangeInput/DateRangeInput.js +4 -4
  297. package/cjs/DateRangePicker/DateRangePicker.d.ts +7 -1
  298. package/cjs/DateRangePicker/DateRangePicker.js +17 -20
  299. package/cjs/DateRangePicker/Header.js +1 -1
  300. package/cjs/DateRangePicker/hooks/useDateDisabled.d.ts +0 -1
  301. package/cjs/DateRangePicker/hooks/useDateDisabled.js +3 -7
  302. package/cjs/DateRangePicker/types.d.ts +1 -1
  303. package/cjs/Divider/Divider.d.ts +27 -2
  304. package/cjs/Divider/Divider.js +25 -14
  305. package/cjs/Drawer/Drawer.js +1 -1
  306. package/cjs/Dropdown/Dropdown.d.ts +36 -37
  307. package/cjs/Dropdown/Dropdown.js +11 -13
  308. package/cjs/Dropdown/DropdownItem.d.ts +9 -19
  309. package/cjs/Dropdown/DropdownItem.js +19 -14
  310. package/cjs/Dropdown/DropdownMenu.d.ts +10 -11
  311. package/cjs/Dropdown/DropdownMenu.js +11 -11
  312. package/cjs/Dropdown/DropdownSeparator.js +3 -3
  313. package/cjs/Dropdown/DropdownToggle.js +3 -3
  314. package/cjs/Dropdown/types.d.ts +32 -0
  315. package/cjs/Dropdown/types.js +4 -0
  316. package/cjs/FlexboxGrid/FlexboxGrid.d.ts +16 -2
  317. package/cjs/FlexboxGrid/FlexboxGrid.js +11 -3
  318. package/cjs/FlexboxGrid/FlexboxGridItem.d.ts +9 -2
  319. package/cjs/FlexboxGrid/FlexboxGridItem.js +5 -4
  320. package/cjs/Form/hooks/useFormClassNames.js +3 -3
  321. package/cjs/Form/hooks/useFormRef.d.ts +1 -1
  322. package/cjs/Form/hooks/useFormValidate.js +0 -0
  323. package/cjs/FormControl/FormControl.js +3 -3
  324. package/cjs/FormControl/utils.d.ts +8 -0
  325. package/cjs/FormControl/utils.js +44 -1
  326. package/cjs/FormControlLabel/FormControlLabel.js +3 -3
  327. package/cjs/FormErrorMessage/FormErrorMessage.js +7 -9
  328. package/cjs/FormGroup/FormGroup.js +3 -3
  329. package/cjs/FormHelpText/FormHelpText.js +3 -3
  330. package/cjs/Grid/Col.d.ts +22 -0
  331. package/cjs/Grid/Col.js +114 -0
  332. package/cjs/Grid/Grid.d.ts +1 -1
  333. package/cjs/Grid/Grid.js +4 -6
  334. package/cjs/Grid/Row.d.ts +16 -0
  335. package/cjs/Grid/Row.js +62 -0
  336. package/cjs/Grid/index.d.ts +6 -1
  337. package/cjs/Grid/index.js +4 -0
  338. package/cjs/Grid/types.d.ts +65 -0
  339. package/cjs/Grid/types.js +4 -0
  340. package/cjs/Heading/Heading.js +3 -3
  341. package/cjs/Highlight/Highlight.js +3 -3
  342. package/cjs/IconButton/IconButton.js +3 -3
  343. package/cjs/Image/Image.js +3 -3
  344. package/cjs/InlineEdit/EditableControls.js +1 -2
  345. package/cjs/InlineEdit/InlineEdit.js +4 -4
  346. package/cjs/InlineEdit/renderChildren.d.ts +2 -1
  347. package/cjs/InlineEdit/renderChildren.js +3 -2
  348. package/cjs/InlineEdit/useFocusEvent.d.ts +2 -2
  349. package/cjs/Input/Input.d.ts +3 -3
  350. package/cjs/Input/Input.js +7 -7
  351. package/cjs/InputGroup/InputGroup.d.ts +3 -2
  352. package/cjs/InputGroup/InputGroup.js +6 -5
  353. package/cjs/InputGroup/InputGroupAddon.js +3 -3
  354. package/cjs/InputGroup/InputGroupButton.js +3 -6
  355. package/cjs/InputNumber/InputNumber.d.ts +3 -3
  356. package/cjs/InputNumber/InputNumber.js +8 -6
  357. package/cjs/InputPicker/InputPicker.d.ts +7 -6
  358. package/cjs/InputPicker/InputPicker.js +30 -28
  359. package/cjs/InputPicker/InputSearch.d.ts +3 -3
  360. package/cjs/InputPicker/InputSearch.js +3 -3
  361. package/cjs/InputPicker/TagList.js +1 -1
  362. package/cjs/InputPicker/TextBox.js +7 -6
  363. package/cjs/InputPicker/hooks/useData.d.ts +9 -9
  364. package/cjs/InputPicker/hooks/useData.js +0 -0
  365. package/cjs/InputPicker/hooks/useInput.d.ts +3 -3
  366. package/cjs/InputPicker/hooks/useInput.js +1 -1
  367. package/cjs/InputPicker/hooks/useMaxWidth.d.ts +2 -2
  368. package/cjs/InputPicker/utils.d.ts +1 -1
  369. package/cjs/Kbd/Kbd.d.ts +15 -0
  370. package/cjs/Kbd/Kbd.js +40 -0
  371. package/cjs/Kbd/index.d.ts +4 -0
  372. package/cjs/Kbd/index.js +11 -0
  373. package/cjs/List/List.js +3 -3
  374. package/cjs/List/ListItem.js +3 -3
  375. package/cjs/List/helper/useSortHelper.d.ts +1 -1
  376. package/cjs/List/helper/useSortHelper.js +1 -1
  377. package/cjs/Loader/Loader.d.ts +2 -2
  378. package/cjs/Loader/Loader.js +7 -8
  379. package/cjs/MaskedInput/MaskedInput.d.ts +2 -1
  380. package/cjs/MaskedInput/TextMask.js +1 -1
  381. package/cjs/Menu/Menu.d.ts +18 -0
  382. package/cjs/Menu/Menu.js +56 -0
  383. package/cjs/Menu/MenuContext.d.ts +7 -0
  384. package/cjs/{internals/Overlay/OverlayContext.js → Menu/MenuContext.js} +3 -3
  385. package/cjs/Menu/MenuItem.d.ts +25 -0
  386. package/cjs/Menu/MenuItem.js +84 -0
  387. package/cjs/Menu/MenuSeparator.d.ts +12 -0
  388. package/cjs/Menu/MenuSeparator.js +33 -0
  389. package/cjs/Menu/index.d.ts +8 -0
  390. package/cjs/Menu/index.js +15 -0
  391. package/cjs/Message/Message.js +8 -8
  392. package/cjs/Modal/Modal.d.ts +2 -0
  393. package/cjs/Modal/Modal.js +6 -4
  394. package/cjs/Modal/ModalBody.js +6 -7
  395. package/cjs/Modal/ModalDialog.d.ts +2 -2
  396. package/cjs/Modal/ModalDialog.js +6 -9
  397. package/cjs/Modal/ModalFooter.js +0 -0
  398. package/cjs/Modal/ModalHeader.js +3 -3
  399. package/cjs/Modal/ModalTitle.js +3 -3
  400. package/cjs/Modal/utils.d.ts +3 -3
  401. package/cjs/Modal/utils.js +2 -2
  402. package/cjs/MultiCascadeTree/MultiCascadeTree.js +3 -3
  403. package/cjs/MultiCascadeTree/SearchView.d.ts +4 -4
  404. package/cjs/MultiCascadeTree/SearchView.js +3 -3
  405. package/cjs/MultiCascadeTree/TreeView.d.ts +6 -6
  406. package/cjs/MultiCascadeTree/TreeView.js +3 -4
  407. package/cjs/MultiCascadeTree/hooks/useCascadeValue.js +0 -0
  408. package/cjs/MultiCascadeTree/hooks/useSearch.d.ts +3 -3
  409. package/cjs/MultiCascadeTree/hooks/useSearch.js +0 -0
  410. package/cjs/MultiCascadeTree/hooks/useSelect.d.ts +9 -9
  411. package/cjs/MultiCascadeTree/hooks/useSelect.js +1 -1
  412. package/cjs/MultiCascadeTree/index.d.ts +1 -1
  413. package/cjs/MultiCascadeTree/types.d.ts +2 -2
  414. package/cjs/MultiCascadeTree/types.js +0 -0
  415. package/cjs/MultiCascadeTree/utils.d.ts +2 -2
  416. package/cjs/MultiCascadeTree/utils.js +0 -0
  417. package/cjs/MultiCascader/MultiCascader.d.ts +8 -45
  418. package/cjs/MultiCascader/MultiCascader.js +7 -29
  419. package/cjs/Nav/AdaptiveNavItem.js +8 -8
  420. package/cjs/Nav/Nav.d.ts +4 -7
  421. package/cjs/Nav/Nav.js +6 -4
  422. package/cjs/Nav/NavDropdown.d.ts +3 -3
  423. package/cjs/Nav/NavDropdown.js +11 -13
  424. package/cjs/Nav/NavDropdownItem.d.ts +3 -17
  425. package/cjs/Nav/NavDropdownItem.js +5 -5
  426. package/cjs/Nav/NavDropdownMenu.d.ts +17 -10
  427. package/cjs/Nav/NavDropdownMenu.js +5 -5
  428. package/cjs/Nav/NavDropdownToggle.js +4 -4
  429. package/cjs/Nav/NavItem.d.ts +2 -2
  430. package/cjs/Nav/NavItem.js +3 -3
  431. package/cjs/Nav/NavMegaMenu.d.ts +5 -0
  432. package/cjs/Nav/NavMegaMenu.js +24 -0
  433. package/cjs/Nav/NavMenu.js +4 -4
  434. package/cjs/Nav/index.d.ts +3 -1
  435. package/cjs/Nav/index.js +2 -0
  436. package/cjs/Navbar/Navbar.d.ts +1 -5
  437. package/cjs/Navbar/Navbar.js +3 -3
  438. package/cjs/Navbar/NavbarContent.d.ts +3 -6
  439. package/cjs/Navbar/NavbarContent.js +3 -1
  440. package/cjs/Navbar/NavbarDropdown.d.ts +1 -1
  441. package/cjs/Navbar/NavbarDropdown.js +7 -8
  442. package/cjs/Navbar/NavbarDropdownItem.d.ts +3 -17
  443. package/cjs/Navbar/NavbarDropdownItem.js +5 -5
  444. package/cjs/Navbar/NavbarDropdownMenu.d.ts +18 -10
  445. package/cjs/Navbar/NavbarDropdownMenu.js +7 -7
  446. package/cjs/Navbar/NavbarDropdownToggle.js +3 -3
  447. package/cjs/Navbar/NavbarItem.d.ts +2 -2
  448. package/cjs/Navbar/NavbarItem.js +3 -3
  449. package/cjs/Navbar/NavbarMegaMenu.d.ts +26 -0
  450. package/cjs/Navbar/NavbarMegaMenu.js +61 -0
  451. package/cjs/Notification/Notification.js +9 -17
  452. package/cjs/Pagination/LimitPicker.d.ts +2 -2
  453. package/cjs/Pagination/LimitPicker.js +1 -1
  454. package/cjs/Pagination/Pagination.d.ts +2 -2
  455. package/cjs/Pagination/Pagination.js +19 -18
  456. package/cjs/Pagination/PaginationButton.d.ts +10 -6
  457. package/cjs/Pagination/PaginationButton.js +30 -16
  458. package/cjs/Pagination/PaginationGroup.js +3 -3
  459. package/cjs/Panel/AccordionButton.js +3 -4
  460. package/cjs/Panel/Panel.js +3 -3
  461. package/cjs/Panel/PanelBody.js +3 -3
  462. package/cjs/Panel/PanelHeader.js +1 -1
  463. package/cjs/PanelGroup/PanelGroup.js +3 -3
  464. package/cjs/Placeholder/PlaceholderGraph.js +8 -9
  465. package/cjs/Placeholder/PlaceholderGrid.js +12 -11
  466. package/cjs/Placeholder/PlaceholderParagraph.js +15 -15
  467. package/cjs/Popover/Popover.js +9 -9
  468. package/cjs/Progress/ProgressCircle.js +3 -3
  469. package/cjs/Progress/ProgressLine.js +3 -3
  470. package/cjs/Radio/Radio.d.ts +3 -3
  471. package/cjs/Radio/Radio.js +3 -3
  472. package/cjs/RadioGroup/RadioGroup.js +3 -3
  473. package/cjs/RadioTile/RadioTile.d.ts +3 -3
  474. package/cjs/RadioTile/RadioTile.js +3 -4
  475. package/cjs/RadioTileGroup/RadioTileGroup.js +3 -4
  476. package/cjs/RangeSlider/RangeSlider.js +3 -3
  477. package/cjs/Rate/Character.js +3 -3
  478. package/cjs/Rate/Rate.d.ts +3 -3
  479. package/cjs/Rate/Rate.js +3 -3
  480. package/cjs/Row/index.d.ts +2 -2
  481. package/cjs/Row/index.js +1 -1
  482. package/cjs/SelectPicker/SelectPicker.d.ts +7 -17
  483. package/cjs/SelectPicker/SelectPicker.js +16 -23
  484. package/cjs/SelectPicker/index.d.ts +1 -1
  485. package/cjs/Sidebar/Sidebar.js +6 -7
  486. package/cjs/Sidenav/ExpandedSidenavDropdown.js +9 -12
  487. package/cjs/Sidenav/ExpandedSidenavDropdownItem.d.ts +2 -2
  488. package/cjs/Sidenav/ExpandedSidenavDropdownItem.js +6 -6
  489. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.d.ts +2 -2
  490. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +3 -3
  491. package/cjs/Sidenav/Sidenav.d.ts +6 -0
  492. package/cjs/Sidenav/Sidenav.js +7 -3
  493. package/cjs/Sidenav/SidenavDropdown.d.ts +3 -3
  494. package/cjs/Sidenav/SidenavDropdown.js +13 -15
  495. package/cjs/Sidenav/SidenavDropdownCollapse.js +3 -3
  496. package/cjs/Sidenav/SidenavDropdownItem.d.ts +3 -17
  497. package/cjs/Sidenav/SidenavDropdownItem.js +5 -5
  498. package/cjs/Sidenav/SidenavDropdownMenu.d.ts +11 -8
  499. package/cjs/Sidenav/SidenavDropdownMenu.js +5 -5
  500. package/cjs/Sidenav/SidenavDropdownToggle.js +11 -11
  501. package/cjs/Sidenav/SidenavFooter.d.ts +11 -0
  502. package/cjs/Sidenav/SidenavFooter.js +15 -0
  503. package/cjs/Sidenav/SidenavGroupLabel.d.ts +11 -0
  504. package/cjs/Sidenav/SidenavGroupLabel.js +15 -0
  505. package/cjs/Sidenav/SidenavItem.d.ts +28 -9
  506. package/cjs/Sidenav/SidenavItem.js +21 -12
  507. package/cjs/Sidenav/SidenavToggle.d.ts +0 -6
  508. package/cjs/Sidenav/SidenavToggle.js +12 -18
  509. package/cjs/Sidenav/index.d.ts +3 -1
  510. package/cjs/Sidenav/index.js +4 -0
  511. package/cjs/Slider/Graduated.js +1 -1
  512. package/cjs/Slider/Handle.js +3 -4
  513. package/cjs/Slider/Input.js +2 -4
  514. package/cjs/Slider/Mark.js +3 -3
  515. package/cjs/Slider/ProgressBar.js +5 -6
  516. package/cjs/Slider/Slider.js +3 -3
  517. package/cjs/Slider/useDrag.d.ts +2 -2
  518. package/cjs/Slider/useDrag.js +1 -1
  519. package/cjs/Stack/HStack.d.ts +1 -1
  520. package/cjs/Stack/HStack.js +1 -6
  521. package/cjs/Stack/Stack.d.ts +20 -25
  522. package/cjs/Stack/Stack.js +19 -35
  523. package/cjs/Stack/StackItem.d.ts +2 -5
  524. package/cjs/Stack/StackItem.js +18 -17
  525. package/cjs/Stack/VStack.d.ts +1 -1
  526. package/cjs/Stack/VStack.js +1 -6
  527. package/cjs/Stat/Stat.js +3 -3
  528. package/cjs/Stat/StatLabel.js +3 -3
  529. package/cjs/Stat/StatTrend.js +3 -3
  530. package/cjs/Stat/StatValue.js +3 -3
  531. package/cjs/StatGroup/StatGroup.js +5 -8
  532. package/cjs/Steps/StepItem.js +12 -15
  533. package/cjs/Steps/Steps.js +3 -3
  534. package/cjs/Table/Table.d.ts +2 -2
  535. package/cjs/Tabs/TabPanel.js +3 -3
  536. package/cjs/Tabs/Tabs.js +5 -4
  537. package/cjs/Tag/Tag.js +3 -5
  538. package/cjs/TagPicker/TagPicker.d.ts +10 -5
  539. package/cjs/TagPicker/TagPicker.js +9 -4
  540. package/cjs/Text/Text.d.ts +2 -9
  541. package/cjs/Text/Text.js +17 -16
  542. package/cjs/TimeRangePicker/TimeRangePicker.d.ts +1 -1
  543. package/cjs/Timeline/Timeline.js +3 -3
  544. package/cjs/Timeline/TimelineItem.js +3 -3
  545. package/cjs/Toggle/Toggle.d.ts +4 -4
  546. package/cjs/Toggle/Toggle.js +4 -4
  547. package/cjs/Tooltip/Tooltip.js +9 -8
  548. package/cjs/Tree/IndentLine.js +1 -1
  549. package/cjs/Tree/TreeNode.js +4 -7
  550. package/cjs/Tree/TreeNodeToggle.js +1 -1
  551. package/cjs/Tree/TreeView.d.ts +2 -2
  552. package/cjs/Tree/TreeView.js +3 -3
  553. package/cjs/Tree/hooks/useFocusTree.d.ts +1 -1
  554. package/cjs/TreePicker/TreePicker.d.ts +2 -10
  555. package/cjs/TreePicker/TreePicker.js +5 -17
  556. package/cjs/TreePicker/hooks/useFocusState.d.ts +1 -1
  557. package/cjs/TreePicker/hooks/useFocusState.js +0 -0
  558. package/cjs/Uploader/UploadFileItem.js +3 -3
  559. package/cjs/Uploader/UploadTrigger.d.ts +3 -1
  560. package/cjs/Uploader/UploadTrigger.js +20 -13
  561. package/cjs/Uploader/Uploader.d.ts +1 -1
  562. package/cjs/Uploader/Uploader.js +7 -7
  563. package/cjs/Uploader/utils/ajaxUpload.d.ts +1 -1
  564. package/cjs/Whisper/Whisper.d.ts +2 -1
  565. package/cjs/index.d.ts +5 -3
  566. package/cjs/index.js +30 -18
  567. package/cjs/internals/Box/Box.d.ts +43 -0
  568. package/cjs/internals/Box/Box.js +42 -0
  569. package/cjs/internals/Box/index.d.ts +3 -0
  570. package/cjs/internals/Box/index.js +8 -0
  571. package/cjs/internals/Box/utils.d.ts +18 -0
  572. package/cjs/internals/Box/utils.js +120 -0
  573. package/cjs/internals/CloseButton/CloseButton.js +3 -3
  574. package/cjs/internals/Menu/MenuItem.d.ts +1 -1
  575. package/cjs/internals/Menu/MenuItem.js +1 -1
  576. package/cjs/internals/Menu/Menubar.js +4 -1
  577. package/cjs/internals/Menu/useRenderMenuItem.d.ts +2 -0
  578. package/cjs/{Dropdown/useRenderDropdownItem.js → internals/Menu/useRenderMenuItem.js} +2 -2
  579. package/cjs/internals/Overlay/Modal.js +8 -10
  580. package/cjs/internals/Overlay/Overlay.d.ts +5 -6
  581. package/cjs/internals/Overlay/Overlay.js +25 -20
  582. package/cjs/internals/Overlay/OverlayProvider.d.ts +13 -0
  583. package/cjs/internals/Overlay/OverlayProvider.js +24 -0
  584. package/cjs/internals/Overlay/OverlayTrigger.d.ts +1 -10
  585. package/cjs/internals/Overlay/OverlayTrigger.js +6 -5
  586. package/cjs/internals/Overlay/Position.d.ts +6 -10
  587. package/cjs/internals/Overlay/Position.js +18 -18
  588. package/cjs/internals/Overlay/index.d.ts +2 -0
  589. package/cjs/internals/Overlay/index.js +13 -0
  590. package/cjs/internals/Overlay/positionUtils.d.ts +2 -20
  591. package/cjs/internals/Overlay/positionUtils.js +3 -3
  592. package/cjs/internals/Overlay/types.d.ts +37 -0
  593. package/cjs/internals/Picker/ListCheckItem.d.ts +2 -2
  594. package/cjs/internals/Picker/ListCheckItem.js +3 -3
  595. package/cjs/internals/Picker/ListItem.d.ts +2 -2
  596. package/cjs/internals/Picker/ListItem.js +3 -3
  597. package/cjs/internals/Picker/ListItemGroup.js +3 -3
  598. package/cjs/internals/Picker/Listbox.d.ts +5 -5
  599. package/cjs/internals/Picker/Listbox.js +10 -10
  600. package/cjs/internals/Picker/PickerIndicator.d.ts +3 -1
  601. package/cjs/internals/Picker/PickerIndicator.js +5 -3
  602. package/cjs/internals/Picker/PickerPopup.d.ts +2 -2
  603. package/cjs/internals/Picker/PickerPopup.js +17 -14
  604. package/cjs/internals/Picker/PickerToggle.d.ts +3 -3
  605. package/cjs/internals/Picker/PickerToggle.js +10 -5
  606. package/cjs/internals/Picker/PickerToggleTrigger.d.ts +3 -4
  607. package/cjs/internals/Picker/PickerToggleTrigger.js +15 -16
  608. package/cjs/internals/Picker/SelectedElement.js +5 -3
  609. package/cjs/internals/Picker/hooks/useCombobox.d.ts +1 -0
  610. package/cjs/internals/Picker/hooks/useCombobox.js +4 -2
  611. package/cjs/internals/Picker/hooks/usePickerClassName.d.ts +0 -2
  612. package/cjs/internals/Picker/hooks/usePickerClassName.js +3 -7
  613. package/cjs/internals/Picker/hooks/usePickerRef.d.ts +8 -8
  614. package/cjs/internals/Picker/hooks/usePickerRef.js +0 -0
  615. package/cjs/internals/Picker/index.d.ts +1 -1
  616. package/cjs/internals/Plaintext/Plaintext.js +3 -3
  617. package/cjs/internals/Ripple/Ripple.js +3 -3
  618. package/cjs/internals/ScrollView/ScrollView.js +3 -3
  619. package/cjs/internals/ScrollView/hooks/useScrollState.d.ts +2 -2
  620. package/cjs/internals/SearchBox/SearchBox.js +3 -3
  621. package/cjs/internals/StyledBox/StyledBox.d.ts +13 -0
  622. package/cjs/internals/StyledBox/StyledBox.js +28 -0
  623. package/cjs/internals/StyledBox/index.d.ts +4 -0
  624. package/cjs/internals/StyledBox/index.js +9 -0
  625. package/cjs/internals/Windowing/AutoSizer.js +1 -4
  626. package/cjs/internals/constants/index.d.ts +1 -1
  627. package/cjs/internals/constants/index.js +2 -2
  628. package/cjs/internals/hooks/index.d.ts +1 -1
  629. package/cjs/internals/hooks/index.js +3 -3
  630. package/cjs/internals/hooks/useElementResize.js +1 -1
  631. package/cjs/internals/hooks/useEnsuredRef.d.ts +1 -2
  632. package/cjs/internals/hooks/useEnsuredRef.js +1 -1
  633. package/cjs/internals/hooks/useFocus.d.ts +1 -1
  634. package/cjs/internals/hooks/useFocus.js +0 -0
  635. package/cjs/internals/hooks/useFocusVirtualListItem.d.ts +1 -1
  636. package/cjs/internals/hooks/useInternalId.js +1 -1
  637. package/cjs/internals/hooks/useRootClose.d.ts +1 -1
  638. package/cjs/internals/hooks/useRootClose.js +0 -0
  639. package/{esm/internals/hooks/useClassNames.d.ts → cjs/internals/hooks/useStyles.d.ts} +10 -5
  640. package/cjs/internals/hooks/{useClassNames.js → useStyles.js} +33 -18
  641. package/cjs/internals/hooks/useTimeout.js +1 -1
  642. package/cjs/internals/hooks/useUpdatedRef.d.ts +1 -1
  643. package/cjs/internals/types/colours.d.ts +4 -0
  644. package/cjs/internals/types/colours.js +4 -1
  645. package/cjs/internals/types/form.d.ts +9 -9
  646. package/cjs/internals/types/html.d.ts +19 -0
  647. package/cjs/internals/types/html.js +4 -0
  648. package/cjs/internals/types/index.d.ts +2 -0
  649. package/cjs/internals/types/index.js +12 -0
  650. package/cjs/internals/types/picker.d.ts +59 -19
  651. package/cjs/internals/types/placement.d.ts +1 -2
  652. package/cjs/internals/types/shared.d.ts +1 -4
  653. package/cjs/internals/types/sizes.d.ts +25 -0
  654. package/cjs/internals/types/sizes.js +26 -0
  655. package/cjs/internals/utils/colours.d.ts +10 -0
  656. package/cjs/internals/utils/colours.js +37 -2
  657. package/cjs/internals/utils/createComponent.js +3 -3
  658. package/cjs/internals/utils/getDOMNode.js +3 -8
  659. package/cjs/internals/utils/index.d.ts +5 -4
  660. package/cjs/internals/utils/index.js +25 -19
  661. package/cjs/internals/utils/placement.d.ts +21 -0
  662. package/cjs/internals/utils/{placementPolyfill.js → placement.js} +21 -2
  663. package/cjs/internals/utils/sizes.d.ts +5 -0
  664. package/cjs/internals/utils/sizes.js +21 -0
  665. package/{esm/internals/utils → cjs/internals/utils/style-sheet}/css.d.ts +2 -4
  666. package/cjs/internals/utils/{css.js → style-sheet/css.js} +1 -0
  667. package/cjs/internals/utils/style-sheet/index.d.ts +4 -0
  668. package/cjs/internals/utils/style-sheet/index.js +28 -0
  669. package/cjs/internals/utils/{prefix.js → style-sheet/prefix.js} +0 -0
  670. package/cjs/internals/utils/style-sheet/responsive.d.ts +2 -0
  671. package/cjs/internals/utils/style-sheet/responsive.js +20 -0
  672. package/cjs/internals/utils/style-sheet/styles.d.ts +16 -0
  673. package/cjs/internals/utils/style-sheet/styles.js +44 -0
  674. package/cjs/locales/index.d.ts +1 -0
  675. package/cjs/locales/index.js +4 -2
  676. package/cjs/locales/pl_PL.d.ts +151 -0
  677. package/cjs/locales/pl_PL.js +92 -0
  678. package/cjs/toaster/ToastContainer.d.ts +1 -1
  679. package/cjs/toaster/ToastContainer.js +3 -3
  680. package/cjs/toaster/hooks/useDelayedClosure.d.ts +1 -1
  681. package/cjs/toaster/hooks/useDelayedClosure.js +2 -2
  682. package/cjs/toaster/render.d.ts +2 -2
  683. package/dist/rsuite-no-reset-rtl.css +4242 -4692
  684. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  685. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  686. package/dist/rsuite-no-reset.css +4238 -4694
  687. package/dist/rsuite-no-reset.min.css +1 -1
  688. package/dist/rsuite-no-reset.min.css.map +1 -1
  689. package/dist/rsuite-rtl.css +7751 -8200
  690. package/dist/rsuite-rtl.min.css +1 -1
  691. package/dist/rsuite-rtl.min.css.map +1 -1
  692. package/dist/rsuite.css +7756 -8211
  693. package/dist/rsuite.js +718 -387
  694. package/dist/rsuite.js.map +1 -1
  695. package/dist/rsuite.min.css +1 -1
  696. package/dist/rsuite.min.css.map +1 -1
  697. package/dist/rsuite.min.js +1 -1
  698. package/dist/rsuite.min.js.LICENSE.txt +12 -27
  699. package/dist/rsuite.min.js.map +1 -1
  700. package/esm/Affix/Affix.js +4 -4
  701. package/esm/Animation/Bounce.js +2 -2
  702. package/esm/Animation/Collapse.js +2 -2
  703. package/esm/Animation/Fade.js +2 -2
  704. package/esm/Animation/Slide.js +2 -2
  705. package/esm/AutoComplete/AutoComplete.d.ts +5 -13
  706. package/esm/AutoComplete/AutoComplete.js +16 -21
  707. package/esm/Avatar/Avatar.d.ts +3 -5
  708. package/esm/Avatar/Avatar.js +12 -7
  709. package/esm/AvatarGroup/AvatarGroup.d.ts +2 -4
  710. package/esm/AvatarGroup/AvatarGroup.js +8 -10
  711. package/esm/Badge/Badge.js +9 -4
  712. package/esm/Box/index.d.ts +4 -0
  713. package/esm/Box/index.js +8 -0
  714. package/esm/Breadcrumb/Breadcrumb.d.ts +4 -0
  715. package/esm/Breadcrumb/Breadcrumb.js +12 -6
  716. package/esm/Breadcrumb/BreadcrumbItem.d.ts +4 -0
  717. package/esm/Breadcrumb/BreadcrumbItem.js +6 -5
  718. package/esm/Button/Button.d.ts +3 -3
  719. package/esm/Button/Button.js +7 -8
  720. package/esm/ButtonGroup/ButtonGroup.d.ts +4 -2
  721. package/esm/ButtonGroup/ButtonGroup.js +10 -6
  722. package/esm/ButtonGroup/ButtonGroupContext.d.ts +3 -2
  723. package/esm/ButtonToolbar/ButtonToolbar.d.ts +1 -1
  724. package/esm/ButtonToolbar/ButtonToolbar.js +6 -7
  725. package/esm/Calendar/Calendar.js +4 -4
  726. package/esm/Calendar/CalendarBody.js +4 -4
  727. package/esm/Calendar/CalendarContainer.js +4 -4
  728. package/esm/Calendar/CalendarHeader.js +4 -4
  729. package/esm/Calendar/Grid/Grid.js +4 -4
  730. package/esm/Calendar/Grid/GridCell.js +2 -2
  731. package/esm/Calendar/Grid/GridHeaderRow.js +2 -2
  732. package/esm/Calendar/Grid/GridRow.js +2 -2
  733. package/esm/Calendar/MonthDropdown/MonthDropdown.js +4 -4
  734. package/esm/Calendar/MonthDropdown/MonthDropdownItem.js +4 -4
  735. package/esm/Calendar/TimeDropdown/TimeDropdown.js +2 -2
  736. package/esm/Card/Card.js +7 -9
  737. package/esm/CardGroup/CardGroup.js +7 -10
  738. package/esm/Carousel/Carousel.js +6 -5
  739. package/esm/CascadeTree/CascadeTree.d.ts +2 -2
  740. package/esm/CascadeTree/CascadeTree.js +4 -4
  741. package/esm/CascadeTree/SearchView.d.ts +6 -6
  742. package/esm/CascadeTree/SearchView.js +4 -4
  743. package/esm/CascadeTree/TreeView.d.ts +6 -6
  744. package/esm/CascadeTree/TreeView.js +9 -8
  745. package/esm/CascadeTree/hooks/useSearch.d.ts +5 -5
  746. package/esm/CascadeTree/hooks/useSearch.js +0 -0
  747. package/esm/CascadeTree/hooks/useSelect.d.ts +6 -6
  748. package/esm/CascadeTree/hooks/useSelect.js +0 -0
  749. package/esm/CascadeTree/types.d.ts +10 -10
  750. package/esm/CascadeTree/types.js +0 -0
  751. package/esm/Cascader/Cascader.d.ts +6 -43
  752. package/esm/Cascader/Cascader.js +8 -30
  753. package/esm/Cascader/useActive.d.ts +1 -1
  754. package/esm/Cascader/useActive.js +0 -0
  755. package/esm/Center/Center.d.ts +6 -0
  756. package/esm/Center/Center.js +29 -0
  757. package/esm/Center/index.d.ts +4 -0
  758. package/esm/Center/index.js +8 -0
  759. package/esm/CheckPicker/CheckPicker.d.ts +7 -5
  760. package/esm/CheckPicker/CheckPicker.js +17 -24
  761. package/esm/CheckTree/CheckTreeNode.js +4 -4
  762. package/esm/CheckTree/CheckTreeView.d.ts +1 -1
  763. package/esm/CheckTree/CheckTreeView.js +4 -4
  764. package/esm/CheckTreePicker/CheckTreePicker.d.ts +2 -10
  765. package/esm/CheckTreePicker/CheckTreePicker.js +6 -18
  766. package/esm/CheckTreePicker/hooks/useFocusState.d.ts +1 -1
  767. package/esm/CheckTreePicker/hooks/useFocusState.js +0 -0
  768. package/esm/Checkbox/Checkbox.d.ts +3 -3
  769. package/esm/Checkbox/Checkbox.js +4 -4
  770. package/esm/CheckboxGroup/CheckboxGroup.js +4 -4
  771. package/esm/Col/index.d.ts +2 -2
  772. package/esm/Col/index.js +1 -1
  773. package/esm/Container/Container.js +4 -4
  774. package/esm/CustomProvider/CustomProvider.d.ts +27 -13
  775. package/esm/CustomProvider/CustomProvider.js +1 -1
  776. package/esm/CustomProvider/types.d.ts +2 -0
  777. package/esm/CustomProvider/types.js +0 -0
  778. package/esm/DateInput/DateField.d.ts +2 -122
  779. package/esm/DateInput/DateInput.js +1 -1
  780. package/esm/DateInput/hooks/useDateInputState.d.ts +1 -121
  781. package/esm/DatePicker/DatePicker.js +14 -27
  782. package/esm/DatePicker/PredefinedRanges.d.ts +1 -1
  783. package/esm/DatePicker/PredefinedRanges.js +1 -1
  784. package/esm/DatePicker/Toolbar.js +6 -6
  785. package/esm/DatePicker/hooks/useFocus.d.ts +1 -1
  786. package/esm/DatePicker/utils.d.ts +1 -1
  787. package/esm/DateRangeInput/DateRangeInput.js +5 -5
  788. package/esm/DateRangePicker/DateRangePicker.d.ts +7 -1
  789. package/esm/DateRangePicker/DateRangePicker.js +18 -21
  790. package/esm/DateRangePicker/Header.js +2 -2
  791. package/esm/DateRangePicker/hooks/useDateDisabled.d.ts +0 -1
  792. package/esm/DateRangePicker/hooks/useDateDisabled.js +3 -7
  793. package/esm/DateRangePicker/types.d.ts +1 -1
  794. package/esm/Divider/Divider.d.ts +27 -2
  795. package/esm/Divider/Divider.js +27 -16
  796. package/esm/Drawer/Drawer.js +2 -2
  797. package/esm/Dropdown/Dropdown.d.ts +36 -37
  798. package/esm/Dropdown/Dropdown.js +13 -15
  799. package/esm/Dropdown/DropdownItem.d.ts +9 -19
  800. package/esm/Dropdown/DropdownItem.js +20 -15
  801. package/esm/Dropdown/DropdownMenu.d.ts +10 -11
  802. package/esm/Dropdown/DropdownMenu.js +12 -12
  803. package/esm/Dropdown/DropdownSeparator.js +4 -4
  804. package/esm/Dropdown/DropdownToggle.js +4 -4
  805. package/esm/Dropdown/types.d.ts +32 -0
  806. package/esm/Dropdown/types.js +2 -0
  807. package/esm/FlexboxGrid/FlexboxGrid.d.ts +16 -2
  808. package/esm/FlexboxGrid/FlexboxGrid.js +12 -4
  809. package/esm/FlexboxGrid/FlexboxGridItem.d.ts +9 -2
  810. package/esm/FlexboxGrid/FlexboxGridItem.js +6 -5
  811. package/esm/Form/hooks/useFormClassNames.js +4 -4
  812. package/esm/Form/hooks/useFormRef.d.ts +1 -1
  813. package/esm/Form/hooks/useFormValidate.js +0 -0
  814. package/esm/FormControl/FormControl.js +4 -4
  815. package/esm/FormControl/utils.d.ts +8 -0
  816. package/esm/FormControl/utils.js +44 -1
  817. package/esm/FormControlLabel/FormControlLabel.js +4 -4
  818. package/esm/FormErrorMessage/FormErrorMessage.js +9 -11
  819. package/esm/FormGroup/FormGroup.js +4 -4
  820. package/esm/FormHelpText/FormHelpText.js +4 -4
  821. package/esm/Grid/Col.d.ts +22 -0
  822. package/esm/Grid/Col.js +107 -0
  823. package/esm/Grid/Grid.d.ts +1 -1
  824. package/esm/Grid/Grid.js +5 -7
  825. package/esm/Grid/Row.d.ts +16 -0
  826. package/esm/Grid/Row.js +57 -0
  827. package/esm/Grid/index.d.ts +6 -1
  828. package/esm/Grid/index.js +3 -1
  829. package/esm/Grid/types.d.ts +65 -0
  830. package/esm/Grid/types.js +2 -0
  831. package/esm/Heading/Heading.js +4 -4
  832. package/esm/Highlight/Highlight.js +4 -4
  833. package/esm/IconButton/IconButton.js +4 -4
  834. package/esm/Image/Image.js +4 -4
  835. package/esm/InlineEdit/EditableControls.js +1 -2
  836. package/esm/InlineEdit/InlineEdit.js +5 -5
  837. package/esm/InlineEdit/renderChildren.d.ts +2 -1
  838. package/esm/InlineEdit/renderChildren.js +3 -2
  839. package/esm/InlineEdit/useFocusEvent.d.ts +2 -2
  840. package/esm/Input/Input.d.ts +3 -3
  841. package/esm/Input/Input.js +8 -8
  842. package/esm/InputGroup/InputGroup.d.ts +3 -2
  843. package/esm/InputGroup/InputGroup.js +7 -6
  844. package/esm/InputGroup/InputGroupAddon.js +4 -4
  845. package/esm/InputGroup/InputGroupButton.js +4 -7
  846. package/esm/InputNumber/InputNumber.d.ts +3 -3
  847. package/esm/InputNumber/InputNumber.js +9 -7
  848. package/esm/InputPicker/InputPicker.d.ts +7 -6
  849. package/esm/InputPicker/InputPicker.js +32 -30
  850. package/esm/InputPicker/InputSearch.d.ts +3 -3
  851. package/esm/InputPicker/InputSearch.js +4 -4
  852. package/esm/InputPicker/TagList.js +2 -2
  853. package/esm/InputPicker/TextBox.js +8 -7
  854. package/esm/InputPicker/hooks/useData.d.ts +9 -9
  855. package/esm/InputPicker/hooks/useData.js +0 -0
  856. package/esm/InputPicker/hooks/useInput.d.ts +3 -3
  857. package/esm/InputPicker/hooks/useInput.js +1 -1
  858. package/esm/InputPicker/hooks/useMaxWidth.d.ts +2 -2
  859. package/esm/InputPicker/utils.d.ts +1 -1
  860. package/esm/Kbd/Kbd.d.ts +15 -0
  861. package/esm/Kbd/Kbd.js +35 -0
  862. package/esm/Kbd/index.d.ts +4 -0
  863. package/esm/Kbd/index.js +8 -0
  864. package/esm/List/List.js +4 -4
  865. package/esm/List/ListItem.js +4 -4
  866. package/esm/List/helper/useSortHelper.d.ts +1 -1
  867. package/esm/List/helper/useSortHelper.js +1 -1
  868. package/esm/Loader/Loader.d.ts +2 -2
  869. package/esm/Loader/Loader.js +8 -9
  870. package/esm/MaskedInput/MaskedInput.d.ts +2 -1
  871. package/esm/MaskedInput/TextMask.js +1 -1
  872. package/esm/Menu/Menu.d.ts +18 -0
  873. package/esm/Menu/Menu.js +49 -0
  874. package/esm/Menu/MenuContext.d.ts +7 -0
  875. package/esm/Menu/MenuContext.js +5 -0
  876. package/esm/Menu/MenuItem.d.ts +25 -0
  877. package/esm/Menu/MenuItem.js +77 -0
  878. package/esm/Menu/MenuSeparator.d.ts +12 -0
  879. package/esm/Menu/MenuSeparator.js +28 -0
  880. package/esm/Menu/index.d.ts +8 -0
  881. package/esm/Menu/index.js +10 -0
  882. package/esm/Message/Message.js +10 -10
  883. package/esm/Modal/Modal.d.ts +2 -0
  884. package/esm/Modal/Modal.js +7 -5
  885. package/esm/Modal/ModalBody.js +8 -9
  886. package/esm/Modal/ModalDialog.d.ts +2 -2
  887. package/esm/Modal/ModalDialog.js +7 -10
  888. package/esm/Modal/ModalFooter.js +0 -0
  889. package/esm/Modal/ModalHeader.js +4 -4
  890. package/esm/Modal/ModalTitle.js +4 -4
  891. package/esm/Modal/utils.d.ts +3 -3
  892. package/esm/Modal/utils.js +2 -2
  893. package/esm/MultiCascadeTree/MultiCascadeTree.js +4 -4
  894. package/esm/MultiCascadeTree/SearchView.d.ts +4 -4
  895. package/esm/MultiCascadeTree/SearchView.js +4 -4
  896. package/esm/MultiCascadeTree/TreeView.d.ts +6 -6
  897. package/esm/MultiCascadeTree/TreeView.js +5 -6
  898. package/esm/MultiCascadeTree/hooks/useCascadeValue.js +0 -0
  899. package/esm/MultiCascadeTree/hooks/useSearch.d.ts +3 -3
  900. package/esm/MultiCascadeTree/hooks/useSearch.js +0 -0
  901. package/esm/MultiCascadeTree/hooks/useSelect.d.ts +9 -9
  902. package/esm/MultiCascadeTree/hooks/useSelect.js +1 -1
  903. package/esm/MultiCascadeTree/index.d.ts +1 -1
  904. package/esm/MultiCascadeTree/types.d.ts +2 -2
  905. package/esm/MultiCascadeTree/types.js +0 -0
  906. package/esm/MultiCascadeTree/utils.d.ts +2 -2
  907. package/esm/MultiCascadeTree/utils.js +0 -0
  908. package/esm/MultiCascader/MultiCascader.d.ts +8 -45
  909. package/esm/MultiCascader/MultiCascader.js +8 -30
  910. package/esm/Nav/AdaptiveNavItem.js +8 -8
  911. package/esm/Nav/Nav.d.ts +4 -7
  912. package/esm/Nav/Nav.js +7 -5
  913. package/esm/Nav/NavDropdown.d.ts +3 -3
  914. package/esm/Nav/NavDropdown.js +13 -15
  915. package/esm/Nav/NavDropdownItem.d.ts +3 -17
  916. package/esm/Nav/NavDropdownItem.js +6 -6
  917. package/esm/Nav/NavDropdownMenu.d.ts +17 -10
  918. package/esm/Nav/NavDropdownMenu.js +6 -6
  919. package/esm/Nav/NavDropdownToggle.js +5 -5
  920. package/esm/Nav/NavItem.d.ts +2 -2
  921. package/esm/Nav/NavItem.js +4 -4
  922. package/esm/Nav/NavMegaMenu.d.ts +5 -0
  923. package/esm/Nav/NavMegaMenu.js +17 -0
  924. package/esm/Nav/NavMenu.js +4 -4
  925. package/esm/Nav/index.d.ts +3 -1
  926. package/esm/Nav/index.js +2 -1
  927. package/esm/Navbar/Navbar.d.ts +1 -5
  928. package/esm/Navbar/Navbar.js +4 -4
  929. package/esm/Navbar/NavbarContent.d.ts +3 -6
  930. package/esm/Navbar/NavbarContent.js +2 -1
  931. package/esm/Navbar/NavbarDropdown.d.ts +1 -1
  932. package/esm/Navbar/NavbarDropdown.js +9 -10
  933. package/esm/Navbar/NavbarDropdownItem.d.ts +3 -17
  934. package/esm/Navbar/NavbarDropdownItem.js +6 -6
  935. package/esm/Navbar/NavbarDropdownMenu.d.ts +18 -10
  936. package/esm/Navbar/NavbarDropdownMenu.js +7 -7
  937. package/esm/Navbar/NavbarDropdownToggle.js +4 -4
  938. package/esm/Navbar/NavbarItem.d.ts +2 -2
  939. package/esm/Navbar/NavbarItem.js +4 -4
  940. package/esm/Navbar/NavbarMegaMenu.d.ts +26 -0
  941. package/esm/Navbar/NavbarMegaMenu.js +54 -0
  942. package/esm/Notification/Notification.js +10 -18
  943. package/esm/Pagination/LimitPicker.d.ts +2 -2
  944. package/esm/Pagination/LimitPicker.js +1 -1
  945. package/esm/Pagination/Pagination.d.ts +2 -2
  946. package/esm/Pagination/Pagination.js +20 -19
  947. package/esm/Pagination/PaginationButton.d.ts +10 -6
  948. package/esm/Pagination/PaginationButton.js +30 -18
  949. package/esm/Pagination/PaginationGroup.js +4 -4
  950. package/esm/Panel/AccordionButton.js +4 -5
  951. package/esm/Panel/Panel.js +4 -4
  952. package/esm/Panel/PanelBody.js +4 -4
  953. package/esm/Panel/PanelHeader.js +2 -2
  954. package/esm/PanelGroup/PanelGroup.js +4 -4
  955. package/esm/Placeholder/PlaceholderGraph.js +10 -11
  956. package/esm/Placeholder/PlaceholderGrid.js +14 -13
  957. package/esm/Placeholder/PlaceholderParagraph.js +17 -17
  958. package/esm/Popover/Popover.js +9 -11
  959. package/esm/Progress/ProgressCircle.js +4 -4
  960. package/esm/Progress/ProgressLine.js +4 -4
  961. package/esm/Radio/Radio.d.ts +3 -3
  962. package/esm/Radio/Radio.js +4 -4
  963. package/esm/RadioGroup/RadioGroup.js +4 -4
  964. package/esm/RadioTile/RadioTile.d.ts +3 -3
  965. package/esm/RadioTile/RadioTile.js +4 -5
  966. package/esm/RadioTileGroup/RadioTileGroup.js +4 -5
  967. package/esm/RangeSlider/RangeSlider.js +4 -4
  968. package/esm/Rate/Character.js +4 -4
  969. package/esm/Rate/Rate.d.ts +3 -3
  970. package/esm/Rate/Rate.js +4 -4
  971. package/esm/Row/index.d.ts +2 -2
  972. package/esm/Row/index.js +1 -1
  973. package/esm/SelectPicker/SelectPicker.d.ts +7 -17
  974. package/esm/SelectPicker/SelectPicker.js +17 -24
  975. package/esm/SelectPicker/index.d.ts +1 -1
  976. package/esm/Sidebar/Sidebar.js +8 -9
  977. package/esm/Sidenav/ExpandedSidenavDropdown.js +11 -14
  978. package/esm/Sidenav/ExpandedSidenavDropdownItem.d.ts +2 -2
  979. package/esm/Sidenav/ExpandedSidenavDropdownItem.js +7 -7
  980. package/esm/Sidenav/ExpandedSidenavDropdownMenu.d.ts +2 -2
  981. package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +4 -4
  982. package/esm/Sidenav/Sidenav.d.ts +6 -0
  983. package/esm/Sidenav/Sidenav.js +8 -4
  984. package/esm/Sidenav/SidenavDropdown.d.ts +3 -3
  985. package/esm/Sidenav/SidenavDropdown.js +15 -17
  986. package/esm/Sidenav/SidenavDropdownCollapse.js +4 -4
  987. package/esm/Sidenav/SidenavDropdownItem.d.ts +3 -17
  988. package/esm/Sidenav/SidenavDropdownItem.js +6 -6
  989. package/esm/Sidenav/SidenavDropdownMenu.d.ts +11 -8
  990. package/esm/Sidenav/SidenavDropdownMenu.js +6 -6
  991. package/esm/Sidenav/SidenavDropdownToggle.js +12 -12
  992. package/esm/Sidenav/SidenavFooter.d.ts +11 -0
  993. package/esm/Sidenav/SidenavFooter.js +11 -0
  994. package/esm/Sidenav/SidenavGroupLabel.d.ts +11 -0
  995. package/esm/Sidenav/SidenavGroupLabel.js +11 -0
  996. package/esm/Sidenav/SidenavItem.d.ts +28 -9
  997. package/esm/Sidenav/SidenavItem.js +23 -13
  998. package/esm/Sidenav/SidenavToggle.d.ts +0 -6
  999. package/esm/Sidenav/SidenavToggle.js +13 -19
  1000. package/esm/Sidenav/index.d.ts +3 -1
  1001. package/esm/Sidenav/index.js +3 -1
  1002. package/esm/Slider/Graduated.js +2 -2
  1003. package/esm/Slider/Handle.js +5 -6
  1004. package/esm/Slider/Input.js +2 -4
  1005. package/esm/Slider/Mark.js +4 -4
  1006. package/esm/Slider/ProgressBar.js +7 -8
  1007. package/esm/Slider/Slider.js +4 -4
  1008. package/esm/Slider/useDrag.d.ts +2 -2
  1009. package/esm/Slider/useDrag.js +1 -1
  1010. package/esm/Stack/HStack.d.ts +1 -1
  1011. package/esm/Stack/HStack.js +1 -6
  1012. package/esm/Stack/Stack.d.ts +20 -25
  1013. package/esm/Stack/Stack.js +21 -37
  1014. package/esm/Stack/StackItem.d.ts +2 -5
  1015. package/esm/Stack/StackItem.js +17 -16
  1016. package/esm/Stack/VStack.d.ts +1 -1
  1017. package/esm/Stack/VStack.js +1 -6
  1018. package/esm/Stat/Stat.js +4 -4
  1019. package/esm/Stat/StatLabel.js +4 -4
  1020. package/esm/Stat/StatTrend.js +4 -4
  1021. package/esm/Stat/StatValue.js +4 -4
  1022. package/esm/StatGroup/StatGroup.js +7 -10
  1023. package/esm/Steps/StepItem.js +14 -17
  1024. package/esm/Steps/Steps.js +4 -4
  1025. package/esm/Table/Table.d.ts +2 -2
  1026. package/esm/Tabs/TabPanel.js +4 -4
  1027. package/esm/Tabs/Tabs.js +6 -5
  1028. package/esm/Tag/Tag.js +4 -6
  1029. package/esm/TagPicker/TagPicker.d.ts +10 -5
  1030. package/esm/TagPicker/TagPicker.js +9 -4
  1031. package/esm/Text/Text.d.ts +2 -9
  1032. package/esm/Text/Text.js +18 -17
  1033. package/esm/TimeRangePicker/TimeRangePicker.d.ts +1 -1
  1034. package/esm/Timeline/Timeline.js +4 -4
  1035. package/esm/Timeline/TimelineItem.js +4 -4
  1036. package/esm/Toggle/Toggle.d.ts +4 -4
  1037. package/esm/Toggle/Toggle.js +5 -5
  1038. package/esm/Tooltip/Tooltip.js +9 -10
  1039. package/esm/Tree/IndentLine.js +2 -2
  1040. package/esm/Tree/TreeNode.js +6 -9
  1041. package/esm/Tree/TreeNodeToggle.js +2 -2
  1042. package/esm/Tree/TreeView.d.ts +2 -2
  1043. package/esm/Tree/TreeView.js +4 -4
  1044. package/esm/Tree/hooks/useFocusTree.d.ts +1 -1
  1045. package/esm/TreePicker/TreePicker.d.ts +2 -10
  1046. package/esm/TreePicker/TreePicker.js +6 -18
  1047. package/esm/TreePicker/hooks/useFocusState.d.ts +1 -1
  1048. package/esm/TreePicker/hooks/useFocusState.js +0 -0
  1049. package/esm/Uploader/UploadFileItem.js +4 -4
  1050. package/esm/Uploader/UploadTrigger.d.ts +3 -1
  1051. package/esm/Uploader/UploadTrigger.js +21 -14
  1052. package/esm/Uploader/Uploader.d.ts +1 -1
  1053. package/esm/Uploader/Uploader.js +8 -8
  1054. package/esm/Uploader/utils/ajaxUpload.d.ts +1 -1
  1055. package/esm/Whisper/Whisper.d.ts +2 -1
  1056. package/esm/index.d.ts +5 -3
  1057. package/esm/index.js +5 -3
  1058. package/esm/internals/Box/Box.d.ts +43 -0
  1059. package/esm/internals/Box/Box.js +37 -0
  1060. package/esm/internals/Box/index.d.ts +3 -0
  1061. package/esm/internals/Box/index.js +3 -0
  1062. package/esm/internals/Box/utils.d.ts +18 -0
  1063. package/esm/internals/Box/utils.js +114 -0
  1064. package/esm/internals/CloseButton/CloseButton.js +4 -4
  1065. package/esm/internals/Menu/MenuItem.d.ts +1 -1
  1066. package/esm/internals/Menu/MenuItem.js +1 -1
  1067. package/esm/internals/Menu/Menubar.js +4 -1
  1068. package/esm/internals/Menu/useRenderMenuItem.d.ts +2 -0
  1069. package/esm/{Dropdown/useRenderDropdownItem.js → internals/Menu/useRenderMenuItem.js} +1 -1
  1070. package/esm/internals/Overlay/Modal.js +9 -11
  1071. package/esm/internals/Overlay/Overlay.d.ts +5 -6
  1072. package/esm/internals/Overlay/Overlay.js +27 -22
  1073. package/esm/internals/Overlay/OverlayProvider.d.ts +13 -0
  1074. package/esm/internals/Overlay/OverlayProvider.js +16 -0
  1075. package/esm/internals/Overlay/OverlayTrigger.d.ts +1 -10
  1076. package/esm/internals/Overlay/OverlayTrigger.js +7 -6
  1077. package/esm/internals/Overlay/Position.d.ts +6 -10
  1078. package/esm/internals/Overlay/Position.js +17 -18
  1079. package/esm/internals/Overlay/index.d.ts +2 -0
  1080. package/esm/internals/Overlay/index.js +7 -0
  1081. package/esm/internals/Overlay/positionUtils.d.ts +2 -20
  1082. package/esm/internals/Overlay/positionUtils.js +3 -3
  1083. package/esm/internals/Overlay/types.d.ts +37 -0
  1084. package/esm/internals/Picker/ListCheckItem.d.ts +2 -2
  1085. package/esm/internals/Picker/ListCheckItem.js +4 -4
  1086. package/esm/internals/Picker/ListItem.d.ts +2 -2
  1087. package/esm/internals/Picker/ListItem.js +4 -4
  1088. package/esm/internals/Picker/ListItemGroup.js +4 -4
  1089. package/esm/internals/Picker/Listbox.d.ts +5 -5
  1090. package/esm/internals/Picker/Listbox.js +11 -11
  1091. package/esm/internals/Picker/PickerIndicator.d.ts +3 -1
  1092. package/esm/internals/Picker/PickerIndicator.js +6 -4
  1093. package/esm/internals/Picker/PickerPopup.d.ts +2 -2
  1094. package/esm/internals/Picker/PickerPopup.js +18 -15
  1095. package/esm/internals/Picker/PickerToggle.d.ts +3 -3
  1096. package/esm/internals/Picker/PickerToggle.js +11 -6
  1097. package/esm/internals/Picker/PickerToggleTrigger.d.ts +3 -4
  1098. package/esm/internals/Picker/PickerToggleTrigger.js +12 -15
  1099. package/esm/internals/Picker/SelectedElement.js +5 -3
  1100. package/esm/internals/Picker/hooks/useCombobox.d.ts +1 -0
  1101. package/esm/internals/Picker/hooks/useCombobox.js +5 -3
  1102. package/esm/internals/Picker/hooks/usePickerClassName.d.ts +0 -2
  1103. package/esm/internals/Picker/hooks/usePickerClassName.js +4 -8
  1104. package/esm/internals/Picker/hooks/usePickerRef.d.ts +8 -8
  1105. package/esm/internals/Picker/hooks/usePickerRef.js +0 -0
  1106. package/esm/internals/Picker/index.d.ts +1 -1
  1107. package/esm/internals/Plaintext/Plaintext.js +4 -4
  1108. package/esm/internals/Ripple/Ripple.js +4 -4
  1109. package/esm/internals/ScrollView/ScrollView.js +4 -4
  1110. package/esm/internals/ScrollView/hooks/useScrollState.d.ts +2 -2
  1111. package/esm/internals/SearchBox/SearchBox.js +4 -4
  1112. package/esm/internals/StyledBox/StyledBox.d.ts +13 -0
  1113. package/esm/internals/StyledBox/StyledBox.js +23 -0
  1114. package/esm/internals/StyledBox/index.d.ts +4 -0
  1115. package/esm/internals/StyledBox/index.js +4 -0
  1116. package/esm/internals/Windowing/AutoSizer.js +3 -6
  1117. package/esm/internals/constants/index.d.ts +1 -1
  1118. package/esm/internals/constants/index.js +1 -1
  1119. package/esm/internals/hooks/index.d.ts +1 -1
  1120. package/esm/internals/hooks/index.js +1 -1
  1121. package/esm/internals/hooks/useElementResize.js +1 -1
  1122. package/esm/internals/hooks/useEnsuredRef.d.ts +1 -2
  1123. package/esm/internals/hooks/useEnsuredRef.js +1 -1
  1124. package/esm/internals/hooks/useFocus.d.ts +1 -1
  1125. package/esm/internals/hooks/useFocus.js +0 -0
  1126. package/esm/internals/hooks/useFocusVirtualListItem.d.ts +1 -1
  1127. package/esm/internals/hooks/useInternalId.js +1 -1
  1128. package/esm/internals/hooks/useRootClose.d.ts +1 -1
  1129. package/esm/internals/hooks/useRootClose.js +0 -0
  1130. package/{cjs/internals/hooks/useClassNames.d.ts → esm/internals/hooks/useStyles.d.ts} +10 -5
  1131. package/esm/internals/hooks/{useClassNames.js → useStyles.js} +31 -16
  1132. package/esm/internals/hooks/useTimeout.js +1 -1
  1133. package/esm/internals/hooks/useUpdatedRef.d.ts +1 -1
  1134. package/esm/internals/types/colours.d.ts +4 -0
  1135. package/esm/internals/types/colours.js +9 -1
  1136. package/esm/internals/types/form.d.ts +9 -9
  1137. package/esm/internals/types/html.d.ts +19 -0
  1138. package/esm/internals/types/html.js +2 -0
  1139. package/esm/internals/types/index.d.ts +2 -0
  1140. package/esm/internals/types/index.js +3 -1
  1141. package/esm/internals/types/picker.d.ts +59 -19
  1142. package/esm/internals/types/placement.d.ts +1 -2
  1143. package/esm/internals/types/shared.d.ts +1 -4
  1144. package/esm/internals/types/sizes.d.ts +25 -0
  1145. package/esm/internals/types/sizes.js +22 -0
  1146. package/esm/internals/utils/ReactChildren.js +0 -1
  1147. package/esm/internals/utils/colours.d.ts +10 -0
  1148. package/esm/internals/utils/colours.js +35 -0
  1149. package/esm/internals/utils/createComponent.js +4 -4
  1150. package/esm/internals/utils/getDOMNode.js +3 -6
  1151. package/esm/internals/utils/index.d.ts +5 -4
  1152. package/esm/internals/utils/index.js +5 -4
  1153. package/esm/internals/utils/placement.d.ts +21 -0
  1154. package/esm/internals/utils/{placementPolyfill.js → placement.js} +20 -1
  1155. package/esm/internals/utils/sizes.d.ts +5 -0
  1156. package/esm/internals/utils/sizes.js +16 -0
  1157. package/{cjs/internals/utils → esm/internals/utils/style-sheet}/css.d.ts +2 -4
  1158. package/esm/internals/utils/{css.js → style-sheet/css.js} +1 -0
  1159. package/esm/internals/utils/style-sheet/index.d.ts +4 -0
  1160. package/esm/internals/utils/style-sheet/index.js +5 -0
  1161. package/esm/internals/utils/{prefix.js → style-sheet/prefix.js} +0 -0
  1162. package/esm/internals/utils/style-sheet/responsive.d.ts +2 -0
  1163. package/esm/internals/utils/style-sheet/responsive.js +15 -0
  1164. package/esm/internals/utils/style-sheet/styles.d.ts +16 -0
  1165. package/esm/internals/utils/style-sheet/styles.js +38 -0
  1166. package/esm/locales/index.d.ts +1 -0
  1167. package/esm/locales/index.js +2 -1
  1168. package/esm/locales/pl_PL.d.ts +151 -0
  1169. package/esm/locales/pl_PL.js +87 -0
  1170. package/esm/toaster/ToastContainer.d.ts +1 -1
  1171. package/esm/toaster/ToastContainer.js +4 -4
  1172. package/esm/toaster/hooks/useDelayedClosure.d.ts +1 -1
  1173. package/esm/toaster/hooks/useDelayedClosure.js +2 -2
  1174. package/esm/toaster/render.d.ts +2 -2
  1175. package/internals/Box/styles/index.less +157 -0
  1176. package/internals/Picker/styles/index.less +117 -176
  1177. package/internals/Picker/styles/mixin.less +10 -169
  1178. package/internals/Ripple/styles/index.less +2 -2
  1179. package/internals/ScrollView/styles/index.less +2 -2
  1180. package/locales/pl_PL/package.json +7 -0
  1181. package/package.json +5 -5
  1182. package/styles/color-modes/dark.less +17 -18
  1183. package/styles/color-modes/high-contrast.less +18 -17
  1184. package/styles/color-modes/light.less +16 -31
  1185. package/styles/common.less +3 -5
  1186. package/styles/index.less +4 -2
  1187. package/styles/mixins/combobox.less +3 -7
  1188. package/styles/mixins/listbox.less +2 -1
  1189. package/styles/mixins/utilities.less +3 -6
  1190. package/styles/normalize.less +1 -1
  1191. package/styles/root.less +77 -0
  1192. package/styles/scaffolding.less +5 -3
  1193. package/styles/typography.less +16 -16
  1194. package/styles/variables.less +331 -503
  1195. package/toaster/styles/index.css +8 -14
  1196. package/toaster/styles/index.less +6 -4
  1197. package/useToaster/styles/index.css +8 -14
  1198. package/Avatar/styles/mixin.less +0 -42
  1199. package/FlexboxGrid/stories/styles.less +0 -17
  1200. package/Form/styles/mixin.less +0 -139
  1201. package/Grid/stories/styles.less +0 -29
  1202. package/Message/styles/mixin.less +0 -41
  1203. package/Modal/styles/mixin.less +0 -4
  1204. package/Notification/styles/mixin.less +0 -19
  1205. package/TagPicker/styles/mixin.less +0 -21
  1206. package/Toggle/styles/mixin.less +0 -123
  1207. package/cjs/Col/Col.d.ts +0 -69
  1208. package/cjs/Col/Col.js +0 -62
  1209. package/cjs/Dropdown/useRenderDropdownItem.d.ts +0 -2
  1210. package/cjs/Row/Row.d.ts +0 -10
  1211. package/cjs/Row/Row.js +0 -61
  1212. package/cjs/internals/Overlay/OverlayContext.d.ts +0 -6
  1213. package/cjs/internals/utils/placementPolyfill.d.ts +0 -10
  1214. package/esm/Col/Col.d.ts +0 -69
  1215. package/esm/Col/Col.js +0 -57
  1216. package/esm/Dropdown/useRenderDropdownItem.d.ts +0 -2
  1217. package/esm/Row/Row.d.ts +0 -10
  1218. package/esm/Row/Row.js +0 -56
  1219. package/esm/internals/Overlay/OverlayContext.d.ts +0 -6
  1220. package/esm/internals/Overlay/OverlayContext.js +0 -5
  1221. package/esm/internals/utils/placementPolyfill.d.ts +0 -10
  1222. package/styles/color-modes.less +0 -18
  1223. /package/cjs/internals/utils/{prefix.d.ts → style-sheet/prefix.d.ts} +0 -0
  1224. /package/esm/internals/utils/{prefix.d.ts → style-sheet/prefix.d.ts} +0 -0
package/InputGroup/styles/index.css CHANGED
@@ -3,6 +3,24 @@
3
3
  * @param {string} @size-name - The size name
4
4
  * @param {string} @suffix - The suffix
5
5
  */
6
+ /* stylelint-disable */
7
+ *[class*='rs-'] {
8
+ box-sizing: border-box;
9
+ }
10
+ *[class*='rs-']::before,
11
+ *[class*='rs-']::after {
12
+ box-sizing: border-box;
13
+ }
14
+ :root {
15
+ --rs-font-size-xs: 0.75rem;
16
+ --rs-font-size-sm: 0.875rem;
17
+ --rs-font-size-md: 1rem;
18
+ --rs-spacing: 0.25rem;
19
+ --rs-radius-none: 0;
20
+ --rs-radius-md: 0.375rem;
21
+ --rs-radius-full: calc(infinity * 1px);
22
+ --rs-shadow-none: 0 0 #0000;
23
+ }
6
24
  :root,
7
25
  .rs-theme-light {
8
26
  --rs-gray-0: #fff;
@@ -78,6 +96,7 @@
78
96
  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
79
97
  --rs-btn-default-bg: var(--rs-gray-50);
80
98
  --rs-btn-default-text: var(--rs-gray-800);
99
+ --rs-btn-default-border-color: var(--rs-gray-200);
81
100
  --rs-btn-default-hover-bg: var(--rs-gray-200);
82
101
  --rs-btn-default-active-bg: var(--rs-gray-300);
83
102
  --rs-btn-default-active-text: var(--rs-gray-900);
@@ -85,6 +104,7 @@
85
104
  --rs-btn-default-disabled-text: var(--rs-gray-600);
86
105
  --rs-btn-primary-bg: var(--rs-primary-500);
87
106
  --rs-btn-primary-text: var(--rs-gray-0);
107
+ --rs-btn-primary-border-color: var(--rs-primary-600);
88
108
  --rs-btn-primary-hover-bg: var(--rs-primary-600);
89
109
  --rs-btn-primary-active-bg: var(--rs-primary-700);
90
110
  --rs-btn-subtle-text: var(--rs-gray-800);
@@ -192,6 +212,7 @@
192
212
  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
193
213
  --rs-btn-default-bg: var(--rs-gray-600);
194
214
  --rs-btn-default-text: var(--rs-gray-50);
215
+ --rs-btn-default-border-color: var(--rs-gray-700);
195
216
  --rs-btn-default-hover-bg: var(--rs-gray-500);
196
217
  --rs-btn-default-active-bg: var(--rs-gray-300);
197
218
  --rs-btn-default-active-text: var(--rs-gray-0);
@@ -199,6 +220,7 @@
199
220
  --rs-btn-default-disabled-text: var(--rs-gray-400);
200
221
  --rs-btn-primary-bg: var(--rs-primary-700);
201
222
  --rs-btn-primary-text: var(--rs-gray-0);
223
+ --rs-btn-primary-border-color: var(--rs-primary-800);
202
224
  --rs-btn-primary-hover-bg: var(--rs-primary-600);
203
225
  --rs-btn-primary-active-bg: var(--rs-primary-400);
204
226
  --rs-btn-subtle-text: var(--rs-gray-200);
@@ -305,7 +327,7 @@
305
327
  --rs-color-focus-ring: var(--rs-gray-0);
306
328
  --rs-btn-default-bg: transparent;
307
329
  --rs-btn-default-text: var(--rs-primary-500);
308
- --rs-btn-default-border: 1px solid var(--rs-primary-500);
330
+ --rs-btn-default-border-color: var(--rs-primary-500);
309
331
  --rs-btn-default-hover-bg: transparent;
310
332
  --rs-btn-default-hover-text: var(--rs-primary-400);
311
333
  --rs-btn-default-active-bg: transparent;
@@ -346,13 +368,27 @@
346
368
  --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
347
369
  }
348
370
  }
349
- /* stylelint-disable */
350
- *[class*='rs-'] {
351
- box-sizing: border-box;
352
- }
353
- *[class*='rs-']::before,
354
- *[class*='rs-']::after {
355
- box-sizing: border-box;
371
+ :root {
372
+ --rs-btn-size-xs: 1.5rem;
373
+ --rs-btn-size-sm: 1.875rem;
374
+ --rs-btn-size-md: 2.25rem;
375
+ --rs-btn-size-lg: 2.625rem;
376
+ --rs-btn-font-size-xs: var(--rs-font-size-xs);
377
+ --rs-btn-font-size-sm: var(--rs-font-size-sm);
378
+ --rs-btn-font-size-md: var(--rs-font-size-sm);
379
+ --rs-btn-font-size-lg: var(--rs-font-size-md);
380
+ --rs-btn-line-height-xs: 1.25rem;
381
+ --rs-btn-line-height-sm: 1.25rem;
382
+ --rs-btn-line-height-md: 1.25rem;
383
+ --rs-btn-line-height-lg: 1.375rem;
384
+ --rs-btn-padding-inline-xs: calc(var(--rs-spacing) * 2);
385
+ --rs-btn-padding-inline-sm: calc(var(--rs-spacing) * 2.5);
386
+ --rs-btn-padding-inline-md: calc(var(--rs-spacing) * 3);
387
+ --rs-btn-padding-inline-lg: calc(var(--rs-spacing) * 3.5);
388
+ --rs-btn-padding-block-xs: calc(var(--rs-spacing) / 2);
389
+ --rs-btn-padding-block-sm: calc(var(--rs-spacing) * 1.25);
390
+ --rs-btn-padding-block-md: calc(var(--rs-spacing) * 2);
391
+ --rs-btn-padding-block-lg: calc(var(--rs-spacing) * 2.5);
356
392
  }
357
393
  .rs-btn {
358
394
  display: inline-flex;
@@ -360,59 +396,33 @@
360
396
  justify-content: center;
361
397
  margin-bottom: 0;
362
398
  font-weight: normal;
399
+ font-size: var(--rs-btn-font-size, var(--rs-font-size-sm));
400
+ line-height: var(--rs-btn-line-height, 1.25rem);
401
+ height: var(--rs-btn-size, 2.25rem);
363
402
  text-align: center;
364
403
  vertical-align: middle;
365
404
  cursor: pointer;
366
405
  white-space: nowrap;
367
406
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
368
- border: var(--rs-btn-default-border, none);
407
+ border-width: 0;
408
+ border-style: solid;
409
+ border-color: var(--rs-btn-default-border-color, none);
369
410
  -webkit-user-select: none;
370
411
  -moz-user-select: none;
371
412
  user-select: none;
372
413
  text-decoration: none;
373
414
  color: var(--rs-btn-default-text);
374
415
  background-color: var(--rs-btn-default-bg);
375
- border-radius: 6px;
376
- font-size: 14px;
377
- line-height: 20px;
378
- padding: 8px 12px;
416
+ border-radius: var(--rs-radius-md);
417
+ padding-inline: var(--rs-btn-padding-inline);
418
+ padding-block: var(--rs-btn-padding-block);
379
419
  overflow: hidden;
380
420
  position: relative;
381
421
  }
382
422
  .rs-theme-high-contrast .rs-btn {
383
423
  transition: none;
384
- }
385
- .rs-btn-ghost.rs-btn {
386
- padding: 7px 11px;
387
- }
388
- .rs-btn-icon.rs-btn {
389
- padding: 10px 10px;
390
- line-height: 16px;
391
- }
392
- .rs-btn-icon.rs-btn > .rs-icon {
393
- font-size: 16px;
394
- }
395
- .rs-btn-icon-with-text.rs-btn {
396
- line-height: 20px;
397
- }
398
- .rs-btn-icon-with-text.rs-btn > .rs-icon {
399
- padding: 10px 10px;
400
- width: 36px;
401
- height: 36px;
402
- }
403
- .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left {
404
- padding: 8px 12px 8px 48px;
405
- }
406
- .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
407
- left: 0;
408
- border-right: var(--rs-btn-default-border, none);
409
- }
410
- .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
411
- padding: 8px 48px 8px 12px;
412
- }
413
- .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
414
- right: 0;
415
- border-left: var(--rs-btn-default-border, none);
424
+ border-width: 1px;
425
+ border-color: var(--rs-btn-default-border-color);
416
426
  }
417
427
  .rs-btn:focus-visible {
418
428
  outline: 3px solid var(--rs-color-focus-ring);
@@ -447,18 +457,46 @@
447
457
  /* stylelint-enable */
448
458
  }
449
459
  }
460
+ .rs-btn.rs-btn-lg {
461
+ --rs-btn-size: var(--rs-btn-size-lg);
462
+ --rs-btn-font-size: var(--rs-btn-font-size-lg);
463
+ --rs-btn-line-height: var(--rs-btn-line-height-lg);
464
+ --rs-btn-padding-inline: var(--rs-btn-padding-inline-lg);
465
+ --rs-btn-padding-block: var(--rs-btn-padding-block-lg);
466
+ }
467
+ .rs-btn.rs-btn-md {
468
+ --rs-btn-size: var(--rs-btn-size-md);
469
+ --rs-btn-font-size: var(--rs-btn-font-size-md);
470
+ --rs-btn-line-height: var(--rs-btn-line-height-md);
471
+ --rs-btn-padding-inline: var(--rs-btn-padding-inline-md);
472
+ --rs-btn-padding-block: var(--rs-btn-padding-block-md);
473
+ }
474
+ .rs-btn.rs-btn-sm {
475
+ --rs-btn-size: var(--rs-btn-size-sm);
476
+ --rs-btn-font-size: var(--rs-btn-font-size-sm);
477
+ --rs-btn-line-height: var(--rs-btn-line-height-sm);
478
+ --rs-btn-padding-inline: var(--rs-btn-padding-inline-sm);
479
+ --rs-btn-padding-block: var(--rs-btn-padding-block-sm);
480
+ }
481
+ .rs-btn.rs-btn-xs {
482
+ --rs-btn-size: var(--rs-btn-size-xs);
483
+ --rs-btn-font-size: var(--rs-btn-font-size-xs);
484
+ --rs-btn-line-height: var(--rs-btn-line-height-xs);
485
+ --rs-btn-padding-inline: var(--rs-btn-padding-inline-xs);
486
+ --rs-btn-padding-block: var(--rs-btn-padding-block-xs);
487
+ }
450
488
  .rs-btn-start-icon {
451
489
  line-height: 0;
452
- margin-right: 5px;
490
+ margin-inline-end: 5px;
453
491
  }
454
492
  .rs-btn-end-icon {
455
493
  line-height: 0;
456
- margin-left: 5px;
494
+ margin-inline-start: 5px;
457
495
  }
458
496
  .rs-btn-primary {
459
497
  color: var(--rs-btn-primary-text);
460
498
  background-color: var(--rs-btn-primary-bg);
461
- border: none;
499
+ border-color: var(--rs-btn-primary-border-color);
462
500
  }
463
501
  .rs-btn-primary:hover {
464
502
  color: var(--rs-btn-primary-text);
@@ -482,7 +520,6 @@
482
520
  .rs-btn-subtle {
483
521
  color: var(--rs-btn-subtle-text);
484
522
  background-color: transparent;
485
- border: none;
486
523
  }
487
524
  .rs-btn-subtle:hover {
488
525
  color: var(--rs-btn-subtle-hover-text);
@@ -505,7 +542,6 @@
505
542
  .rs-btn-link {
506
543
  color: var(--rs-btn-link-text);
507
544
  background-color: transparent;
508
- border: none;
509
545
  }
510
546
  .rs-btn-link:hover {
511
547
  color: var(--rs-btn-link-hover-text);
@@ -532,6 +568,7 @@
532
568
  color: var(--rs-btn-ghost-text);
533
569
  background-color: transparent;
534
570
  border: 1px solid var(--rs-btn-ghost-border);
571
+ padding-inline: calc(var(--rs-btn-padding-inline) - 1px);
535
572
  }
536
573
  .rs-btn-ghost:hover {
537
574
  color: var(--rs-btn-ghost-hover-text);
@@ -551,7 +588,7 @@
551
588
  background-color: transparent;
552
589
  opacity: 0.3;
553
590
  border-color: var(--rs-btn-ghost-border);
554
- box-shadow: none;
591
+ box-shadow: var(--rs-shadow-none);
555
592
  }
556
593
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
557
594
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
@@ -561,6 +598,7 @@
561
598
  --rs-btn-primary-bg: var(--rs-red-500);
562
599
  --rs-btn-primary-hover-bg: var(--rs-red-700);
563
600
  --rs-btn-primary-active-bg: var(--rs-red-800);
601
+ --rs-btn-primary-border-color: var(--rs-red-700);
564
602
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
565
603
  --rs-btn-subtle-hover-text: #e5e5ea;
566
604
  --rs-btn-subtle-active-bg: var(--rs-red-600);
@@ -579,6 +617,7 @@
579
617
  --rs-btn-primary-bg: var(--rs-red-700);
580
618
  --rs-btn-primary-hover-bg: var(--rs-red-500);
581
619
  --rs-btn-primary-active-bg: var(--rs-red-400);
620
+ --rs-btn-primary-border-color: var(--rs-red-800);
582
621
  --rs-btn-subtle-hover-bg: var(--rs-red-600);
583
622
  --rs-btn-subtle-hover-text: #fff;
584
623
  --rs-btn-subtle-active-bg: var(--rs-red-400);
@@ -615,6 +654,7 @@
615
654
  --rs-btn-primary-bg: var(--rs-orange-500);
616
655
  --rs-btn-primary-hover-bg: var(--rs-orange-700);
617
656
  --rs-btn-primary-active-bg: var(--rs-orange-800);
657
+ --rs-btn-primary-border-color: var(--rs-orange-700);
618
658
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
619
659
  --rs-btn-subtle-hover-text: #e5e5ea;
620
660
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
@@ -633,6 +673,7 @@
633
673
  --rs-btn-primary-bg: var(--rs-orange-700);
634
674
  --rs-btn-primary-hover-bg: var(--rs-orange-500);
635
675
  --rs-btn-primary-active-bg: var(--rs-orange-400);
676
+ --rs-btn-primary-border-color: var(--rs-orange-800);
636
677
  --rs-btn-subtle-hover-bg: var(--rs-orange-600);
637
678
  --rs-btn-subtle-hover-text: #fff;
638
679
  --rs-btn-subtle-active-bg: var(--rs-orange-400);
@@ -669,6 +710,7 @@
669
710
  --rs-btn-primary-bg: var(--rs-yellow-500);
670
711
  --rs-btn-primary-hover-bg: var(--rs-yellow-700);
671
712
  --rs-btn-primary-active-bg: var(--rs-yellow-800);
713
+ --rs-btn-primary-border-color: var(--rs-yellow-700);
672
714
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
673
715
  --rs-btn-subtle-hover-text: #e5e5ea;
674
716
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
@@ -687,6 +729,7 @@
687
729
  --rs-btn-primary-bg: var(--rs-yellow-700);
688
730
  --rs-btn-primary-hover-bg: var(--rs-yellow-500);
689
731
  --rs-btn-primary-active-bg: var(--rs-yellow-400);
732
+ --rs-btn-primary-border-color: var(--rs-yellow-800);
690
733
  --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
691
734
  --rs-btn-subtle-hover-text: #fff;
692
735
  --rs-btn-subtle-active-bg: var(--rs-yellow-400);
@@ -723,6 +766,7 @@
723
766
  --rs-btn-primary-bg: var(--rs-green-500);
724
767
  --rs-btn-primary-hover-bg: var(--rs-green-700);
725
768
  --rs-btn-primary-active-bg: var(--rs-green-800);
769
+ --rs-btn-primary-border-color: var(--rs-green-700);
726
770
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
727
771
  --rs-btn-subtle-hover-text: #e5e5ea;
728
772
  --rs-btn-subtle-active-bg: var(--rs-green-600);
@@ -741,6 +785,7 @@
741
785
  --rs-btn-primary-bg: var(--rs-green-700);
742
786
  --rs-btn-primary-hover-bg: var(--rs-green-500);
743
787
  --rs-btn-primary-active-bg: var(--rs-green-400);
788
+ --rs-btn-primary-border-color: var(--rs-green-800);
744
789
  --rs-btn-subtle-hover-bg: var(--rs-green-600);
745
790
  --rs-btn-subtle-hover-text: #fff;
746
791
  --rs-btn-subtle-active-bg: var(--rs-green-400);
@@ -777,6 +822,7 @@
777
822
  --rs-btn-primary-bg: var(--rs-cyan-500);
778
823
  --rs-btn-primary-hover-bg: var(--rs-cyan-700);
779
824
  --rs-btn-primary-active-bg: var(--rs-cyan-800);
825
+ --rs-btn-primary-border-color: var(--rs-cyan-700);
780
826
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
781
827
  --rs-btn-subtle-hover-text: #e5e5ea;
782
828
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
@@ -795,6 +841,7 @@
795
841
  --rs-btn-primary-bg: var(--rs-cyan-700);
796
842
  --rs-btn-primary-hover-bg: var(--rs-cyan-500);
797
843
  --rs-btn-primary-active-bg: var(--rs-cyan-400);
844
+ --rs-btn-primary-border-color: var(--rs-cyan-800);
798
845
  --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
799
846
  --rs-btn-subtle-hover-text: #fff;
800
847
  --rs-btn-subtle-active-bg: var(--rs-cyan-400);
@@ -831,6 +878,7 @@
831
878
  --rs-btn-primary-bg: var(--rs-blue-500);
832
879
  --rs-btn-primary-hover-bg: var(--rs-blue-700);
833
880
  --rs-btn-primary-active-bg: var(--rs-blue-800);
881
+ --rs-btn-primary-border-color: var(--rs-blue-700);
834
882
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
835
883
  --rs-btn-subtle-hover-text: #e5e5ea;
836
884
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
@@ -849,6 +897,7 @@
849
897
  --rs-btn-primary-bg: var(--rs-blue-700);
850
898
  --rs-btn-primary-hover-bg: var(--rs-blue-500);
851
899
  --rs-btn-primary-active-bg: var(--rs-blue-400);
900
+ --rs-btn-primary-border-color: var(--rs-blue-800);
852
901
  --rs-btn-subtle-hover-bg: var(--rs-blue-600);
853
902
  --rs-btn-subtle-hover-text: #fff;
854
903
  --rs-btn-subtle-active-bg: var(--rs-blue-400);
@@ -885,6 +934,7 @@
885
934
  --rs-btn-primary-bg: var(--rs-violet-500);
886
935
  --rs-btn-primary-hover-bg: var(--rs-violet-700);
887
936
  --rs-btn-primary-active-bg: var(--rs-violet-800);
937
+ --rs-btn-primary-border-color: var(--rs-violet-700);
888
938
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
889
939
  --rs-btn-subtle-hover-text: #e5e5ea;
890
940
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
@@ -903,6 +953,7 @@
903
953
  --rs-btn-primary-bg: var(--rs-violet-700);
904
954
  --rs-btn-primary-hover-bg: var(--rs-violet-500);
905
955
  --rs-btn-primary-active-bg: var(--rs-violet-400);
956
+ --rs-btn-primary-border-color: var(--rs-violet-800);
906
957
  --rs-btn-subtle-hover-bg: var(--rs-violet-600);
907
958
  --rs-btn-subtle-hover-text: #fff;
908
959
  --rs-btn-subtle-active-bg: var(--rs-violet-400);
@@ -935,154 +986,6 @@
935
986
  --rs-btn-link-hover-text: var(--rs-violet-400);
936
987
  --rs-btn-link-active-text: var(--rs-violet-200);
937
988
  }
938
- .rs-btn-lg {
939
- font-size: 16px;
940
- line-height: 22px;
941
- padding: 10px 16px;
942
- }
943
- .rs-btn-ghost.rs-btn-lg {
944
- padding: 9px 15px;
945
- }
946
- .rs-btn-icon.rs-btn-lg {
947
- padding: 11px 11px;
948
- line-height: 20px;
949
- }
950
- .rs-btn-icon.rs-btn-lg > .rs-icon {
951
- font-size: 20px;
952
- }
953
- .rs-btn-icon-with-text.rs-btn-lg {
954
- line-height: 22px;
955
- }
956
- .rs-btn-icon-with-text.rs-btn-lg > .rs-icon {
957
- padding: 11px 11px;
958
- width: 42px;
959
- height: 42px;
960
- }
961
- .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left {
962
- padding: 10px 16px 10px 58px;
963
- }
964
- .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
965
- left: 0;
966
- border-right: var(--rs-btn-default-border, none);
967
- }
968
- .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
969
- padding: 10px 58px 10px 16px;
970
- }
971
- .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
972
- right: 0;
973
- border-left: var(--rs-btn-default-border, none);
974
- }
975
- .rs-btn-md {
976
- font-size: 14px;
977
- line-height: 20px;
978
- padding: 8px 12px;
979
- }
980
- .rs-btn-ghost.rs-btn-md {
981
- padding: 7px 11px;
982
- }
983
- .rs-btn-icon.rs-btn-md {
984
- padding: 10px 10px;
985
- line-height: 16px;
986
- }
987
- .rs-btn-icon.rs-btn-md > .rs-icon {
988
- font-size: 16px;
989
- }
990
- .rs-btn-icon-with-text.rs-btn-md {
991
- line-height: 20px;
992
- }
993
- .rs-btn-icon-with-text.rs-btn-md > .rs-icon {
994
- padding: 10px 10px;
995
- width: 36px;
996
- height: 36px;
997
- }
998
- .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left {
999
- padding: 8px 12px 8px 48px;
1000
- }
1001
- .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left > .rs-icon {
1002
- left: 0;
1003
- border-right: var(--rs-btn-default-border, none);
1004
- }
1005
- .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
1006
- padding: 8px 48px 8px 12px;
1007
- }
1008
- .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
1009
- right: 0;
1010
- border-left: var(--rs-btn-default-border, none);
1011
- }
1012
- .rs-btn-sm {
1013
- font-size: 14px;
1014
- line-height: 20px;
1015
- padding: 5px 10px;
1016
- }
1017
- .rs-btn-ghost.rs-btn-sm {
1018
- padding: 4px 9px;
1019
- }
1020
- .rs-btn-icon.rs-btn-sm {
1021
- padding: 7px 7px;
1022
- line-height: 16px;
1023
- }
1024
- .rs-btn-icon.rs-btn-sm > .rs-icon {
1025
- font-size: 16px;
1026
- }
1027
- .rs-btn-icon-with-text.rs-btn-sm {
1028
- line-height: 20px;
1029
- }
1030
- .rs-btn-icon-with-text.rs-btn-sm > .rs-icon {
1031
- padding: 7px 7px;
1032
- width: 30px;
1033
- height: 30px;
1034
- }
1035
- .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left {
1036
- padding: 5px 10px 5px 40px;
1037
- }
1038
- .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
1039
- left: 0;
1040
- border-right: var(--rs-btn-default-border, none);
1041
- }
1042
- .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
1043
- padding: 5px 40px 5px 10px;
1044
- }
1045
- .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
1046
- right: 0;
1047
- border-left: var(--rs-btn-default-border, none);
1048
- }
1049
- .rs-btn-xs {
1050
- font-size: 12px;
1051
- line-height: 20px;
1052
- padding: 2px 8px;
1053
- }
1054
- .rs-btn-ghost.rs-btn-xs {
1055
- padding: 1px 7px;
1056
- }
1057
- .rs-btn-icon.rs-btn-xs {
1058
- padding: 6px 6px;
1059
- line-height: 12px;
1060
- }
1061
- .rs-btn-icon.rs-btn-xs > .rs-icon {
1062
- font-size: 12px;
1063
- }
1064
- .rs-btn-icon-with-text.rs-btn-xs {
1065
- line-height: 20px;
1066
- }
1067
- .rs-btn-icon-with-text.rs-btn-xs > .rs-icon {
1068
- padding: 6px 6px;
1069
- width: 24px;
1070
- height: 24px;
1071
- }
1072
- .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left {
1073
- padding: 2px 8px 2px 32px;
1074
- }
1075
- .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
1076
- left: 0;
1077
- border-right: var(--rs-btn-default-border, none);
1078
- }
1079
- .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
1080
- padding: 2px 32px 2px 8px;
1081
- }
1082
- .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
1083
- right: 0;
1084
- border-left: var(--rs-btn-default-border, none);
1085
- }
1086
989
  .rs-btn-block {
1087
990
  width: 100%;
1088
991
  }
@@ -1103,10 +1006,10 @@
1103
1006
  height: 18px;
1104
1007
  margin: auto;
1105
1008
  top: 0;
1106
- right: 0;
1107
1009
  bottom: 0;
1108
- left: 0;
1109
- border-radius: 50%;
1010
+ inset-inline-end: 0;
1011
+ inset-inline-start: 0;
1012
+ border-radius: var(--rs-radius-full);
1110
1013
  z-index: 1;
1111
1014
  }
1112
1015
  .rs-btn-xs.rs-btn-loading > .rs-btn-spin::before,
@@ -1144,14 +1047,56 @@
1144
1047
  }
1145
1048
  }
1146
1049
  .rs-input-group {
1050
+ --rs-input-group-input-height-xs: calc(24px - 2px);
1051
+ --rs-input-group-input-height-sm: calc(30px - 2px);
1052
+ --rs-input-group-input-height-md: calc(36px - 2px);
1053
+ --rs-input-group-input-height-lg: calc(42px - 2px);
1054
+ --rs-input-group-inside-btn-m-x-xs: calc(2px / 2);
1055
+ --rs-input-group-inside-btn-m-x-sm: calc(5px / 2);
1056
+ --rs-input-group-inside-btn-m-x-md: calc(8px / 2);
1057
+ --rs-input-group-inside-btn-m-x-lg: calc(10px / 2);
1058
+ --rs-input-group-inside-btn-p-x-xs: calc(8px / 2);
1059
+ --rs-input-group-inside-btn-p-x-sm: calc(10px / 2);
1060
+ --rs-input-group-inside-btn-p-x-md: calc(12px / 2);
1061
+ --rs-input-group-inside-btn-p-x-lg: calc(16px / 2);
1062
+ --rs-input-group-border-radius: var(--rs-radius-md);
1063
+ --rs-input-group-font-size-xs: var(--rs-font-size-xs);
1064
+ --rs-input-group-font-size-sm: var(--rs-font-size-sm);
1065
+ --rs-input-group-font-size-md: var(--rs-font-size-sm);
1066
+ --rs-input-group-font-size-lg: var(--rs-font-size-md);
1147
1067
  position: relative;
1148
1068
  display: flex;
1149
- border-radius: 6px;
1069
+ border-radius: var(--rs-input-group-border-radius);
1150
1070
  transition: border-color ease-in-out 0.15s;
1151
1071
  width: 100%;
1152
1072
  cursor: text;
1153
1073
  color: var(--rs-text-primary);
1154
1074
  border: 1px solid var(--rs-border-primary);
1075
+ overflow: hidden;
1076
+ }
1077
+ .rs-input-group.rs-input-group-xs {
1078
+ --rs-input-group-input-height: var(--rs-input-group-input-height-xs);
1079
+ --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-xs);
1080
+ --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-xs);
1081
+ --rs-input-group-font-size: var(--rs-input-group-font-size-xs);
1082
+ }
1083
+ .rs-input-group.rs-input-group-sm {
1084
+ --rs-input-group-input-height: var(--rs-input-group-input-height-sm);
1085
+ --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-sm);
1086
+ --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-sm);
1087
+ --rs-input-group-font-size: var(--rs-input-group-font-size-sm);
1088
+ }
1089
+ .rs-input-group.rs-input-group-md {
1090
+ --rs-input-group-input-height: var(--rs-input-group-input-height-md);
1091
+ --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-md);
1092
+ --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-md);
1093
+ --rs-input-group-font-size: var(--rs-input-group-font-size-md);
1094
+ }
1095
+ .rs-input-group.rs-input-group-lg {
1096
+ --rs-input-group-input-height: var(--rs-input-group-input-height-lg);
1097
+ --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-lg);
1098
+ --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-lg);
1099
+ --rs-input-group-font-size: var(--rs-input-group-font-size-lg);
1155
1100
  }
1156
1101
  .rs-theme-high-contrast .rs-input-group {
1157
1102
  transition: none;
@@ -1173,45 +1118,17 @@
1173
1118
  outline: none !important;
1174
1119
  border-color: transparent !important;
1175
1120
  }
1121
+ .rs-input-group .rs-input-group-btn {
1122
+ height: var(--rs-input-group-input-height);
1123
+ }
1176
1124
  .rs-input-group .rs-input-number,
1177
1125
  .rs-input-group .rs-input-group-addon,
1178
1126
  .rs-input-group .rs-input-group-btn,
1179
1127
  .rs-input-group .rs-picker-date .rs-picker-toggle {
1180
1128
  border: none;
1181
- border-radius: 0;
1182
- outline: none;
1183
- }
1184
- .rs-input-group:not(.rs-input-group-inside) .rs-input {
1185
- border: none;
1186
- border-radius: 0;
1129
+ border-radius: var(--rs-radius-none);
1187
1130
  outline: none;
1188
1131
  }
1189
- .rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-btn-group-vertical {
1190
- border-radius: 0;
1191
- }
1192
- .rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-touchspin-up {
1193
- border-top-right-radius: 0;
1194
- }
1195
- .rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-touchspin-down {
1196
- border-bottom-right-radius: 0;
1197
- }
1198
- .rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:first-child) .rs-input {
1199
- border-radius: 0 !important;
1200
- }
1201
- .rs-input-group:not(.rs-input-group-inside) > :first-child,
1202
- .rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:first-child .rs-input,
1203
- .rs-input-group:not(.rs-input-group-inside) .rs-picker-date:first-child .rs-picker-toggle,
1204
- .rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:first-child > .rs-input {
1205
- border-bottom-left-radius: 6px;
1206
- border-top-left-radius: 6px;
1207
- }
1208
- .rs-input-group:not(.rs-input-group-inside) > :last-child,
1209
- .rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:last-child .rs-input,
1210
- .rs-input-group:not(.rs-input-group-inside) .rs-picker-date:last-child .rs-picker-toggle,
1211
- .rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:last-child > .rs-input {
1212
- border-bottom-right-radius: 6px;
1213
- border-top-right-radius: 6px;
1214
- }
1215
1132
  .rs-input-group > .rs-input,
1216
1133
  .rs-input-group > .rs-form-control-wrapper {
1217
1134
  flex: 1 1 auto;
@@ -1221,19 +1138,17 @@
1221
1138
  }
1222
1139
  .rs-input-group > .rs-input {
1223
1140
  position: relative;
1141
+ height: var(--rs-input-group-input-height);
1142
+ border: none;
1143
+ border-radius: var(--rs-radius-none);
1144
+ outline: none;
1224
1145
  }
1225
- .rs-input-group input.rs-input ~ .rs-input-group-addon,
1226
- .rs-input-group .rs-form-control-wrapper ~ .rs-input-group-addon {
1227
- border-left: none;
1228
- left: auto;
1229
- right: 0;
1230
- }
1231
- .rs-input-group input.rs-input ~ .rs-input-group-addon:not(:last-child),
1232
- .rs-input-group .rs-form-control-wrapper ~ .rs-input-group-addon:not(:last-child) {
1233
- border-right: 0;
1146
+ .rs-input-group > .rs-input-group-addon > .rs-icon {
1147
+ font-size: inherit;
1234
1148
  }
1235
1149
  .rs-input-group.rs-input-group-inside {
1236
1150
  width: 100%;
1151
+ align-items: center;
1237
1152
  background-color: var(--rs-input-bg);
1238
1153
  }
1239
1154
  .rs-input-group.rs-input-group-inside .rs-input {
@@ -1248,13 +1163,13 @@
1248
1163
  width: auto;
1249
1164
  }
1250
1165
  .rs-input-group.rs-input-group-inside .rs-input-group-btn {
1166
+ border-radius: var(--rs-input-group-border-radius);
1167
+ height: calc(var(--rs-input-group-input-height) - var(--rs-input-group-inside-btn-spacing) * 2);
1168
+ margin-inline: var(--rs-input-group-inside-btn-spacing);
1169
+ padding-inline: var(--rs-input-group-inside-btn-padding);
1251
1170
  color: var(--rs-btn-subtle-text);
1252
1171
  background-color: transparent;
1253
- border: none;
1254
1172
  color: inherit;
1255
- height: 34px;
1256
- padding: 7px 11px;
1257
- border-radius: 0 6px 6px 0;
1258
1173
  }
1259
1174
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1260
1175
  color: var(--rs-btn-subtle-hover-text);
@@ -1274,50 +1189,20 @@
1274
1189
  .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1275
1190
  border-color: var(--rs-btn-default-disabled-boreder-color);
1276
1191
  }
1277
- .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
1278
- font-size: 14px;
1279
- line-height: 1.42857143;
1280
- }
1281
1192
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1282
1193
  outline: none;
1283
1194
  }
1284
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:first-child {
1285
- border-bottom-left-radius: 6px;
1286
- border-top-left-radius: 6px;
1287
- }
1288
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:last-child {
1289
- border-bottom-right-radius: 6px;
1290
- border-top-right-radius: 6px;
1291
- }
1292
1195
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
1293
- top: 0;
1294
1196
  background: none;
1295
1197
  border: none;
1296
- padding: 10px 12px;
1297
- }
1298
- .rs-input-group.rs-input-group-inside .rs-input-group-addon.rs-input-group-btn {
1299
- padding: 8px 13px;
1300
- }
1301
- .rs-input-group.rs-input-group-inside .rs-input-group-btn ~ input.rs-input,
1302
- .rs-input-group.rs-input-group-inside .rs-input-group-addon ~ input.rs-input,
1303
- .rs-input-group.rs-input-group-inside .rs-input-group-btn ~ .rs-auto-complete > input.rs-input,
1304
- .rs-input-group.rs-input-group-inside .rs-input-group-addon ~ .rs-auto-complete > input.rs-input,
1305
- .rs-input-group.rs-input-group-inside .rs-input-group-addon ~ .rs-form-control-wrapper > input.rs-input,
1306
- .rs-input-group.rs-input-group-inside .rs-input-group-btn ~ .rs-form-control-wrapper > input.rs-input {
1307
- padding-left: 0;
1308
- padding-right: 12px;
1309
- }
1310
- .rs-input-group.rs-input-group-inside input.rs-input ~ .rs-input-group-btn,
1311
- .rs-input-group.rs-input-group-inside .rs-auto-complete ~ .rs-input-group-addon,
1312
- .rs-input-group.rs-input-group-inside .rs-form-control-wrapper ~ .rs-input-group-addon,
1313
- .rs-input-group.rs-input-group-inside .rs-form-control-wrapper ~ .rs-input-group-btn {
1314
- left: inherit;
1315
- right: 0;
1316
- }
1317
- .rs-input-group.rs-input-group-inside .rs-auto-complete ~ .rs-input-group-btn,
1318
- .rs-input-group.rs-input-group-inside .rs-form-control-wrapper ~ .rs-input-group-btn {
1319
- left: inherit;
1320
- right: 1px;
1198
+ }
1199
+ .rs-input-group.rs-input-group-inside .rs-input:not(:first-child),
1200
+ .rs-input-group.rs-input-group-inside .rs-auto-complete:not(:first-child) .rs-input {
1201
+ padding-inline-start: 0;
1202
+ }
1203
+ .rs-input-group.rs-input-group-inside .rs-input:not(:last-child),
1204
+ .rs-input-group.rs-input-group-inside .rs-auto-complete:not(:last-child) .rs-input {
1205
+ padding-inline-end: 0;
1321
1206
  }
1322
1207
  .rs-input-group.rs-input-group-disabled {
1323
1208
  background-color: var(--rs-input-disabled-bg);
@@ -1329,283 +1214,44 @@
1329
1214
  .rs-input-group.rs-input-group-disabled .rs-input-group-addon {
1330
1215
  color: inherit;
1331
1216
  }
1332
- .rs-input-group-lg > .rs-input {
1333
- /* stylelint-disable */
1334
- padding: 9px 11px;
1335
- font-size: 16px;
1336
- line-height: 1.375;
1337
- /* stylelint-enable */
1338
- }
1339
- textarea.rs-input-group-lg > .rs-input {
1340
- height: auto;
1341
- }
1342
- .rs-input-group-lg.rs-input-group-inside > .rs-input {
1343
- padding-right: 0;
1344
- }
1345
- .rs-input-group-lg.rs-input-group > .rs-input {
1346
- height: 40px;
1347
- }
1348
- .rs-input-group-lg.rs-input-group > .rs-input-group-addon {
1349
- height: 40px;
1350
- }
1351
- .rs-input-group-lg.rs-input-group > .rs-input-group-addon > .rs-icon {
1352
- font-size: inherit;
1353
- }
1354
- .rs-input-group-lg.rs-input-group:not(.rs-input-group-inside) > .rs-input-group-addon {
1355
- padding-top: 8px;
1356
- padding-bottom: 8px;
1357
- }
1358
- .rs-input-group-md > .rs-input {
1359
- /* stylelint-disable */
1360
- padding: 7px 11px;
1361
- font-size: 14px;
1362
- line-height: 1.42857143;
1363
- /* stylelint-enable */
1364
- }
1365
- textarea.rs-input-group-md > .rs-input {
1366
- height: auto;
1367
- }
1368
- .rs-input-group-md.rs-input-group-inside > .rs-input {
1369
- padding-right: 0;
1370
- }
1371
- .rs-input-group-md.rs-input-group > .rs-input {
1372
- height: 34px;
1373
- }
1374
- .rs-input-group-md.rs-input-group > .rs-input-group-addon {
1375
- height: 34px;
1376
- }
1377
- .rs-input-group-md.rs-input-group > .rs-input-group-addon > .rs-icon {
1378
- font-size: inherit;
1379
- }
1380
- .rs-input-group-md.rs-input-group:not(.rs-input-group-inside) > .rs-input-group-addon {
1381
- padding-top: 6px;
1382
- padding-bottom: 6px;
1383
- }
1384
- .rs-input-group-sm > .rs-input {
1385
- /* stylelint-disable */
1386
- padding: 4px 11px;
1387
- font-size: 14px;
1388
- line-height: 1.42857143;
1389
- /* stylelint-enable */
1390
- }
1391
- textarea.rs-input-group-sm > .rs-input {
1392
- height: auto;
1393
- }
1394
- .rs-input-group-sm.rs-input-group-inside > .rs-input {
1395
- padding-right: 0;
1396
- }
1397
- .rs-input-group-sm.rs-input-group > .rs-input {
1398
- height: 28px;
1399
- }
1400
- .rs-input-group-sm.rs-input-group > .rs-input-group-addon {
1401
- height: 28px;
1402
- }
1403
- .rs-input-group-sm.rs-input-group > .rs-input-group-addon > .rs-icon {
1404
- font-size: inherit;
1405
- }
1406
- .rs-input-group-sm.rs-input-group:not(.rs-input-group-inside) > .rs-input-group-addon {
1407
- padding-top: 3px;
1408
- padding-bottom: 3px;
1409
- }
1410
- .rs-input-group-xs > .rs-input {
1411
- /* stylelint-disable */
1412
- padding: 1px 11px;
1413
- font-size: 12px;
1414
- line-height: 1.66666667;
1415
- /* stylelint-enable */
1416
- }
1417
- textarea.rs-input-group-xs > .rs-input {
1418
- height: auto;
1419
- }
1420
- .rs-input-group-xs.rs-input-group-inside > .rs-input {
1421
- padding-right: 0;
1422
- }
1423
- .rs-input-group-xs.rs-input-group > .rs-input {
1424
- height: 22px;
1425
- }
1426
- .rs-input-group-xs.rs-input-group > .rs-input-group-addon {
1427
- height: 22px;
1428
- }
1429
- .rs-input-group-xs.rs-input-group > .rs-input-group-addon > .rs-icon {
1430
- font-size: inherit;
1431
- }
1432
- .rs-input-group.rs-input-group-lg > .rs-input-group-addon {
1433
- /* stylelint-disable */
1434
- padding: 9px 11px;
1435
- font-size: 16px;
1436
- line-height: 1.375;
1437
- /* stylelint-enable */
1438
- min-width: 44px;
1439
- padding-left: 15px;
1440
- padding-right: 15px;
1441
- }
1442
- textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
1443
- height: auto;
1444
- }
1445
- .rs-input-group.rs-input-group-md > .rs-input-group-addon {
1446
- /* stylelint-disable */
1447
- padding: 7px 11px;
1448
- font-size: 14px;
1449
- line-height: 1.42857143;
1450
- /* stylelint-enable */
1451
- min-width: 36px;
1452
- padding-left: 11px;
1453
- padding-right: 11px;
1454
- }
1455
- textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
1456
- height: auto;
1457
- }
1458
- .rs-input-group.rs-input-group-sm > .rs-input-group-addon {
1459
- /* stylelint-disable */
1460
- padding: 4px 11px;
1461
- font-size: 14px;
1462
- line-height: 1.42857143;
1463
- /* stylelint-enable */
1464
- min-width: 32px;
1465
- padding-left: 9px;
1466
- padding-right: 9px;
1467
- }
1468
- textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
1469
- height: auto;
1470
- }
1471
- .rs-input-group.rs-input-group-xs > .rs-input-group-addon {
1472
- /* stylelint-disable */
1473
- padding: 1px 11px;
1474
- font-size: 12px;
1475
- line-height: 1.66666667;
1476
- /* stylelint-enable */
1477
- min-width: 28px;
1478
- padding-left: 7px;
1479
- padding-right: 7px;
1480
- }
1481
- textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
1482
- height: auto;
1483
- }
1484
- .rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
1485
- /* stylelint-disable */
1486
- padding: 9px 11px;
1487
- font-size: 16px;
1488
- line-height: 1.375;
1489
- /* stylelint-enable */
1490
- height: 40px;
1491
- padding: 9px 15px;
1492
- border-radius: 0 6px 6px 0;
1493
- }
1494
- textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
1495
- height: auto;
1496
- }
1497
- .rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn > .rs-icon {
1498
- font-size: 16px;
1499
- line-height: 1.375;
1500
- }
1501
- .rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
1502
- /* stylelint-disable */
1503
- font-size: 14px;
1504
- line-height: 1.42857143;
1505
- /* stylelint-enable */
1506
- height: 34px;
1507
- padding: 7px 11px;
1508
- border-radius: 0 6px 6px 0;
1509
- }
1510
- textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
1511
- height: auto;
1512
- }
1513
- .rs-input-group-inside.rs-input-group-md > .rs-input-group-btn > .rs-icon {
1514
- font-size: 14px;
1515
- line-height: 1.42857143;
1516
- }
1517
- .rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
1518
- /* stylelint-disable */
1519
- padding: 4px 11px;
1520
- font-size: 14px;
1521
- line-height: 1.42857143;
1522
- /* stylelint-enable */
1523
- height: 28px;
1524
- padding: 4px 9px;
1525
- border-radius: 0 6px 6px 0;
1526
- }
1527
- textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
1528
- height: auto;
1529
- }
1530
- .rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn > .rs-icon {
1531
- font-size: 12px;
1532
- line-height: 1.66666667;
1533
- }
1534
- .rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1535
- /* stylelint-disable */
1536
- padding: 1px 11px;
1537
- font-size: 12px;
1538
- line-height: 1.66666667;
1539
- /* stylelint-enable */
1540
- height: 22px;
1541
- padding: 1px 7px;
1542
- border-radius: 0 6px 6px 0;
1543
- }
1544
- textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1545
- height: auto;
1546
- }
1547
- .rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn > .rs-icon {
1548
- font-size: 12px;
1549
- line-height: 1.66666667;
1550
- }
1551
- .rs-input-group-addon:not(:first-child):not(:last-child),
1552
- .rs-input-group-btn:not(:first-child):not(:last-child),
1553
- .rs-input-group:not(.rs-input-group-inside) .rs-input:not(:first-child):not(:last-child) {
1554
- border-radius: 0;
1555
- }
1556
1217
  .rs-input-group-addon {
1557
1218
  flex: 0 0 auto;
1558
1219
  display: flex;
1559
1220
  align-items: center;
1221
+ justify-content: center;
1560
1222
  white-space: nowrap;
1561
1223
  vertical-align: middle;
1562
1224
  color: var(--rs-text-primary);
1563
- padding: 8px 12px;
1564
- font-size: 14px;
1225
+ font-size: var(--rs-input-group-font-size);
1565
1226
  font-weight: normal;
1566
1227
  line-height: 1;
1567
1228
  text-align: center;
1568
1229
  background-color: var(--rs-btn-default-bg);
1569
- border: 1px solid var(--rs-border-primary);
1570
- border-radius: 6px;
1230
+ padding-inline: var(--rs-spacing);
1231
+ min-width: var(--rs-input-group-input-height);
1571
1232
  }
1572
1233
  .rs-input-group-addon.rs-input-sm {
1573
1234
  padding: 5px 10px;
1574
- font-size: 12px;
1575
- border-radius: 6px;
1235
+ font-size: var(--rs-font-size-sm);
1576
1236
  }
1577
1237
  .rs-input-group-addon.rs-input-xs {
1578
1238
  padding: 8px 8px;
1579
- font-size: 12px;
1580
- border-radius: 6px;
1239
+ font-size: var(--rs-font-size-xs);
1581
1240
  }
1582
1241
  .rs-input-group-addon.rs-input-lg {
1583
1242
  padding: 10px 16px;
1584
- font-size: 16px;
1585
- border-radius: 6px;
1243
+ font-size: var(--rs-font-size-md);
1586
1244
  }
1587
1245
  .rs-input-group-addon input[type='radio'],
1588
1246
  .rs-input-group-addon input[type='checkbox'] {
1589
1247
  margin-top: 0;
1590
1248
  }
1591
1249
  .rs-input-group-btn {
1250
+ display: flex;
1251
+ align-items: center;
1592
1252
  position: relative;
1593
1253
  line-height: 1;
1594
1254
  white-space: nowrap;
1595
- border-radius: 0;
1596
- }
1597
- .rs-input-group-btn > .rs-btn {
1598
- position: relative;
1599
- }
1600
- .rs-input-group-btn > .rs-btn + .rs-btn {
1601
- margin-left: -1px;
1602
- }
1603
- .rs-input-group-btn:first-child > .rs-btn,
1604
- .rs-input-group-btn:first-child > .rs-btn-group {
1605
- margin-right: -1px;
1606
- border-right: medium none;
1607
- }
1608
- .rs-input-group-btn:last-child > .rs-btn,
1609
- .rs-input-group-btn:last-child > .rs-btn-group {
1610
- margin-left: -1px;
1255
+ border-radius: var(--rs-radius-none);
1256
+ font-size: var(--rs-input-group-font-size);
1611
1257
  }