rsuite 5.76.2 → 6.0.0-canary-20250103

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 (1491) hide show
  1. package/Accordion/styles/index.css +12 -45
  2. package/Animation/styles/animation.less +0 -0
  3. package/Animation/styles/index.css +49 -214
  4. package/Animation/styles/mixin.less +0 -0
  5. package/AutoComplete/styles/index.css +122 -490
  6. package/Avatar/styles/index.css +10 -17
  7. package/AvatarGroup/styles/index.css +12 -16
  8. package/AvatarGroup/styles/index.less +3 -0
  9. package/Badge/styles/index.css +90 -31
  10. package/Badge/styles/index.less +68 -9
  11. package/Breadcrumb/styles/index.css +9 -16
  12. package/Button/styles/index.css +20 -97
  13. package/Button/styles/mixin.less +1 -2
  14. package/ButtonGroup/styles/index.css +8 -9
  15. package/ButtonGroup/styles/index.less +0 -0
  16. package/ButtonToolbar/styles/index.css +7 -6
  17. package/Calendar/styles/index.css +36 -214
  18. package/Calendar/styles/index.less +0 -5
  19. package/Card/styles/index.css +12 -28
  20. package/Carousel/styles/index.css +21 -75
  21. package/Carousel/styles/index.less +0 -0
  22. package/CascadeTree/styles/index.css +10 -39
  23. package/Cascader/styles/index.css +125 -519
  24. package/CheckPicker/styles/index.css +129 -554
  25. package/CheckTree/styles/index.css +133 -579
  26. package/CheckTreePicker/styles/index.css +134 -585
  27. package/Checkbox/styles/index.css +13 -68
  28. package/CheckboxGroup/styles/index.css +9 -14
  29. package/Col/styles/index.css +7 -4
  30. package/Container/styles/index.css +10 -17
  31. package/Container/styles/index.less +0 -0
  32. package/Content/styles/index.css +8 -7
  33. package/Content/styles/index.less +0 -0
  34. package/DateInput/styles/index.css +7 -43
  35. package/DatePicker/styles/index.css +138 -621
  36. package/DatePicker/styles/mixin.less +0 -0
  37. package/DateRangeInput/styles/index.css +7 -43
  38. package/DateRangePicker/styles/index.css +141 -637
  39. package/Divider/styles/index.css +11 -21
  40. package/Drawer/styles/index.css +15 -46
  41. package/Drawer/styles/mixin.less +0 -0
  42. package/Dropdown/styles/index.css +37 -178
  43. package/FlexboxGrid/styles/index.css +41 -108
  44. package/FlexboxGrid/styles/index.less +0 -0
  45. package/Footer/styles/index.css +11 -20
  46. package/Footer/styles/index.less +0 -0
  47. package/Form/styles/index.css +7 -4
  48. package/Form/styles/index.less +0 -0
  49. package/Form/styles/mixin.less +9 -5
  50. package/FormControl/styles/index.css +8 -6
  51. package/FormControl/styles/index.less +0 -0
  52. package/FormControlLabel/styles/index.css +7 -5
  53. package/FormControlLabel/styles/index.less +0 -0
  54. package/FormErrorMessage/styles/animation.less +0 -0
  55. package/FormErrorMessage/styles/index.css +22 -89
  56. package/FormErrorMessage/styles/index.less +0 -0
  57. package/FormGroup/styles/index.css +7 -4
  58. package/FormHelpText/styles/index.css +8 -10
  59. package/FormHelpText/styles/index.less +0 -0
  60. package/Grid/styles/grid-framework.less +0 -0
  61. package/Grid/styles/index.css +7 -4
  62. package/Grid/styles/mixin.less +0 -0
  63. package/Header/styles/index.css +11 -20
  64. package/Header/styles/index.less +0 -0
  65. package/Heading/styles/index.css +7 -4
  66. package/IconButton/styles/index.css +22 -110
  67. package/IconButton/styles/index.less +0 -0
  68. package/Image/styles/index.css +1 -5
  69. package/InlineEdit/styles/index.css +9 -29
  70. package/Input/styles/index.css +7 -43
  71. package/Input/styles/index.less +0 -0
  72. package/InputGroup/styles/index.css +25 -193
  73. package/InputNumber/styles/index.css +29 -251
  74. package/InputNumber/styles/index.less +0 -0
  75. package/InputPicker/styles/index.css +123 -506
  76. package/List/styles/index.css +8 -14
  77. package/Loader/styles/index.css +19 -57
  78. package/Message/styles/index.css +33 -155
  79. package/Modal/styles/animation.less +0 -0
  80. package/Modal/styles/index.css +13 -32
  81. package/Modal/styles/mixin.less +0 -0
  82. package/MultiCascadeTree/styles/index.css +131 -583
  83. package/MultiCascader/styles/index.css +131 -583
  84. package/Nav/styles/index.css +46 -236
  85. package/Navbar/styles/index.css +41 -214
  86. package/Notification/styles/index.css +24 -109
  87. package/Notification/styles/mixin.less +0 -0
  88. package/Pagination/styles/index.css +139 -592
  89. package/Pagination/styles/mixin.less +0 -0
  90. package/Panel/styles/index.css +12 -43
  91. package/PanelGroup/styles/index.css +7 -6
  92. package/PanelGroup/styles/index.less +0 -0
  93. package/Placeholder/styles/index.css +15 -47
  94. package/Popover/styles/index.css +16 -124
  95. package/Popover/styles/mixins.less +0 -12
  96. package/Progress/styles/animation.less +0 -0
  97. package/Progress/styles/index.css +19 -89
  98. package/README.md +9 -5
  99. package/Radio/styles/index.css +12 -66
  100. package/Radio/styles/mixin.less +0 -0
  101. package/RadioGroup/styles/index.css +9 -25
  102. package/RadioTile/styles/index.css +7 -13
  103. package/RangeSlider/styles/index.css +20 -144
  104. package/Rate/styles/index.css +29 -40
  105. package/Rate/styles/index.less +6 -2
  106. package/Row/styles/index.css +7 -4
  107. package/Row/styles/index.less +0 -0
  108. package/SelectPicker/styles/index.css +123 -498
  109. package/SelectPicker/styles/index.less +1 -1
  110. package/Sidebar/styles/index.css +10 -20
  111. package/Sidebar/styles/index.less +0 -0
  112. package/Sidenav/styles/index.css +21 -108
  113. package/Sidenav/styles/mixin.less +0 -0
  114. package/Slider/styles/index.css +20 -144
  115. package/Stack/styles/index.css +7 -6
  116. package/Stack/styles/index.less +0 -0
  117. package/Stat/styles/index.css +37 -263
  118. package/Steps/styles/index.css +14 -46
  119. package/Table/styles/index.css +21 -70
  120. package/Table/styles/mixin.less +0 -0
  121. package/Tabs/styles/index.css +51 -259
  122. package/Tag/styles/index.css +36 -36
  123. package/Tag/styles/index.less +6 -3
  124. package/TagGroup/styles/index.css +7 -4
  125. package/TagInput/styles/index.css +133 -578
  126. package/TagPicker/styles/index.css +133 -578
  127. package/Text/styles/index.css +8 -23
  128. package/TimePicker/styles/index.css +138 -621
  129. package/TimeRangePicker/styles/index.css +141 -637
  130. package/Timeline/styles/index.css +9 -22
  131. package/Timeline/styles/index.less +0 -3
  132. package/Timeline/styles/mixin.less +0 -0
  133. package/Toggle/styles/index.css +13 -60
  134. package/Tooltip/styles/index.css +15 -113
  135. package/Tooltip/styles/index.less +0 -0
  136. package/Tooltip/styles/mixins.less +0 -12
  137. package/Tree/styles/index.css +2737 -59
  138. package/Tree/styles/index.less +1 -1
  139. package/TreePicker/styles/index.css +2737 -59
  140. package/Uploader/styles/index.css +41 -225
  141. package/Uploader/styles/mixin.less +0 -0
  142. package/cjs/Accordion/Accordion.js +4 -3
  143. package/cjs/Affix/Affix.d.ts +1 -1
  144. package/cjs/Affix/Affix.js +55 -66
  145. package/cjs/Affix/index.js +0 -0
  146. package/cjs/Animation/Bounce.js +11 -10
  147. package/cjs/Animation/Collapse.js +41 -49
  148. package/cjs/Animation/Fade.js +13 -12
  149. package/cjs/Animation/Slide.js +14 -14
  150. package/cjs/Animation/Transition.d.ts +1 -40
  151. package/cjs/Animation/Transition.js +97 -115
  152. package/cjs/Animation/index.js +1 -1
  153. package/cjs/Animation/utils.d.ts +0 -9
  154. package/cjs/Animation/utils.js +2 -13
  155. package/cjs/AutoComplete/AutoComplete.d.ts +2 -2
  156. package/cjs/AutoComplete/AutoComplete.js +87 -128
  157. package/cjs/AutoComplete/Combobox.js +11 -10
  158. package/cjs/AutoComplete/index.js +0 -0
  159. package/cjs/AutoComplete/utils.js +7 -6
  160. package/cjs/Avatar/Avatar.js +54 -76
  161. package/cjs/Avatar/AvatarIcon.js +12 -14
  162. package/cjs/Avatar/index.js +0 -0
  163. package/cjs/Avatar/useImage.js +19 -19
  164. package/cjs/AvatarGroup/AvatarGroup.js +31 -43
  165. package/cjs/AvatarGroup/index.js +0 -0
  166. package/cjs/Badge/Badge.d.ts +40 -5
  167. package/cjs/Badge/Badge.js +48 -49
  168. package/cjs/Badge/index.js +0 -0
  169. package/cjs/Breadcrumb/Breadcrumb.js +34 -49
  170. package/cjs/Breadcrumb/BreadcrumbItem.d.ts +1 -1
  171. package/cjs/Breadcrumb/BreadcrumbItem.js +21 -34
  172. package/cjs/Breadcrumb/index.js +0 -0
  173. package/cjs/Button/Button.d.ts +5 -1
  174. package/cjs/Button/Button.js +60 -65
  175. package/cjs/Button/index.js +0 -0
  176. package/cjs/ButtonGroup/ButtonGroup.js +28 -44
  177. package/cjs/ButtonGroup/ButtonGroupContext.js +1 -1
  178. package/cjs/ButtonGroup/index.js +0 -0
  179. package/cjs/ButtonToolbar/ButtonToolbar.js +17 -23
  180. package/cjs/ButtonToolbar/index.js +0 -0
  181. package/cjs/Calendar/Calendar.js +46 -66
  182. package/cjs/Calendar/CalendarBody.js +26 -26
  183. package/cjs/Calendar/CalendarContainer.js +88 -95
  184. package/cjs/Calendar/CalendarHeader.js +50 -50
  185. package/cjs/Calendar/CalendarProvider.js +2 -2
  186. package/cjs/Calendar/Grid/Grid.js +22 -25
  187. package/cjs/Calendar/Grid/GridCell.js +39 -37
  188. package/cjs/Calendar/Grid/GridHeaderRow.js +27 -29
  189. package/cjs/Calendar/Grid/GridRow.js +48 -53
  190. package/cjs/Calendar/MonthDropdown/MonthDropdown.js +62 -63
  191. package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js +36 -39
  192. package/cjs/Calendar/TimeDropdown/TimeColumn.js +7 -7
  193. package/cjs/Calendar/TimeDropdown/TimeDropdown.js +64 -64
  194. package/cjs/Calendar/TimeDropdown/utils/formatWithLeadingZero.js +3 -2
  195. package/cjs/Calendar/TimeDropdown/utils/getClockTime.js +7 -5
  196. package/cjs/Calendar/TimeDropdown/utils/getTimeLimits.js +3 -3
  197. package/cjs/Calendar/TimeDropdown/utils/scrollToTime.js +6 -7
  198. package/cjs/Calendar/hooks/useCalendar.js +3 -2
  199. package/cjs/Calendar/hooks/useCalendarDate.d.ts +1 -1
  200. package/cjs/Calendar/hooks/useCalendarDate.js +11 -12
  201. package/cjs/Calendar/hooks/useCalendarState.js +18 -19
  202. package/cjs/Calendar/utils/isEveryDateInMonth.js +2 -2
  203. package/cjs/Card/Card.js +30 -39
  204. package/cjs/Card/CardBody.d.ts +1 -1
  205. package/cjs/Card/CardBody.js +1 -1
  206. package/cjs/Card/CardFooter.d.ts +1 -1
  207. package/cjs/Card/CardFooter.js +1 -1
  208. package/cjs/Card/CardHeader.d.ts +1 -1
  209. package/cjs/Card/CardHeader.js +1 -1
  210. package/cjs/CardGroup/CardGroup.js +24 -28
  211. package/cjs/Carousel/Carousel.js +75 -97
  212. package/cjs/Carousel/index.js +0 -0
  213. package/cjs/CascadeTree/CascadeTree.d.ts +0 -1
  214. package/cjs/CascadeTree/CascadeTree.js +93 -105
  215. package/cjs/CascadeTree/SearchView.js +49 -54
  216. package/cjs/CascadeTree/TreeView.js +84 -92
  217. package/cjs/CascadeTree/hooks/usePaths.js +18 -19
  218. package/cjs/CascadeTree/hooks/useSearch.js +22 -22
  219. package/cjs/CascadeTree/hooks/useSelect.js +26 -24
  220. package/cjs/CascadeTree/utils.js +10 -8
  221. package/cjs/Cascader/Cascader.d.ts +0 -1
  222. package/cjs/Cascader/Cascader.js +203 -239
  223. package/cjs/Cascader/index.js +0 -0
  224. package/cjs/Cascader/useActive.js +15 -15
  225. package/cjs/CheckPicker/CheckPicker.d.ts +0 -1
  226. package/cjs/CheckPicker/CheckPicker.js +146 -200
  227. package/cjs/CheckPicker/index.js +0 -0
  228. package/cjs/CheckTree/CheckTree.js +72 -77
  229. package/cjs/CheckTree/CheckTreeNode.js +53 -51
  230. package/cjs/CheckTree/CheckTreeView.js +178 -185
  231. package/cjs/CheckTree/hooks/useTreeCheckState.js +26 -25
  232. package/cjs/CheckTree/hooks/useTreeNodeProps.js +40 -37
  233. package/cjs/CheckTree/hooks/useTreeValue.js +6 -7
  234. package/cjs/CheckTree/utils.js +62 -65
  235. package/cjs/CheckTreePicker/CheckTreePicker.js +175 -190
  236. package/cjs/CheckTreePicker/hooks/useFocusState.js +13 -15
  237. package/cjs/CheckTreePicker/index.js +0 -0
  238. package/cjs/Checkbox/Checkbox.js +65 -102
  239. package/cjs/Checkbox/index.js +0 -0
  240. package/cjs/CheckboxGroup/CheckboxGroup.js +40 -62
  241. package/cjs/CheckboxGroup/CheckboxGroupContext.js +1 -1
  242. package/cjs/CheckboxGroup/index.js +0 -0
  243. package/cjs/Col/Col.js +32 -66
  244. package/cjs/Col/index.js +0 -0
  245. package/cjs/Container/Container.d.ts +1 -1
  246. package/cjs/Container/Container.js +22 -32
  247. package/cjs/Container/index.js +0 -0
  248. package/cjs/Content/Content.d.ts +1 -1
  249. package/cjs/Content/Content.js +1 -1
  250. package/cjs/Content/index.js +0 -0
  251. package/cjs/CustomProvider/CustomProvider.d.ts +19 -17
  252. package/cjs/CustomProvider/CustomProvider.js +48 -56
  253. package/cjs/CustomProvider/FormattedDate.js +8 -5
  254. package/cjs/CustomProvider/FormattedNumber.js +10 -9
  255. package/cjs/CustomProvider/index.js +1 -1
  256. package/cjs/CustomProvider/useCustom.js +44 -47
  257. package/cjs/DOMHelper/index.js +4 -4
  258. package/cjs/DOMHelper/isElement.js +1 -1
  259. package/cjs/DateInput/DateField.js +106 -105
  260. package/cjs/DateInput/DateInput.js +124 -139
  261. package/cjs/DateInput/hooks/useDateInputState.js +55 -49
  262. package/cjs/DateInput/hooks/useFieldCursor.js +16 -16
  263. package/cjs/DateInput/hooks/useIsFocused.js +9 -9
  264. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +10 -7
  265. package/cjs/DateInput/hooks/useSelectedState.js +4 -6
  266. package/cjs/DateInput/utils.d.ts +1 -1
  267. package/cjs/DateInput/utils.js +76 -72
  268. package/cjs/DatePicker/DatePicker.js +190 -225
  269. package/cjs/DatePicker/PredefinedRanges.js +24 -29
  270. package/cjs/DatePicker/Toolbar.d.ts +1 -1
  271. package/cjs/DatePicker/Toolbar.js +28 -26
  272. package/cjs/DatePicker/hooks/useCustomizedInput.d.ts +1 -1
  273. package/cjs/DatePicker/hooks/useCustomizedInput.js +21 -26
  274. package/cjs/DatePicker/hooks/useFocus.js +45 -39
  275. package/cjs/DatePicker/hooks/useMonthView.js +8 -8
  276. package/cjs/DatePicker/utils.d.ts +0 -7
  277. package/cjs/DatePicker/utils.js +29 -36
  278. package/cjs/DateRangeInput/DateRangeInput.js +131 -152
  279. package/cjs/DateRangeInput/utils.js +50 -50
  280. package/cjs/DateRangePicker/Calendar.js +24 -29
  281. package/cjs/DateRangePicker/DateRangePicker.js +260 -323
  282. package/cjs/DateRangePicker/DateRangePickerProvider.js +5 -4
  283. package/cjs/DateRangePicker/Header.js +20 -23
  284. package/cjs/DateRangePicker/disabledDateUtils.js +17 -35
  285. package/cjs/DateRangePicker/hooks/useCalendarHandlers.js +14 -14
  286. package/cjs/DateRangePicker/hooks/useDateDisabled.js +10 -6
  287. package/cjs/DateRangePicker/hooks/useDateRangePicker.js +3 -2
  288. package/cjs/DateRangePicker/index.js +2 -2
  289. package/cjs/DateRangePicker/utils.js +24 -20
  290. package/cjs/Divider/Divider.js +18 -26
  291. package/cjs/Divider/index.js +0 -0
  292. package/cjs/Drawer/Drawer.d.ts +2 -2
  293. package/cjs/Drawer/Drawer.js +19 -29
  294. package/cjs/Drawer/DrawerActions.d.ts +1 -1
  295. package/cjs/Drawer/DrawerActions.js +1 -1
  296. package/cjs/Drawer/DrawerBody.js +1 -1
  297. package/cjs/Drawer/DrawerFooter.js +1 -1
  298. package/cjs/Drawer/DrawerHeader.js +1 -1
  299. package/cjs/Drawer/DrawerTitle.js +1 -1
  300. package/cjs/Drawer/index.js +0 -0
  301. package/cjs/Dropdown/Dropdown.d.ts +3 -3
  302. package/cjs/Dropdown/Dropdown.js +74 -106
  303. package/cjs/Dropdown/DropdownContext.d.ts +1 -1
  304. package/cjs/Dropdown/DropdownContext.js +1 -1
  305. package/cjs/Dropdown/DropdownItem.js +54 -73
  306. package/cjs/Dropdown/DropdownMenu.d.ts +2 -2
  307. package/cjs/Dropdown/DropdownMenu.js +79 -97
  308. package/cjs/Dropdown/DropdownSeparator.js +11 -16
  309. package/cjs/Dropdown/DropdownState.js +22 -23
  310. package/cjs/Dropdown/DropdownToggle.d.ts +2 -2
  311. package/cjs/Dropdown/DropdownToggle.js +20 -34
  312. package/cjs/Dropdown/index.js +0 -0
  313. package/cjs/Dropdown/useRenderDropdownItem.js +2 -2
  314. package/cjs/FlexboxGrid/FlexboxGrid.js +17 -27
  315. package/cjs/FlexboxGrid/FlexboxGridItem.js +17 -26
  316. package/cjs/FlexboxGrid/index.js +0 -0
  317. package/cjs/Footer/Footer.d.ts +1 -1
  318. package/cjs/Footer/Footer.js +1 -1
  319. package/cjs/Footer/index.js +0 -0
  320. package/cjs/Form/Form.js +108 -133
  321. package/cjs/Form/FormContext.js +5 -5
  322. package/cjs/Form/hooks/useFormClassNames.js +15 -14
  323. package/cjs/Form/hooks/useFormRef.js +9 -8
  324. package/cjs/Form/hooks/useFormValidate.js +77 -77
  325. package/cjs/Form/hooks/useFormValue.js +22 -19
  326. package/cjs/Form/hooks/useSchemaModel.js +31 -33
  327. package/cjs/FormControl/FormControl.d.ts +3 -3
  328. package/cjs/FormControl/FormControl.js +83 -97
  329. package/cjs/FormControl/hooks/useField.js +23 -18
  330. package/cjs/FormControl/hooks/useRegisterModel.js +7 -6
  331. package/cjs/FormControl/index.js +0 -0
  332. package/cjs/FormControlLabel/FormControlLabel.js +21 -28
  333. package/cjs/FormControlLabel/index.js +0 -0
  334. package/cjs/FormErrorMessage/FormErrorMessage.d.ts +2 -2
  335. package/cjs/FormErrorMessage/FormErrorMessage.js +24 -34
  336. package/cjs/FormErrorMessage/index.js +0 -0
  337. package/cjs/FormGroup/FormGroup.js +33 -40
  338. package/cjs/FormGroup/index.js +1 -1
  339. package/cjs/FormHelpText/FormHelpText.js +22 -29
  340. package/cjs/FormHelpText/index.js +0 -0
  341. package/cjs/Grid/Grid.js +18 -25
  342. package/cjs/Grid/index.js +0 -0
  343. package/cjs/Header/Header.d.ts +1 -1
  344. package/cjs/Header/Header.js +1 -1
  345. package/cjs/Header/index.js +0 -0
  346. package/cjs/Heading/Heading.js +17 -24
  347. package/cjs/HeadingGroup/HeadingGroup.d.ts +1 -1
  348. package/cjs/HeadingGroup/HeadingGroup.js +1 -1
  349. package/cjs/Highlight/Highlight.js +21 -28
  350. package/cjs/Highlight/utils/highlightText.js +10 -10
  351. package/cjs/IconButton/IconButton.js +19 -29
  352. package/cjs/IconButton/index.js +0 -0
  353. package/cjs/Image/Image.js +61 -68
  354. package/cjs/Image/ImageWrapper.d.ts +1 -1
  355. package/cjs/Image/ImageWrapper.js +1 -1
  356. package/cjs/Image/hooks/useImage.js +26 -29
  357. package/cjs/InlineEdit/EditableControls.js +6 -6
  358. package/cjs/InlineEdit/InlineEdit.d.ts +3 -3
  359. package/cjs/InlineEdit/InlineEdit.js +54 -72
  360. package/cjs/InlineEdit/renderChildren.js +19 -20
  361. package/cjs/InlineEdit/useEditState.js +23 -30
  362. package/cjs/InlineEdit/useFocusEvent.js +17 -15
  363. package/cjs/Input/Input.js +41 -60
  364. package/cjs/Input/index.js +0 -0
  365. package/cjs/InputGroup/InputGroup.js +34 -48
  366. package/cjs/InputGroup/InputGroupAddon.js +14 -21
  367. package/cjs/InputGroup/InputGroupButton.js +14 -13
  368. package/cjs/InputGroup/index.js +0 -0
  369. package/cjs/InputNumber/InputNumber.js +73 -107
  370. package/cjs/InputNumber/index.js +0 -0
  371. package/cjs/InputPicker/InputAutosize.js +49 -66
  372. package/cjs/InputPicker/InputPicker.js +246 -295
  373. package/cjs/InputPicker/InputPickerContext.js +2 -2
  374. package/cjs/InputPicker/InputSearch.js +21 -24
  375. package/cjs/InputPicker/TagList.js +15 -14
  376. package/cjs/InputPicker/TextBox.js +21 -21
  377. package/cjs/InputPicker/hooks/useData.js +14 -18
  378. package/cjs/InputPicker/hooks/useInput.js +15 -13
  379. package/cjs/InputPicker/hooks/useMaxWidth.js +2 -5
  380. package/cjs/InputPicker/utils.js +3 -2
  381. package/cjs/List/List.js +55 -79
  382. package/cjs/List/ListContext.js +4 -6
  383. package/cjs/List/ListItem.js +39 -46
  384. package/cjs/List/helper/AutoScroller.js +35 -35
  385. package/cjs/List/helper/useManager.js +14 -18
  386. package/cjs/List/helper/useSortHelper.js +88 -101
  387. package/cjs/List/helper/utils.js +11 -16
  388. package/cjs/List/index.js +0 -0
  389. package/cjs/Loader/Loader.js +27 -42
  390. package/cjs/Loader/index.js +0 -0
  391. package/cjs/MaskedInput/MaskedInput.js +8 -5
  392. package/cjs/MaskedInput/TextMask.js +29 -43
  393. package/cjs/MaskedInput/adjustCaretPosition.js +64 -82
  394. package/cjs/MaskedInput/conformToMask.js +52 -56
  395. package/cjs/MaskedInput/createTextMaskInputElement.js +62 -58
  396. package/cjs/MaskedInput/index.js +0 -0
  397. package/cjs/MaskedInput/types.js +0 -0
  398. package/cjs/MaskedInput/utilities.js +8 -8
  399. package/cjs/Message/Message.js +51 -71
  400. package/cjs/Message/index.js +0 -0
  401. package/cjs/Modal/Modal.js +91 -118
  402. package/cjs/Modal/ModalBody.js +28 -31
  403. package/cjs/Modal/ModalContext.js +1 -1
  404. package/cjs/Modal/ModalDialog.d.ts +0 -10
  405. package/cjs/Modal/ModalDialog.js +25 -40
  406. package/cjs/Modal/ModalFooter.d.ts +1 -1
  407. package/cjs/Modal/ModalFooter.js +1 -1
  408. package/cjs/Modal/ModalHeader.js +23 -32
  409. package/cjs/Modal/ModalTitle.js +16 -24
  410. package/cjs/Modal/utils.js +28 -30
  411. package/cjs/MultiCascadeTree/MultiCascadeTree.js +76 -80
  412. package/cjs/MultiCascadeTree/SearchView.js +53 -58
  413. package/cjs/MultiCascadeTree/TreeView.js +84 -99
  414. package/cjs/MultiCascadeTree/hooks/useCascadeValue.js +68 -100
  415. package/cjs/MultiCascadeTree/hooks/useColumnData.js +10 -16
  416. package/cjs/MultiCascadeTree/hooks/useFlattenData.js +10 -10
  417. package/cjs/MultiCascadeTree/hooks/useSearch.js +17 -19
  418. package/cjs/MultiCascadeTree/hooks/useSelect.js +39 -37
  419. package/cjs/MultiCascadeTree/utils.js +44 -42
  420. package/cjs/MultiCascader/MultiCascader.js +190 -224
  421. package/cjs/MultiCascader/index.js +0 -0
  422. package/cjs/Nav/AdaptiveNavItem.js +12 -13
  423. package/cjs/Nav/Nav.js +52 -73
  424. package/cjs/Nav/NavContext.js +1 -1
  425. package/cjs/Nav/NavDropdown.d.ts +3 -3
  426. package/cjs/Nav/NavDropdown.js +63 -93
  427. package/cjs/Nav/NavDropdownItem.js +56 -72
  428. package/cjs/Nav/NavDropdownMenu.d.ts +1 -1
  429. package/cjs/Nav/NavDropdownMenu.js +67 -81
  430. package/cjs/Nav/NavDropdownToggle.d.ts +2 -2
  431. package/cjs/Nav/NavDropdownToggle.js +19 -30
  432. package/cjs/Nav/NavItem.js +34 -49
  433. package/cjs/Nav/NavMenu.js +18 -20
  434. package/cjs/Nav/index.js +0 -0
  435. package/cjs/Navbar/Navbar.js +17 -18
  436. package/cjs/Navbar/NavbarBody.d.ts +1 -1
  437. package/cjs/Navbar/NavbarBody.js +1 -1
  438. package/cjs/Navbar/NavbarBrand.d.ts +1 -1
  439. package/cjs/Navbar/NavbarBrand.js +1 -1
  440. package/cjs/Navbar/NavbarDropdown.d.ts +3 -3
  441. package/cjs/Navbar/NavbarDropdown.js +52 -79
  442. package/cjs/Navbar/NavbarDropdownItem.js +50 -72
  443. package/cjs/Navbar/NavbarDropdownMenu.d.ts +1 -1
  444. package/cjs/Navbar/NavbarDropdownMenu.js +60 -76
  445. package/cjs/Navbar/NavbarDropdownToggle.d.ts +2 -2
  446. package/cjs/Navbar/NavbarDropdownToggle.js +18 -30
  447. package/cjs/Navbar/NavbarHeader.d.ts +1 -1
  448. package/cjs/Navbar/NavbarHeader.js +1 -1
  449. package/cjs/Navbar/NavbarItem.js +31 -45
  450. package/cjs/Navbar/index.js +1 -1
  451. package/cjs/Notification/Notification.d.ts +4 -3
  452. package/cjs/Notification/Notification.js +40 -56
  453. package/cjs/Notification/index.js +0 -0
  454. package/cjs/Pagination/LimitPicker.js +16 -18
  455. package/cjs/Pagination/Pagination.js +58 -81
  456. package/cjs/Pagination/PaginationButton.js +23 -24
  457. package/cjs/Pagination/PaginationGroup.js +44 -60
  458. package/cjs/Pagination/index.js +0 -0
  459. package/cjs/Panel/AccordionButton.js +17 -20
  460. package/cjs/Panel/Panel.js +56 -81
  461. package/cjs/Panel/PanelBody.js +35 -34
  462. package/cjs/Panel/PanelHeader.js +24 -25
  463. package/cjs/Panel/hooks/useExpanded.js +14 -13
  464. package/cjs/Panel/index.js +0 -0
  465. package/cjs/PanelGroup/PanelGroup.js +32 -47
  466. package/cjs/PanelGroup/index.js +1 -1
  467. package/cjs/Placeholder/Placeholder.js +1 -1
  468. package/cjs/Placeholder/PlaceholderGraph.js +24 -33
  469. package/cjs/Placeholder/PlaceholderGrid.js +49 -60
  470. package/cjs/Placeholder/PlaceholderParagraph.js +31 -48
  471. package/cjs/Placeholder/index.js +0 -0
  472. package/cjs/Popover/Popover.js +30 -44
  473. package/cjs/Popover/index.js +0 -0
  474. package/cjs/Progress/Progress.js +1 -1
  475. package/cjs/Progress/ProgressCircle.js +55 -76
  476. package/cjs/Progress/ProgressLine.js +39 -50
  477. package/cjs/Progress/index.js +0 -0
  478. package/cjs/Radio/Radio.js +56 -85
  479. package/cjs/Radio/index.js +0 -0
  480. package/cjs/RadioGroup/RadioGroup.js +40 -60
  481. package/cjs/RadioGroup/index.js +0 -0
  482. package/cjs/RadioTile/RadioTile.js +43 -62
  483. package/cjs/RadioTileGroup/RadioTileGroup.js +32 -47
  484. package/cjs/RangeSlider/RangeSlider.js +116 -141
  485. package/cjs/RangeSlider/index.js +0 -0
  486. package/cjs/Rate/Character.js +33 -46
  487. package/cjs/Rate/Rate.d.ts +4 -4
  488. package/cjs/Rate/Rate.js +72 -105
  489. package/cjs/Rate/index.js +0 -0
  490. package/cjs/Rate/utils.js +8 -8
  491. package/cjs/Row/Row.js +32 -40
  492. package/cjs/Row/index.js +0 -0
  493. package/cjs/SafeAnchor/SafeAnchor.js +14 -20
  494. package/cjs/SafeAnchor/index.js +0 -0
  495. package/cjs/Schema/Schema.js +1 -1
  496. package/cjs/Schema/index.js +0 -0
  497. package/cjs/SelectPicker/SelectPicker.d.ts +0 -1
  498. package/cjs/SelectPicker/SelectPicker.js +131 -169
  499. package/cjs/SelectPicker/index.js +0 -0
  500. package/cjs/Sidebar/Sidebar.js +28 -35
  501. package/cjs/Sidebar/index.js +0 -0
  502. package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts +3 -3
  503. package/cjs/Sidenav/ExpandedSidenavDropdown.js +70 -96
  504. package/cjs/Sidenav/ExpandedSidenavDropdownItem.js +51 -74
  505. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +48 -65
  506. package/cjs/Sidenav/Node.js +26 -37
  507. package/cjs/Sidenav/Sidenav.js +43 -65
  508. package/cjs/Sidenav/SidenavBody.d.ts +1 -1
  509. package/cjs/Sidenav/SidenavBody.js +1 -1
  510. package/cjs/Sidenav/SidenavDropdown.d.ts +3 -3
  511. package/cjs/Sidenav/SidenavDropdown.js +81 -111
  512. package/cjs/Sidenav/SidenavDropdownCollapse.js +22 -30
  513. package/cjs/Sidenav/SidenavDropdownItem.d.ts +1 -1
  514. package/cjs/Sidenav/SidenavDropdownItem.js +57 -75
  515. package/cjs/Sidenav/SidenavDropdownMenu.d.ts +1 -1
  516. package/cjs/Sidenav/SidenavDropdownMenu.js +67 -78
  517. package/cjs/Sidenav/SidenavDropdownToggle.d.ts +2 -2
  518. package/cjs/Sidenav/SidenavDropdownToggle.js +17 -29
  519. package/cjs/Sidenav/SidenavHeader.d.ts +1 -1
  520. package/cjs/Sidenav/SidenavHeader.js +1 -1
  521. package/cjs/Sidenav/SidenavItem.js +64 -82
  522. package/cjs/Sidenav/SidenavToggle.js +20 -29
  523. package/cjs/Sidenav/index.js +0 -0
  524. package/cjs/Slider/Graduated.js +28 -37
  525. package/cjs/Slider/Handle.js +52 -68
  526. package/cjs/Slider/Input.js +10 -7
  527. package/cjs/Slider/Mark.js +16 -24
  528. package/cjs/Slider/ProgressBar.js +24 -34
  529. package/cjs/Slider/Slider.d.ts +0 -26
  530. package/cjs/Slider/Slider.js +77 -118
  531. package/cjs/Slider/index.js +0 -0
  532. package/cjs/Slider/useDrag.js +29 -29
  533. package/cjs/Slider/utils.js +3 -4
  534. package/cjs/Stack/HStack.js +8 -10
  535. package/cjs/Stack/Stack.js +37 -58
  536. package/cjs/Stack/StackItem.d.ts +0 -11
  537. package/cjs/Stack/StackItem.js +25 -36
  538. package/cjs/Stack/VStack.js +9 -12
  539. package/cjs/Stat/Stat.js +20 -25
  540. package/cjs/Stat/StatHelpText.d.ts +1 -1
  541. package/cjs/Stat/StatHelpText.js +1 -1
  542. package/cjs/Stat/StatLabel.js +16 -22
  543. package/cjs/Stat/StatTrend.js +20 -28
  544. package/cjs/Stat/StatValue.js +15 -21
  545. package/cjs/Stat/StatValueUnit.d.ts +1 -1
  546. package/cjs/Stat/StatValueUnit.js +1 -1
  547. package/cjs/StatGroup/StatGroup.js +24 -28
  548. package/cjs/Steps/StepItem.js +31 -43
  549. package/cjs/Steps/Steps.js +33 -45
  550. package/cjs/Steps/index.js +0 -0
  551. package/cjs/Table/Table.js +13 -13
  552. package/cjs/Tabs/Tab.js +1 -9
  553. package/cjs/Tabs/TabPanel.js +13 -14
  554. package/cjs/Tabs/Tabs.js +85 -101
  555. package/cjs/Tag/Tag.d.ts +2 -2
  556. package/cjs/Tag/Tag.js +39 -45
  557. package/cjs/Tag/index.js +0 -0
  558. package/cjs/TagGroup/TagGroup.d.ts +1 -1
  559. package/cjs/TagGroup/TagGroup.js +1 -1
  560. package/cjs/TagGroup/index.js +0 -0
  561. package/cjs/TagInput/index.js +24 -31
  562. package/cjs/TagPicker/index.js +19 -22
  563. package/cjs/Text/Text.js +32 -43
  564. package/cjs/TimePicker/TimePicker.js +11 -14
  565. package/cjs/TimeRangePicker/TimeRangePicker.js +9 -7
  566. package/cjs/Timeline/Timeline.js +33 -48
  567. package/cjs/Timeline/TimelineItem.js +18 -28
  568. package/cjs/Timeline/index.js +0 -0
  569. package/cjs/Toggle/Toggle.js +45 -70
  570. package/cjs/Toggle/index.js +0 -0
  571. package/cjs/Tooltip/Tooltip.d.ts +2 -2
  572. package/cjs/Tooltip/Tooltip.js +24 -33
  573. package/cjs/Tooltip/index.js +0 -0
  574. package/cjs/Tree/IndentLine.js +4 -3
  575. package/cjs/Tree/Tree.js +63 -66
  576. package/cjs/Tree/TreeNode.js +62 -61
  577. package/cjs/Tree/TreeNodeToggle.js +19 -16
  578. package/cjs/Tree/TreeView.js +175 -186
  579. package/cjs/Tree/hooks/useExpandTree.js +33 -38
  580. package/cjs/Tree/hooks/useFlattenTree.js +31 -34
  581. package/cjs/Tree/hooks/useFocusTree.d.ts +1 -1
  582. package/cjs/Tree/hooks/useFocusTree.js +77 -81
  583. package/cjs/Tree/hooks/useForceUpdate.js +2 -3
  584. package/cjs/Tree/hooks/useTreeDrag.js +86 -86
  585. package/cjs/Tree/hooks/useTreeNodeProps.js +52 -48
  586. package/cjs/Tree/hooks/useTreeNodeRefs.d.ts +1 -1
  587. package/cjs/Tree/hooks/useTreeNodeRefs.js +3 -3
  588. package/cjs/Tree/hooks/useTreeSearch.js +33 -39
  589. package/cjs/Tree/hooks/useTreeWithChildren.js +21 -35
  590. package/cjs/Tree/hooks/useVirtualizedTreeData.js +25 -22
  591. package/cjs/Tree/index.js +0 -0
  592. package/cjs/Tree/types.js +1 -1
  593. package/cjs/Tree/utils/flattenTree.js +16 -24
  594. package/cjs/Tree/utils/focusableTree.js +66 -59
  595. package/cjs/Tree/utils/formatNodeRefKey.js +1 -1
  596. package/cjs/Tree/utils/getExpandItemValues.js +7 -5
  597. package/cjs/Tree/utils/getNodeParentKeys.js +4 -4
  598. package/cjs/Tree/utils/getTreeActiveNode.js +2 -2
  599. package/cjs/Tree/utils/hasVisibleChildren.js +1 -3
  600. package/cjs/Tree/utils/indentTreeNode.js +7 -5
  601. package/cjs/Tree/utils/treeKeyboardInteractions.js +13 -9
  602. package/cjs/TreePicker/TreePicker.js +172 -182
  603. package/cjs/TreePicker/hooks/useFocusState.js +17 -19
  604. package/cjs/TreePicker/index.js +0 -0
  605. package/cjs/Uploader/UploadFileItem.js +70 -92
  606. package/cjs/Uploader/UploadTrigger.js +52 -90
  607. package/cjs/Uploader/Uploader.js +156 -216
  608. package/cjs/Uploader/index.js +0 -0
  609. package/cjs/Uploader/utils/ajaxUpload.js +27 -28
  610. package/cjs/Uploader/utils/previewFile.js +3 -3
  611. package/cjs/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  612. package/cjs/VisuallyHidden/VisuallyHidden.js +1 -1
  613. package/cjs/Whisper/Whisper.js +14 -32
  614. package/cjs/Whisper/index.js +0 -0
  615. package/cjs/index.js +1 -1
  616. package/cjs/internals/CloseButton/CloseButton.js +19 -18
  617. package/cjs/internals/Disclosure/Disclosure.js +42 -42
  618. package/cjs/internals/Disclosure/DisclosureButton.js +16 -13
  619. package/cjs/internals/Disclosure/DisclosureContent.js +9 -5
  620. package/cjs/internals/Disclosure/DisclosureContext.js +2 -2
  621. package/cjs/internals/Disclosure/useDisclosureContext.js +2 -2
  622. package/cjs/internals/Menu/Menu.d.ts +1 -5
  623. package/cjs/internals/Menu/Menu.js +80 -80
  624. package/cjs/internals/Menu/MenuContext.js +3 -3
  625. package/cjs/internals/Menu/MenuItem.d.ts +0 -7
  626. package/cjs/internals/Menu/MenuItem.js +22 -30
  627. package/cjs/internals/Menu/Menubar.js +25 -25
  628. package/cjs/internals/Menu/useMenu.js +75 -69
  629. package/cjs/internals/Overlay/Modal.d.ts +6 -20
  630. package/cjs/internals/Overlay/Modal.js +78 -117
  631. package/cjs/internals/Overlay/ModalManager.js +22 -28
  632. package/cjs/internals/Overlay/Overlay.d.ts +2 -23
  633. package/cjs/internals/Overlay/Overlay.js +57 -76
  634. package/cjs/internals/Overlay/OverlayContext.js +1 -1
  635. package/cjs/internals/Overlay/OverlayTrigger.d.ts +2 -2
  636. package/cjs/internals/Overlay/OverlayTrigger.js +139 -152
  637. package/cjs/internals/Overlay/Position.d.ts +2 -2
  638. package/cjs/internals/Overlay/Position.js +63 -86
  639. package/cjs/internals/Overlay/positionUtils.d.ts +2 -2
  640. package/cjs/internals/Overlay/positionUtils.js +114 -107
  641. package/cjs/internals/Picker/ListCheckItem.js +44 -49
  642. package/cjs/internals/Picker/ListItem.js +32 -35
  643. package/cjs/internals/Picker/ListItemGroup.js +16 -19
  644. package/cjs/internals/Picker/Listbox.d.ts +1 -1
  645. package/cjs/internals/Picker/Listbox.js +99 -119
  646. package/cjs/internals/Picker/PickerIndicator.js +21 -17
  647. package/cjs/internals/Picker/PickerLabel.js +7 -8
  648. package/cjs/internals/Picker/PickerPopup.js +26 -30
  649. package/cjs/internals/Picker/PickerToggle.d.ts +2 -2
  650. package/cjs/internals/Picker/PickerToggle.js +50 -57
  651. package/cjs/internals/Picker/PickerToggleTrigger.d.ts +2 -2
  652. package/cjs/internals/Picker/PickerToggleTrigger.js +21 -22
  653. package/cjs/internals/Picker/SelectedElement.js +19 -18
  654. package/cjs/internals/Picker/ToggleButton.js +1 -1
  655. package/cjs/internals/Picker/hooks/useCombobox.js +10 -9
  656. package/cjs/internals/Picker/hooks/useFocusItemValue.js +92 -98
  657. package/cjs/internals/Picker/hooks/usePickerClassName.d.ts +2 -2
  658. package/cjs/internals/Picker/hooks/usePickerClassName.js +30 -21
  659. package/cjs/internals/Picker/hooks/usePickerRef.js +23 -19
  660. package/cjs/internals/Picker/hooks/useSearch.js +19 -23
  661. package/cjs/internals/Picker/hooks/useToggleKeyDownEvent.js +21 -20
  662. package/cjs/internals/Picker/index.d.ts +0 -1
  663. package/cjs/internals/Picker/index.js +1 -8
  664. package/cjs/internals/Picker/utils.js +19 -18
  665. package/cjs/internals/Plaintext/Plaintext.js +18 -20
  666. package/cjs/internals/Ripple/Ripple.js +42 -51
  667. package/cjs/internals/ScrollView/ScrollView.js +31 -30
  668. package/cjs/internals/ScrollView/hooks/useScrollState.d.ts +1 -1
  669. package/cjs/internals/ScrollView/hooks/useScrollState.js +16 -18
  670. package/cjs/internals/SearchBox/SearchBox.js +19 -22
  671. package/cjs/internals/Tree/TreeProvider.d.ts +4 -1
  672. package/cjs/internals/Tree/TreeProvider.js +49 -37
  673. package/cjs/internals/Tree/TreeView.js +28 -25
  674. package/cjs/internals/Tree/utils/filterNodesOfTree.js +6 -6
  675. package/cjs/internals/Tree/utils/findNodeOfTree.js +5 -5
  676. package/cjs/internals/Tree/utils/getParentMap.js +10 -15
  677. package/cjs/internals/Tree/utils/getPathTowardsItem.js +2 -2
  678. package/cjs/internals/Windowing/AutoSizer.js +35 -35
  679. package/cjs/internals/Windowing/List.d.ts +1 -1
  680. package/cjs/internals/Windowing/List.js +43 -46
  681. package/cjs/internals/Windowing/index.js +1 -1
  682. package/cjs/internals/constants/index.js +12 -12
  683. package/cjs/internals/constants/statusIcons.js +2 -2
  684. package/cjs/internals/hooks/useClassNames.d.ts +1 -2
  685. package/cjs/internals/hooks/useClassNames.js +16 -26
  686. package/cjs/internals/hooks/useClickOutside.js +11 -10
  687. package/cjs/internals/hooks/useControlled.js +4 -6
  688. package/cjs/internals/hooks/useElementResize.js +4 -4
  689. package/cjs/internals/hooks/useEnsuredRef.js +1 -1
  690. package/cjs/internals/hooks/useEventCallback.js +3 -3
  691. package/cjs/internals/hooks/useEventListener.js +4 -4
  692. package/cjs/internals/hooks/useFocus.js +7 -7
  693. package/cjs/internals/hooks/useFocusVirtualListItem.js +5 -5
  694. package/cjs/internals/hooks/useInternalId.js +2 -2
  695. package/cjs/internals/hooks/useIsMounted.js +4 -6
  696. package/cjs/internals/hooks/useIsomorphicLayoutEffect.js +1 -1
  697. package/cjs/internals/hooks/useMap.js +8 -12
  698. package/cjs/internals/hooks/useMount.js +4 -3
  699. package/cjs/internals/hooks/usePortal.js +21 -25
  700. package/cjs/internals/hooks/useRootClose.js +16 -15
  701. package/cjs/internals/hooks/useTimeout.js +8 -8
  702. package/cjs/internals/hooks/useToggleCaret.d.ts +2 -2
  703. package/cjs/internals/hooks/useToggleCaret.js +5 -4
  704. package/cjs/internals/hooks/useUniqueId.js +3 -15
  705. package/cjs/internals/hooks/useUpdateEffect.js +4 -4
  706. package/cjs/internals/hooks/useUpdatedRef.js +1 -1
  707. package/cjs/internals/hooks/useWillUnmount.js +2 -8
  708. package/cjs/internals/symbols.d.ts +1 -0
  709. package/cjs/internals/symbols.js +4 -3
  710. package/cjs/internals/types/colours.d.ts +10 -0
  711. package/cjs/internals/types/colours.js +15 -0
  712. package/cjs/internals/types/index.d.ts +29 -26
  713. package/cjs/internals/types/index.js +13 -1
  714. package/cjs/internals/types/placement.d.ts +5 -0
  715. package/cjs/internals/types/placement.js +4 -0
  716. package/cjs/internals/utils/BrowserDetection.d.ts +0 -10
  717. package/cjs/internals/utils/BrowserDetection.js +5 -61
  718. package/cjs/internals/utils/ReactChildren.js +23 -27
  719. package/cjs/internals/utils/colours.d.ts +21 -0
  720. package/cjs/internals/utils/colours.js +86 -0
  721. package/cjs/internals/utils/composeFunctions.js +1 -5
  722. package/cjs/internals/utils/createChainedFunction.js +1 -3
  723. package/cjs/internals/utils/createComponent.d.ts +1 -1
  724. package/cjs/internals/utils/createComponent.js +22 -28
  725. package/cjs/internals/utils/css.d.ts +16 -0
  726. package/cjs/internals/utils/css.js +61 -0
  727. package/cjs/internals/utils/date/copyTime.js +14 -13
  728. package/cjs/internals/utils/date/disableTime.js +13 -13
  729. package/cjs/internals/utils/date/extractTimeFormat.js +1 -1
  730. package/cjs/internals/utils/date/formatCheck.js +10 -15
  731. package/cjs/internals/utils/date/getWeekKeys.js +1 -1
  732. package/cjs/internals/utils/date/getWeekStartDates.js +14 -14
  733. package/cjs/internals/utils/date/index.d.ts +46 -46
  734. package/cjs/internals/utils/date/index.js +92 -93
  735. package/cjs/internals/utils/date/omitHideDisabledProps.js +2 -5
  736. package/cjs/internals/utils/date/reverseDateRangeOmitTime.js +1 -2
  737. package/cjs/internals/utils/date/types.js +2 -2
  738. package/cjs/internals/utils/date/useDateMode.js +8 -7
  739. package/cjs/internals/utils/deprecateComponent.js +3 -3
  740. package/cjs/internals/utils/dom.js +2 -6
  741. package/cjs/internals/utils/getDOMNode.js +4 -4
  742. package/cjs/internals/utils/getDataGroupBy.js +11 -13
  743. package/cjs/internals/utils/getSafeRegExpString.js +2 -1
  744. package/cjs/internals/utils/getStringLength.js +2 -2
  745. package/cjs/internals/utils/htmlPropsUtils.js +15 -15
  746. package/cjs/internals/utils/index.d.ts +2 -0
  747. package/cjs/internals/utils/index.js +14 -0
  748. package/cjs/internals/utils/mergeRefs.js +5 -7
  749. package/cjs/internals/utils/placementPolyfill.js +1 -3
  750. package/cjs/internals/utils/prefix.js +8 -12
  751. package/cjs/internals/utils/safeSetSelection.js +2 -4
  752. package/cjs/internals/utils/shallowEqual.js +5 -5
  753. package/cjs/internals/utils/stringifyReactNode.js +6 -6
  754. package/cjs/internals/utils/tplTransform.js +4 -10
  755. package/cjs/internals/utils/warnOnce.js +3 -3
  756. package/cjs/locales/ar_EG.js +12 -12
  757. package/cjs/locales/ca_ES.d.ts +4 -4
  758. package/cjs/locales/ca_ES.js +12 -12
  759. package/cjs/locales/cs_CZ.js +12 -12
  760. package/cjs/locales/da_DK.js +12 -12
  761. package/cjs/locales/de_DE.js +12 -12
  762. package/cjs/locales/en_GB.js +12 -12
  763. package/cjs/locales/en_US.js +12 -12
  764. package/cjs/locales/es_AR.js +12 -12
  765. package/cjs/locales/es_ES.js +12 -12
  766. package/cjs/locales/fa_IR.js +12 -12
  767. package/cjs/locales/fi_FI.js +12 -12
  768. package/cjs/locales/fr_FR.js +12 -12
  769. package/cjs/locales/hu_HU.js +12 -12
  770. package/cjs/locales/it_IT.js +12 -12
  771. package/cjs/locales/ja_JP.js +12 -12
  772. package/cjs/locales/kk_KZ.js +12 -12
  773. package/cjs/locales/ko_KR.js +12 -12
  774. package/cjs/locales/ne_NP.js +12 -12
  775. package/cjs/locales/nl_NL.js +12 -12
  776. package/cjs/locales/pt_BR.js +12 -12
  777. package/cjs/locales/ru_RU.js +12 -12
  778. package/cjs/locales/sv_SE.js +12 -12
  779. package/cjs/locales/tr_TR.js +12 -12
  780. package/cjs/locales/zh_CN.js +12 -12
  781. package/cjs/locales/zh_TW.js +12 -12
  782. package/cjs/toaster/ToastContainer.d.ts +2 -2
  783. package/cjs/toaster/ToastContainer.js +106 -130
  784. package/cjs/toaster/ToastContext.js +1 -1
  785. package/cjs/toaster/hooks/useDelayedClosure.js +20 -17
  786. package/cjs/toaster/render.d.ts +0 -1
  787. package/cjs/toaster/render.js +12 -30
  788. package/cjs/toaster/toaster.js +29 -56
  789. package/cjs/useBreakpointValue/useBreakpointValue.js +7 -6
  790. package/cjs/useMediaQuery/useMediaQuery.d.ts +1 -7
  791. package/cjs/useMediaQuery/useMediaQuery.js +18 -81
  792. package/cjs/useToaster/useToaster.js +42 -43
  793. package/dist/rsuite-no-reset-rtl.css +656 -3131
  794. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  795. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  796. package/dist/rsuite-no-reset.css +656 -3131
  797. package/dist/rsuite-no-reset.min.css +1 -1
  798. package/dist/rsuite-no-reset.min.css.map +1 -1
  799. package/dist/rsuite-rtl.css +669 -3154
  800. package/dist/rsuite-rtl.min.css +1 -1
  801. package/dist/rsuite-rtl.min.css.map +1 -1
  802. package/dist/rsuite.css +669 -3154
  803. package/dist/rsuite.js +3345 -3618
  804. package/dist/rsuite.js.map +1 -1
  805. package/dist/rsuite.min.css +1 -1
  806. package/dist/rsuite.min.css.map +1 -1
  807. package/dist/rsuite.min.js +1 -1
  808. package/dist/rsuite.min.js.LICENSE.txt +0 -2
  809. package/dist/rsuite.min.js.map +1 -1
  810. package/esm/Accordion/Accordion.js +4 -3
  811. package/esm/Affix/Affix.d.ts +1 -1
  812. package/esm/Affix/Affix.js +54 -65
  813. package/esm/Affix/index.js +0 -0
  814. package/esm/Animation/Bounce.js +11 -10
  815. package/esm/Animation/Collapse.js +40 -48
  816. package/esm/Animation/Fade.js +13 -12
  817. package/esm/Animation/Slide.js +14 -14
  818. package/esm/Animation/Transition.d.ts +1 -40
  819. package/esm/Animation/Transition.js +97 -115
  820. package/esm/Animation/index.js +6 -6
  821. package/esm/Animation/utils.d.ts +0 -9
  822. package/esm/Animation/utils.js +2 -11
  823. package/esm/AutoComplete/AutoComplete.d.ts +2 -2
  824. package/esm/AutoComplete/AutoComplete.js +85 -126
  825. package/esm/AutoComplete/Combobox.js +11 -10
  826. package/esm/AutoComplete/index.js +0 -0
  827. package/esm/AutoComplete/utils.js +5 -5
  828. package/esm/Avatar/Avatar.js +50 -72
  829. package/esm/Avatar/AvatarIcon.js +12 -14
  830. package/esm/Avatar/index.js +0 -0
  831. package/esm/Avatar/useImage.js +19 -19
  832. package/esm/AvatarGroup/AvatarGroup.js +30 -42
  833. package/esm/AvatarGroup/index.js +0 -0
  834. package/esm/Badge/Badge.d.ts +40 -5
  835. package/esm/Badge/Badge.js +46 -49
  836. package/esm/Badge/index.js +0 -0
  837. package/esm/Breadcrumb/Breadcrumb.js +33 -48
  838. package/esm/Breadcrumb/BreadcrumbItem.d.ts +1 -1
  839. package/esm/Breadcrumb/BreadcrumbItem.js +21 -34
  840. package/esm/Breadcrumb/index.js +0 -0
  841. package/esm/Button/Button.d.ts +5 -1
  842. package/esm/Button/Button.js +60 -65
  843. package/esm/Button/index.js +0 -0
  844. package/esm/ButtonGroup/ButtonGroup.js +27 -43
  845. package/esm/ButtonGroup/ButtonGroupContext.js +1 -1
  846. package/esm/ButtonGroup/index.js +0 -0
  847. package/esm/ButtonToolbar/ButtonToolbar.js +17 -23
  848. package/esm/ButtonToolbar/index.js +0 -0
  849. package/esm/Calendar/Calendar.js +46 -66
  850. package/esm/Calendar/CalendarBody.js +26 -26
  851. package/esm/Calendar/CalendarContainer.js +87 -94
  852. package/esm/Calendar/CalendarHeader.js +49 -49
  853. package/esm/Calendar/CalendarProvider.js +2 -2
  854. package/esm/Calendar/Grid/Grid.js +22 -25
  855. package/esm/Calendar/Grid/GridCell.js +39 -37
  856. package/esm/Calendar/Grid/GridHeaderRow.js +27 -29
  857. package/esm/Calendar/Grid/GridRow.js +47 -52
  858. package/esm/Calendar/MonthDropdown/MonthDropdown.js +61 -62
  859. package/esm/Calendar/MonthDropdown/MonthDropdownItem.js +35 -38
  860. package/esm/Calendar/TimeDropdown/TimeColumn.js +7 -7
  861. package/esm/Calendar/TimeDropdown/TimeDropdown.js +63 -63
  862. package/esm/Calendar/TimeDropdown/utils/formatWithLeadingZero.js +1 -1
  863. package/esm/Calendar/TimeDropdown/utils/getClockTime.js +7 -5
  864. package/esm/Calendar/TimeDropdown/utils/getTimeLimits.js +3 -3
  865. package/esm/Calendar/TimeDropdown/utils/scrollToTime.js +6 -7
  866. package/esm/Calendar/hooks/useCalendar.js +1 -1
  867. package/esm/Calendar/hooks/useCalendarDate.d.ts +1 -1
  868. package/esm/Calendar/hooks/useCalendarDate.js +9 -11
  869. package/esm/Calendar/hooks/useCalendarState.js +16 -18
  870. package/esm/Calendar/utils/isEveryDateInMonth.js +2 -2
  871. package/esm/Card/Card.js +30 -39
  872. package/esm/Card/CardBody.d.ts +1 -1
  873. package/esm/Card/CardBody.js +1 -1
  874. package/esm/Card/CardFooter.d.ts +1 -1
  875. package/esm/Card/CardFooter.js +1 -1
  876. package/esm/Card/CardHeader.d.ts +1 -1
  877. package/esm/Card/CardHeader.js +1 -1
  878. package/esm/CardGroup/CardGroup.js +24 -28
  879. package/esm/Carousel/Carousel.js +72 -94
  880. package/esm/Carousel/index.js +0 -0
  881. package/esm/CascadeTree/CascadeTree.d.ts +0 -1
  882. package/esm/CascadeTree/CascadeTree.js +92 -104
  883. package/esm/CascadeTree/SearchView.js +47 -52
  884. package/esm/CascadeTree/TreeView.js +83 -91
  885. package/esm/CascadeTree/hooks/usePaths.js +18 -19
  886. package/esm/CascadeTree/hooks/useSearch.js +22 -22
  887. package/esm/CascadeTree/hooks/useSelect.js +26 -24
  888. package/esm/CascadeTree/utils.js +10 -8
  889. package/esm/Cascader/Cascader.d.ts +0 -1
  890. package/esm/Cascader/Cascader.js +202 -239
  891. package/esm/Cascader/index.js +0 -0
  892. package/esm/Cascader/useActive.js +15 -15
  893. package/esm/CheckPicker/CheckPicker.d.ts +0 -1
  894. package/esm/CheckPicker/CheckPicker.js +146 -200
  895. package/esm/CheckPicker/index.js +0 -0
  896. package/esm/CheckTree/CheckTree.js +68 -73
  897. package/esm/CheckTree/CheckTreeNode.js +52 -50
  898. package/esm/CheckTree/CheckTreeView.js +174 -181
  899. package/esm/CheckTree/hooks/useTreeCheckState.js +26 -25
  900. package/esm/CheckTree/hooks/useTreeNodeProps.js +39 -36
  901. package/esm/CheckTree/hooks/useTreeValue.js +6 -7
  902. package/esm/CheckTree/utils.js +62 -65
  903. package/esm/CheckTreePicker/CheckTreePicker.js +170 -185
  904. package/esm/CheckTreePicker/hooks/useFocusState.js +13 -15
  905. package/esm/CheckTreePicker/index.js +0 -0
  906. package/esm/Checkbox/Checkbox.js +64 -101
  907. package/esm/Checkbox/index.js +0 -0
  908. package/esm/CheckboxGroup/CheckboxGroup.js +39 -61
  909. package/esm/CheckboxGroup/CheckboxGroupContext.js +1 -1
  910. package/esm/CheckboxGroup/index.js +0 -0
  911. package/esm/Col/Col.js +32 -66
  912. package/esm/Col/index.js +0 -0
  913. package/esm/Container/Container.d.ts +1 -1
  914. package/esm/Container/Container.js +21 -31
  915. package/esm/Container/index.js +0 -0
  916. package/esm/Content/Content.d.ts +1 -1
  917. package/esm/Content/Content.js +1 -1
  918. package/esm/Content/index.js +0 -0
  919. package/esm/CustomProvider/CustomProvider.d.ts +19 -17
  920. package/esm/CustomProvider/CustomProvider.js +47 -55
  921. package/esm/CustomProvider/FormattedDate.js +7 -4
  922. package/esm/CustomProvider/FormattedNumber.js +8 -7
  923. package/esm/CustomProvider/useCustom.js +44 -47
  924. package/esm/DOMHelper/index.js +4 -4
  925. package/esm/DOMHelper/isElement.js +1 -1
  926. package/esm/DateInput/DateField.js +101 -102
  927. package/esm/DateInput/DateInput.js +119 -134
  928. package/esm/DateInput/hooks/useDateInputState.js +55 -49
  929. package/esm/DateInput/hooks/useFieldCursor.js +16 -16
  930. package/esm/DateInput/hooks/useIsFocused.js +9 -9
  931. package/esm/DateInput/hooks/useKeyboardInputEvent.js +10 -7
  932. package/esm/DateInput/hooks/useSelectedState.js +4 -6
  933. package/esm/DateInput/utils.d.ts +1 -1
  934. package/esm/DateInput/utils.js +76 -71
  935. package/esm/DatePicker/DatePicker.js +188 -223
  936. package/esm/DatePicker/PredefinedRanges.js +23 -28
  937. package/esm/DatePicker/Toolbar.d.ts +1 -1
  938. package/esm/DatePicker/Toolbar.js +28 -26
  939. package/esm/DatePicker/hooks/useCustomizedInput.d.ts +1 -1
  940. package/esm/DatePicker/hooks/useCustomizedInput.js +21 -26
  941. package/esm/DatePicker/hooks/useFocus.js +45 -39
  942. package/esm/DatePicker/hooks/useMonthView.js +8 -8
  943. package/esm/DatePicker/utils.d.ts +0 -7
  944. package/esm/DatePicker/utils.js +26 -34
  945. package/esm/DateRangeInput/DateRangeInput.js +130 -151
  946. package/esm/DateRangeInput/utils.js +50 -49
  947. package/esm/DateRangePicker/Calendar.js +23 -28
  948. package/esm/DateRangePicker/DateRangePicker.js +259 -322
  949. package/esm/DateRangePicker/DateRangePickerProvider.js +3 -3
  950. package/esm/DateRangePicker/Header.js +20 -23
  951. package/esm/DateRangePicker/disabledDateUtils.js +16 -34
  952. package/esm/DateRangePicker/hooks/useCalendarHandlers.js +14 -14
  953. package/esm/DateRangePicker/hooks/useDateDisabled.js +10 -6
  954. package/esm/DateRangePicker/hooks/useDateRangePicker.js +1 -1
  955. package/esm/DateRangePicker/index.js +1 -1
  956. package/esm/DateRangePicker/utils.js +20 -19
  957. package/esm/Divider/Divider.js +18 -26
  958. package/esm/Divider/index.js +0 -0
  959. package/esm/Drawer/Drawer.d.ts +2 -2
  960. package/esm/Drawer/Drawer.js +19 -29
  961. package/esm/Drawer/DrawerActions.d.ts +1 -1
  962. package/esm/Drawer/DrawerActions.js +1 -1
  963. package/esm/Drawer/DrawerBody.js +1 -1
  964. package/esm/Drawer/DrawerFooter.js +1 -1
  965. package/esm/Drawer/DrawerHeader.js +1 -1
  966. package/esm/Drawer/DrawerTitle.js +1 -1
  967. package/esm/Drawer/index.js +0 -0
  968. package/esm/Dropdown/Dropdown.d.ts +3 -3
  969. package/esm/Dropdown/Dropdown.js +73 -105
  970. package/esm/Dropdown/DropdownContext.d.ts +1 -1
  971. package/esm/Dropdown/DropdownContext.js +1 -1
  972. package/esm/Dropdown/DropdownItem.js +53 -72
  973. package/esm/Dropdown/DropdownMenu.d.ts +2 -2
  974. package/esm/Dropdown/DropdownMenu.js +76 -94
  975. package/esm/Dropdown/DropdownSeparator.js +11 -16
  976. package/esm/Dropdown/DropdownState.js +22 -22
  977. package/esm/Dropdown/DropdownToggle.d.ts +2 -2
  978. package/esm/Dropdown/DropdownToggle.js +20 -34
  979. package/esm/Dropdown/index.js +0 -0
  980. package/esm/Dropdown/useRenderDropdownItem.js +1 -1
  981. package/esm/FlexboxGrid/FlexboxGrid.js +17 -27
  982. package/esm/FlexboxGrid/FlexboxGridItem.js +17 -26
  983. package/esm/FlexboxGrid/index.js +0 -0
  984. package/esm/Footer/Footer.d.ts +1 -1
  985. package/esm/Footer/Footer.js +1 -1
  986. package/esm/Footer/index.js +0 -0
  987. package/esm/Form/Form.js +105 -130
  988. package/esm/Form/FormContext.js +4 -4
  989. package/esm/Form/hooks/useFormClassNames.js +15 -14
  990. package/esm/Form/hooks/useFormRef.js +9 -7
  991. package/esm/Form/hooks/useFormValidate.js +77 -77
  992. package/esm/Form/hooks/useFormValue.js +22 -19
  993. package/esm/Form/hooks/useSchemaModel.js +31 -33
  994. package/esm/FormControl/FormControl.d.ts +3 -3
  995. package/esm/FormControl/FormControl.js +81 -95
  996. package/esm/FormControl/hooks/useField.js +23 -18
  997. package/esm/FormControl/hooks/useRegisterModel.js +7 -6
  998. package/esm/FormControl/index.js +0 -0
  999. package/esm/FormControlLabel/FormControlLabel.js +21 -28
  1000. package/esm/FormControlLabel/index.js +0 -0
  1001. package/esm/FormErrorMessage/FormErrorMessage.d.ts +2 -2
  1002. package/esm/FormErrorMessage/FormErrorMessage.js +24 -34
  1003. package/esm/FormErrorMessage/index.js +0 -0
  1004. package/esm/FormGroup/FormGroup.js +31 -39
  1005. package/esm/FormHelpText/FormHelpText.js +22 -29
  1006. package/esm/FormHelpText/index.js +0 -0
  1007. package/esm/Grid/Grid.js +18 -25
  1008. package/esm/Grid/index.js +0 -0
  1009. package/esm/Header/Header.d.ts +1 -1
  1010. package/esm/Header/Header.js +1 -1
  1011. package/esm/Header/index.js +0 -0
  1012. package/esm/Heading/Heading.js +17 -24
  1013. package/esm/HeadingGroup/HeadingGroup.d.ts +1 -1
  1014. package/esm/HeadingGroup/HeadingGroup.js +1 -1
  1015. package/esm/Highlight/Highlight.js +21 -28
  1016. package/esm/Highlight/utils/highlightText.js +10 -10
  1017. package/esm/IconButton/IconButton.js +19 -29
  1018. package/esm/IconButton/index.js +0 -0
  1019. package/esm/Image/Image.js +59 -66
  1020. package/esm/Image/ImageWrapper.d.ts +1 -1
  1021. package/esm/Image/ImageWrapper.js +1 -1
  1022. package/esm/Image/hooks/useImage.js +24 -28
  1023. package/esm/InlineEdit/EditableControls.js +6 -6
  1024. package/esm/InlineEdit/InlineEdit.d.ts +3 -3
  1025. package/esm/InlineEdit/InlineEdit.js +52 -70
  1026. package/esm/InlineEdit/renderChildren.js +19 -20
  1027. package/esm/InlineEdit/useEditState.js +23 -29
  1028. package/esm/InlineEdit/useFocusEvent.js +17 -15
  1029. package/esm/Input/Input.js +40 -59
  1030. package/esm/Input/index.js +0 -0
  1031. package/esm/InputGroup/InputGroup.js +33 -47
  1032. package/esm/InputGroup/InputGroupAddon.js +14 -21
  1033. package/esm/InputGroup/InputGroupButton.js +14 -13
  1034. package/esm/InputGroup/index.js +0 -0
  1035. package/esm/InputNumber/InputNumber.js +72 -106
  1036. package/esm/InputNumber/index.js +0 -0
  1037. package/esm/InputPicker/InputAutosize.js +48 -65
  1038. package/esm/InputPicker/InputPicker.js +241 -290
  1039. package/esm/InputPicker/InputPickerContext.js +2 -2
  1040. package/esm/InputPicker/InputSearch.js +21 -24
  1041. package/esm/InputPicker/TagList.js +14 -13
  1042. package/esm/InputPicker/TextBox.js +21 -21
  1043. package/esm/InputPicker/hooks/useData.js +14 -18
  1044. package/esm/InputPicker/hooks/useInput.js +15 -13
  1045. package/esm/InputPicker/hooks/useMaxWidth.js +2 -5
  1046. package/esm/InputPicker/utils.js +1 -1
  1047. package/esm/List/List.js +53 -77
  1048. package/esm/List/ListContext.js +4 -6
  1049. package/esm/List/ListItem.js +38 -45
  1050. package/esm/List/helper/AutoScroller.js +35 -35
  1051. package/esm/List/helper/useManager.js +14 -18
  1052. package/esm/List/helper/useSortHelper.js +87 -100
  1053. package/esm/List/helper/utils.js +11 -16
  1054. package/esm/List/index.js +0 -0
  1055. package/esm/Loader/Loader.js +27 -42
  1056. package/esm/Loader/index.js +0 -0
  1057. package/esm/MaskedInput/MaskedInput.js +8 -5
  1058. package/esm/MaskedInput/TextMask.js +28 -42
  1059. package/esm/MaskedInput/adjustCaretPosition.js +64 -82
  1060. package/esm/MaskedInput/conformToMask.js +52 -56
  1061. package/esm/MaskedInput/createTextMaskInputElement.js +61 -57
  1062. package/esm/MaskedInput/index.js +0 -0
  1063. package/esm/MaskedInput/types.js +0 -0
  1064. package/esm/MaskedInput/utilities.js +8 -8
  1065. package/esm/Message/Message.js +49 -69
  1066. package/esm/Message/index.js +0 -0
  1067. package/esm/Modal/Modal.js +90 -117
  1068. package/esm/Modal/ModalBody.js +27 -30
  1069. package/esm/Modal/ModalContext.js +1 -1
  1070. package/esm/Modal/ModalDialog.d.ts +0 -10
  1071. package/esm/Modal/ModalDialog.js +24 -39
  1072. package/esm/Modal/ModalFooter.d.ts +1 -1
  1073. package/esm/Modal/ModalFooter.js +1 -1
  1074. package/esm/Modal/ModalHeader.js +22 -31
  1075. package/esm/Modal/ModalTitle.js +15 -23
  1076. package/esm/Modal/utils.js +26 -29
  1077. package/esm/MultiCascadeTree/MultiCascadeTree.js +76 -80
  1078. package/esm/MultiCascadeTree/SearchView.js +51 -56
  1079. package/esm/MultiCascadeTree/TreeView.js +84 -99
  1080. package/esm/MultiCascadeTree/hooks/useCascadeValue.js +68 -100
  1081. package/esm/MultiCascadeTree/hooks/useColumnData.js +10 -16
  1082. package/esm/MultiCascadeTree/hooks/useFlattenData.js +10 -10
  1083. package/esm/MultiCascadeTree/hooks/useSearch.js +17 -19
  1084. package/esm/MultiCascadeTree/hooks/useSelect.js +37 -35
  1085. package/esm/MultiCascadeTree/utils.js +40 -45
  1086. package/esm/MultiCascader/MultiCascader.js +189 -224
  1087. package/esm/MultiCascader/index.js +0 -0
  1088. package/esm/Nav/AdaptiveNavItem.js +11 -12
  1089. package/esm/Nav/Nav.js +51 -72
  1090. package/esm/Nav/NavContext.js +1 -1
  1091. package/esm/Nav/NavDropdown.d.ts +3 -3
  1092. package/esm/Nav/NavDropdown.js +62 -92
  1093. package/esm/Nav/NavDropdownItem.js +55 -71
  1094. package/esm/Nav/NavDropdownMenu.d.ts +1 -1
  1095. package/esm/Nav/NavDropdownMenu.js +64 -78
  1096. package/esm/Nav/NavDropdownToggle.d.ts +2 -2
  1097. package/esm/Nav/NavDropdownToggle.js +19 -30
  1098. package/esm/Nav/NavItem.js +33 -48
  1099. package/esm/Nav/NavMenu.js +17 -19
  1100. package/esm/Nav/index.js +0 -0
  1101. package/esm/Navbar/Navbar.js +17 -18
  1102. package/esm/Navbar/NavbarBody.d.ts +1 -1
  1103. package/esm/Navbar/NavbarBody.js +1 -1
  1104. package/esm/Navbar/NavbarBrand.d.ts +1 -1
  1105. package/esm/Navbar/NavbarBrand.js +1 -1
  1106. package/esm/Navbar/NavbarDropdown.d.ts +3 -3
  1107. package/esm/Navbar/NavbarDropdown.js +51 -78
  1108. package/esm/Navbar/NavbarDropdownItem.js +49 -71
  1109. package/esm/Navbar/NavbarDropdownMenu.d.ts +1 -1
  1110. package/esm/Navbar/NavbarDropdownMenu.js +58 -74
  1111. package/esm/Navbar/NavbarDropdownToggle.d.ts +2 -2
  1112. package/esm/Navbar/NavbarDropdownToggle.js +18 -30
  1113. package/esm/Navbar/NavbarHeader.d.ts +1 -1
  1114. package/esm/Navbar/NavbarHeader.js +1 -1
  1115. package/esm/Navbar/NavbarItem.js +30 -44
  1116. package/esm/Notification/Notification.d.ts +4 -3
  1117. package/esm/Notification/Notification.js +38 -54
  1118. package/esm/Notification/index.js +0 -0
  1119. package/esm/Pagination/LimitPicker.js +15 -17
  1120. package/esm/Pagination/Pagination.js +58 -81
  1121. package/esm/Pagination/PaginationButton.js +23 -24
  1122. package/esm/Pagination/PaginationGroup.js +44 -60
  1123. package/esm/Pagination/index.js +0 -0
  1124. package/esm/Panel/AccordionButton.js +17 -20
  1125. package/esm/Panel/Panel.js +54 -79
  1126. package/esm/Panel/PanelBody.js +35 -34
  1127. package/esm/Panel/PanelHeader.js +23 -24
  1128. package/esm/Panel/hooks/useExpanded.js +14 -13
  1129. package/esm/Panel/index.js +0 -0
  1130. package/esm/PanelGroup/PanelGroup.js +31 -46
  1131. package/esm/PanelGroup/index.js +0 -0
  1132. package/esm/Placeholder/Placeholder.js +1 -1
  1133. package/esm/Placeholder/PlaceholderGraph.js +24 -33
  1134. package/esm/Placeholder/PlaceholderGrid.js +47 -60
  1135. package/esm/Placeholder/PlaceholderParagraph.js +30 -47
  1136. package/esm/Placeholder/index.js +0 -0
  1137. package/esm/Popover/Popover.js +30 -44
  1138. package/esm/Popover/index.js +0 -0
  1139. package/esm/Progress/Progress.js +1 -1
  1140. package/esm/Progress/ProgressCircle.js +54 -75
  1141. package/esm/Progress/ProgressLine.js +39 -50
  1142. package/esm/Progress/index.js +0 -0
  1143. package/esm/Radio/Radio.js +55 -84
  1144. package/esm/Radio/index.js +0 -0
  1145. package/esm/RadioGroup/RadioGroup.js +39 -59
  1146. package/esm/RadioGroup/index.js +0 -0
  1147. package/esm/RadioTile/RadioTile.js +42 -61
  1148. package/esm/RadioTileGroup/RadioTileGroup.js +31 -46
  1149. package/esm/RangeSlider/RangeSlider.js +115 -140
  1150. package/esm/RangeSlider/index.js +0 -0
  1151. package/esm/Rate/Character.js +34 -47
  1152. package/esm/Rate/Rate.d.ts +4 -4
  1153. package/esm/Rate/Rate.js +75 -108
  1154. package/esm/Rate/index.js +0 -0
  1155. package/esm/Rate/utils.js +6 -8
  1156. package/esm/Row/Row.js +32 -40
  1157. package/esm/Row/index.js +0 -0
  1158. package/esm/SafeAnchor/SafeAnchor.js +13 -19
  1159. package/esm/SafeAnchor/index.js +0 -0
  1160. package/esm/Schema/Schema.js +8 -8
  1161. package/esm/Schema/index.js +0 -0
  1162. package/esm/SelectPicker/SelectPicker.d.ts +0 -1
  1163. package/esm/SelectPicker/SelectPicker.js +131 -169
  1164. package/esm/SelectPicker/index.js +0 -0
  1165. package/esm/Sidebar/Sidebar.js +27 -34
  1166. package/esm/Sidebar/index.js +0 -0
  1167. package/esm/Sidenav/ExpandedSidenavDropdown.d.ts +3 -3
  1168. package/esm/Sidenav/ExpandedSidenavDropdown.js +69 -95
  1169. package/esm/Sidenav/ExpandedSidenavDropdownItem.js +50 -73
  1170. package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +47 -64
  1171. package/esm/Sidenav/Node.js +25 -36
  1172. package/esm/Sidenav/Sidenav.js +42 -64
  1173. package/esm/Sidenav/SidenavBody.d.ts +1 -1
  1174. package/esm/Sidenav/SidenavBody.js +1 -1
  1175. package/esm/Sidenav/SidenavDropdown.d.ts +3 -3
  1176. package/esm/Sidenav/SidenavDropdown.js +80 -110
  1177. package/esm/Sidenav/SidenavDropdownCollapse.js +22 -30
  1178. package/esm/Sidenav/SidenavDropdownItem.d.ts +1 -1
  1179. package/esm/Sidenav/SidenavDropdownItem.js +56 -74
  1180. package/esm/Sidenav/SidenavDropdownMenu.d.ts +1 -1
  1181. package/esm/Sidenav/SidenavDropdownMenu.js +63 -74
  1182. package/esm/Sidenav/SidenavDropdownToggle.d.ts +2 -2
  1183. package/esm/Sidenav/SidenavDropdownToggle.js +17 -29
  1184. package/esm/Sidenav/SidenavHeader.d.ts +1 -1
  1185. package/esm/Sidenav/SidenavHeader.js +1 -1
  1186. package/esm/Sidenav/SidenavItem.js +63 -81
  1187. package/esm/Sidenav/SidenavToggle.js +19 -28
  1188. package/esm/Sidenav/index.js +0 -0
  1189. package/esm/Slider/Graduated.js +28 -37
  1190. package/esm/Slider/Handle.js +49 -65
  1191. package/esm/Slider/Input.js +10 -7
  1192. package/esm/Slider/Mark.js +16 -24
  1193. package/esm/Slider/ProgressBar.js +24 -34
  1194. package/esm/Slider/Slider.d.ts +0 -26
  1195. package/esm/Slider/Slider.js +75 -116
  1196. package/esm/Slider/index.js +0 -0
  1197. package/esm/Slider/useDrag.js +29 -29
  1198. package/esm/Slider/utils.js +2 -4
  1199. package/esm/Stack/HStack.js +8 -10
  1200. package/esm/Stack/Stack.js +38 -59
  1201. package/esm/Stack/StackItem.d.ts +0 -11
  1202. package/esm/Stack/StackItem.js +25 -36
  1203. package/esm/Stack/VStack.js +9 -12
  1204. package/esm/Stat/Stat.js +20 -25
  1205. package/esm/Stat/StatHelpText.d.ts +1 -1
  1206. package/esm/Stat/StatHelpText.js +1 -1
  1207. package/esm/Stat/StatLabel.js +16 -22
  1208. package/esm/Stat/StatTrend.js +20 -28
  1209. package/esm/Stat/StatValue.js +15 -21
  1210. package/esm/Stat/StatValueUnit.d.ts +1 -1
  1211. package/esm/Stat/StatValueUnit.js +1 -1
  1212. package/esm/StatGroup/StatGroup.js +24 -28
  1213. package/esm/Steps/StepItem.js +31 -43
  1214. package/esm/Steps/Steps.js +33 -45
  1215. package/esm/Steps/index.js +0 -0
  1216. package/esm/Table/Table.js +13 -13
  1217. package/esm/Tabs/Tab.js +1 -9
  1218. package/esm/Tabs/TabPanel.js +13 -14
  1219. package/esm/Tabs/Tabs.js +85 -101
  1220. package/esm/Tag/Tag.d.ts +2 -2
  1221. package/esm/Tag/Tag.js +37 -45
  1222. package/esm/Tag/index.js +0 -0
  1223. package/esm/TagGroup/TagGroup.d.ts +1 -1
  1224. package/esm/TagGroup/TagGroup.js +1 -1
  1225. package/esm/TagGroup/index.js +0 -0
  1226. package/esm/TagInput/index.js +23 -30
  1227. package/esm/TagPicker/index.js +18 -21
  1228. package/esm/Text/Text.js +32 -43
  1229. package/esm/TimePicker/TimePicker.js +10 -13
  1230. package/esm/TimeRangePicker/TimeRangePicker.js +9 -7
  1231. package/esm/Timeline/Timeline.js +33 -48
  1232. package/esm/Timeline/TimelineItem.js +18 -28
  1233. package/esm/Timeline/index.js +0 -0
  1234. package/esm/Toggle/Toggle.js +44 -69
  1235. package/esm/Toggle/index.js +0 -0
  1236. package/esm/Tooltip/Tooltip.d.ts +2 -2
  1237. package/esm/Tooltip/Tooltip.js +24 -33
  1238. package/esm/Tooltip/index.js +0 -0
  1239. package/esm/Tree/IndentLine.js +4 -3
  1240. package/esm/Tree/Tree.js +60 -63
  1241. package/esm/Tree/TreeNode.js +61 -60
  1242. package/esm/Tree/TreeNodeToggle.js +19 -16
  1243. package/esm/Tree/TreeView.js +171 -182
  1244. package/esm/Tree/hooks/useExpandTree.js +33 -38
  1245. package/esm/Tree/hooks/useFlattenTree.js +31 -34
  1246. package/esm/Tree/hooks/useFocusTree.d.ts +1 -1
  1247. package/esm/Tree/hooks/useFocusTree.js +76 -80
  1248. package/esm/Tree/hooks/useForceUpdate.js +2 -3
  1249. package/esm/Tree/hooks/useTreeDrag.js +86 -86
  1250. package/esm/Tree/hooks/useTreeNodeProps.js +51 -47
  1251. package/esm/Tree/hooks/useTreeNodeRefs.d.ts +1 -1
  1252. package/esm/Tree/hooks/useTreeNodeRefs.js +3 -3
  1253. package/esm/Tree/hooks/useTreeSearch.js +33 -39
  1254. package/esm/Tree/hooks/useTreeWithChildren.js +21 -35
  1255. package/esm/Tree/hooks/useVirtualizedTreeData.js +25 -22
  1256. package/esm/Tree/index.js +0 -0
  1257. package/esm/Tree/types.js +1 -1
  1258. package/esm/Tree/utils/flattenTree.js +16 -24
  1259. package/esm/Tree/utils/focusableTree.js +59 -58
  1260. package/esm/Tree/utils/formatNodeRefKey.js +1 -1
  1261. package/esm/Tree/utils/getExpandItemValues.js +7 -5
  1262. package/esm/Tree/utils/getNodeParentKeys.js +4 -4
  1263. package/esm/Tree/utils/getTreeActiveNode.js +2 -2
  1264. package/esm/Tree/utils/hasVisibleChildren.js +1 -3
  1265. package/esm/Tree/utils/indentTreeNode.js +7 -5
  1266. package/esm/Tree/utils/treeKeyboardInteractions.js +13 -9
  1267. package/esm/TreePicker/TreePicker.js +168 -178
  1268. package/esm/TreePicker/hooks/useFocusState.js +17 -19
  1269. package/esm/TreePicker/index.js +0 -0
  1270. package/esm/Uploader/UploadFileItem.js +68 -91
  1271. package/esm/Uploader/UploadTrigger.js +53 -91
  1272. package/esm/Uploader/Uploader.js +154 -214
  1273. package/esm/Uploader/index.js +0 -0
  1274. package/esm/Uploader/utils/ajaxUpload.js +27 -28
  1275. package/esm/Uploader/utils/previewFile.js +3 -3
  1276. package/esm/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  1277. package/esm/VisuallyHidden/VisuallyHidden.js +1 -1
  1278. package/esm/Whisper/Whisper.js +14 -32
  1279. package/esm/Whisper/index.js +0 -0
  1280. package/esm/internals/CloseButton/CloseButton.js +19 -18
  1281. package/esm/internals/Disclosure/Disclosure.js +41 -41
  1282. package/esm/internals/Disclosure/DisclosureButton.js +15 -12
  1283. package/esm/internals/Disclosure/DisclosureContent.js +9 -5
  1284. package/esm/internals/Disclosure/DisclosureContext.js +2 -2
  1285. package/esm/internals/Disclosure/useDisclosureContext.js +2 -2
  1286. package/esm/internals/Menu/Menu.d.ts +1 -5
  1287. package/esm/internals/Menu/Menu.js +79 -79
  1288. package/esm/internals/Menu/MenuContext.js +3 -3
  1289. package/esm/internals/Menu/MenuItem.d.ts +0 -7
  1290. package/esm/internals/Menu/MenuItem.js +21 -29
  1291. package/esm/internals/Menu/Menubar.js +24 -24
  1292. package/esm/internals/Menu/useMenu.js +75 -68
  1293. package/esm/internals/Overlay/Modal.d.ts +6 -20
  1294. package/esm/internals/Overlay/Modal.js +76 -115
  1295. package/esm/internals/Overlay/ModalManager.js +22 -28
  1296. package/esm/internals/Overlay/Overlay.d.ts +2 -23
  1297. package/esm/internals/Overlay/Overlay.js +55 -74
  1298. package/esm/internals/Overlay/OverlayContext.js +1 -1
  1299. package/esm/internals/Overlay/OverlayTrigger.d.ts +2 -2
  1300. package/esm/internals/Overlay/OverlayTrigger.js +138 -151
  1301. package/esm/internals/Overlay/Position.d.ts +2 -2
  1302. package/esm/internals/Overlay/Position.js +62 -85
  1303. package/esm/internals/Overlay/positionUtils.d.ts +2 -2
  1304. package/esm/internals/Overlay/positionUtils.js +113 -107
  1305. package/esm/internals/Picker/ListCheckItem.js +43 -48
  1306. package/esm/internals/Picker/ListItem.js +31 -34
  1307. package/esm/internals/Picker/ListItemGroup.js +16 -19
  1308. package/esm/internals/Picker/Listbox.d.ts +1 -1
  1309. package/esm/internals/Picker/Listbox.js +97 -117
  1310. package/esm/internals/Picker/PickerIndicator.js +21 -17
  1311. package/esm/internals/Picker/PickerLabel.js +7 -8
  1312. package/esm/internals/Picker/PickerPopup.js +25 -29
  1313. package/esm/internals/Picker/PickerToggle.d.ts +2 -2
  1314. package/esm/internals/Picker/PickerToggle.js +48 -55
  1315. package/esm/internals/Picker/PickerToggleTrigger.d.ts +2 -2
  1316. package/esm/internals/Picker/PickerToggleTrigger.js +21 -22
  1317. package/esm/internals/Picker/SelectedElement.js +19 -18
  1318. package/esm/internals/Picker/ToggleButton.js +1 -1
  1319. package/esm/internals/Picker/hooks/useCombobox.js +10 -9
  1320. package/esm/internals/Picker/hooks/useFocusItemValue.js +92 -98
  1321. package/esm/internals/Picker/hooks/usePickerClassName.d.ts +2 -2
  1322. package/esm/internals/Picker/hooks/usePickerClassName.js +30 -21
  1323. package/esm/internals/Picker/hooks/usePickerRef.js +23 -19
  1324. package/esm/internals/Picker/hooks/useSearch.js +19 -23
  1325. package/esm/internals/Picker/hooks/useToggleKeyDownEvent.js +21 -20
  1326. package/esm/internals/Picker/index.d.ts +0 -1
  1327. package/esm/internals/Picker/index.js +1 -2
  1328. package/esm/internals/Picker/utils.js +19 -18
  1329. package/esm/internals/Plaintext/Plaintext.js +18 -20
  1330. package/esm/internals/Ripple/Ripple.js +41 -50
  1331. package/esm/internals/ScrollView/ScrollView.js +30 -29
  1332. package/esm/internals/ScrollView/hooks/useScrollState.d.ts +1 -1
  1333. package/esm/internals/ScrollView/hooks/useScrollState.js +16 -18
  1334. package/esm/internals/SearchBox/SearchBox.js +19 -22
  1335. package/esm/internals/Tree/TreeProvider.d.ts +4 -1
  1336. package/esm/internals/Tree/TreeProvider.js +43 -36
  1337. package/esm/internals/Tree/TreeView.js +27 -24
  1338. package/esm/internals/Tree/utils/filterNodesOfTree.js +6 -6
  1339. package/esm/internals/Tree/utils/findNodeOfTree.js +5 -5
  1340. package/esm/internals/Tree/utils/getParentMap.js +10 -15
  1341. package/esm/internals/Tree/utils/getPathTowardsItem.js +2 -2
  1342. package/esm/internals/Windowing/AutoSizer.js +34 -34
  1343. package/esm/internals/Windowing/List.d.ts +1 -1
  1344. package/esm/internals/Windowing/List.js +41 -45
  1345. package/esm/internals/constants/index.js +12 -12
  1346. package/esm/internals/constants/statusIcons.js +2 -2
  1347. package/esm/internals/hooks/useClassNames.d.ts +1 -2
  1348. package/esm/internals/hooks/useClassNames.js +16 -26
  1349. package/esm/internals/hooks/useClickOutside.js +11 -10
  1350. package/esm/internals/hooks/useControlled.js +4 -6
  1351. package/esm/internals/hooks/useElementResize.js +4 -4
  1352. package/esm/internals/hooks/useEnsuredRef.js +1 -1
  1353. package/esm/internals/hooks/useEventCallback.js +3 -3
  1354. package/esm/internals/hooks/useEventListener.js +4 -4
  1355. package/esm/internals/hooks/useFocus.js +7 -7
  1356. package/esm/internals/hooks/useFocusVirtualListItem.js +5 -5
  1357. package/esm/internals/hooks/useInternalId.js +2 -2
  1358. package/esm/internals/hooks/useIsMounted.js +4 -6
  1359. package/esm/internals/hooks/useIsomorphicLayoutEffect.js +1 -1
  1360. package/esm/internals/hooks/useMap.js +8 -12
  1361. package/esm/internals/hooks/useMount.js +3 -3
  1362. package/esm/internals/hooks/usePortal.js +20 -24
  1363. package/esm/internals/hooks/useRootClose.js +16 -15
  1364. package/esm/internals/hooks/useTimeout.js +8 -8
  1365. package/esm/internals/hooks/useToggleCaret.d.ts +2 -2
  1366. package/esm/internals/hooks/useToggleCaret.js +5 -4
  1367. package/esm/internals/hooks/useUniqueId.js +3 -11
  1368. package/esm/internals/hooks/useUpdateEffect.js +3 -4
  1369. package/esm/internals/hooks/useUpdatedRef.js +1 -1
  1370. package/esm/internals/hooks/useWillUnmount.js +2 -8
  1371. package/esm/internals/symbols.d.ts +1 -0
  1372. package/esm/internals/symbols.js +3 -2
  1373. package/esm/internals/types/colours.d.ts +10 -0
  1374. package/esm/internals/types/colours.js +11 -0
  1375. package/esm/internals/types/index.d.ts +29 -26
  1376. package/esm/internals/types/index.js +6 -0
  1377. package/esm/internals/types/placement.d.ts +5 -0
  1378. package/esm/internals/types/placement.js +2 -0
  1379. package/esm/internals/utils/BrowserDetection.d.ts +0 -10
  1380. package/esm/internals/utils/BrowserDetection.js +2 -60
  1381. package/esm/internals/utils/ReactChildren.js +23 -27
  1382. package/esm/internals/utils/colours.d.ts +21 -0
  1383. package/esm/internals/utils/colours.js +77 -0
  1384. package/esm/internals/utils/composeFunctions.js +1 -5
  1385. package/esm/internals/utils/createChainedFunction.js +1 -3
  1386. package/esm/internals/utils/createComponent.d.ts +1 -1
  1387. package/esm/internals/utils/createComponent.js +22 -28
  1388. package/esm/internals/utils/css.d.ts +16 -0
  1389. package/esm/internals/utils/css.js +55 -0
  1390. package/esm/internals/utils/date/copyTime.js +9 -7
  1391. package/esm/internals/utils/date/disableTime.js +10 -10
  1392. package/esm/internals/utils/date/extractTimeFormat.js +1 -1
  1393. package/esm/internals/utils/date/formatCheck.js +5 -15
  1394. package/esm/internals/utils/date/getWeekKeys.js +1 -1
  1395. package/esm/internals/utils/date/getWeekStartDates.js +13 -12
  1396. package/esm/internals/utils/date/index.d.ts +46 -46
  1397. package/esm/internals/utils/date/index.js +46 -46
  1398. package/esm/internals/utils/date/omitHideDisabledProps.js +1 -5
  1399. package/esm/internals/utils/date/reverseDateRangeOmitTime.js +1 -2
  1400. package/esm/internals/utils/date/types.js +2 -2
  1401. package/esm/internals/utils/date/useDateMode.js +6 -6
  1402. package/esm/internals/utils/deprecateComponent.js +3 -3
  1403. package/esm/internals/utils/dom.js +2 -6
  1404. package/esm/internals/utils/getDOMNode.js +3 -4
  1405. package/esm/internals/utils/getDataGroupBy.js +11 -13
  1406. package/esm/internals/utils/getSafeRegExpString.js +2 -1
  1407. package/esm/internals/utils/getStringLength.js +2 -2
  1408. package/esm/internals/utils/htmlPropsUtils.js +13 -14
  1409. package/esm/internals/utils/index.d.ts +2 -0
  1410. package/esm/internals/utils/index.js +2 -0
  1411. package/esm/internals/utils/mergeRefs.js +5 -7
  1412. package/esm/internals/utils/placementPolyfill.js +1 -3
  1413. package/esm/internals/utils/prefix.js +6 -12
  1414. package/esm/internals/utils/safeSetSelection.js +2 -4
  1415. package/esm/internals/utils/shallowEqual.js +5 -5
  1416. package/esm/internals/utils/stringifyReactNode.js +6 -6
  1417. package/esm/internals/utils/tplTransform.js +4 -10
  1418. package/esm/internals/utils/warnOnce.js +3 -3
  1419. package/esm/locales/ar_EG.js +11 -10
  1420. package/esm/locales/ca_ES.d.ts +4 -4
  1421. package/esm/locales/ca_ES.js +11 -10
  1422. package/esm/locales/cs_CZ.js +11 -10
  1423. package/esm/locales/da_DK.js +11 -10
  1424. package/esm/locales/de_DE.js +11 -10
  1425. package/esm/locales/en_GB.js +11 -10
  1426. package/esm/locales/en_US.js +11 -10
  1427. package/esm/locales/es_AR.js +11 -10
  1428. package/esm/locales/es_ES.js +11 -10
  1429. package/esm/locales/fa_IR.js +11 -10
  1430. package/esm/locales/fi_FI.js +11 -10
  1431. package/esm/locales/fr_FR.js +11 -10
  1432. package/esm/locales/hu_HU.js +11 -10
  1433. package/esm/locales/it_IT.js +11 -10
  1434. package/esm/locales/ja_JP.js +11 -10
  1435. package/esm/locales/kk_KZ.js +11 -10
  1436. package/esm/locales/ko_KR.js +11 -10
  1437. package/esm/locales/ne_NP.js +11 -10
  1438. package/esm/locales/nl_NL.js +11 -10
  1439. package/esm/locales/pt_BR.js +11 -10
  1440. package/esm/locales/ru_RU.js +11 -10
  1441. package/esm/locales/sv_SE.js +11 -10
  1442. package/esm/locales/tr_TR.js +11 -10
  1443. package/esm/locales/zh_CN.js +11 -10
  1444. package/esm/locales/zh_TW.js +11 -10
  1445. package/esm/toaster/ToastContainer.d.ts +2 -2
  1446. package/esm/toaster/ToastContainer.js +104 -129
  1447. package/esm/toaster/ToastContext.js +1 -1
  1448. package/esm/toaster/hooks/useDelayedClosure.js +20 -17
  1449. package/esm/toaster/render.d.ts +0 -1
  1450. package/esm/toaster/render.js +12 -26
  1451. package/esm/toaster/toaster.js +28 -54
  1452. package/esm/useBreakpointValue/useBreakpointValue.js +7 -6
  1453. package/esm/useMediaQuery/useMediaQuery.d.ts +1 -7
  1454. package/esm/useMediaQuery/useMediaQuery.js +18 -78
  1455. package/esm/useToaster/useToaster.js +42 -43
  1456. package/internals/Picker/styles/index.less +7 -11
  1457. package/internals/Picker/styles/mixin.less +6 -3
  1458. package/package.json +16 -13
  1459. package/styles/color-modes/dark.less +1 -0
  1460. package/styles/color-modes/high-contrast.less +1 -0
  1461. package/styles/color-modes/light.less +1 -0
  1462. package/styles/common.less +1 -0
  1463. package/styles/mixins/hacks.less +0 -73
  1464. package/styles/mixins/menu.less +0 -0
  1465. package/styles/mixins/utilities.less +25 -3
  1466. package/styles/scaffolding.less +1 -1
  1467. package/styles/typography.less +11 -6
  1468. package/styles/variables.less +28 -73
  1469. package/toaster/styles/animation.less +0 -0
  1470. package/toaster/styles/index.css +35 -128
  1471. package/useToaster/styles/index.css +35 -128
  1472. package/cjs/internals/Picker/propTypes.d.ts +0 -71
  1473. package/cjs/internals/Picker/propTypes.js +0 -46
  1474. package/cjs/internals/propTypes/deprecatePropType.d.ts +0 -16
  1475. package/cjs/internals/propTypes/deprecatePropType.js +0 -49
  1476. package/cjs/internals/propTypes/index.d.ts +0 -5
  1477. package/cjs/internals/propTypes/index.js +0 -28
  1478. package/cjs/internals/propTypes/oneOf.d.ts +0 -3
  1479. package/cjs/internals/propTypes/oneOf.js +0 -18
  1480. package/cjs/internals/utils/render.d.ts +0 -7
  1481. package/cjs/internals/utils/render.js +0 -48
  1482. package/esm/internals/Picker/propTypes.d.ts +0 -71
  1483. package/esm/internals/Picker/propTypes.js +0 -41
  1484. package/esm/internals/propTypes/deprecatePropType.d.ts +0 -16
  1485. package/esm/internals/propTypes/deprecatePropType.js +0 -45
  1486. package/esm/internals/propTypes/index.d.ts +0 -5
  1487. package/esm/internals/propTypes/index.js +0 -17
  1488. package/esm/internals/propTypes/oneOf.d.ts +0 -3
  1489. package/esm/internals/propTypes/oneOf.js +0 -13
  1490. package/esm/internals/utils/render.d.ts +0 -7
  1491. package/esm/internals/utils/render.js +0 -40
@@ -1,3 +1,8 @@
1
+ /**
2
+ * Map mixin
3
+ * @param {string} @size-name - The size name
4
+ * @param {string} @suffix - The suffix
5
+ */
1
6
  :root,
2
7
  .rs-theme-light {
3
8
  --rs-gray-0: #fff;
@@ -431,42 +436,29 @@
431
436
  }
432
437
  /* stylelint-disable */
433
438
  *[class*='rs-'] {
434
- -webkit-box-sizing: border-box;
435
- box-sizing: border-box;
439
+ box-sizing: border-box;
436
440
  }
437
441
  *[class*='rs-']::before,
438
442
  *[class*='rs-']::after {
439
- -webkit-box-sizing: border-box;
440
- box-sizing: border-box;
443
+ box-sizing: border-box;
441
444
  }
442
445
  .rs-btn {
443
- display: -webkit-inline-box;
444
- display: -ms-inline-flexbox;
445
446
  display: inline-flex;
446
- -webkit-box-align: center;
447
- -ms-flex-align: center;
448
- align-items: center;
449
- -webkit-box-pack: center;
450
- -ms-flex-pack: center;
451
- justify-content: center;
447
+ align-items: center;
448
+ justify-content: center;
452
449
  margin-bottom: 0;
453
450
  font-weight: normal;
454
451
  text-align: center;
455
452
  vertical-align: middle;
456
453
  cursor: pointer;
457
454
  white-space: nowrap;
458
- -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
459
455
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
460
- border: none;
461
456
  border: var(--rs-btn-default-border, none);
462
457
  -webkit-user-select: none;
463
458
  -moz-user-select: none;
464
- -ms-user-select: none;
465
459
  user-select: none;
466
460
  text-decoration: none;
467
- color: #343434;
468
461
  color: var(--rs-btn-default-text);
469
- background-color: #f7f7fa;
470
462
  background-color: var(--rs-btn-default-bg);
471
463
  border-radius: 6px;
472
464
  font-size: 14px;
@@ -476,7 +468,6 @@
476
468
  position: relative;
477
469
  }
478
470
  .rs-theme-high-contrast .rs-btn {
479
- -webkit-transition: none;
480
471
  transition: none;
481
472
  }
482
473
  .rs-btn-ghost.rs-btn {
@@ -502,7 +493,6 @@
502
493
  }
503
494
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
504
495
  left: 0;
505
- border-right: none;
506
496
  border-right: var(--rs-btn-default-border, none);
507
497
  }
508
498
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
@@ -510,43 +500,35 @@
510
500
  }
511
501
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
512
502
  right: 0;
513
- border-left: none;
514
503
  border-left: var(--rs-btn-default-border, none);
515
504
  }
516
505
  .rs-btn:focus-visible {
517
- outline: 3px solid rgb(from #3498ff r g b / 25%);
518
506
  outline: 3px solid var(--rs-color-focus-ring);
519
507
  }
520
508
  .rs-theme-high-contrast .rs-btn:focus-visible {
521
509
  outline-offset: 2px;
522
510
  }
523
- .rs-btn:hover,
524
- .rs-btn:focus {
511
+ .rs-btn:hover {
525
512
  color: var(--rs-btn-default-hover-text);
526
- background-color: #e5e5ea;
527
513
  background-color: var(--rs-btn-default-hover-bg);
528
514
  text-decoration: none;
529
515
  }
530
516
  .rs-btn:active,
531
517
  .rs-btn.rs-btn-active {
532
- color: #121212;
533
518
  color: var(--rs-btn-default-active-text);
534
- background-color: #d9d9d9;
535
519
  background-color: var(--rs-btn-default-active-bg);
536
520
  }
537
521
  .rs-btn:disabled,
538
522
  .rs-btn.rs-btn-disabled {
539
523
  cursor: not-allowed;
540
- color: #717273;
541
524
  color: var(--rs-btn-default-disabled-text);
542
- background-color: #f7f7fa;
543
525
  background-color: var(--rs-btn-default-disabled-bg);
544
526
  }
545
527
  .rs-theme-high-contrast .rs-btn:disabled,
546
528
  .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
547
529
  border-color: var(--rs-btn-default-disabled-boreder-color);
548
530
  }
549
- @media not all and (min-resolution: 0.001dpcm) {
531
+ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
550
532
  .rs-btn {
551
533
  /* stylelint-disable */
552
534
  -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -562,31 +544,22 @@
562
544
  margin-left: 5px;
563
545
  }
564
546
  .rs-btn-primary {
565
- color: #fff;
566
547
  color: var(--rs-btn-primary-text);
567
- background-color: #3498ff;
568
548
  background-color: var(--rs-btn-primary-bg);
569
549
  border: none;
570
550
  }
571
- .rs-btn-primary:hover,
572
- .rs-btn-primary:focus {
573
- color: #fff;
551
+ .rs-btn-primary:hover {
574
552
  color: var(--rs-btn-primary-text);
575
- background-color: #2589f5;
576
553
  background-color: var(--rs-btn-primary-hover-bg);
577
554
  }
578
555
  .rs-btn-primary:active,
579
556
  .rs-btn-primary.rs-btn-active {
580
- color: #fff;
581
557
  color: var(--rs-btn-primary-text);
582
- background-color: #1675e0;
583
558
  background-color: var(--rs-btn-primary-active-bg);
584
559
  }
585
560
  .rs-btn-primary:disabled,
586
561
  .rs-btn-primary.rs-btn-disabled {
587
- color: #fff;
588
562
  color: var(--rs-btn-primary-text);
589
- background-color: #3498ff;
590
563
  background-color: var(--rs-btn-primary-bg);
591
564
  opacity: 0.3;
592
565
  }
@@ -595,28 +568,21 @@
595
568
  border-color: var(--rs-btn-default-disabled-boreder-color);
596
569
  }
597
570
  .rs-btn-subtle {
598
- color: #343434;
599
571
  color: var(--rs-btn-subtle-text);
600
572
  background-color: transparent;
601
573
  border: none;
602
574
  }
603
- .rs-btn-subtle:hover,
604
- .rs-btn-subtle:focus {
605
- color: #343434;
575
+ .rs-btn-subtle:hover {
606
576
  color: var(--rs-btn-subtle-hover-text);
607
- background-color: #e5e5ea;
608
577
  background-color: var(--rs-btn-subtle-hover-bg);
609
578
  }
610
579
  .rs-btn-subtle:active,
611
580
  .rs-btn-subtle.rs-btn-active {
612
- color: #121212;
613
581
  color: var(--rs-btn-subtle-active-text);
614
- background-color: #e5e5ea;
615
582
  background-color: var(--rs-btn-subtle-active-bg);
616
583
  }
617
584
  .rs-btn-subtle:disabled,
618
585
  .rs-btn-subtle.rs-btn-disabled {
619
- color: #b6b7b8;
620
586
  color: var(--rs-btn-subtle-disabled-text);
621
587
  background: none;
622
588
  }
@@ -625,27 +591,22 @@
625
591
  border-color: var(--rs-btn-default-disabled-boreder-color);
626
592
  }
627
593
  .rs-btn-link {
628
- color: #1675e0;
629
594
  color: var(--rs-btn-link-text);
630
595
  background-color: transparent;
631
596
  border: none;
632
597
  }
633
- .rs-btn-link:hover,
634
- .rs-btn-link:focus {
635
- color: #0a5dc2;
598
+ .rs-btn-link:hover {
636
599
  color: var(--rs-btn-link-hover-text);
637
600
  background-color: transparent;
638
601
  text-decoration: underline;
639
602
  }
640
603
  .rs-btn-link:active,
641
604
  .rs-btn-link.rs-btn-active {
642
- color: #004299;
643
605
  color: var(--rs-btn-link-active-text);
644
606
  background-color: transparent;
645
607
  }
646
608
  .rs-btn-link:disabled,
647
609
  .rs-btn-link.rs-btn-disabled {
648
- color: #0a5dc2;
649
610
  color: var(--rs-btn-link-hover-text);
650
611
  background-color: transparent;
651
612
  text-decoration: none;
@@ -656,42 +617,29 @@
656
617
  border-color: var(--rs-btn-default-disabled-boreder-color);
657
618
  }
658
619
  .rs-btn-ghost {
659
- color: #1675e0;
660
620
  color: var(--rs-btn-ghost-text);
661
621
  background-color: transparent;
662
- border: 1px solid #1675e0;
663
622
  border: 1px solid var(--rs-btn-ghost-border);
664
623
  }
665
- .rs-btn-ghost:hover,
666
- .rs-btn-ghost:focus {
667
- color: #0a5dc2;
624
+ .rs-btn-ghost:hover {
668
625
  color: var(--rs-btn-ghost-hover-text);
669
626
  background-color: transparent;
670
- border-color: #0a5dc2;
671
627
  border-color: var(--rs-btn-ghost-hover-border);
672
- -webkit-box-shadow: 0 0 0 1px #0a5dc2;
673
- -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
674
- box-shadow: 0 0 0 1px #0a5dc2;
675
- box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
628
+ box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
676
629
  }
677
630
  .rs-btn-ghost:active,
678
631
  .rs-btn-ghost.rs-btn-active {
679
- color: #004299;
680
632
  color: var(--rs-btn-ghost-active-text);
681
633
  background-color: transparent;
682
- border-color: #004299;
683
634
  border-color: var(--rs-btn-ghost-active-border);
684
635
  }
685
636
  .rs-btn-ghost:disabled,
686
637
  .rs-btn-ghost.rs-btn-disabled {
687
- color: #1675e0;
688
638
  color: var(--rs-btn-ghost-text);
689
639
  background-color: transparent;
690
640
  opacity: 0.3;
691
- border-color: #1675e0;
692
641
  border-color: var(--rs-btn-ghost-border);
693
- -webkit-box-shadow: none;
694
- box-shadow: none;
642
+ box-shadow: none;
695
643
  }
696
644
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
697
645
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
@@ -1103,7 +1051,6 @@
1103
1051
  }
1104
1052
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
1105
1053
  left: 0;
1106
- border-right: none;
1107
1054
  border-right: var(--rs-btn-default-border, none);
1108
1055
  }
1109
1056
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
@@ -1111,7 +1058,6 @@
1111
1058
  }
1112
1059
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
1113
1060
  right: 0;
1114
- border-left: none;
1115
1061
  border-left: var(--rs-btn-default-border, none);
1116
1062
  }
1117
1063
  .rs-btn-md {
@@ -1142,7 +1088,6 @@
1142
1088
  }
1143
1089
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left > .rs-icon {
1144
1090
  left: 0;
1145
- border-right: none;
1146
1091
  border-right: var(--rs-btn-default-border, none);
1147
1092
  }
1148
1093
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
@@ -1150,7 +1095,6 @@
1150
1095
  }
1151
1096
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
1152
1097
  right: 0;
1153
- border-left: none;
1154
1098
  border-left: var(--rs-btn-default-border, none);
1155
1099
  }
1156
1100
  .rs-btn-sm {
@@ -1181,7 +1125,6 @@
1181
1125
  }
1182
1126
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
1183
1127
  left: 0;
1184
- border-right: none;
1185
1128
  border-right: var(--rs-btn-default-border, none);
1186
1129
  }
1187
1130
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
@@ -1189,7 +1132,6 @@
1189
1132
  }
1190
1133
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
1191
1134
  right: 0;
1192
- border-left: none;
1193
1135
  border-left: var(--rs-btn-default-border, none);
1194
1136
  }
1195
1137
  .rs-btn-xs {
@@ -1220,7 +1162,6 @@
1220
1162
  }
1221
1163
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
1222
1164
  left: 0;
1223
- border-right: none;
1224
1165
  border-right: var(--rs-btn-default-border, none);
1225
1166
  }
1226
1167
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
@@ -1228,7 +1169,6 @@
1228
1169
  }
1229
1170
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
1230
1171
  right: 0;
1231
- border-left: none;
1232
1172
  border-left: var(--rs-btn-default-border, none);
1233
1173
  }
1234
1174
  .rs-btn-block {
@@ -1263,77 +1203,37 @@
1263
1203
  height: 16px;
1264
1204
  }
1265
1205
  .rs-btn-loading > .rs-btn-spin::before {
1266
- border: 3px solid rgb(from #f7f7fa r g b / 80%);
1267
1206
  border: 3px solid var(--rs-loader-ring);
1268
1207
  }
1269
1208
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1270
1209
  border-color: rgba(248, 247, 250, 0.3);
1271
1210
  }
1272
1211
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1273
- border-color: rgb(from #f7f7fa r g b / 30%);
1274
1212
  border-color: var(--rs-loader-ring-inverse);
1275
1213
  }
1276
1214
  .rs-btn-loading > .rs-btn-spin::after {
1277
1215
  border-width: 3px;
1278
- border-color: #939393 transparent transparent;
1279
1216
  border-color: var(--rs-loader-rotor) transparent transparent;
1280
1217
  border-style: solid;
1281
- -webkit-animation: buttonSpin 0.6s infinite linear;
1282
- animation: buttonSpin 0.6s infinite linear;
1218
+ animation: buttonSpin 0.6s infinite linear;
1283
1219
  }
1284
1220
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1285
1221
  border-top-color: #fff;
1286
1222
  }
1287
1223
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1288
- border-top-color: #fff;
1289
1224
  border-top-color: var(--rs-loader-rotor-inverse);
1290
1225
  }
1291
- @-webkit-keyframes buttonSpin {
1292
- from {
1293
- -webkit-transform: rotate(0);
1294
- transform: rotate(0);
1295
- }
1296
- to {
1297
- -webkit-transform: rotate(360deg);
1298
- transform: rotate(360deg);
1299
- }
1300
- }
1301
1226
  @keyframes buttonSpin {
1302
1227
  from {
1303
- -webkit-transform: rotate(0);
1304
- transform: rotate(0);
1228
+ transform: rotate(0);
1305
1229
  }
1306
1230
  to {
1307
- -webkit-transform: rotate(360deg);
1308
- transform: rotate(360deg);
1231
+ transform: rotate(360deg);
1309
1232
  }
1310
1233
  }
1311
1234
  .rs-stack {
1312
- display: -webkit-box;
1313
- display: -ms-flexbox;
1314
1235
  display: flex;
1315
1236
  }
1316
- .rs-btn-close {
1317
- border: none;
1318
- outline: none !important;
1319
- background: transparent;
1320
- line-height: 1;
1321
- cursor: pointer;
1322
- }
1323
- .rs-btn-close .rs-icon {
1324
- vertical-align: bottom;
1325
- }
1326
- .rs-btn-close:hover,
1327
- .rs-btn-close:focus {
1328
- color: #f44336;
1329
- color: var(--rs-close-button-hover-color);
1330
- }
1331
- .rs-btn-close:hover svg path,
1332
- .rs-btn-close:focus svg path {
1333
- stroke: #f44336;
1334
- stroke: var(--rs-close-button-hover-color);
1335
- stroke-width: 1;
1336
- }
1337
1237
  .rs-loader {
1338
1238
  display: inline-block;
1339
1239
  }
@@ -1379,16 +1279,13 @@
1379
1279
  border-radius: 50%;
1380
1280
  }
1381
1281
  .rs-loader-spin::before {
1382
- border: 3px solid rgb(from #f7f7fa r g b / 80%);
1383
1282
  border: 3px solid var(--rs-loader-ring);
1384
1283
  }
1385
1284
  .rs-loader-spin::after {
1386
1285
  border-width: 3px;
1387
1286
  border-style: solid;
1388
- border-color: #939393 transparent transparent;
1389
1287
  border-color: var(--rs-loader-rotor) transparent transparent;
1390
- -webkit-animation: loaderSpin 0.6s infinite linear;
1391
- animation: loaderSpin 0.6s infinite linear;
1288
+ animation: loaderSpin 0.6s infinite linear;
1392
1289
  }
1393
1290
  .rs-loader-content {
1394
1291
  float: left;
@@ -1406,7 +1303,6 @@
1406
1303
  left: 0;
1407
1304
  width: 100%;
1408
1305
  height: 100%;
1409
- background: rgb(from #fff r g b / 90%);
1410
1306
  background: var(--rs-loader-backdrop);
1411
1307
  }
1412
1308
  .rs-loader-vertical {
@@ -1414,10 +1310,7 @@
1414
1310
  display: inline-block;
1415
1311
  }
1416
1312
  .rs-loader-vertical .rs-loader {
1417
- -webkit-box-orient: vertical;
1418
- -webkit-box-direction: normal;
1419
- -ms-flex-direction: column;
1420
- flex-direction: column;
1313
+ flex-direction: column;
1421
1314
  }
1422
1315
  .rs-loader-vertical .rs-loader-spin {
1423
1316
  margin: 0 auto;
@@ -1436,36 +1329,28 @@
1436
1329
  margin-top: 10px;
1437
1330
  }
1438
1331
  .rs-loader-inverse .rs-loader-content {
1439
- color: #f7f7fa;
1440
1332
  color: var(--rs-text-inverse);
1441
1333
  }
1442
1334
  .rs-loader-inverse .rs-loader-backdrop {
1443
- background: rgb(from #121212 r g b / 83%);
1444
1335
  background: var(--rs-loader-backdrop-inverse);
1445
1336
  }
1446
1337
  .rs-loader-inverse .rs-loader-spin::before {
1447
- border-color: rgb(from #f7f7fa r g b / 30%);
1448
1338
  border-color: var(--rs-loader-ring-inverse);
1449
1339
  }
1450
1340
  .rs-loader-inverse .rs-loader-spin::after {
1451
- border-top-color: #fff;
1452
1341
  border-top-color: var(--rs-loader-rotor-inverse);
1453
1342
  }
1454
1343
  .rs-loader-speed-fast .rs-loader-spin::after {
1455
- -webkit-animation-duration: 0.4s;
1456
- animation-duration: 0.4s;
1344
+ animation-duration: 0.4s;
1457
1345
  }
1458
1346
  .rs-loader-speed-normal .rs-loader-spin::after {
1459
- -webkit-animation-duration: 0.6s;
1460
- animation-duration: 0.6s;
1347
+ animation-duration: 0.6s;
1461
1348
  }
1462
1349
  .rs-loader-speed-slow .rs-loader-spin::after {
1463
- -webkit-animation-duration: 0.8s;
1464
- animation-duration: 0.8s;
1350
+ animation-duration: 0.8s;
1465
1351
  }
1466
1352
  .rs-loader-speed-paused .rs-loader-spin::after {
1467
- -webkit-animation-play-state: paused;
1468
- animation-play-state: paused;
1353
+ animation-play-state: paused;
1469
1354
  }
1470
1355
  .rs-loader-center,
1471
1356
  .rs-loader-backdrop-wrapper {
@@ -1480,35 +1365,21 @@
1480
1365
  }
1481
1366
  .rs-loader-center .rs-loader,
1482
1367
  .rs-loader-backdrop-wrapper .rs-loader {
1483
- display: -webkit-box;
1484
- display: -ms-flexbox;
1485
1368
  display: flex;
1486
- -webkit-box-align: center;
1487
- -ms-flex-align: center;
1488
- align-items: center;
1489
- -webkit-box-pack: center;
1490
- -ms-flex-pack: center;
1491
- justify-content: center;
1369
+ align-items: center;
1370
+ justify-content: center;
1492
1371
  width: 100%;
1493
1372
  height: 100%;
1494
1373
  }
1495
1374
  .rs-loader-center:not(.rs-loader-vertical) .rs-loader,
1496
1375
  .rs-loader-backdrop-wrapper:not(.rs-loader-vertical) .rs-loader {
1497
- display: -webkit-box;
1498
- display: -ms-flexbox;
1499
1376
  display: flex;
1500
1377
  }
1501
1378
  .rs-loader-center.rs-loader-vertical .rs-loader,
1502
1379
  .rs-loader-backdrop-wrapper.rs-loader-vertical .rs-loader {
1503
- display: -webkit-box;
1504
- display: -ms-flexbox;
1505
1380
  display: flex;
1506
- -webkit-box-align: center;
1507
- -ms-flex-align: center;
1508
- align-items: center;
1509
- -webkit-box-pack: center;
1510
- -ms-flex-pack: center;
1511
- justify-content: center;
1381
+ align-items: center;
1382
+ justify-content: center;
1512
1383
  width: 100%;
1513
1384
  height: 100%;
1514
1385
  }
@@ -1597,37 +1468,21 @@
1597
1468
  width: auto;
1598
1469
  line-height: 0;
1599
1470
  }
1600
- @-webkit-keyframes loaderSpin {
1601
- from {
1602
- -webkit-transform: rotate(0);
1603
- transform: rotate(0);
1604
- }
1605
- to {
1606
- -webkit-transform: rotate(360deg);
1607
- transform: rotate(360deg);
1608
- }
1609
- }
1610
1471
  @keyframes loaderSpin {
1611
1472
  from {
1612
- -webkit-transform: rotate(0);
1613
- transform: rotate(0);
1473
+ transform: rotate(0);
1614
1474
  }
1615
1475
  to {
1616
- -webkit-transform: rotate(360deg);
1617
- transform: rotate(360deg);
1476
+ transform: rotate(360deg);
1618
1477
  }
1619
1478
  }
1620
1479
  .rs-input {
1621
1480
  display: block;
1622
1481
  width: 100%;
1623
- color: #343434;
1624
1482
  color: var(--rs-text-primary);
1625
- background-color: #fff;
1626
1483
  background-color: var(--rs-input-bg);
1627
1484
  background-image: none;
1628
- border: 1px solid #e5e5ea;
1629
1485
  border: 1px solid var(--rs-border-primary);
1630
- -webkit-transition: border-color ease-in-out 0.15s;
1631
1486
  transition: border-color ease-in-out 0.15s;
1632
1487
  border-radius: 6px;
1633
1488
  /* stylelint-disable */
@@ -1636,50 +1491,30 @@
1636
1491
  line-height: 1.42857143;
1637
1492
  /* stylelint-enable */
1638
1493
  }
1639
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1640
- .rs-input {
1641
- height: 36px;
1642
- }
1643
- }
1644
1494
  textarea.rs-input {
1645
1495
  height: auto;
1646
1496
  }
1647
1497
  .rs-theme-high-contrast .rs-input {
1648
- -webkit-transition: none;
1649
1498
  transition: none;
1650
1499
  }
1651
- .rs-input::-webkit-input-placeholder {
1652
- color: #717273;
1653
- color: var(--rs-text-secondary);
1654
- }
1655
1500
  .rs-input::-moz-placeholder {
1656
- color: #717273;
1657
- color: var(--rs-text-secondary);
1658
- }
1659
- .rs-input::-ms-input-placeholder {
1660
- color: #717273;
1661
1501
  color: var(--rs-text-secondary);
1662
1502
  }
1663
1503
  .rs-input::placeholder {
1664
- color: #717273;
1665
1504
  color: var(--rs-text-secondary);
1666
1505
  }
1667
1506
  .rs-input:focus,
1668
1507
  .rs-input:hover:not(:disabled) {
1669
- border-color: #3498ff;
1670
1508
  border-color: var(--rs-input-focus-border);
1671
1509
  }
1672
1510
  .rs-input:focus {
1673
- outline: 3px solid rgb(from #3498ff r g b / 25%);
1674
1511
  outline: 3px solid var(--rs-color-focus-ring);
1675
1512
  }
1676
1513
  .rs-theme-high-contrast .rs-input:focus {
1677
1514
  outline-offset: 2px;
1678
1515
  }
1679
1516
  .rs-input:disabled {
1680
- background-color: #f7f7fa;
1681
1517
  background-color: var(--rs-input-disabled-bg);
1682
- color: #717273;
1683
1518
  color: var(--rs-text-disabled);
1684
1519
  }
1685
1520
  textarea.rs-input {
@@ -1693,11 +1528,6 @@ textarea.rs-input {
1693
1528
  line-height: 1.66666667;
1694
1529
  /* stylelint-enable */
1695
1530
  }
1696
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1697
- .rs-input-xs {
1698
- height: 24px;
1699
- }
1700
- }
1701
1531
  textarea.rs-input-xs {
1702
1532
  height: auto;
1703
1533
  }
@@ -1708,11 +1538,6 @@ textarea.rs-input-xs {
1708
1538
  line-height: 1.375;
1709
1539
  /* stylelint-enable */
1710
1540
  }
1711
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1712
- .rs-input-lg {
1713
- height: 42px;
1714
- }
1715
- }
1716
1541
  textarea.rs-input-lg {
1717
1542
  height: auto;
1718
1543
  }
@@ -1723,42 +1548,29 @@ textarea.rs-input-lg {
1723
1548
  line-height: 1.42857143;
1724
1549
  /* stylelint-enable */
1725
1550
  }
1726
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1727
- .rs-input-sm {
1728
- height: 30px;
1729
- }
1730
- }
1731
1551
  textarea.rs-input-sm {
1732
1552
  height: auto;
1733
1553
  }
1734
1554
  .rs-input-group {
1735
1555
  position: relative;
1736
- display: -webkit-box;
1737
- display: -ms-flexbox;
1738
1556
  display: flex;
1739
1557
  border-radius: 6px;
1740
- -webkit-transition: border-color ease-in-out 0.15s;
1741
1558
  transition: border-color ease-in-out 0.15s;
1742
1559
  width: 100%;
1743
1560
  cursor: text;
1744
- color: #343434;
1745
1561
  color: var(--rs-text-primary);
1746
- border: 1px solid #e5e5ea;
1747
1562
  border: 1px solid var(--rs-border-primary);
1748
1563
  }
1749
1564
  .rs-theme-high-contrast .rs-input-group {
1750
- -webkit-transition: none;
1751
1565
  transition: none;
1752
1566
  }
1753
1567
  .rs-input-group:not(.rs-input-group-disabled):hover,
1754
1568
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
1755
1569
  .rs-input-group:focus-within {
1756
- border-color: #3498ff;
1757
1570
  border-color: var(--rs-input-focus-border);
1758
1571
  }
1759
1572
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
1760
1573
  .rs-input-group:focus-within {
1761
- outline: 3px solid rgb(from #3498ff r g b / 25%);
1762
1574
  outline: 3px solid var(--rs-color-focus-ring);
1763
1575
  }
1764
1576
  .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -1810,9 +1622,7 @@ textarea.rs-input-sm {
1810
1622
  }
1811
1623
  .rs-input-group > .rs-input,
1812
1624
  .rs-input-group > .rs-form-control-wrapper {
1813
- -webkit-box-flex: 1;
1814
- -ms-flex: 1 1 auto;
1815
- flex: 1 1 auto;
1625
+ flex: 1 1 auto;
1816
1626
  }
1817
1627
  .rs-input-group .rs-form-control-wrapper > .rs-input {
1818
1628
  width: 100%;
@@ -1832,7 +1642,6 @@ textarea.rs-input-sm {
1832
1642
  }
1833
1643
  .rs-input-group.rs-input-group-inside {
1834
1644
  width: 100%;
1835
- background-color: #fff;
1836
1645
  background-color: var(--rs-input-bg);
1837
1646
  }
1838
1647
  .rs-input-group.rs-input-group-inside .rs-input {
@@ -1843,13 +1652,10 @@ textarea.rs-input-sm {
1843
1652
  }
1844
1653
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
1845
1654
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
1846
- -webkit-box-flex: 0;
1847
- -ms-flex: 0 0 auto;
1848
- flex: 0 0 auto;
1655
+ flex: 0 0 auto;
1849
1656
  width: auto;
1850
1657
  }
1851
1658
  .rs-input-group.rs-input-group-inside .rs-input-group-btn {
1852
- color: #343434;
1853
1659
  color: var(--rs-btn-subtle-text);
1854
1660
  background-color: transparent;
1855
1661
  border: none;
@@ -1858,23 +1664,17 @@ textarea.rs-input-sm {
1858
1664
  padding: 7px 11px;
1859
1665
  border-radius: 0 6px 6px 0;
1860
1666
  }
1861
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1862
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1863
- color: #343434;
1667
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1864
1668
  color: var(--rs-btn-subtle-hover-text);
1865
- background-color: #e5e5ea;
1866
1669
  background-color: var(--rs-btn-subtle-hover-bg);
1867
1670
  }
1868
1671
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
1869
1672
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
1870
- color: #121212;
1871
1673
  color: var(--rs-btn-subtle-active-text);
1872
- background-color: #e5e5ea;
1873
1674
  background-color: var(--rs-btn-subtle-active-bg);
1874
1675
  }
1875
1676
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1876
1677
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1877
- color: #b6b7b8;
1878
1678
  color: var(--rs-btn-subtle-disabled-text);
1879
1679
  background: none;
1880
1680
  }
@@ -1928,9 +1728,7 @@ textarea.rs-input-sm {
1928
1728
  right: 1px;
1929
1729
  }
1930
1730
  .rs-input-group.rs-input-group-disabled {
1931
- background-color: #f7f7fa;
1932
1731
  background-color: var(--rs-input-disabled-bg);
1933
- color: #717273;
1934
1732
  color: var(--rs-text-disabled);
1935
1733
  cursor: not-allowed;
1936
1734
  }
@@ -1946,11 +1744,6 @@ textarea.rs-input-sm {
1946
1744
  line-height: 1.375;
1947
1745
  /* stylelint-enable */
1948
1746
  }
1949
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1950
- .rs-input-group-lg > .rs-input {
1951
- height: 42px;
1952
- }
1953
- }
1954
1747
  textarea.rs-input-group-lg > .rs-input {
1955
1748
  height: auto;
1956
1749
  }
@@ -1977,11 +1770,6 @@ textarea.rs-input-group-lg > .rs-input {
1977
1770
  line-height: 1.42857143;
1978
1771
  /* stylelint-enable */
1979
1772
  }
1980
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1981
- .rs-input-group-md > .rs-input {
1982
- height: 36px;
1983
- }
1984
- }
1985
1773
  textarea.rs-input-group-md > .rs-input {
1986
1774
  height: auto;
1987
1775
  }
@@ -2008,11 +1796,6 @@ textarea.rs-input-group-md > .rs-input {
2008
1796
  line-height: 1.42857143;
2009
1797
  /* stylelint-enable */
2010
1798
  }
2011
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2012
- .rs-input-group-sm > .rs-input {
2013
- height: 30px;
2014
- }
2015
- }
2016
1799
  textarea.rs-input-group-sm > .rs-input {
2017
1800
  height: auto;
2018
1801
  }
@@ -2039,11 +1822,6 @@ textarea.rs-input-group-sm > .rs-input {
2039
1822
  line-height: 1.66666667;
2040
1823
  /* stylelint-enable */
2041
1824
  }
2042
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2043
- .rs-input-group-xs > .rs-input {
2044
- height: 24px;
2045
- }
2046
- }
2047
1825
  textarea.rs-input-group-xs > .rs-input {
2048
1826
  height: auto;
2049
1827
  }
@@ -2069,11 +1847,6 @@ textarea.rs-input-group-xs > .rs-input {
2069
1847
  padding-left: 15px;
2070
1848
  padding-right: 15px;
2071
1849
  }
2072
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2073
- .rs-input-group.rs-input-group-lg > .rs-input-group-addon {
2074
- height: 42px;
2075
- }
2076
- }
2077
1850
  textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
2078
1851
  height: auto;
2079
1852
  }
@@ -2087,11 +1860,6 @@ textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
2087
1860
  padding-left: 11px;
2088
1861
  padding-right: 11px;
2089
1862
  }
2090
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2091
- .rs-input-group.rs-input-group-md > .rs-input-group-addon {
2092
- height: 36px;
2093
- }
2094
- }
2095
1863
  textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
2096
1864
  height: auto;
2097
1865
  }
@@ -2105,11 +1873,6 @@ textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
2105
1873
  padding-left: 9px;
2106
1874
  padding-right: 9px;
2107
1875
  }
2108
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2109
- .rs-input-group.rs-input-group-sm > .rs-input-group-addon {
2110
- height: 30px;
2111
- }
2112
- }
2113
1876
  textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
2114
1877
  height: auto;
2115
1878
  }
@@ -2123,11 +1886,6 @@ textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
2123
1886
  padding-left: 7px;
2124
1887
  padding-right: 7px;
2125
1888
  }
2126
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2127
- .rs-input-group.rs-input-group-xs > .rs-input-group-addon {
2128
- height: 24px;
2129
- }
2130
- }
2131
1889
  textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
2132
1890
  height: auto;
2133
1891
  }
@@ -2141,11 +1899,6 @@ textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
2141
1899
  padding: 9px 15px;
2142
1900
  border-radius: 0 6px 6px 0;
2143
1901
  }
2144
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2145
- .rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
2146
- height: 42px;
2147
- }
2148
- }
2149
1902
  textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
2150
1903
  height: auto;
2151
1904
  }
@@ -2162,11 +1915,6 @@ textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
2162
1915
  padding: 7px 11px;
2163
1916
  border-radius: 0 6px 6px 0;
2164
1917
  }
2165
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2166
- .rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
2167
- height: 36px;
2168
- }
2169
- }
2170
1918
  textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
2171
1919
  height: auto;
2172
1920
  }
@@ -2184,11 +1932,6 @@ textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
2184
1932
  padding: 4px 9px;
2185
1933
  border-radius: 0 6px 6px 0;
2186
1934
  }
2187
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2188
- .rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
2189
- height: 30px;
2190
- }
2191
- }
2192
1935
  textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
2193
1936
  height: auto;
2194
1937
  }
@@ -2206,11 +1949,6 @@ textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
2206
1949
  padding: 1px 7px;
2207
1950
  border-radius: 0 6px 6px 0;
2208
1951
  }
2209
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2210
- .rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2211
- height: 24px;
2212
- }
2213
- }
2214
1952
  textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2215
1953
  height: auto;
2216
1954
  }
@@ -2224,27 +1962,18 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2224
1962
  border-radius: 0;
2225
1963
  }
2226
1964
  .rs-input-group-addon {
2227
- -webkit-box-flex: 0;
2228
- -ms-flex: 0 0 auto;
2229
- flex: 0 0 auto;
2230
- display: -webkit-box;
2231
- display: -ms-flexbox;
1965
+ flex: 0 0 auto;
2232
1966
  display: flex;
2233
- -webkit-box-align: center;
2234
- -ms-flex-align: center;
2235
- align-items: center;
1967
+ align-items: center;
2236
1968
  white-space: nowrap;
2237
1969
  vertical-align: middle;
2238
- color: #343434;
2239
1970
  color: var(--rs-text-primary);
2240
1971
  padding: 8px 12px;
2241
1972
  font-size: 14px;
2242
1973
  font-weight: normal;
2243
1974
  line-height: 1;
2244
1975
  text-align: center;
2245
- background-color: #f7f7fa;
2246
1976
  background-color: var(--rs-btn-default-bg);
2247
- border: 1px solid #e5e5ea;
2248
1977
  border: 1px solid var(--rs-border-primary);
2249
1978
  border-radius: 6px;
2250
1979
  }
@@ -2289,12 +2018,30 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2289
2018
  margin-left: -1px;
2290
2019
  }
2291
2020
  .rs-highlight-mark {
2292
- background-color: #fff6c9;
2293
2021
  background-color: var(--rs-text-highlight-bg);
2294
2022
  padding: 0 0.2em;
2295
2023
  font-weight: bolder;
2296
2024
  border-radius: 4px;
2297
2025
  }
2026
+ .rs-btn-close {
2027
+ border: none;
2028
+ outline: none !important;
2029
+ background: transparent;
2030
+ line-height: 1;
2031
+ cursor: pointer;
2032
+ }
2033
+ .rs-btn-close .rs-icon {
2034
+ vertical-align: bottom;
2035
+ }
2036
+ .rs-btn-close:hover,
2037
+ .rs-btn-close:focus {
2038
+ color: var(--rs-close-button-hover-color);
2039
+ }
2040
+ .rs-btn-close:hover svg path,
2041
+ .rs-btn-close:focus svg path {
2042
+ stroke: var(--rs-close-button-hover-color);
2043
+ stroke-width: 1;
2044
+ }
2298
2045
  .rs-picker-subtle .picker-subtle-toggle {
2299
2046
  position: relative;
2300
2047
  z-index: 5;
@@ -2331,50 +2078,35 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2331
2078
  .rs-picker-disabled .rs-picker-toggle-value,
2332
2079
  .rs-picker-disabled .rs-picker-toggle-indicator,
2333
2080
  .rs-picker-disabled .rs-picker-tag-list .rs-tag {
2334
- color: #717273 !important;
2335
2081
  color: var(--rs-text-disabled) !important;
2336
2082
  }
2337
2083
  .rs-picker-disabled .rs-picker-value-count {
2338
2084
  opacity: 0.5;
2339
2085
  }
2340
2086
  .rs-picker-toggle .rs-picker-toggle-placeholder {
2341
- color: #717273;
2342
2087
  color: var(--rs-text-secondary);
2343
2088
  }
2344
2089
  .rs-picker-has-value .rs-btn .rs-picker-toggle-value,
2345
2090
  .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
2346
- color: #1675e0;
2347
2091
  color: var(--rs-picker-value);
2348
2092
  }
2349
2093
  .rs-picker-none {
2350
2094
  padding: 6px 12px 12px;
2351
- color: #717273;
2352
2095
  color: var(--rs-text-secondary);
2353
2096
  cursor: default;
2354
2097
  }
2355
2098
  .rs-picker-countable .rs-picker-toggle-value {
2356
- display: -webkit-box;
2357
- display: -ms-flexbox;
2358
2099
  display: flex;
2359
2100
  }
2360
2101
  .rs-picker-value-list {
2361
- -webkit-box-flex: 0;
2362
- -ms-flex: 0 1 auto;
2363
- flex: 0 1 auto;
2102
+ flex: 0 1 auto;
2364
2103
  overflow: hidden;
2365
2104
  text-overflow: ellipsis;
2366
2105
  white-space: nowrap;
2367
2106
  }
2368
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2369
- .rs-picker-value-list {
2370
- max-width: 100%;
2371
- }
2372
- }
2373
2107
  .rs-picker-value-count {
2374
2108
  margin: 0 4px;
2375
- background-color: #3498ff;
2376
2109
  background-color: var(--rs-picker-count-bg);
2377
- color: #fff;
2378
2110
  color: var(--rs-picker-count-text);
2379
2111
  border-radius: 10px;
2380
2112
  padding: 0 8px;
@@ -2385,73 +2117,49 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2385
2117
  }
2386
2118
  .rs-picker:not(.rs-picker-disabled):hover,
2387
2119
  .rs-picker.rs-picker-focused {
2388
- border-color: #3498ff;
2389
2120
  border-color: var(--rs-input-focus-border);
2390
2121
  }
2391
2122
  .rs-picker-toggle-active,
2392
2123
  .rs-picker.rs-picker-focused {
2393
- -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
2394
- -webkit-box-shadow: var(--rs-state-focus-shadow);
2395
- box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
2396
- box-shadow: var(--rs-state-focus-shadow);
2124
+ box-shadow: var(--rs-state-focus-shadow);
2397
2125
  }
2398
2126
  .rs-picker-label.rs-input-group-addon {
2399
- color: #343434;
2400
2127
  color: var(--rs-text-primary);
2401
2128
  padding-right: 4px !important;
2402
2129
  }
2403
2130
  .rs-picker-loader {
2404
2131
  width: 14px;
2405
2132
  height: 14px;
2406
- display: -webkit-box;
2407
- display: -ms-flexbox;
2408
2133
  display: flex;
2409
- -webkit-box-align: center;
2410
- -ms-flex-align: center;
2411
- align-items: center;
2134
+ align-items: center;
2412
2135
  }
2413
2136
  .rs-picker-error > .rs-picker-input-group {
2414
- border-color: #f44336;
2415
2137
  border-color: var(--rs-picker-state-error);
2416
2138
  }
2417
2139
  .rs-picker-error > .rs-picker-input-group:hover {
2418
- border-color: #f44336;
2419
2140
  border-color: var(--rs-picker-state-error);
2420
2141
  }
2421
2142
  .rs-picker-error > .rs-picker-input-group:focus-within {
2422
- border-color: #f44336;
2423
2143
  border-color: var(--rs-picker-state-error);
2424
- outline: 3px solid rgb(from #f44336 r g b / 25%);
2425
2144
  outline: var(--rs-picker-state-error-outline);
2426
2145
  }
2427
2146
  .rs-picker-toggle {
2428
- display: -webkit-inline-box;
2429
- display: -ms-inline-flexbox;
2430
2147
  display: inline-flex;
2431
- -webkit-box-align: center;
2432
- -ms-flex-align: center;
2433
- align-items: center;
2434
- -webkit-box-pack: center;
2435
- -ms-flex-pack: center;
2436
- justify-content: center;
2148
+ align-items: center;
2149
+ justify-content: center;
2437
2150
  margin-bottom: 0;
2438
2151
  font-weight: normal;
2439
2152
  text-align: center;
2440
2153
  vertical-align: middle;
2441
2154
  cursor: pointer;
2442
2155
  white-space: nowrap;
2443
- -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
2444
2156
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
2445
- border: none;
2446
2157
  border: var(--rs-btn-default-border, none);
2447
2158
  -webkit-user-select: none;
2448
2159
  -moz-user-select: none;
2449
- -ms-user-select: none;
2450
2160
  user-select: none;
2451
2161
  text-decoration: none;
2452
- color: #343434;
2453
2162
  color: var(--rs-btn-default-text);
2454
- background-color: #f7f7fa;
2455
2163
  background-color: var(--rs-btn-default-bg);
2456
2164
  border-radius: 6px;
2457
2165
  font-size: 14px;
@@ -2461,7 +2169,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2461
2169
  position: relative;
2462
2170
  }
2463
2171
  .rs-theme-high-contrast .rs-picker-toggle {
2464
- -webkit-transition: none;
2465
2172
  transition: none;
2466
2173
  }
2467
2174
  .rs-btn-ghost.rs-picker-toggle {
@@ -2487,7 +2194,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2487
2194
  }
2488
2195
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-left > .rs-icon {
2489
2196
  left: 0;
2490
- border-right: none;
2491
2197
  border-right: var(--rs-btn-default-border, none);
2492
2198
  }
2493
2199
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right {
@@ -2495,43 +2201,35 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2495
2201
  }
2496
2202
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right > .rs-icon {
2497
2203
  right: 0;
2498
- border-left: none;
2499
2204
  border-left: var(--rs-btn-default-border, none);
2500
2205
  }
2501
2206
  .rs-picker-toggle:focus-visible {
2502
- outline: 3px solid rgb(from #3498ff r g b / 25%);
2503
2207
  outline: 3px solid var(--rs-color-focus-ring);
2504
2208
  }
2505
2209
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2506
2210
  outline-offset: 2px;
2507
2211
  }
2508
- .rs-picker-toggle:hover,
2509
- .rs-picker-toggle:focus {
2212
+ .rs-picker-toggle:hover {
2510
2213
  color: var(--rs-btn-default-hover-text);
2511
- background-color: #e5e5ea;
2512
2214
  background-color: var(--rs-btn-default-hover-bg);
2513
2215
  text-decoration: none;
2514
2216
  }
2515
2217
  .rs-picker-toggle:active,
2516
2218
  .rs-picker-toggle.rs-btn-active {
2517
- color: #121212;
2518
2219
  color: var(--rs-btn-default-active-text);
2519
- background-color: #d9d9d9;
2520
2220
  background-color: var(--rs-btn-default-active-bg);
2521
2221
  }
2522
2222
  .rs-picker-toggle:disabled,
2523
2223
  .rs-picker-toggle.rs-btn-disabled {
2524
2224
  cursor: not-allowed;
2525
- color: #717273;
2526
2225
  color: var(--rs-btn-default-disabled-text);
2527
- background-color: #f7f7fa;
2528
2226
  background-color: var(--rs-btn-default-disabled-bg);
2529
2227
  }
2530
2228
  .rs-theme-high-contrast .rs-picker-toggle:disabled,
2531
2229
  .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
2532
2230
  border-color: var(--rs-btn-default-disabled-boreder-color);
2533
2231
  }
2534
- @media not all and (min-resolution: 0.001dpcm) {
2232
+ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
2535
2233
  .rs-picker-toggle {
2536
2234
  /* stylelint-disable */
2537
2235
  -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -2550,9 +2248,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2550
2248
  border: 1px solid #0000;
2551
2249
  padding-left: 10px;
2552
2250
  padding-right: 32px;
2553
- color: #343434;
2554
2251
  color: var(--rs-text-primary);
2555
- background-color: #fff;
2556
2252
  background-color: var(--rs-input-bg);
2557
2253
  outline: none;
2558
2254
  }
@@ -2569,44 +2265,33 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2569
2265
  opacity: 0;
2570
2266
  }
2571
2267
  .rs-picker-default .rs-picker-toggle {
2572
- -webkit-transition: border-color ease-in-out 0.15s;
2573
2268
  transition: border-color ease-in-out 0.15s;
2574
2269
  }
2575
2270
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
2576
- -webkit-transition: none;
2577
2271
  transition: none;
2578
2272
  }
2579
2273
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
2580
2274
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,
2581
2275
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active {
2582
- border-color: #3498ff;
2583
2276
  border-color: var(--rs-input-focus-border);
2584
2277
  }
2585
2278
  .rs-picker-subtle .rs-picker-toggle {
2586
- color: #343434;
2587
2279
  color: var(--rs-btn-subtle-text);
2588
2280
  background-color: transparent;
2589
2281
  border: none;
2590
- -webkit-transition: none;
2591
2282
  transition: none;
2592
2283
  }
2593
- .rs-picker-subtle .rs-picker-toggle:hover,
2594
- .rs-picker-subtle .rs-picker-toggle:focus {
2595
- color: #343434;
2284
+ .rs-picker-subtle .rs-picker-toggle:hover {
2596
2285
  color: var(--rs-btn-subtle-hover-text);
2597
- background-color: #e5e5ea;
2598
2286
  background-color: var(--rs-btn-subtle-hover-bg);
2599
2287
  }
2600
2288
  .rs-picker-subtle .rs-picker-toggle:active,
2601
2289
  .rs-picker-subtle .rs-picker-toggle.rs-btn-active {
2602
- color: #121212;
2603
2290
  color: var(--rs-btn-subtle-active-text);
2604
- background-color: #e5e5ea;
2605
2291
  background-color: var(--rs-btn-subtle-active-bg);
2606
2292
  }
2607
2293
  .rs-picker-subtle .rs-picker-toggle:disabled,
2608
2294
  .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
2609
- color: #b6b7b8;
2610
2295
  color: var(--rs-btn-subtle-disabled-text);
2611
2296
  background: none;
2612
2297
  }
@@ -2615,9 +2300,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2615
2300
  border-color: var(--rs-btn-default-disabled-boreder-color);
2616
2301
  }
2617
2302
  .rs-picker-subtle .rs-picker-toggle-active {
2618
- background-color: #e5e5ea;
2619
2303
  background-color: var(--rs-btn-subtle-hover-bg);
2620
- color: #343434;
2621
2304
  color: var(--rs-btn-subtle-hover-text);
2622
2305
  }
2623
2306
  /* stylelint-disable-next-line */
@@ -2636,6 +2319,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2636
2319
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
2637
2320
  top: 7px;
2638
2321
  }
2322
+ .rs-picker-default .rs-picker-toggle.rs-btn {
2323
+ padding-top: 7px;
2324
+ padding-bottom: 7px;
2325
+ }
2639
2326
  .rs-picker-date .rs-picker-toggle.rs-btn,
2640
2327
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
2641
2328
  padding-right: 36px;
@@ -2653,15 +2340,43 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2653
2340
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
2654
2341
  top: 7px;
2655
2342
  }
2656
- .rs-picker-default .rs-picker-toggle.rs-btn {
2657
- padding-top: 7px;
2658
- padding-bottom: 7px;
2659
- }
2660
2343
  .rs-picker-toggle.rs-btn-lg {
2661
2344
  font-size: 16px;
2662
2345
  line-height: 22px;
2663
2346
  padding: 10px 16px;
2664
2347
  }
2348
+ .rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
2349
+ padding: 9px 15px;
2350
+ }
2351
+ .rs-btn-icon.rs-picker-toggle.rs-btn-lg {
2352
+ padding: 11px 11px;
2353
+ line-height: 20px;
2354
+ }
2355
+ .rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
2356
+ font-size: 20px;
2357
+ }
2358
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
2359
+ line-height: 22px;
2360
+ }
2361
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
2362
+ padding: 11px 11px;
2363
+ width: 42px;
2364
+ height: 42px;
2365
+ }
2366
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
2367
+ padding: 10px 16px 10px 58px;
2368
+ }
2369
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
2370
+ left: 0;
2371
+ border-right: var(--rs-btn-default-border, none);
2372
+ }
2373
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
2374
+ padding: 10px 58px 10px 16px;
2375
+ }
2376
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
2377
+ right: 0;
2378
+ border-left: var(--rs-btn-default-border, none);
2379
+ }
2665
2380
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-lg {
2666
2381
  padding-right: 36px;
2667
2382
  }
@@ -2677,6 +2392,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2677
2392
  .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
2678
2393
  top: 9px;
2679
2394
  }
2395
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg {
2396
+ padding-top: 9px;
2397
+ padding-bottom: 9px;
2398
+ }
2680
2399
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
2681
2400
  padding-left: 15px;
2682
2401
  }
@@ -2697,44 +2416,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2697
2416
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
2698
2417
  top: 9px;
2699
2418
  }
2700
- .rs-picker-default .rs-picker-toggle.rs-btn-lg {
2701
- padding-top: 9px;
2702
- padding-bottom: 9px;
2703
- }
2704
- .rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
2705
- padding: 9px 15px;
2706
- }
2707
- .rs-btn-icon.rs-picker-toggle.rs-btn-lg {
2708
- padding: 11px 11px;
2709
- line-height: 20px;
2710
- }
2711
- .rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
2712
- font-size: 20px;
2713
- }
2714
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
2715
- line-height: 22px;
2716
- }
2717
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
2718
- padding: 11px 11px;
2719
- width: 42px;
2720
- height: 42px;
2721
- }
2722
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
2723
- padding: 10px 16px 10px 58px;
2724
- }
2725
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
2726
- left: 0;
2727
- border-right: none;
2728
- border-right: var(--rs-btn-default-border, none);
2729
- }
2730
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
2731
- padding: 10px 58px 10px 16px;
2732
- }
2733
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
2734
- right: 0;
2735
- border-left: none;
2736
- border-left: var(--rs-btn-default-border, none);
2737
- }
2738
2419
  .rs-picker-toggle.rs-btn-lg .rs-picker-value-count {
2739
2420
  line-height: 22px;
2740
2421
  }
@@ -2753,6 +2434,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2753
2434
  .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
2754
2435
  top: 7px;
2755
2436
  }
2437
+ .rs-picker-default .rs-picker-toggle.rs-btn-md {
2438
+ padding-top: 7px;
2439
+ padding-bottom: 7px;
2440
+ }
2756
2441
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
2757
2442
  padding-left: 11px;
2758
2443
  }
@@ -2773,10 +2458,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2773
2458
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
2774
2459
  top: 7px;
2775
2460
  }
2776
- .rs-picker-default .rs-picker-toggle.rs-btn-md {
2777
- padding-top: 7px;
2778
- padding-bottom: 7px;
2779
- }
2780
2461
  .rs-picker-toggle.rs-btn-sm {
2781
2462
  font-size: 14px;
2782
2463
  line-height: 20px;
@@ -2805,7 +2486,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2805
2486
  }
2806
2487
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
2807
2488
  left: 0;
2808
- border-right: none;
2809
2489
  border-right: var(--rs-btn-default-border, none);
2810
2490
  }
2811
2491
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right {
@@ -2813,7 +2493,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2813
2493
  }
2814
2494
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
2815
2495
  right: 0;
2816
- border-left: none;
2817
2496
  border-left: var(--rs-btn-default-border, none);
2818
2497
  }
2819
2498
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-sm {
@@ -2831,6 +2510,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2831
2510
  .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
2832
2511
  top: 4px;
2833
2512
  }
2513
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm {
2514
+ padding-top: 4px;
2515
+ padding-bottom: 4px;
2516
+ }
2834
2517
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
2835
2518
  padding-left: 9px;
2836
2519
  }
@@ -2851,10 +2534,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2851
2534
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
2852
2535
  top: 3px;
2853
2536
  }
2854
- .rs-picker-default .rs-picker-toggle.rs-btn-sm {
2855
- padding-top: 4px;
2856
- padding-bottom: 4px;
2857
- }
2858
2537
  .rs-picker-toggle.rs-btn-xs {
2859
2538
  font-size: 12px;
2860
2539
  line-height: 20px;
@@ -2883,7 +2562,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2883
2562
  }
2884
2563
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
2885
2564
  left: 0;
2886
- border-right: none;
2887
2565
  border-right: var(--rs-btn-default-border, none);
2888
2566
  }
2889
2567
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
@@ -2891,7 +2569,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2891
2569
  }
2892
2570
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
2893
2571
  right: 0;
2894
- border-left: none;
2895
2572
  border-left: var(--rs-btn-default-border, none);
2896
2573
  }
2897
2574
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
@@ -2909,6 +2586,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2909
2586
  .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
2910
2587
  top: 1px;
2911
2588
  }
2589
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs {
2590
+ padding-top: 1px;
2591
+ padding-bottom: 1px;
2592
+ }
2912
2593
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
2913
2594
  padding-left: 7px;
2914
2595
  }
@@ -2929,10 +2610,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2929
2610
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
2930
2611
  top: 1px;
2931
2612
  }
2932
- .rs-picker-default .rs-picker-toggle.rs-btn-xs {
2933
- padding-top: 1px;
2934
- padding-bottom: 1px;
2935
- }
2936
2613
  /* stylelint-disable-next-line */
2937
2614
  .rs-picker-toggle {
2938
2615
  overflow: hidden;
@@ -2945,9 +2622,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2945
2622
  z-index: 5;
2946
2623
  padding-right: 32px;
2947
2624
  display: inline-block;
2948
- color: #343434;
2949
2625
  color: var(--rs-text-primary);
2950
- border: 1px solid #e5e5ea;
2951
2626
  border: 1px solid var(--rs-border-primary);
2952
2627
  }
2953
2628
  .rs-picker-disabled .rs-picker-toggle {
@@ -2955,7 +2630,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2955
2630
  }
2956
2631
  .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):hover,
2957
2632
  .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):focus {
2958
- border-color: #3498ff;
2959
2633
  border-color: var(--rs-input-focus-border);
2960
2634
  }
2961
2635
  .rs-picker-subtle .rs-picker-toggle {
@@ -2982,7 +2656,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2982
2656
  text-align: left;
2983
2657
  }
2984
2658
  .rs-picker-toggle-label {
2985
- color: #343434;
2986
2659
  color: var(--rs-text-primary);
2987
2660
  }
2988
2661
  .rs-picker-toggle-label::after {
@@ -3000,12 +2673,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3000
2673
  padding-right: 44px;
3001
2674
  }
3002
2675
  .rs-picker-toggle-indicator .rs-picker-clean {
3003
- display: -webkit-box;
3004
- display: -ms-flexbox;
3005
2676
  display: flex;
3006
- -webkit-box-align: center;
3007
- -ms-flex-align: center;
3008
- align-items: center;
2677
+ align-items: center;
3009
2678
  margin-left: 2px;
3010
2679
  position: absolute;
3011
2680
  top: 8px;
@@ -3013,9 +2682,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3013
2682
  height: 20px;
3014
2683
  font-size: 12px;
3015
2684
  background: inherit;
3016
- color: #717273;
3017
2685
  color: var(--rs-text-secondary);
3018
- -webkit-transition: 0.2s color linear;
3019
2686
  transition: 0.2s color linear;
3020
2687
  cursor: pointer;
3021
2688
  }
@@ -3027,12 +2694,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3027
2694
  right: 38px;
3028
2695
  }
3029
2696
  .rs-picker-toggle-indicator .rs-picker-caret-icon {
3030
- display: -webkit-box;
3031
- display: -ms-flexbox;
3032
2697
  display: flex;
3033
- -webkit-box-align: center;
3034
- -ms-flex-align: center;
3035
- align-items: center;
2698
+ align-items: center;
3036
2699
  margin-left: 2px;
3037
2700
  position: absolute;
3038
2701
  top: 8px;
@@ -3040,16 +2703,11 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3040
2703
  height: 20px;
3041
2704
  font-size: 12px;
3042
2705
  font-size: 16px;
3043
- color: #717273;
3044
2706
  color: var(--rs-text-secondary);
3045
2707
  }
3046
2708
  .rs-picker-toggle-indicator .rs-picker-loader {
3047
- display: -webkit-box;
3048
- display: -ms-flexbox;
3049
2709
  display: flex;
3050
- -webkit-box-align: center;
3051
- -ms-flex-align: center;
3052
- align-items: center;
2710
+ align-items: center;
3053
2711
  margin-left: 2px;
3054
2712
  position: absolute;
3055
2713
  top: 8px;
@@ -3062,26 +2720,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3062
2720
  text-align: left;
3063
2721
  z-index: 7;
3064
2722
  border-radius: 6px;
3065
- background-color: #fff;
3066
2723
  background-color: var(--rs-bg-overlay);
3067
- -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
3068
- -webkit-box-shadow: var(--rs-shadow-overlay);
3069
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
3070
- box-shadow: var(--rs-shadow-overlay);
2724
+ box-shadow: var(--rs-shadow-overlay);
3071
2725
  overflow: hidden;
3072
- -webkit-transition: none;
3073
2726
  transition: none;
3074
- display: -webkit-box;
3075
- display: -ms-flexbox;
3076
2727
  display: flex;
3077
- -webkit-box-orient: vertical;
3078
- -webkit-box-direction: normal;
3079
- -ms-flex-direction: column;
3080
- flex-direction: column;
2728
+ flex-direction: column;
3081
2729
  padding: 6px 0;
3082
2730
  }
3083
2731
  .rs-theme-high-contrast .rs-picker-popup {
3084
- border: 1px solid #e5e5ea;
3085
2732
  border: 1px solid var(--rs-border-primary);
3086
2733
  }
3087
2734
  .rs-modal-open .rs-picker-popup {
@@ -3092,8 +2739,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3092
2739
  }
3093
2740
  .rs-picker-popup.rs-picker-inline {
3094
2741
  position: relative;
3095
- -webkit-box-shadow: none;
3096
- box-shadow: none;
2742
+ box-shadow: none;
3097
2743
  }
3098
2744
  .rs-picker-popup .rs-search-box {
3099
2745
  padding: 6px 12px 6px;
@@ -3105,14 +2751,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3105
2751
  .rs-picker-input .rs-btn,
3106
2752
  .rs-picker-default .rs-picker-toggle,
3107
2753
  .rs-picker-input .rs-picker-toggle {
3108
- background-color: #fff !important;
3109
2754
  background-color: var(--rs-input-bg) !important;
3110
2755
  }
3111
2756
  .rs-picker-default.rs-picker-disabled .rs-picker-toggle,
3112
2757
  .rs-picker-input.rs-picker-disabled .rs-picker-toggle,
3113
2758
  .rs-picker-default.rs-picker-disabled .rs-btn,
3114
2759
  .rs-picker-input.rs-picker-disabled .rs-btn {
3115
- background-color: #f7f7fa !important;
3116
2760
  background-color: var(--rs-input-disabled-bg) !important;
3117
2761
  }
3118
2762
  .rs-picker-default.rs-picker-disabled .rs-input-group,
@@ -3125,19 +2769,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3125
2769
  .rs-check-item:not(.rs-checkbox-disabled):hover,
3126
2770
  .rs-check-item:focus,
3127
2771
  .rs-check-item.rs-check-item-focus {
3128
- background-color: rgb(from #cce9ff r g b / 50%);
3129
2772
  background-color: var(--rs-listbox-option-hover-bg);
3130
- color: #1675e0;
3131
2773
  color: var(--rs-listbox-option-hover-text);
3132
2774
  }
3133
2775
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
3134
2776
  .rs-theme-high-contrast .rs-check-item:focus,
3135
2777
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
3136
- outline: 3px solid rgb(from #3498ff r g b / 25%);
3137
2778
  outline: 3px solid var(--rs-color-focus-ring);
3138
2779
  outline-offset: -3px;
3139
2780
  outline-width: 2px;
3140
- color: #1675e0;
3141
2781
  color: var(--rs-listbox-option-hover-text);
3142
2782
  text-decoration: underline;
3143
2783
  }
@@ -3162,11 +2802,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3162
2802
  line-height: 20px;
3163
2803
  }
3164
2804
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
3165
- -webkit-transition: none;
3166
2805
  transition: none;
3167
2806
  }
3168
2807
  .rs-check-item .rs-checkbox-checker > label::before {
3169
- background-color: #fff;
3170
2808
  background-color: var(--rs-bg-overlay);
3171
2809
  }
3172
2810
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
@@ -3187,7 +2825,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3187
2825
  left: 26px;
3188
2826
  }
3189
2827
  .rs-picker-menu-group {
3190
- background-color: #fff;
3191
2828
  background-color: var(--rs-listbox-option-group-bg);
3192
2829
  position: sticky;
3193
2830
  top: -1px;
@@ -3219,14 +2856,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3219
2856
  cursor: pointer;
3220
2857
  }
3221
2858
  .rs-checkbox-inner::before {
3222
- border-color: #3498ff;
3223
2859
  border-color: var(--rs-checkbox-checked-bg);
3224
2860
  }
3225
2861
  .rs-checkbox.rs-checkbox-disabled label {
3226
2862
  cursor: not-allowed;
3227
2863
  }
3228
2864
  .rs-checkbox-disabled > .rs-checkbox-checker > label {
3229
- color: #717273;
3230
2865
  color: var(--rs-text-disabled);
3231
2866
  }
3232
2867
  .rs-checkbox-inline {
@@ -3242,10 +2877,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3242
2877
  margin-left: 0;
3243
2878
  }
3244
2879
  .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
3245
- -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3246
- -webkit-box-shadow: var(--rs-state-focus-shadow);
3247
- box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3248
- box-shadow: var(--rs-state-focus-shadow);
2880
+ box-shadow: var(--rs-state-focus-shadow);
3249
2881
  }
3250
2882
  .rs-checkbox-checker {
3251
2883
  padding-top: 10px;
@@ -3267,20 +2899,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3267
2899
  }
3268
2900
  .rs-checkbox-control .rs-checkbox-inner::after {
3269
2901
  opacity: 0;
3270
- -webkit-transform: rotate(45deg) scale(0);
3271
- transform: rotate(45deg) scale(0);
3272
- -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
3273
- transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
2902
+ transform: rotate(45deg) scale(0);
3274
2903
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
3275
- transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46), -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
3276
2904
  }
3277
2905
  .rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::after {
3278
- -webkit-transition: none;
3279
2906
  transition: none;
3280
2907
  }
3281
2908
  .rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after,
3282
2909
  .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
3283
- border: solid #fff;
3284
2910
  border: solid var(--rs-checkbox-icon);
3285
2911
  width: 6px;
3286
2912
  height: 9px;
@@ -3290,13 +2916,11 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3290
2916
  }
3291
2917
  .rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after {
3292
2918
  border-width: 0 2px 2px 0;
3293
- -webkit-transform: rotate(45deg) scale(1);
3294
- transform: rotate(45deg) scale(1);
2919
+ transform: rotate(45deg) scale(1);
3295
2920
  }
3296
2921
  .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
3297
2922
  border-width: 0 0 2px;
3298
- -webkit-transform: rotate(0deg) scale(1);
3299
- transform: rotate(0deg) scale(1);
2923
+ transform: rotate(0deg) scale(1);
3300
2924
  width: 10px;
3301
2925
  margin-top: 0;
3302
2926
  margin-left: 3px;
@@ -3329,58 +2953,41 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3329
2953
  height: 16px;
3330
2954
  }
3331
2955
  .rs-checkbox-control::before {
3332
- border: 1px solid #3498ff;
3333
2956
  border: 1px solid var(--rs-checkbox-checked-bg);
3334
2957
  background-color: transparent;
3335
2958
  border-radius: 3px;
3336
- -webkit-transform: scale(1);
3337
- transform: scale(1);
2959
+ transform: scale(1);
3338
2960
  opacity: 0.7;
3339
2961
  visibility: hidden;
3340
- -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
3341
- transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
3342
2962
  transition: transform 0.2s linear, opacity 0.2s linear;
3343
- transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
3344
2963
  }
3345
2964
  .rs-theme-high-contrast .rs-checkbox-control::before {
3346
- -webkit-transition: none;
3347
2965
  transition: none;
3348
2966
  }
3349
2967
  .rs-checkbox-checked .rs-checkbox-control::before {
3350
- -webkit-transform: scale(1.5);
3351
- transform: scale(1.5);
2968
+ transform: scale(1.5);
3352
2969
  opacity: 0;
3353
2970
  visibility: visible;
3354
2971
  }
3355
2972
  .rs-checkbox-control .rs-checkbox-inner::before {
3356
- border: 1px solid #d9d9d9;
3357
2973
  border: 1px solid var(--rs-checkbox-border);
3358
2974
  background-color: transparent;
3359
2975
  border-radius: 3px;
3360
- -webkit-transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
3361
- transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
3362
2976
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
3363
- transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
3364
2977
  }
3365
2978
  .rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::before {
3366
- -webkit-transition: none;
3367
2979
  transition: none;
3368
2980
  }
3369
2981
  label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3370
- border-color: #3498ff;
3371
2982
  border-color: var(--rs-checkbox-checked-bg);
3372
2983
  }
3373
2984
  .rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate) .rs-checkbox-control .rs-checkbox-inner::before {
3374
- border-color: #f7f7fa;
3375
2985
  border-color: var(--rs-checkbox-disabled-bg);
3376
- background-color: #f7f7fa;
3377
2986
  background-color: var(--rs-checkbox-disabled-bg);
3378
2987
  }
3379
2988
  .rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
3380
2989
  .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
3381
- border-color: #3498ff;
3382
2990
  border-color: var(--rs-checkbox-checked-bg);
3383
- background-color: #3498ff;
3384
2991
  background-color: var(--rs-checkbox-checked-bg);
3385
2992
  }
3386
2993
  .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
@@ -3388,123 +2995,89 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3388
2995
  opacity: 0.5;
3389
2996
  }
3390
2997
  .rs-checkbox-red .rs-checkbox-control::before {
3391
- border-color: #f44336;
3392
2998
  border-color: var(--rs-red-500);
3393
2999
  }
3394
3000
  .rs-checkbox-red label:hover .rs-checkbox-inner::before {
3395
- border-color: #f44336;
3396
3001
  border-color: var(--rs-red-500);
3397
3002
  }
3398
3003
  .rs-checkbox-red.rs-checkbox-checked .rs-checkbox-inner::before,
3399
3004
  .rs-checkbox-red.rs-checkbox-indeterminate .rs-checkbox-inner::before {
3400
- border-color: #f44336;
3401
3005
  border-color: var(--rs-red-500);
3402
- background-color: #f44336;
3403
3006
  background-color: var(--rs-red-500);
3404
3007
  }
3405
3008
  .rs-checkbox-orange .rs-checkbox-control::before {
3406
- border-color: #fa8900;
3407
3009
  border-color: var(--rs-orange-500);
3408
3010
  }
3409
3011
  .rs-checkbox-orange label:hover .rs-checkbox-inner::before {
3410
- border-color: #fa8900;
3411
3012
  border-color: var(--rs-orange-500);
3412
3013
  }
3413
3014
  .rs-checkbox-orange.rs-checkbox-checked .rs-checkbox-inner::before,
3414
3015
  .rs-checkbox-orange.rs-checkbox-indeterminate .rs-checkbox-inner::before {
3415
- border-color: #fa8900;
3416
3016
  border-color: var(--rs-orange-500);
3417
- background-color: #fa8900;
3418
3017
  background-color: var(--rs-orange-500);
3419
3018
  }
3420
3019
  .rs-checkbox-yellow .rs-checkbox-control::before {
3421
- border-color: #ffb300;
3422
3020
  border-color: var(--rs-yellow-500);
3423
3021
  }
3424
3022
  .rs-checkbox-yellow label:hover .rs-checkbox-inner::before {
3425
- border-color: #ffb300;
3426
3023
  border-color: var(--rs-yellow-500);
3427
3024
  }
3428
3025
  .rs-checkbox-yellow.rs-checkbox-checked .rs-checkbox-inner::before,
3429
3026
  .rs-checkbox-yellow.rs-checkbox-indeterminate .rs-checkbox-inner::before {
3430
- border-color: #ffb300;
3431
3027
  border-color: var(--rs-yellow-500);
3432
- background-color: #ffb300;
3433
3028
  background-color: var(--rs-yellow-500);
3434
3029
  }
3435
3030
  .rs-checkbox-green .rs-checkbox-control::before {
3436
- border-color: #4caf50;
3437
3031
  border-color: var(--rs-green-500);
3438
3032
  }
3439
3033
  .rs-checkbox-green label:hover .rs-checkbox-inner::before {
3440
- border-color: #4caf50;
3441
3034
  border-color: var(--rs-green-500);
3442
3035
  }
3443
3036
  .rs-checkbox-green.rs-checkbox-checked .rs-checkbox-inner::before,
3444
3037
  .rs-checkbox-green.rs-checkbox-indeterminate .rs-checkbox-inner::before {
3445
- border-color: #4caf50;
3446
3038
  border-color: var(--rs-green-500);
3447
- background-color: #4caf50;
3448
3039
  background-color: var(--rs-green-500);
3449
3040
  }
3450
3041
  .rs-checkbox-cyan .rs-checkbox-control::before {
3451
- border-color: #00bcd4;
3452
3042
  border-color: var(--rs-cyan-500);
3453
3043
  }
3454
3044
  .rs-checkbox-cyan label:hover .rs-checkbox-inner::before {
3455
- border-color: #00bcd4;
3456
3045
  border-color: var(--rs-cyan-500);
3457
3046
  }
3458
3047
  .rs-checkbox-cyan.rs-checkbox-checked .rs-checkbox-inner::before,
3459
3048
  .rs-checkbox-cyan.rs-checkbox-indeterminate .rs-checkbox-inner::before {
3460
- border-color: #00bcd4;
3461
3049
  border-color: var(--rs-cyan-500);
3462
- background-color: #00bcd4;
3463
3050
  background-color: var(--rs-cyan-500);
3464
3051
  }
3465
3052
  .rs-checkbox-blue .rs-checkbox-control::before {
3466
- border-color: #2196f3;
3467
3053
  border-color: var(--rs-blue-500);
3468
3054
  }
3469
3055
  .rs-checkbox-blue label:hover .rs-checkbox-inner::before {
3470
- border-color: #2196f3;
3471
3056
  border-color: var(--rs-blue-500);
3472
3057
  }
3473
3058
  .rs-checkbox-blue.rs-checkbox-checked .rs-checkbox-inner::before,
3474
3059
  .rs-checkbox-blue.rs-checkbox-indeterminate .rs-checkbox-inner::before {
3475
- border-color: #2196f3;
3476
3060
  border-color: var(--rs-blue-500);
3477
- background-color: #2196f3;
3478
3061
  background-color: var(--rs-blue-500);
3479
3062
  }
3480
3063
  .rs-checkbox-violet .rs-checkbox-control::before {
3481
- border-color: #673ab7;
3482
3064
  border-color: var(--rs-violet-500);
3483
3065
  }
3484
3066
  .rs-checkbox-violet label:hover .rs-checkbox-inner::before {
3485
- border-color: #673ab7;
3486
3067
  border-color: var(--rs-violet-500);
3487
3068
  }
3488
3069
  .rs-checkbox-violet.rs-checkbox-checked .rs-checkbox-inner::before,
3489
3070
  .rs-checkbox-violet.rs-checkbox-indeterminate .rs-checkbox-inner::before {
3490
- border-color: #673ab7;
3491
3071
  border-color: var(--rs-violet-500);
3492
- background-color: #673ab7;
3493
3072
  background-color: var(--rs-violet-500);
3494
3073
  }
3495
3074
  .rs-tree-node-toggle {
3496
3075
  cursor: pointer;
3497
3076
  width: 24px;
3498
3077
  padding: 4px;
3499
- display: -webkit-box;
3500
- display: -ms-flexbox;
3501
3078
  display: flex;
3502
- -webkit-box-pack: center;
3503
- -ms-flex-pack: center;
3504
- justify-content: center;
3505
- -webkit-box-align: center;
3506
- -ms-flex-align: center;
3507
- align-items: center;
3079
+ justify-content: center;
3080
+ align-items: center;
3508
3081
  }
3509
3082
  .rs-tree-node-toggle > .rs-tree-node-toggle-icon {
3510
3083
  display: inline-block;
@@ -3512,17 +3085,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3512
3085
  width: 16px;
3513
3086
  -webkit-user-select: none;
3514
3087
  -moz-user-select: none;
3515
- -ms-user-select: none;
3516
3088
  user-select: none;
3517
3089
  }
3518
3090
  .rs-tree-node-toggle > .rs-tree-node-custom-icon,
3519
3091
  .rs-tree-node-toggle > .rs-tree-node-loading-icon {
3520
- display: -webkit-box;
3521
- display: -ms-flexbox;
3522
3092
  display: flex;
3523
- -webkit-box-align: center;
3524
- -ms-flex-align: center;
3525
- align-items: center;
3093
+ align-items: center;
3526
3094
  font-size: 14px;
3527
3095
  }
3528
3096
  .rs-tree-node-toggle-placeholder {
@@ -3536,7 +3104,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3536
3104
  }
3537
3105
  /* rtl:end:ignore */
3538
3106
  .rs-tree-indent-line {
3539
- border-left: 1px solid rgba(0, 0, 0, 0.1);
3540
3107
  border-left: 1px solid var(--rs-tree-indent-line-color);
3541
3108
  position: absolute;
3542
3109
  width: 1px;
@@ -3546,9 +3113,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3546
3113
  }
3547
3114
  .rs-check-tree {
3548
3115
  height: 100%;
3549
- -webkit-box-flex: 1;
3550
- -ms-flex: 1 1 auto;
3551
- flex: 1 1 auto;
3116
+ flex: 1 1 auto;
3552
3117
  }
3553
3118
  .rs-check-tree .rs-check-tree-node-content .rs-check-item .rs-checkbox-checker > label {
3554
3119
  text-align: left;
@@ -3561,7 +3126,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3561
3126
  width: auto;
3562
3127
  }
3563
3128
  .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
3564
- outline: 3px solid rgb(from #3498ff r g b / 25%);
3565
3129
  outline: 3px solid var(--rs-color-focus-ring);
3566
3130
  }
3567
3131
  .rs-theme-high-contrast .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
@@ -3575,7 +3139,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3575
3139
  }
3576
3140
  .rs-check-tree .rs-check-tree-empty {
3577
3141
  padding: 6px 12px;
3578
- color: #717273;
3579
3142
  color: var(--rs-text-secondary);
3580
3143
  }
3581
3144
  .rs-check-tree-view {
@@ -3603,12 +3166,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3603
3166
  }
3604
3167
  .rs-check-tree-node {
3605
3168
  position: relative;
3606
- display: -webkit-box;
3607
- display: -ms-flexbox;
3608
3169
  display: flex;
3609
- -webkit-box-align: center;
3610
- -ms-flex-align: center;
3611
- align-items: center;
3170
+ align-items: center;
3612
3171
  }
3613
3172
  .rs-check-tree-node .rs-check-item {
3614
3173
  display: inline-block;
@@ -3621,21 +3180,16 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3621
3180
  .rs-check-tree-node .rs-check-item:hover .rs-checkbox-label,
3622
3181
  .rs-check-tree-node .rs-check-item:focus .rs-checkbox-label,
3623
3182
  .rs-check-tree-node .rs-check-item-focus .rs-checkbox-label {
3624
- background-color: rgb(from #cce9ff r g b / 50%);
3625
3183
  background-color: var(--rs-listbox-option-hover-bg);
3626
- color: #1675e0;
3627
3184
  color: var(--rs-listbox-option-hover-text);
3628
3185
  border-radius: 6px;
3629
3186
  }
3630
3187
  .rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
3631
- color: #717273;
3632
3188
  color: var(--rs-text-disabled);
3633
3189
  background: none;
3634
3190
  }
3635
3191
  .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
3636
- color: #343434;
3637
3192
  color: var(--rs-text-primary);
3638
- background-color: #f2faff;
3639
3193
  background-color: var(--rs-state-hover-bg);
3640
3194
  }
3641
3195
  .rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {