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/Sidenav/styles/index.css CHANGED
@@ -3,79 +3,104 @@
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-spacing: 0.25rem;
18
+ --rs-radius-none: 0;
19
+ }
6
20
  :root,
7
21
  .rs-theme-light {
8
22
  --rs-gray-0: #fff;
9
23
  --rs-gray-50: #f7f7fa;
24
+ --rs-gray-100: #f2f2f5;
10
25
  --rs-gray-200: #e5e5ea;
11
26
  --rs-gray-500: #939393;
12
27
  --rs-gray-600: #717273;
13
28
  --rs-gray-700: #575757;
14
29
  --rs-gray-800: #343434;
15
- --rs-primary-100: #cce9ff;
16
- --rs-primary-400: #59afff;
30
+ --rs-gray-900: #121212;
17
31
  --rs-primary-500: #3498ff;
18
32
  --rs-primary-600: #2589f5;
19
33
  --rs-primary-700: #1675e0;
34
+ --rs-text-secondary: var(--rs-gray-600);
20
35
  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
21
- --rs-menuitem-active-bg: rgb(from var(--rs-primary-100) r g b / 50%);
36
+ --rs-menuitem-active-bg: var(--rs-gray-100);
22
37
  --rs-menuitem-active-text: var(--rs-primary-700);
23
38
  --rs-sidenav-default-bg: var(--rs-gray-50);
24
39
  --rs-sidenav-default-text: var(--rs-gray-800);
25
40
  --rs-sidenav-default-selected-text: var(--rs-primary-700);
41
+ --rs-sidenav-default-selected-bg: var(--rs-gray-200);
26
42
  --rs-sidenav-default-hover-bg: var(--rs-gray-200);
27
- --rs-sidenav-default-hover-text: var(--rs-gray-800);
43
+ --rs-sidenav-default-hover-text: var(--rs-gray-900);
28
44
  --rs-sidenav-default-footer-border: var(--rs-gray-200);
45
+ --rs-sidenav-default-subnav-border-color: var(--rs-gray-200);
29
46
  --rs-sidenav-inverse-bg: var(--rs-primary-500);
30
47
  --rs-sidenav-inverse-text: #fff;
31
48
  --rs-sidenav-inverse-selected-bg: var(--rs-primary-700);
32
49
  --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
33
50
  --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
51
+ --rs-sidenav-inverse-subnav-border-color: var(--rs-primary-600);
34
52
  --rs-sidenav-subtle-text: var(--rs-gray-800);
35
53
  --rs-sidenav-subtle-selected-text: var(--rs-primary-700);
54
+ --rs-sidenav-subtle-selected-bg: var(--rs-gray-50);
36
55
  --rs-sidenav-subtle-hover-bg: var(--rs-gray-50);
37
56
  --rs-sidenav-subtle-hover-text: var(--rs-gray-800);
38
57
  --rs-sidenav-subtle-footer-border: var(--rs-gray-200);
58
+ --rs-sidenav-subtle-subnav-border-color: var(--rs-gray-200);
39
59
  }
40
60
  @supports not (color: rgb(from white r g b)) {
41
61
  :root,
42
62
  .rs-theme-light {
43
63
  --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
44
- --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
45
64
  }
46
65
  }
47
66
  .rs-theme-dark {
48
67
  --rs-gray-0: #fff;
49
68
  --rs-gray-50: #e9ebf0;
69
+ --rs-gray-100: #cbced4;
50
70
  --rs-gray-200: #a4a9b3;
51
71
  --rs-gray-500: #5c6066;
52
72
  --rs-gray-600: #3c3f43;
53
73
  --rs-gray-700: #292d33;
54
74
  --rs-gray-800: #1a1d24;
55
- --rs-primary-100: #ccf3ff;
56
- --rs-primary-400: #59d0ff;
75
+ --rs-gray-900: #0f131a;
57
76
  --rs-primary-500: #34c3ff;
58
77
  --rs-primary-600: #25b3f5;
59
78
  --rs-primary-700: #169de0;
79
+ --rs-text-secondary: var(--rs-gray-200);
60
80
  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
61
81
  --rs-menuitem-active-bg: var(--rs-gray-600);
62
82
  --rs-menuitem-active-text: currentColor;
63
83
  --rs-sidenav-default-bg: var(--rs-gray-800);
64
84
  --rs-sidenav-default-text: var(--rs-gray-200);
65
85
  --rs-sidenav-default-selected-text: var(--rs-primary-500);
86
+ --rs-sidenav-default-selected-bg: var(--rs-gray-700);
66
87
  --rs-sidenav-default-hover-bg: var(--rs-gray-700);
67
88
  --rs-sidenav-default-hover-text: var(--rs-gray-50);
68
89
  --rs-sidenav-default-footer-border: var(--rs-gray-600);
90
+ --rs-sidenav-default-subnav-border-color: var(--rs-gray-600);
69
91
  --rs-sidenav-inverse-bg: var(--rs-primary-700);
70
92
  --rs-sidenav-inverse-text: #fff;
71
- --rs-sidenav-inverse-selected-bg: var(--rs-primary-400);
93
+ --rs-sidenav-inverse-selected-bg: var(--rs-primary-600);
72
94
  --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
73
95
  --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
96
+ --rs-sidenav-inverse-subnav-border-color: var(--rs-primary-500);
74
97
  --rs-sidenav-subtle-text: var(--rs-gray-200);
75
98
  --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
99
+ --rs-sidenav-subtle-selected-bg: var(--rs-gray-700);
76
100
  --rs-sidenav-subtle-hover-bg: var(--rs-gray-700);
77
101
  --rs-sidenav-subtle-hover-text: var(--rs-gray-50);
78
102
  --rs-sidenav-subtle-footer-border: var(--rs-gray-600);
103
+ --rs-sidenav-subtle-subnav-border-color: var(--rs-gray-600);
79
104
  }
80
105
  @supports not (color: rgb(from white r g b)) {
81
106
  .rs-theme-dark {
@@ -85,72 +110,94 @@
85
110
  .rs-theme-high-contrast {
86
111
  --rs-gray-0: #fff;
87
112
  --rs-gray-50: #e9ebf0;
113
+ --rs-gray-100: #cbced4;
88
114
  --rs-gray-200: #a4a9b3;
89
115
  --rs-gray-500: #5c6066;
90
116
  --rs-gray-600: #3c3f43;
91
117
  --rs-gray-700: #292d33;
92
118
  --rs-gray-800: #1a1d24;
93
- --rs-primary-100: #fffbc2;
94
- --rs-primary-400: #fffc30;
119
+ --rs-gray-900: #0f131a;
95
120
  --rs-primary-500: #ffff00;
96
121
  --rs-primary-600: #f1f500;
97
122
  --rs-primary-700: #d9e000;
123
+ --rs-text-secondary: var(--rs-gray-200);
98
124
  --rs-color-focus-ring: var(--rs-gray-0);
99
125
  --rs-menuitem-active-bg: transparent;
100
126
  --rs-menuitem-active-text: var(--rs-primary-500);
101
127
  --rs-sidenav-default-bg: var(--rs-gray-800);
102
128
  --rs-sidenav-default-text: var(--rs-gray-50);
103
129
  --rs-sidenav-default-selected-text: var(--rs-primary-500);
130
+ --rs-sidenav-default-selected-bg: transparent;
104
131
  --rs-sidenav-default-hover-bg: transparent;
105
132
  --rs-sidenav-default-hover-text: var(--rs-primary-500);
106
- --rs-sidenav-default-footer-border: var(--rs-gray-50);
133
+ --rs-sidenav-default-footer-border: var(--rs-gray-500);
134
+ --rs-sidenav-default-subnav-border-color: var(--rs-gray-500);
107
135
  --rs-sidenav-inverse-bg: var(--rs-gray-800);
108
136
  --rs-sidenav-inverse-text: var(--rs-gray-50);
109
137
  --rs-sidenav-inverse-selected-bg: transparent;
110
138
  --rs-sidenav-inverse-selected-text: var(--rs-primary-500);
111
139
  --rs-sidenav-inverse-hover-bg: transparent;
112
- --rs-sidenav-inverse-footer-border: var(--rs-gray-50);
140
+ --rs-sidenav-inverse-footer-border: var(--rs-gray-500);
141
+ --rs-sidenav-inverse-subnav-border-color: var(--rs-gray-500);
113
142
  --rs-sidenav-subtle-text: var(--rs-gray-50);
114
143
  --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
144
+ --rs-sidenav-subtle-selected-bg: transparent;
115
145
  --rs-sidenav-subtle-hover-bg: transparent;
116
146
  --rs-sidenav-subtle-hover-text: var(--rs-primary-500);
117
- --rs-sidenav-subtle-footer-border: var(--rs-gray-50);
118
- }
119
- /* stylelint-disable */
120
- *[class*='rs-'] {
121
- box-sizing: border-box;
122
- }
123
- *[class*='rs-']::before,
124
- *[class*='rs-']::after {
125
- box-sizing: border-box;
147
+ --rs-sidenav-subtle-footer-border: var(--rs-gray-500);
148
+ --rs-sidenav-subtle-subnav-border-color: var(--rs-gray-500);
126
149
  }
127
150
  .rs-sidenav {
151
+ --rs-sidenav-width: 52px;
152
+ --rs-sidenav-item-font-size: var(--rs-font-size-sm);
153
+ --rs-sidenav-nav-rounded: 6px;
154
+ --rs-sidenav-nav-item-p-x: 8px;
155
+ --rs-sidenav-nav-item-p-y: 8px;
156
+ --rs-sidenav-subnav-p-x: 10px;
157
+ --rs-sidenav-subnav-m-x: 16px;
158
+ --rs-sidenav-p: calc(var(--rs-spacing) * 2);
159
+ --rs-sidenav-header-p: var(--rs-sidenav-p);
160
+ --rs-sidenav-footer-p: var(--rs-sidenav-p);
161
+ --rs-sidenav-group-p: var(--rs-sidenav-p);
128
162
  transition: width 0.15s ease-in;
129
- width: 56px;
163
+ width: var(--rs-sidenav-width);
130
164
  display: flex;
131
165
  flex-direction: column;
132
166
  }
167
+ .rs-sidenav.rs-sidenav-collapse-out .rs-dropdown-menu {
168
+ border: none;
169
+ inset-inline-start: 28px;
170
+ top: 0;
171
+ }
133
172
  .rs-sidenav-nav {
134
173
  list-style: none;
135
- padding: 0;
174
+ padding: var(--rs-sidenav-p);
175
+ display: flex;
176
+ flex-direction: column;
177
+ gap: calc(var(--rs-spacing) / 2);
136
178
  }
137
179
  .rs-sidenav-nav .rs-sidenav-item,
138
- .rs-sidenav-nav .rs-dropdown-toggle,
180
+ .rs-sidenav-nav .rs-sidenav-dropdown-toggle,
139
181
  .rs-sidenav-nav .rs-dropdown-item,
140
182
  .rs-sidenav-nav .rs-dropdown-item-toggle {
141
- padding: 15px 20px;
183
+ padding-inline: var(--rs-sidenav-nav-item-p-x);
184
+ padding-block: var(--rs-sidenav-nav-item-p-y);
142
185
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
143
- border-radius: 0;
186
+ border-radius: var(--rs-sidenav-nav-rounded);
144
187
  color: inherit;
145
188
  }
146
189
  .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item,
147
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
190
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle,
148
191
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
149
192
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle {
150
193
  transition: none;
151
194
  }
195
+ .rs-sidenav-nav .rs-dropdown-menu {
196
+ margin-inline: var(--rs-sidenav-subnav-m-x);
197
+ padding-inline: var(--rs-sidenav-subnav-p-x);
198
+ }
152
199
  .rs-sidenav-nav .rs-dropdown-item {
153
- display: block;
200
+ padding-block: calc(var(--rs-sidenav-nav-item-p-y) * 0.65);
154
201
  }
155
202
  .rs-sidenav-nav > .rs-sidenav-item,
156
203
  .rs-sidenav-nav > .rs-dropdown {
@@ -161,12 +208,12 @@
161
208
  width: 100%;
162
209
  text-align: start;
163
210
  background: none;
164
- padding-right: 40px;
211
+ padding-inline-end: 28px;
165
212
  position: relative;
166
213
  border-width: 0;
167
214
  }
168
215
  .rs-sidenav-collapse-in .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
169
- padding-left: 56px;
216
+ padding-inline-start: 22px;
170
217
  }
171
218
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus {
172
219
  outline: 0;
@@ -188,10 +235,7 @@
188
235
  outline-offset: 2px;
189
236
  }
190
237
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon {
191
- font-size: 16px;
192
- position: absolute;
193
- right: 20px;
194
- top: 11px;
238
+ font-size: var(--rs-font-size-sm);
195
239
  }
196
240
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-expand-icon {
197
241
  transform: rotate(270deg);
@@ -199,9 +243,14 @@
199
243
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-collapse-icon {
200
244
  transform: rotate(90deg);
201
245
  }
202
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
246
+ .rs-sidenav-nav .rs-dropdown-item {
247
+ display: flex;
248
+ align-items: center;
249
+ gap: calc(var(--rs-spacing) * 3);
250
+ }
251
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle,
203
252
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
204
- border: none;
253
+ border-width: 0 0 0 1px;
205
254
  }
206
255
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
207
256
  outline: 3px solid var(--rs-color-focus-ring);
@@ -227,104 +276,108 @@
227
276
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu {
228
277
  transition: height 0.15s ease-in;
229
278
  }
230
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle {
279
+ .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle {
231
280
  height: auto;
232
- padding-right: 40px;
233
281
  }
234
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
235
- font-size: 16px;
236
- right: 20px;
237
- top: 15px;
282
+ .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle .rs-sidenav-dropdown-toggle-caret {
283
+ font-size: var(--rs-font-size-sm);
284
+ margin-inline-start: auto;
238
285
  }
239
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret[aria-label='angle-right'] {
286
+ .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle .rs-sidenav-dropdown-toggle-caret[aria-label='angle-right'] {
240
287
  transform: rotate(90deg);
241
288
  }
242
289
  .rs-sidenav-nav > .rs-sidenav-item,
243
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle {
244
- font-size: 16px;
245
- line-height: 1.25;
246
- padding-left: 56px;
290
+ .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle {
291
+ font-size: var(--rs-sidenav-item-font-size);
247
292
  width: 100%;
248
293
  white-space: normal;
249
294
  }
250
295
  .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
251
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
296
+ .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
252
297
  outline: 3px solid var(--rs-color-focus-ring);
253
298
  outline-offset: -3px;
254
299
  }
255
300
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
256
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
301
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
257
302
  outline-offset: 2px;
258
303
  }
259
- .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
260
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle > .rs-icon:not(.rs-dropdown-toggle-caret) {
261
- font-size: 16px;
262
- margin-right: 20px;
263
- position: absolute;
264
- left: 20px;
265
- top: 15px;
266
- line-height: 1.25;
267
- height: 16px;
268
- }
269
- .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
270
- .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
304
+ .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
305
+ .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
271
306
  outline: 3px solid var(--rs-color-focus-ring);
272
307
  z-index: 2;
273
308
  }
274
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
275
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
309
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
310
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
276
311
  outline-offset: 2px;
277
312
  }
278
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
279
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
313
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
314
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
280
315
  outline: 3px solid var(--rs-color-focus-ring);
281
316
  outline-offset: -3px;
282
317
  outline-width: 2px;
283
318
  }
284
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
285
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
319
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
320
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
286
321
  outline-offset: 2px;
287
322
  }
288
323
  .rs-sidenav-item {
289
- position: relative;
290
- display: block;
324
+ display: flex;
325
+ align-items: center;
291
326
  outline: 0;
292
327
  overflow: hidden;
293
328
  text-decoration: none;
329
+ gap: calc(var(--rs-spacing) * 3);
294
330
  }
295
331
  .rs-sidenav-item:hover,
296
332
  .rs-sidenav-item:focus {
297
333
  text-decoration: none;
298
334
  }
299
- .rs-sidenav-item:focus-visible,
300
- .rs-sidenav-item.rs-sidenav-item-focus {
335
+ .rs-sidenav-item:focus-visible {
301
336
  outline: 3px solid var(--rs-color-focus-ring);
302
337
  outline-offset: -3px;
303
338
  outline-width: 2px;
304
339
  z-index: 2;
305
340
  }
306
- .rs-theme-high-contrast .rs-sidenav-item:focus-visible,
307
- .rs-theme-high-contrast .rs-sidenav-item.rs-sidenav-item-focus {
341
+ .rs-theme-high-contrast .rs-sidenav-item:focus-visible {
308
342
  outline-offset: 2px;
309
343
  }
310
- .rs-sidenav-toggle {
311
- height: 50px;
344
+ .rs-sidenav-header {
345
+ padding: var(--rs-sidenav-header-p);
346
+ }
347
+ .rs-sidenav-body {
348
+ flex: 1 1 auto;
349
+ overflow: auto;
350
+ }
351
+ .rs-sidenav-collapse-out .rs-sidenav-body {
352
+ overflow: inherit;
353
+ }
354
+ .rs-sidenav-footer {
312
355
  border-top: 1px solid;
313
356
  margin-top: auto;
357
+ padding: var(--rs-sidenav-footer-p);
358
+ display: flex;
314
359
  }
315
- .rs-sidenav-toggle-button {
316
- float: right;
317
- width: 56px;
318
- height: 100%;
360
+ .rs-sidenav-toggle {
319
361
  border: none;
320
- border-radius: 0;
321
362
  color: inherit;
322
363
  }
364
+ .rs-sidenav-toggle .rs-icon {
365
+ transition: transform 0.3s ease;
366
+ }
367
+ .rs-sidenav-toggle-collapsed .rs-icon {
368
+ transform: rotate(180deg);
369
+ }
370
+ .rs-sidenav-group-label {
371
+ padding: var(--rs-sidenav-group-p);
372
+ margin-top: var(--rs-sidenav-group-p);
373
+ font-size: var(--rs-font-size-xs);
374
+ color: var(--rs-text-secondary);
375
+ }
323
376
  .rs-sidenav-collapse-in {
324
377
  width: 100%;
325
378
  }
326
379
  .rs-sidenav-collapse-in .rs-sidenav-item {
327
- border-radius: 0;
380
+ border-radius: var(--rs-sidenav-nav-rounded);
328
381
  }
329
382
  .rs-sidenav-collapse-in .rs-dropdown {
330
383
  display: flex;
@@ -392,26 +445,29 @@
392
445
  .rs-sidenav-collapse-in .rs-dropdown-item-disabled .rs-sidenav-collapse-in .rs-dropdown-item::after {
393
446
  display: none;
394
447
  }
395
- .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-toggle-caret::before,
448
+ .rs-sidenav-collapse-in .rs-dropdown .rs-sidenav-dropdown-toggle-caret::before,
396
449
  .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon::before {
397
450
  display: none;
398
451
  }
399
- .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-toggle-caret,
452
+ .rs-sidenav-collapse-in .rs-dropdown .rs-sidenav-dropdown-toggle-caret,
400
453
  .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon {
401
- transition: transform 0.3s linear;
454
+ transition-property: transform;
455
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
456
+ transition-duration: 0.15s;
402
457
  }
403
- .rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-expand .rs-dropdown-toggle-caret {
404
- transform: rotate(180deg);
458
+ .rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-expand .rs-sidenav-dropdown-toggle-caret {
459
+ transform: rotate(90deg);
405
460
  }
406
461
  .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-menu {
407
- display: block;
462
+ display: flex;
463
+ flex-direction: column;
464
+ gap: 2px;
408
465
  position: static;
409
466
  float: none;
410
467
  box-shadow: none;
411
468
  animation-name: none;
412
- padding: 0;
413
469
  background-color: transparent;
414
- border-radius: 0;
470
+ border-radius: var(--rs-radius-none);
415
471
  }
416
472
  .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu {
417
473
  padding: 0;
@@ -436,74 +492,54 @@
436
492
  display: block;
437
493
  }
438
494
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-menu-icon {
439
- padding-top: 11px;
440
- padding-bottom: 11px;
441
495
  line-height: 1.42857143;
442
496
  width: 14px;
443
- position: absolute;
444
497
  z-index: 1;
445
498
  }
446
- .rs-sidenav-collapse-in .rs-dropdown-item,
447
- .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
448
- padding: 11px 20px 11px 56px;
449
- }
450
- .rs-sidenav-collapse-in .rs-dropdown-item.rs-dropdown-item-with-icon > .rs-dropdown-item-content > .rs-dropdown-item-menu-icon {
451
- left: 56px;
452
- }
453
- .rs-sidenav-collapse-in .rs-dropdown-item.rs-dropdown-item-with-icon > .rs-dropdown-item-content > .rs-dropdown-menu-toggle {
454
- padding-left: 76px;
455
- }
456
- .rs-sidenav-collapse-in .rs-dropdown-item .rs-dropdown-item:not(.rs-dropdown-item-submenu),
457
- .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu .rs-dropdown-item-toggle {
458
- padding-left: 65px;
459
- }
460
- .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-with-icon > .rs-dropdown-item-content > .rs-dropdown-item-menu-icon {
461
- left: 65px;
462
- }
463
- .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-with-icon > .rs-dropdown-item-content > .rs-dropdown-menu-toggle {
464
- padding-left: 85px;
465
- }
466
499
  .rs-sidenav-collapse-out .rs-sidenav-item,
467
- .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle {
468
- padding-right: 0;
469
- height: 50px;
470
- padding-left: 56px;
500
+ .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle {
501
+ justify-content: center;
502
+ height: 36px;
503
+ gap: 0;
471
504
  }
472
505
  .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
473
- .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
506
+ .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
474
507
  outline: 3px solid var(--rs-color-focus-ring);
475
508
  }
476
509
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
477
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
510
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
478
511
  outline-offset: 2px;
479
512
  }
480
513
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
481
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
514
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
482
515
  outline: 3px solid var(--rs-color-focus-ring);
483
516
  outline-offset: -3px;
484
517
  outline-width: 2px;
485
518
  }
486
519
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
487
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
520
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
488
521
  outline-offset: 2px;
489
522
  }
523
+ .rs-sidenav-collapse-out .rs-sidenav-item-title {
524
+ display: none;
525
+ }
490
526
  .rs-sidenav-collapse-out .rs-dropdown-item {
491
527
  padding: 8px 27px 8px 12px;
492
528
  }
493
529
  .rs-sidenav-collapse-out .rs-dropdown-item-submenu {
494
530
  padding: 0;
495
531
  }
496
- .rs-sidenav-collapse-out .rs-dropdown-toggle-caret {
532
+ .rs-sidenav-collapse-out .rs-sidenav-dropdown-toggle-caret {
497
533
  display: none;
498
534
  }
499
535
  .rs-sidenav-collapse-out .rs-sidenav-item-text,
500
- .rs-sidenav-collapse-out .rs-dropdown-toggle > span {
536
+ .rs-sidenav-collapse-out .rs-sidenav-dropdown-toggle > span {
501
537
  animation: sideNavFoldedText 0.15s ease-in forwards;
502
538
  }
503
539
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-item,
504
540
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-sidenav-item,
505
- .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-toggle,
506
- .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle,
541
+ .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown .rs-sidenav-dropdown-toggle,
542
+ .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle,
507
543
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item,
508
544
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item,
509
545
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle,
@@ -511,11 +547,11 @@
511
547
  white-space: nowrap;
512
548
  text-overflow: clip;
513
549
  }
514
- .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-toggle-caret {
550
+ .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-dropdown-toggle-caret {
515
551
  display: none;
516
552
  }
517
553
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-menu {
518
- padding-left: 0px;
554
+ padding-inline-start: 30px;
519
555
  }
520
556
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item {
521
557
  animation: sideNavFoldedText 0.15s ease-in;
@@ -525,25 +561,29 @@
525
561
  color: var(--rs-sidenav-default-text);
526
562
  }
527
563
  .rs-sidenav-default .rs-sidenav-item,
528
- .rs-sidenav-default .rs-dropdown-toggle,
529
- .rs-sidenav-default .rs-sidenav-toggle-button {
564
+ .rs-sidenav-default .rs-sidenav-dropdown-toggle,
565
+ .rs-sidenav-default .rs-sidenav-toggle {
530
566
  background-color: var(--rs-sidenav-default-bg);
531
567
  }
532
568
  .rs-sidenav-default .rs-sidenav-item:hover,
533
- .rs-sidenav-default .rs-dropdown .rs-dropdown-toggle:hover,
534
- .rs-sidenav-default .rs-sidenav-toggle-button:hover,
535
- .rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
569
+ .rs-sidenav-default .rs-sidenav-dropdown-toggle:hover,
570
+ .rs-sidenav-default .rs-sidenav-toggle:hover,
571
+ .rs-sidenav-default .rs-dropdown-item:hover,
572
+ .rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-sidenav-dropdown-toggle {
536
573
  background-color: var(--rs-sidenav-default-hover-bg);
537
574
  color: var(--rs-sidenav-default-hover-text);
538
575
  }
539
576
  .rs-sidenav-default .rs-sidenav-item.rs-sidenav-item-active,
540
- .rs-sidenav-default .rs-dropdown-item.rs-dropdown-item-active,
541
- .rs-sidenav-default .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon {
577
+ .rs-sidenav-default .rs-dropdown-item.rs-dropdown-item-active {
542
578
  color: var(--rs-sidenav-default-selected-text);
579
+ background-color: var(--rs-sidenav-default-selected-bg);
543
580
  }
544
- .rs-sidenav-default .rs-sidenav-toggle {
581
+ .rs-sidenav-default .rs-sidenav-footer {
545
582
  border-top-color: var(--rs-sidenav-default-footer-border);
546
583
  }
584
+ .rs-sidenav-default .rs-dropdown-menu {
585
+ border-left: 1px solid var(--rs-sidenav-default-subnav-border-color);
586
+ }
547
587
  .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
548
588
  background-color: var(--rs-menuitem-active-bg);
549
589
  color: var(--rs-menuitem-active-text);
@@ -585,115 +625,106 @@
585
625
  .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
586
626
  text-decoration: underline;
587
627
  }
588
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon,
589
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon,
590
- .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon {
591
- color: var(--rs-sidenav-default-selected-text);
592
- }
593
628
  .rs-sidenav-inverse {
594
629
  background-color: var(--rs-sidenav-inverse-bg);
595
630
  color: var(--rs-sidenav-inverse-text);
596
631
  }
597
632
  .rs-sidenav-inverse .rs-sidenav-item,
598
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle,
599
- .rs-sidenav-inverse .rs-sidenav-toggle-button,
633
+ .rs-sidenav-inverse .rs-dropdown .rs-sidenav-dropdown-toggle,
634
+ .rs-sidenav-inverse .rs-sidenav-toggle,
600
635
  .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
601
636
  background-color: var(--rs-sidenav-inverse-bg);
602
637
  }
603
638
  .rs-sidenav-inverse .rs-sidenav-item:hover,
604
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
605
- .rs-sidenav-inverse .rs-sidenav-toggle-button:hover,
639
+ .rs-sidenav-inverse .rs-dropdown .rs-sidenav-dropdown-toggle:hover,
640
+ .rs-sidenav-inverse .rs-sidenav-toggle:hover,
606
641
  .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
607
642
  .rs-sidenav-inverse .rs-sidenav-item:focus,
608
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
609
- .rs-sidenav-inverse .rs-sidenav-toggle-button:focus,
643
+ .rs-sidenav-inverse .rs-dropdown .rs-sidenav-dropdown-toggle:focus,
644
+ .rs-sidenav-inverse .rs-sidenav-toggle:focus,
610
645
  .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus {
611
646
  background-color: var(--rs-sidenav-inverse-hover-bg);
612
647
  }
613
648
  .rs-sidenav-inverse .rs-dropdown-item,
614
- .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle,
649
+ .rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle,
615
650
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle,
616
- .rs-sidenav-inverse .rs-sidenav-toggle-button {
651
+ .rs-sidenav-inverse .rs-sidenav-toggle {
617
652
  color: var(--rs-sidenav-inverse-text);
618
653
  }
619
654
  .rs-sidenav-inverse .rs-dropdown-item:hover,
620
- .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
655
+ .rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
621
656
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
622
- .rs-sidenav-inverse .rs-sidenav-toggle-button:hover,
657
+ .rs-sidenav-inverse .rs-sidenav-toggle:hover,
623
658
  .rs-sidenav-inverse .rs-dropdown-item:focus,
624
- .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
659
+ .rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
625
660
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
626
- .rs-sidenav-inverse .rs-sidenav-toggle-button:focus,
661
+ .rs-sidenav-inverse .rs-sidenav-toggle:focus,
627
662
  .rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-focus,
628
- .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
663
+ .rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
629
664
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
630
- .rs-sidenav-inverse .rs-sidenav-toggle-button.rs-dropdown-item-focus {
665
+ .rs-sidenav-inverse .rs-sidenav-toggle.rs-dropdown-item-focus {
631
666
  background-color: var(--rs-sidenav-inverse-hover-bg);
632
667
  color: var(--rs-sidenav-inverse-text);
633
668
  }
634
- .rs-theme-high-contrast .rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
635
- .rs-theme-high-contrast .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
636
- color: var(--rs-sidenav-inverse-selected-text);
637
- }
638
- .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
639
- .rs-sidenav-inverse .rs-sidenav-item,
640
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle {
641
- color: var(--rs-sidenav-inverse-text);
669
+ .rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item {
670
+ color: var(--rs-sidenav-default-text);
642
671
  }
643
- .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
644
- .rs-sidenav-inverse .rs-sidenav-item:hover,
645
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
646
- .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:focus,
647
- .rs-sidenav-inverse .rs-sidenav-item:focus,
648
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
649
- .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle.rs-dropdown-item-focus,
650
- .rs-sidenav-inverse .rs-sidenav-item.rs-dropdown-item-focus,
651
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle.rs-dropdown-item-focus {
652
- color: var(--rs-sidenav-inverse-text);
672
+ .rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item:hover,
673
+ .rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item:focus,
674
+ .rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-focus {
675
+ background-color: var(--rs-sidenav-default-hover-bg);
676
+ color: var(--rs-sidenav-default-hover-text);
653
677
  }
654
678
  .rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
655
679
  .rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-active {
680
+ color: var(--rs-sidenav-inverse-selected-text);
656
681
  background-color: var(--rs-sidenav-inverse-selected-bg);
657
682
  }
658
- .rs-sidenav-inverse .rs-sidenav-toggle {
683
+ .rs-sidenav-inverse .rs-sidenav-footer {
659
684
  border-top-color: var(--rs-sidenav-inverse-footer-border);
660
685
  }
686
+ .rs-sidenav-inverse .rs-dropdown-menu {
687
+ border-left: 1px solid var(--rs-sidenav-inverse-subnav-border-color);
688
+ }
661
689
  .rs-sidenav-subtle {
662
690
  background-color: transparent;
663
691
  }
664
692
  .rs-sidenav-subtle .rs-sidenav-item,
665
- .rs-sidenav-subtle .rs-dropdown-toggle,
693
+ .rs-sidenav-subtle .rs-sidenav-dropdown-toggle,
666
694
  .rs-sidenav-subtle .rs-dropdown-item,
667
- .rs-sidenav-subtle .rs-sidenav-toggle-button {
695
+ .rs-sidenav-subtle .rs-sidenav-toggle {
668
696
  background-color: transparent;
669
697
  color: var(--rs-sidenav-subtle-text);
670
698
  }
671
699
  .rs-sidenav-subtle .rs-sidenav-item:hover,
672
- .rs-sidenav-subtle .rs-dropdown-toggle:hover,
700
+ .rs-sidenav-subtle .rs-sidenav-dropdown-toggle:hover,
673
701
  .rs-sidenav-subtle .rs-dropdown-item:hover,
674
- .rs-sidenav-subtle .rs-sidenav-toggle-button:hover,
702
+ .rs-sidenav-subtle .rs-sidenav-toggle:hover,
675
703
  .rs-sidenav-subtle .rs-sidenav-item:focus-visible,
676
- .rs-sidenav-subtle .rs-dropdown-toggle:focus-visible,
704
+ .rs-sidenav-subtle .rs-sidenav-dropdown-toggle:focus-visible,
677
705
  .rs-sidenav-subtle .rs-dropdown-item:focus-visible,
678
- .rs-sidenav-subtle .rs-sidenav-toggle-button:focus-visible {
706
+ .rs-sidenav-subtle .rs-sidenav-toggle:focus-visible {
679
707
  background-color: var(--rs-sidenav-subtle-hover-bg);
680
708
  color: var(--rs-sidenav-subtle-hover-text);
681
709
  }
682
710
  .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
683
- .rs-sidenav-subtle .rs-dropdown-item.rs-dropdown-item-active,
684
- .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon {
711
+ .rs-sidenav-subtle .rs-dropdown-item.rs-dropdown-item-active {
685
712
  color: var(--rs-sidenav-subtle-selected-text);
713
+ background-color: var(--rs-sidenav-subtle-selected-bg);
686
714
  }
687
- .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn {
715
+ .rs-sidenav-subtle .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn {
688
716
  background-color: transparent;
689
717
  }
690
- .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:hover,
691
- .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:focus {
718
+ .rs-sidenav-subtle .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn:hover,
719
+ .rs-sidenav-subtle .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn:focus {
692
720
  background-color: var(--rs-sidenav-subtle-hover-bg);
693
721
  }
694
- .rs-sidenav-subtle .rs-sidenav-toggle {
722
+ .rs-sidenav-subtle .rs-sidenav-footer {
695
723
  border-top-color: var(--rs-sidenav-subtle-footer-border);
696
724
  }
725
+ .rs-sidenav-subtle .rs-dropdown-menu {
726
+ border-left: 1px solid var(--rs-sidenav-subtle-subnav-border-color);
727
+ }
697
728
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
698
729
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
699
730
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -715,16 +746,6 @@
715
746
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
716
747
  color: var(--rs-sidenav-subtle-selected-text);
717
748
  }
718
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
719
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
720
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover {
721
- background-color: var(--rs-sidenav-subtle-hover-bg);
722
- }
723
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
724
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
725
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
726
- color: var(--rs-sidenav-subtle-selected-text);
727
- }
728
749
  @keyframes sideNavFoldedText {
729
750
  0% {
730
751
  max-width: 200px;