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;
@@ -425,13 +430,11 @@
425
430
  }
426
431
  /* stylelint-disable */
427
432
  *[class*='rs-'] {
428
- -webkit-box-sizing: border-box;
429
- box-sizing: border-box;
433
+ box-sizing: border-box;
430
434
  }
431
435
  *[class*='rs-']::before,
432
436
  *[class*='rs-']::after {
433
- -webkit-box-sizing: border-box;
434
- box-sizing: border-box;
437
+ box-sizing: border-box;
435
438
  }
436
439
  .rs-checkbox {
437
440
  position: relative;
@@ -448,14 +451,12 @@
448
451
  cursor: pointer;
449
452
  }
450
453
  .rs-checkbox-inner::before {
451
- border-color: #3498ff;
452
454
  border-color: var(--rs-checkbox-checked-bg);
453
455
  }
454
456
  .rs-checkbox.rs-checkbox-disabled label {
455
457
  cursor: not-allowed;
456
458
  }
457
459
  .rs-checkbox-disabled > .rs-checkbox-checker > label {
458
- color: #717273;
459
460
  color: var(--rs-text-disabled);
460
461
  }
461
462
  .rs-checkbox-inline {
@@ -471,10 +472,7 @@
471
472
  margin-left: 0;
472
473
  }
473
474
  .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
474
- -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
475
- -webkit-box-shadow: var(--rs-state-focus-shadow);
476
- box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
477
- box-shadow: var(--rs-state-focus-shadow);
475
+ box-shadow: var(--rs-state-focus-shadow);
478
476
  }
479
477
  .rs-checkbox-checker {
480
478
  padding-top: 10px;
@@ -496,20 +494,14 @@
496
494
  }
497
495
  .rs-checkbox-control .rs-checkbox-inner::after {
498
496
  opacity: 0;
499
- -webkit-transform: rotate(45deg) scale(0);
500
- transform: rotate(45deg) scale(0);
501
- -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
502
- transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
497
+ transform: rotate(45deg) scale(0);
503
498
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
504
- 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);
505
499
  }
506
500
  .rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::after {
507
- -webkit-transition: none;
508
501
  transition: none;
509
502
  }
510
503
  .rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after,
511
504
  .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
512
- border: solid #fff;
513
505
  border: solid var(--rs-checkbox-icon);
514
506
  width: 6px;
515
507
  height: 9px;
@@ -519,13 +511,11 @@
519
511
  }
520
512
  .rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after {
521
513
  border-width: 0 2px 2px 0;
522
- -webkit-transform: rotate(45deg) scale(1);
523
- transform: rotate(45deg) scale(1);
514
+ transform: rotate(45deg) scale(1);
524
515
  }
525
516
  .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
526
517
  border-width: 0 0 2px;
527
- -webkit-transform: rotate(0deg) scale(1);
528
- transform: rotate(0deg) scale(1);
518
+ transform: rotate(0deg) scale(1);
529
519
  width: 10px;
530
520
  margin-top: 0;
531
521
  margin-left: 3px;
@@ -558,58 +548,41 @@
558
548
  height: 16px;
559
549
  }
560
550
  .rs-checkbox-control::before {
561
- border: 1px solid #3498ff;
562
551
  border: 1px solid var(--rs-checkbox-checked-bg);
563
552
  background-color: transparent;
564
553
  border-radius: 3px;
565
- -webkit-transform: scale(1);
566
- transform: scale(1);
554
+ transform: scale(1);
567
555
  opacity: 0.7;
568
556
  visibility: hidden;
569
- -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
570
- transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
571
557
  transition: transform 0.2s linear, opacity 0.2s linear;
572
- transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
573
558
  }
574
559
  .rs-theme-high-contrast .rs-checkbox-control::before {
575
- -webkit-transition: none;
576
560
  transition: none;
577
561
  }
578
562
  .rs-checkbox-checked .rs-checkbox-control::before {
579
- -webkit-transform: scale(1.5);
580
- transform: scale(1.5);
563
+ transform: scale(1.5);
581
564
  opacity: 0;
582
565
  visibility: visible;
583
566
  }
584
567
  .rs-checkbox-control .rs-checkbox-inner::before {
585
- border: 1px solid #d9d9d9;
586
568
  border: 1px solid var(--rs-checkbox-border);
587
569
  background-color: transparent;
588
570
  border-radius: 3px;
589
- -webkit-transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
590
- transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
591
571
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
592
- transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
593
572
  }
594
573
  .rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::before {
595
- -webkit-transition: none;
596
574
  transition: none;
597
575
  }
598
576
  label:hover .rs-checkbox-control .rs-checkbox-inner::before {
599
- border-color: #3498ff;
600
577
  border-color: var(--rs-checkbox-checked-bg);
601
578
  }
602
579
  .rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate) .rs-checkbox-control .rs-checkbox-inner::before {
603
- border-color: #f7f7fa;
604
580
  border-color: var(--rs-checkbox-disabled-bg);
605
- background-color: #f7f7fa;
606
581
  background-color: var(--rs-checkbox-disabled-bg);
607
582
  }
608
583
  .rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
609
584
  .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
610
- border-color: #3498ff;
611
585
  border-color: var(--rs-checkbox-checked-bg);
612
- background-color: #3498ff;
613
586
  background-color: var(--rs-checkbox-checked-bg);
614
587
  }
615
588
  .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
@@ -617,138 +590,99 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
617
590
  opacity: 0.5;
618
591
  }
619
592
  .rs-checkbox-red .rs-checkbox-control::before {
620
- border-color: #f44336;
621
593
  border-color: var(--rs-red-500);
622
594
  }
623
595
  .rs-checkbox-red label:hover .rs-checkbox-inner::before {
624
- border-color: #f44336;
625
596
  border-color: var(--rs-red-500);
626
597
  }
627
598
  .rs-checkbox-red.rs-checkbox-checked .rs-checkbox-inner::before,
628
599
  .rs-checkbox-red.rs-checkbox-indeterminate .rs-checkbox-inner::before {
629
- border-color: #f44336;
630
600
  border-color: var(--rs-red-500);
631
- background-color: #f44336;
632
601
  background-color: var(--rs-red-500);
633
602
  }
634
603
  .rs-checkbox-orange .rs-checkbox-control::before {
635
- border-color: #fa8900;
636
604
  border-color: var(--rs-orange-500);
637
605
  }
638
606
  .rs-checkbox-orange label:hover .rs-checkbox-inner::before {
639
- border-color: #fa8900;
640
607
  border-color: var(--rs-orange-500);
641
608
  }
642
609
  .rs-checkbox-orange.rs-checkbox-checked .rs-checkbox-inner::before,
643
610
  .rs-checkbox-orange.rs-checkbox-indeterminate .rs-checkbox-inner::before {
644
- border-color: #fa8900;
645
611
  border-color: var(--rs-orange-500);
646
- background-color: #fa8900;
647
612
  background-color: var(--rs-orange-500);
648
613
  }
649
614
  .rs-checkbox-yellow .rs-checkbox-control::before {
650
- border-color: #ffb300;
651
615
  border-color: var(--rs-yellow-500);
652
616
  }
653
617
  .rs-checkbox-yellow label:hover .rs-checkbox-inner::before {
654
- border-color: #ffb300;
655
618
  border-color: var(--rs-yellow-500);
656
619
  }
657
620
  .rs-checkbox-yellow.rs-checkbox-checked .rs-checkbox-inner::before,
658
621
  .rs-checkbox-yellow.rs-checkbox-indeterminate .rs-checkbox-inner::before {
659
- border-color: #ffb300;
660
622
  border-color: var(--rs-yellow-500);
661
- background-color: #ffb300;
662
623
  background-color: var(--rs-yellow-500);
663
624
  }
664
625
  .rs-checkbox-green .rs-checkbox-control::before {
665
- border-color: #4caf50;
666
626
  border-color: var(--rs-green-500);
667
627
  }
668
628
  .rs-checkbox-green label:hover .rs-checkbox-inner::before {
669
- border-color: #4caf50;
670
629
  border-color: var(--rs-green-500);
671
630
  }
672
631
  .rs-checkbox-green.rs-checkbox-checked .rs-checkbox-inner::before,
673
632
  .rs-checkbox-green.rs-checkbox-indeterminate .rs-checkbox-inner::before {
674
- border-color: #4caf50;
675
633
  border-color: var(--rs-green-500);
676
- background-color: #4caf50;
677
634
  background-color: var(--rs-green-500);
678
635
  }
679
636
  .rs-checkbox-cyan .rs-checkbox-control::before {
680
- border-color: #00bcd4;
681
637
  border-color: var(--rs-cyan-500);
682
638
  }
683
639
  .rs-checkbox-cyan label:hover .rs-checkbox-inner::before {
684
- border-color: #00bcd4;
685
640
  border-color: var(--rs-cyan-500);
686
641
  }
687
642
  .rs-checkbox-cyan.rs-checkbox-checked .rs-checkbox-inner::before,
688
643
  .rs-checkbox-cyan.rs-checkbox-indeterminate .rs-checkbox-inner::before {
689
- border-color: #00bcd4;
690
644
  border-color: var(--rs-cyan-500);
691
- background-color: #00bcd4;
692
645
  background-color: var(--rs-cyan-500);
693
646
  }
694
647
  .rs-checkbox-blue .rs-checkbox-control::before {
695
- border-color: #2196f3;
696
648
  border-color: var(--rs-blue-500);
697
649
  }
698
650
  .rs-checkbox-blue label:hover .rs-checkbox-inner::before {
699
- border-color: #2196f3;
700
651
  border-color: var(--rs-blue-500);
701
652
  }
702
653
  .rs-checkbox-blue.rs-checkbox-checked .rs-checkbox-inner::before,
703
654
  .rs-checkbox-blue.rs-checkbox-indeterminate .rs-checkbox-inner::before {
704
- border-color: #2196f3;
705
655
  border-color: var(--rs-blue-500);
706
- background-color: #2196f3;
707
656
  background-color: var(--rs-blue-500);
708
657
  }
709
658
  .rs-checkbox-violet .rs-checkbox-control::before {
710
- border-color: #673ab7;
711
659
  border-color: var(--rs-violet-500);
712
660
  }
713
661
  .rs-checkbox-violet label:hover .rs-checkbox-inner::before {
714
- border-color: #673ab7;
715
662
  border-color: var(--rs-violet-500);
716
663
  }
717
664
  .rs-checkbox-violet.rs-checkbox-checked .rs-checkbox-inner::before,
718
665
  .rs-checkbox-violet.rs-checkbox-indeterminate .rs-checkbox-inner::before {
719
- border-color: #673ab7;
720
666
  border-color: var(--rs-violet-500);
721
- background-color: #673ab7;
722
667
  background-color: var(--rs-violet-500);
723
668
  }
724
669
  .rs-btn {
725
- display: -webkit-inline-box;
726
- display: -ms-inline-flexbox;
727
670
  display: inline-flex;
728
- -webkit-box-align: center;
729
- -ms-flex-align: center;
730
- align-items: center;
731
- -webkit-box-pack: center;
732
- -ms-flex-pack: center;
733
- justify-content: center;
671
+ align-items: center;
672
+ justify-content: center;
734
673
  margin-bottom: 0;
735
674
  font-weight: normal;
736
675
  text-align: center;
737
676
  vertical-align: middle;
738
677
  cursor: pointer;
739
678
  white-space: nowrap;
740
- -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
741
679
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
742
- border: none;
743
680
  border: var(--rs-btn-default-border, none);
744
681
  -webkit-user-select: none;
745
682
  -moz-user-select: none;
746
- -ms-user-select: none;
747
683
  user-select: none;
748
684
  text-decoration: none;
749
- color: #343434;
750
685
  color: var(--rs-btn-default-text);
751
- background-color: #f7f7fa;
752
686
  background-color: var(--rs-btn-default-bg);
753
687
  border-radius: 6px;
754
688
  font-size: 14px;
@@ -758,7 +692,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
758
692
  position: relative;
759
693
  }
760
694
  .rs-theme-high-contrast .rs-btn {
761
- -webkit-transition: none;
762
695
  transition: none;
763
696
  }
764
697
  .rs-btn-ghost.rs-btn {
@@ -784,7 +717,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
784
717
  }
785
718
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
786
719
  left: 0;
787
- border-right: none;
788
720
  border-right: var(--rs-btn-default-border, none);
789
721
  }
790
722
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
@@ -792,43 +724,35 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
792
724
  }
793
725
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
794
726
  right: 0;
795
- border-left: none;
796
727
  border-left: var(--rs-btn-default-border, none);
797
728
  }
798
729
  .rs-btn:focus-visible {
799
- outline: 3px solid rgb(from #3498ff r g b / 25%);
800
730
  outline: 3px solid var(--rs-color-focus-ring);
801
731
  }
802
732
  .rs-theme-high-contrast .rs-btn:focus-visible {
803
733
  outline-offset: 2px;
804
734
  }
805
- .rs-btn:hover,
806
- .rs-btn:focus {
735
+ .rs-btn:hover {
807
736
  color: var(--rs-btn-default-hover-text);
808
- background-color: #e5e5ea;
809
737
  background-color: var(--rs-btn-default-hover-bg);
810
738
  text-decoration: none;
811
739
  }
812
740
  .rs-btn:active,
813
741
  .rs-btn.rs-btn-active {
814
- color: #121212;
815
742
  color: var(--rs-btn-default-active-text);
816
- background-color: #d9d9d9;
817
743
  background-color: var(--rs-btn-default-active-bg);
818
744
  }
819
745
  .rs-btn:disabled,
820
746
  .rs-btn.rs-btn-disabled {
821
747
  cursor: not-allowed;
822
- color: #717273;
823
748
  color: var(--rs-btn-default-disabled-text);
824
- background-color: #f7f7fa;
825
749
  background-color: var(--rs-btn-default-disabled-bg);
826
750
  }
827
751
  .rs-theme-high-contrast .rs-btn:disabled,
828
752
  .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
829
753
  border-color: var(--rs-btn-default-disabled-boreder-color);
830
754
  }
831
- @media not all and (min-resolution: 0.001dpcm) {
755
+ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
832
756
  .rs-btn {
833
757
  /* stylelint-disable */
834
758
  -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -844,31 +768,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
844
768
  margin-left: 5px;
845
769
  }
846
770
  .rs-btn-primary {
847
- color: #fff;
848
771
  color: var(--rs-btn-primary-text);
849
- background-color: #3498ff;
850
772
  background-color: var(--rs-btn-primary-bg);
851
773
  border: none;
852
774
  }
853
- .rs-btn-primary:hover,
854
- .rs-btn-primary:focus {
855
- color: #fff;
775
+ .rs-btn-primary:hover {
856
776
  color: var(--rs-btn-primary-text);
857
- background-color: #2589f5;
858
777
  background-color: var(--rs-btn-primary-hover-bg);
859
778
  }
860
779
  .rs-btn-primary:active,
861
780
  .rs-btn-primary.rs-btn-active {
862
- color: #fff;
863
781
  color: var(--rs-btn-primary-text);
864
- background-color: #1675e0;
865
782
  background-color: var(--rs-btn-primary-active-bg);
866
783
  }
867
784
  .rs-btn-primary:disabled,
868
785
  .rs-btn-primary.rs-btn-disabled {
869
- color: #fff;
870
786
  color: var(--rs-btn-primary-text);
871
- background-color: #3498ff;
872
787
  background-color: var(--rs-btn-primary-bg);
873
788
  opacity: 0.3;
874
789
  }
@@ -877,28 +792,21 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
877
792
  border-color: var(--rs-btn-default-disabled-boreder-color);
878
793
  }
879
794
  .rs-btn-subtle {
880
- color: #343434;
881
795
  color: var(--rs-btn-subtle-text);
882
796
  background-color: transparent;
883
797
  border: none;
884
798
  }
885
- .rs-btn-subtle:hover,
886
- .rs-btn-subtle:focus {
887
- color: #343434;
799
+ .rs-btn-subtle:hover {
888
800
  color: var(--rs-btn-subtle-hover-text);
889
- background-color: #e5e5ea;
890
801
  background-color: var(--rs-btn-subtle-hover-bg);
891
802
  }
892
803
  .rs-btn-subtle:active,
893
804
  .rs-btn-subtle.rs-btn-active {
894
- color: #121212;
895
805
  color: var(--rs-btn-subtle-active-text);
896
- background-color: #e5e5ea;
897
806
  background-color: var(--rs-btn-subtle-active-bg);
898
807
  }
899
808
  .rs-btn-subtle:disabled,
900
809
  .rs-btn-subtle.rs-btn-disabled {
901
- color: #b6b7b8;
902
810
  color: var(--rs-btn-subtle-disabled-text);
903
811
  background: none;
904
812
  }
@@ -907,27 +815,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
907
815
  border-color: var(--rs-btn-default-disabled-boreder-color);
908
816
  }
909
817
  .rs-btn-link {
910
- color: #1675e0;
911
818
  color: var(--rs-btn-link-text);
912
819
  background-color: transparent;
913
820
  border: none;
914
821
  }
915
- .rs-btn-link:hover,
916
- .rs-btn-link:focus {
917
- color: #0a5dc2;
822
+ .rs-btn-link:hover {
918
823
  color: var(--rs-btn-link-hover-text);
919
824
  background-color: transparent;
920
825
  text-decoration: underline;
921
826
  }
922
827
  .rs-btn-link:active,
923
828
  .rs-btn-link.rs-btn-active {
924
- color: #004299;
925
829
  color: var(--rs-btn-link-active-text);
926
830
  background-color: transparent;
927
831
  }
928
832
  .rs-btn-link:disabled,
929
833
  .rs-btn-link.rs-btn-disabled {
930
- color: #0a5dc2;
931
834
  color: var(--rs-btn-link-hover-text);
932
835
  background-color: transparent;
933
836
  text-decoration: none;
@@ -938,42 +841,29 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
938
841
  border-color: var(--rs-btn-default-disabled-boreder-color);
939
842
  }
940
843
  .rs-btn-ghost {
941
- color: #1675e0;
942
844
  color: var(--rs-btn-ghost-text);
943
845
  background-color: transparent;
944
- border: 1px solid #1675e0;
945
846
  border: 1px solid var(--rs-btn-ghost-border);
946
847
  }
947
- .rs-btn-ghost:hover,
948
- .rs-btn-ghost:focus {
949
- color: #0a5dc2;
848
+ .rs-btn-ghost:hover {
950
849
  color: var(--rs-btn-ghost-hover-text);
951
850
  background-color: transparent;
952
- border-color: #0a5dc2;
953
851
  border-color: var(--rs-btn-ghost-hover-border);
954
- -webkit-box-shadow: 0 0 0 1px #0a5dc2;
955
- -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
956
- box-shadow: 0 0 0 1px #0a5dc2;
957
- box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
852
+ box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
958
853
  }
959
854
  .rs-btn-ghost:active,
960
855
  .rs-btn-ghost.rs-btn-active {
961
- color: #004299;
962
856
  color: var(--rs-btn-ghost-active-text);
963
857
  background-color: transparent;
964
- border-color: #004299;
965
858
  border-color: var(--rs-btn-ghost-active-border);
966
859
  }
967
860
  .rs-btn-ghost:disabled,
968
861
  .rs-btn-ghost.rs-btn-disabled {
969
- color: #1675e0;
970
862
  color: var(--rs-btn-ghost-text);
971
863
  background-color: transparent;
972
864
  opacity: 0.3;
973
- border-color: #1675e0;
974
865
  border-color: var(--rs-btn-ghost-border);
975
- -webkit-box-shadow: none;
976
- box-shadow: none;
866
+ box-shadow: none;
977
867
  }
978
868
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
979
869
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
@@ -1385,7 +1275,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1385
1275
  }
1386
1276
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
1387
1277
  left: 0;
1388
- border-right: none;
1389
1278
  border-right: var(--rs-btn-default-border, none);
1390
1279
  }
1391
1280
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
@@ -1393,7 +1282,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1393
1282
  }
1394
1283
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
1395
1284
  right: 0;
1396
- border-left: none;
1397
1285
  border-left: var(--rs-btn-default-border, none);
1398
1286
  }
1399
1287
  .rs-btn-md {
@@ -1424,7 +1312,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1424
1312
  }
1425
1313
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left > .rs-icon {
1426
1314
  left: 0;
1427
- border-right: none;
1428
1315
  border-right: var(--rs-btn-default-border, none);
1429
1316
  }
1430
1317
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
@@ -1432,7 +1319,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1432
1319
  }
1433
1320
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
1434
1321
  right: 0;
1435
- border-left: none;
1436
1322
  border-left: var(--rs-btn-default-border, none);
1437
1323
  }
1438
1324
  .rs-btn-sm {
@@ -1463,7 +1349,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1463
1349
  }
1464
1350
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
1465
1351
  left: 0;
1466
- border-right: none;
1467
1352
  border-right: var(--rs-btn-default-border, none);
1468
1353
  }
1469
1354
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
@@ -1471,7 +1356,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1471
1356
  }
1472
1357
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
1473
1358
  right: 0;
1474
- border-left: none;
1475
1359
  border-left: var(--rs-btn-default-border, none);
1476
1360
  }
1477
1361
  .rs-btn-xs {
@@ -1502,7 +1386,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1502
1386
  }
1503
1387
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
1504
1388
  left: 0;
1505
- border-right: none;
1506
1389
  border-right: var(--rs-btn-default-border, none);
1507
1390
  }
1508
1391
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
@@ -1510,7 +1393,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1510
1393
  }
1511
1394
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
1512
1395
  right: 0;
1513
- border-left: none;
1514
1396
  border-left: var(--rs-btn-default-border, none);
1515
1397
  }
1516
1398
  .rs-btn-block {
@@ -1545,77 +1427,37 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1545
1427
  height: 16px;
1546
1428
  }
1547
1429
  .rs-btn-loading > .rs-btn-spin::before {
1548
- border: 3px solid rgb(from #f7f7fa r g b / 80%);
1549
1430
  border: 3px solid var(--rs-loader-ring);
1550
1431
  }
1551
1432
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1552
1433
  border-color: rgba(248, 247, 250, 0.3);
1553
1434
  }
1554
1435
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1555
- border-color: rgb(from #f7f7fa r g b / 30%);
1556
1436
  border-color: var(--rs-loader-ring-inverse);
1557
1437
  }
1558
1438
  .rs-btn-loading > .rs-btn-spin::after {
1559
1439
  border-width: 3px;
1560
- border-color: #939393 transparent transparent;
1561
1440
  border-color: var(--rs-loader-rotor) transparent transparent;
1562
1441
  border-style: solid;
1563
- -webkit-animation: buttonSpin 0.6s infinite linear;
1564
- animation: buttonSpin 0.6s infinite linear;
1442
+ animation: buttonSpin 0.6s infinite linear;
1565
1443
  }
1566
1444
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1567
1445
  border-top-color: #fff;
1568
1446
  }
1569
1447
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1570
- border-top-color: #fff;
1571
1448
  border-top-color: var(--rs-loader-rotor-inverse);
1572
1449
  }
1573
- @-webkit-keyframes buttonSpin {
1574
- from {
1575
- -webkit-transform: rotate(0);
1576
- transform: rotate(0);
1577
- }
1578
- to {
1579
- -webkit-transform: rotate(360deg);
1580
- transform: rotate(360deg);
1581
- }
1582
- }
1583
1450
  @keyframes buttonSpin {
1584
1451
  from {
1585
- -webkit-transform: rotate(0);
1586
- transform: rotate(0);
1452
+ transform: rotate(0);
1587
1453
  }
1588
1454
  to {
1589
- -webkit-transform: rotate(360deg);
1590
- transform: rotate(360deg);
1455
+ transform: rotate(360deg);
1591
1456
  }
1592
1457
  }
1593
1458
  .rs-stack {
1594
- display: -webkit-box;
1595
- display: -ms-flexbox;
1596
1459
  display: flex;
1597
1460
  }
1598
- .rs-btn-close {
1599
- border: none;
1600
- outline: none !important;
1601
- background: transparent;
1602
- line-height: 1;
1603
- cursor: pointer;
1604
- }
1605
- .rs-btn-close .rs-icon {
1606
- vertical-align: bottom;
1607
- }
1608
- .rs-btn-close:hover,
1609
- .rs-btn-close:focus {
1610
- color: #f44336;
1611
- color: var(--rs-close-button-hover-color);
1612
- }
1613
- .rs-btn-close:hover svg path,
1614
- .rs-btn-close:focus svg path {
1615
- stroke: #f44336;
1616
- stroke: var(--rs-close-button-hover-color);
1617
- stroke-width: 1;
1618
- }
1619
1461
  .rs-loader {
1620
1462
  display: inline-block;
1621
1463
  }
@@ -1661,16 +1503,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1661
1503
  border-radius: 50%;
1662
1504
  }
1663
1505
  .rs-loader-spin::before {
1664
- border: 3px solid rgb(from #f7f7fa r g b / 80%);
1665
1506
  border: 3px solid var(--rs-loader-ring);
1666
1507
  }
1667
1508
  .rs-loader-spin::after {
1668
1509
  border-width: 3px;
1669
1510
  border-style: solid;
1670
- border-color: #939393 transparent transparent;
1671
1511
  border-color: var(--rs-loader-rotor) transparent transparent;
1672
- -webkit-animation: loaderSpin 0.6s infinite linear;
1673
- animation: loaderSpin 0.6s infinite linear;
1512
+ animation: loaderSpin 0.6s infinite linear;
1674
1513
  }
1675
1514
  .rs-loader-content {
1676
1515
  float: left;
@@ -1688,7 +1527,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1688
1527
  left: 0;
1689
1528
  width: 100%;
1690
1529
  height: 100%;
1691
- background: rgb(from #fff r g b / 90%);
1692
1530
  background: var(--rs-loader-backdrop);
1693
1531
  }
1694
1532
  .rs-loader-vertical {
@@ -1696,10 +1534,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1696
1534
  display: inline-block;
1697
1535
  }
1698
1536
  .rs-loader-vertical .rs-loader {
1699
- -webkit-box-orient: vertical;
1700
- -webkit-box-direction: normal;
1701
- -ms-flex-direction: column;
1702
- flex-direction: column;
1537
+ flex-direction: column;
1703
1538
  }
1704
1539
  .rs-loader-vertical .rs-loader-spin {
1705
1540
  margin: 0 auto;
@@ -1718,36 +1553,28 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1718
1553
  margin-top: 10px;
1719
1554
  }
1720
1555
  .rs-loader-inverse .rs-loader-content {
1721
- color: #f7f7fa;
1722
1556
  color: var(--rs-text-inverse);
1723
1557
  }
1724
1558
  .rs-loader-inverse .rs-loader-backdrop {
1725
- background: rgb(from #121212 r g b / 83%);
1726
1559
  background: var(--rs-loader-backdrop-inverse);
1727
1560
  }
1728
1561
  .rs-loader-inverse .rs-loader-spin::before {
1729
- border-color: rgb(from #f7f7fa r g b / 30%);
1730
1562
  border-color: var(--rs-loader-ring-inverse);
1731
1563
  }
1732
1564
  .rs-loader-inverse .rs-loader-spin::after {
1733
- border-top-color: #fff;
1734
1565
  border-top-color: var(--rs-loader-rotor-inverse);
1735
1566
  }
1736
1567
  .rs-loader-speed-fast .rs-loader-spin::after {
1737
- -webkit-animation-duration: 0.4s;
1738
- animation-duration: 0.4s;
1568
+ animation-duration: 0.4s;
1739
1569
  }
1740
1570
  .rs-loader-speed-normal .rs-loader-spin::after {
1741
- -webkit-animation-duration: 0.6s;
1742
- animation-duration: 0.6s;
1571
+ animation-duration: 0.6s;
1743
1572
  }
1744
1573
  .rs-loader-speed-slow .rs-loader-spin::after {
1745
- -webkit-animation-duration: 0.8s;
1746
- animation-duration: 0.8s;
1574
+ animation-duration: 0.8s;
1747
1575
  }
1748
1576
  .rs-loader-speed-paused .rs-loader-spin::after {
1749
- -webkit-animation-play-state: paused;
1750
- animation-play-state: paused;
1577
+ animation-play-state: paused;
1751
1578
  }
1752
1579
  .rs-loader-center,
1753
1580
  .rs-loader-backdrop-wrapper {
@@ -1762,35 +1589,21 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1762
1589
  }
1763
1590
  .rs-loader-center .rs-loader,
1764
1591
  .rs-loader-backdrop-wrapper .rs-loader {
1765
- display: -webkit-box;
1766
- display: -ms-flexbox;
1767
1592
  display: flex;
1768
- -webkit-box-align: center;
1769
- -ms-flex-align: center;
1770
- align-items: center;
1771
- -webkit-box-pack: center;
1772
- -ms-flex-pack: center;
1773
- justify-content: center;
1593
+ align-items: center;
1594
+ justify-content: center;
1774
1595
  width: 100%;
1775
1596
  height: 100%;
1776
1597
  }
1777
1598
  .rs-loader-center:not(.rs-loader-vertical) .rs-loader,
1778
1599
  .rs-loader-backdrop-wrapper:not(.rs-loader-vertical) .rs-loader {
1779
- display: -webkit-box;
1780
- display: -ms-flexbox;
1781
1600
  display: flex;
1782
1601
  }
1783
1602
  .rs-loader-center.rs-loader-vertical .rs-loader,
1784
1603
  .rs-loader-backdrop-wrapper.rs-loader-vertical .rs-loader {
1785
- display: -webkit-box;
1786
- display: -ms-flexbox;
1787
1604
  display: flex;
1788
- -webkit-box-align: center;
1789
- -ms-flex-align: center;
1790
- align-items: center;
1791
- -webkit-box-pack: center;
1792
- -ms-flex-pack: center;
1793
- justify-content: center;
1605
+ align-items: center;
1606
+ justify-content: center;
1794
1607
  width: 100%;
1795
1608
  height: 100%;
1796
1609
  }
@@ -1879,37 +1692,21 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1879
1692
  width: auto;
1880
1693
  line-height: 0;
1881
1694
  }
1882
- @-webkit-keyframes loaderSpin {
1883
- from {
1884
- -webkit-transform: rotate(0);
1885
- transform: rotate(0);
1886
- }
1887
- to {
1888
- -webkit-transform: rotate(360deg);
1889
- transform: rotate(360deg);
1890
- }
1891
- }
1892
1695
  @keyframes loaderSpin {
1893
1696
  from {
1894
- -webkit-transform: rotate(0);
1895
- transform: rotate(0);
1697
+ transform: rotate(0);
1896
1698
  }
1897
1699
  to {
1898
- -webkit-transform: rotate(360deg);
1899
- transform: rotate(360deg);
1700
+ transform: rotate(360deg);
1900
1701
  }
1901
1702
  }
1902
1703
  .rs-input {
1903
1704
  display: block;
1904
1705
  width: 100%;
1905
- color: #343434;
1906
1706
  color: var(--rs-text-primary);
1907
- background-color: #fff;
1908
1707
  background-color: var(--rs-input-bg);
1909
1708
  background-image: none;
1910
- border: 1px solid #e5e5ea;
1911
1709
  border: 1px solid var(--rs-border-primary);
1912
- -webkit-transition: border-color ease-in-out 0.15s;
1913
1710
  transition: border-color ease-in-out 0.15s;
1914
1711
  border-radius: 6px;
1915
1712
  /* stylelint-disable */
@@ -1918,50 +1715,30 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1918
1715
  line-height: 1.42857143;
1919
1716
  /* stylelint-enable */
1920
1717
  }
1921
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1922
- .rs-input {
1923
- height: 36px;
1924
- }
1925
- }
1926
1718
  textarea.rs-input {
1927
1719
  height: auto;
1928
1720
  }
1929
1721
  .rs-theme-high-contrast .rs-input {
1930
- -webkit-transition: none;
1931
1722
  transition: none;
1932
1723
  }
1933
- .rs-input::-webkit-input-placeholder {
1934
- color: #717273;
1935
- color: var(--rs-text-secondary);
1936
- }
1937
1724
  .rs-input::-moz-placeholder {
1938
- color: #717273;
1939
- color: var(--rs-text-secondary);
1940
- }
1941
- .rs-input::-ms-input-placeholder {
1942
- color: #717273;
1943
1725
  color: var(--rs-text-secondary);
1944
1726
  }
1945
1727
  .rs-input::placeholder {
1946
- color: #717273;
1947
1728
  color: var(--rs-text-secondary);
1948
1729
  }
1949
1730
  .rs-input:focus,
1950
1731
  .rs-input:hover:not(:disabled) {
1951
- border-color: #3498ff;
1952
1732
  border-color: var(--rs-input-focus-border);
1953
1733
  }
1954
1734
  .rs-input:focus {
1955
- outline: 3px solid rgb(from #3498ff r g b / 25%);
1956
1735
  outline: 3px solid var(--rs-color-focus-ring);
1957
1736
  }
1958
1737
  .rs-theme-high-contrast .rs-input:focus {
1959
1738
  outline-offset: 2px;
1960
1739
  }
1961
1740
  .rs-input:disabled {
1962
- background-color: #f7f7fa;
1963
1741
  background-color: var(--rs-input-disabled-bg);
1964
- color: #717273;
1965
1742
  color: var(--rs-text-disabled);
1966
1743
  }
1967
1744
  textarea.rs-input {
@@ -1975,11 +1752,6 @@ textarea.rs-input {
1975
1752
  line-height: 1.66666667;
1976
1753
  /* stylelint-enable */
1977
1754
  }
1978
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1979
- .rs-input-xs {
1980
- height: 24px;
1981
- }
1982
- }
1983
1755
  textarea.rs-input-xs {
1984
1756
  height: auto;
1985
1757
  }
@@ -1990,11 +1762,6 @@ textarea.rs-input-xs {
1990
1762
  line-height: 1.375;
1991
1763
  /* stylelint-enable */
1992
1764
  }
1993
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1994
- .rs-input-lg {
1995
- height: 42px;
1996
- }
1997
- }
1998
1765
  textarea.rs-input-lg {
1999
1766
  height: auto;
2000
1767
  }
@@ -2005,42 +1772,29 @@ textarea.rs-input-lg {
2005
1772
  line-height: 1.42857143;
2006
1773
  /* stylelint-enable */
2007
1774
  }
2008
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2009
- .rs-input-sm {
2010
- height: 30px;
2011
- }
2012
- }
2013
1775
  textarea.rs-input-sm {
2014
1776
  height: auto;
2015
1777
  }
2016
1778
  .rs-input-group {
2017
1779
  position: relative;
2018
- display: -webkit-box;
2019
- display: -ms-flexbox;
2020
1780
  display: flex;
2021
1781
  border-radius: 6px;
2022
- -webkit-transition: border-color ease-in-out 0.15s;
2023
1782
  transition: border-color ease-in-out 0.15s;
2024
1783
  width: 100%;
2025
1784
  cursor: text;
2026
- color: #343434;
2027
1785
  color: var(--rs-text-primary);
2028
- border: 1px solid #e5e5ea;
2029
1786
  border: 1px solid var(--rs-border-primary);
2030
1787
  }
2031
1788
  .rs-theme-high-contrast .rs-input-group {
2032
- -webkit-transition: none;
2033
1789
  transition: none;
2034
1790
  }
2035
1791
  .rs-input-group:not(.rs-input-group-disabled):hover,
2036
1792
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
2037
1793
  .rs-input-group:focus-within {
2038
- border-color: #3498ff;
2039
1794
  border-color: var(--rs-input-focus-border);
2040
1795
  }
2041
1796
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
2042
1797
  .rs-input-group:focus-within {
2043
- outline: 3px solid rgb(from #3498ff r g b / 25%);
2044
1798
  outline: 3px solid var(--rs-color-focus-ring);
2045
1799
  }
2046
1800
  .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -2092,9 +1846,7 @@ textarea.rs-input-sm {
2092
1846
  }
2093
1847
  .rs-input-group > .rs-input,
2094
1848
  .rs-input-group > .rs-form-control-wrapper {
2095
- -webkit-box-flex: 1;
2096
- -ms-flex: 1 1 auto;
2097
- flex: 1 1 auto;
1849
+ flex: 1 1 auto;
2098
1850
  }
2099
1851
  .rs-input-group .rs-form-control-wrapper > .rs-input {
2100
1852
  width: 100%;
@@ -2114,7 +1866,6 @@ textarea.rs-input-sm {
2114
1866
  }
2115
1867
  .rs-input-group.rs-input-group-inside {
2116
1868
  width: 100%;
2117
- background-color: #fff;
2118
1869
  background-color: var(--rs-input-bg);
2119
1870
  }
2120
1871
  .rs-input-group.rs-input-group-inside .rs-input {
@@ -2125,13 +1876,10 @@ textarea.rs-input-sm {
2125
1876
  }
2126
1877
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
2127
1878
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
2128
- -webkit-box-flex: 0;
2129
- -ms-flex: 0 0 auto;
2130
- flex: 0 0 auto;
1879
+ flex: 0 0 auto;
2131
1880
  width: auto;
2132
1881
  }
2133
1882
  .rs-input-group.rs-input-group-inside .rs-input-group-btn {
2134
- color: #343434;
2135
1883
  color: var(--rs-btn-subtle-text);
2136
1884
  background-color: transparent;
2137
1885
  border: none;
@@ -2140,23 +1888,17 @@ textarea.rs-input-sm {
2140
1888
  padding: 7px 11px;
2141
1889
  border-radius: 0 6px 6px 0;
2142
1890
  }
2143
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
2144
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
2145
- color: #343434;
1891
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
2146
1892
  color: var(--rs-btn-subtle-hover-text);
2147
- background-color: #e5e5ea;
2148
1893
  background-color: var(--rs-btn-subtle-hover-bg);
2149
1894
  }
2150
1895
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
2151
1896
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
2152
- color: #121212;
2153
1897
  color: var(--rs-btn-subtle-active-text);
2154
- background-color: #e5e5ea;
2155
1898
  background-color: var(--rs-btn-subtle-active-bg);
2156
1899
  }
2157
1900
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
2158
1901
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
2159
- color: #b6b7b8;
2160
1902
  color: var(--rs-btn-subtle-disabled-text);
2161
1903
  background: none;
2162
1904
  }
@@ -2210,9 +1952,7 @@ textarea.rs-input-sm {
2210
1952
  right: 1px;
2211
1953
  }
2212
1954
  .rs-input-group.rs-input-group-disabled {
2213
- background-color: #f7f7fa;
2214
1955
  background-color: var(--rs-input-disabled-bg);
2215
- color: #717273;
2216
1956
  color: var(--rs-text-disabled);
2217
1957
  cursor: not-allowed;
2218
1958
  }
@@ -2228,11 +1968,6 @@ textarea.rs-input-sm {
2228
1968
  line-height: 1.375;
2229
1969
  /* stylelint-enable */
2230
1970
  }
2231
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2232
- .rs-input-group-lg > .rs-input {
2233
- height: 42px;
2234
- }
2235
- }
2236
1971
  textarea.rs-input-group-lg > .rs-input {
2237
1972
  height: auto;
2238
1973
  }
@@ -2259,11 +1994,6 @@ textarea.rs-input-group-lg > .rs-input {
2259
1994
  line-height: 1.42857143;
2260
1995
  /* stylelint-enable */
2261
1996
  }
2262
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2263
- .rs-input-group-md > .rs-input {
2264
- height: 36px;
2265
- }
2266
- }
2267
1997
  textarea.rs-input-group-md > .rs-input {
2268
1998
  height: auto;
2269
1999
  }
@@ -2290,11 +2020,6 @@ textarea.rs-input-group-md > .rs-input {
2290
2020
  line-height: 1.42857143;
2291
2021
  /* stylelint-enable */
2292
2022
  }
2293
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2294
- .rs-input-group-sm > .rs-input {
2295
- height: 30px;
2296
- }
2297
- }
2298
2023
  textarea.rs-input-group-sm > .rs-input {
2299
2024
  height: auto;
2300
2025
  }
@@ -2321,11 +2046,6 @@ textarea.rs-input-group-sm > .rs-input {
2321
2046
  line-height: 1.66666667;
2322
2047
  /* stylelint-enable */
2323
2048
  }
2324
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2325
- .rs-input-group-xs > .rs-input {
2326
- height: 24px;
2327
- }
2328
- }
2329
2049
  textarea.rs-input-group-xs > .rs-input {
2330
2050
  height: auto;
2331
2051
  }
@@ -2351,11 +2071,6 @@ textarea.rs-input-group-xs > .rs-input {
2351
2071
  padding-left: 15px;
2352
2072
  padding-right: 15px;
2353
2073
  }
2354
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2355
- .rs-input-group.rs-input-group-lg > .rs-input-group-addon {
2356
- height: 42px;
2357
- }
2358
- }
2359
2074
  textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
2360
2075
  height: auto;
2361
2076
  }
@@ -2369,11 +2084,6 @@ textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
2369
2084
  padding-left: 11px;
2370
2085
  padding-right: 11px;
2371
2086
  }
2372
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2373
- .rs-input-group.rs-input-group-md > .rs-input-group-addon {
2374
- height: 36px;
2375
- }
2376
- }
2377
2087
  textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
2378
2088
  height: auto;
2379
2089
  }
@@ -2387,11 +2097,6 @@ textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
2387
2097
  padding-left: 9px;
2388
2098
  padding-right: 9px;
2389
2099
  }
2390
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2391
- .rs-input-group.rs-input-group-sm > .rs-input-group-addon {
2392
- height: 30px;
2393
- }
2394
- }
2395
2100
  textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
2396
2101
  height: auto;
2397
2102
  }
@@ -2405,11 +2110,6 @@ textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
2405
2110
  padding-left: 7px;
2406
2111
  padding-right: 7px;
2407
2112
  }
2408
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2409
- .rs-input-group.rs-input-group-xs > .rs-input-group-addon {
2410
- height: 24px;
2411
- }
2412
- }
2413
2113
  textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
2414
2114
  height: auto;
2415
2115
  }
@@ -2423,11 +2123,6 @@ textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
2423
2123
  padding: 9px 15px;
2424
2124
  border-radius: 0 6px 6px 0;
2425
2125
  }
2426
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2427
- .rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
2428
- height: 42px;
2429
- }
2430
- }
2431
2126
  textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
2432
2127
  height: auto;
2433
2128
  }
@@ -2444,11 +2139,6 @@ textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
2444
2139
  padding: 7px 11px;
2445
2140
  border-radius: 0 6px 6px 0;
2446
2141
  }
2447
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2448
- .rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
2449
- height: 36px;
2450
- }
2451
- }
2452
2142
  textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
2453
2143
  height: auto;
2454
2144
  }
@@ -2466,11 +2156,6 @@ textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
2466
2156
  padding: 4px 9px;
2467
2157
  border-radius: 0 6px 6px 0;
2468
2158
  }
2469
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2470
- .rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
2471
- height: 30px;
2472
- }
2473
- }
2474
2159
  textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
2475
2160
  height: auto;
2476
2161
  }
@@ -2488,11 +2173,6 @@ textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
2488
2173
  padding: 1px 7px;
2489
2174
  border-radius: 0 6px 6px 0;
2490
2175
  }
2491
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2492
- .rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2493
- height: 24px;
2494
- }
2495
- }
2496
2176
  textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2497
2177
  height: auto;
2498
2178
  }
@@ -2506,27 +2186,18 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2506
2186
  border-radius: 0;
2507
2187
  }
2508
2188
  .rs-input-group-addon {
2509
- -webkit-box-flex: 0;
2510
- -ms-flex: 0 0 auto;
2511
- flex: 0 0 auto;
2512
- display: -webkit-box;
2513
- display: -ms-flexbox;
2189
+ flex: 0 0 auto;
2514
2190
  display: flex;
2515
- -webkit-box-align: center;
2516
- -ms-flex-align: center;
2517
- align-items: center;
2191
+ align-items: center;
2518
2192
  white-space: nowrap;
2519
2193
  vertical-align: middle;
2520
- color: #343434;
2521
2194
  color: var(--rs-text-primary);
2522
2195
  padding: 8px 12px;
2523
2196
  font-size: 14px;
2524
2197
  font-weight: normal;
2525
2198
  line-height: 1;
2526
2199
  text-align: center;
2527
- background-color: #f7f7fa;
2528
2200
  background-color: var(--rs-btn-default-bg);
2529
- border: 1px solid #e5e5ea;
2530
2201
  border: 1px solid var(--rs-border-primary);
2531
2202
  border-radius: 6px;
2532
2203
  }
@@ -2571,12 +2242,30 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2571
2242
  margin-left: -1px;
2572
2243
  }
2573
2244
  .rs-highlight-mark {
2574
- background-color: #fff6c9;
2575
2245
  background-color: var(--rs-text-highlight-bg);
2576
2246
  padding: 0 0.2em;
2577
2247
  font-weight: bolder;
2578
2248
  border-radius: 4px;
2579
2249
  }
2250
+ .rs-btn-close {
2251
+ border: none;
2252
+ outline: none !important;
2253
+ background: transparent;
2254
+ line-height: 1;
2255
+ cursor: pointer;
2256
+ }
2257
+ .rs-btn-close .rs-icon {
2258
+ vertical-align: bottom;
2259
+ }
2260
+ .rs-btn-close:hover,
2261
+ .rs-btn-close:focus {
2262
+ color: var(--rs-close-button-hover-color);
2263
+ }
2264
+ .rs-btn-close:hover svg path,
2265
+ .rs-btn-close:focus svg path {
2266
+ stroke: var(--rs-close-button-hover-color);
2267
+ stroke-width: 1;
2268
+ }
2580
2269
  .rs-picker-subtle .picker-subtle-toggle {
2581
2270
  position: relative;
2582
2271
  z-index: 5;
@@ -2613,50 +2302,35 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2613
2302
  .rs-picker-disabled .rs-picker-toggle-value,
2614
2303
  .rs-picker-disabled .rs-picker-toggle-indicator,
2615
2304
  .rs-picker-disabled .rs-picker-tag-list .rs-tag {
2616
- color: #717273 !important;
2617
2305
  color: var(--rs-text-disabled) !important;
2618
2306
  }
2619
2307
  .rs-picker-disabled .rs-picker-value-count {
2620
2308
  opacity: 0.5;
2621
2309
  }
2622
2310
  .rs-picker-toggle .rs-picker-toggle-placeholder {
2623
- color: #717273;
2624
2311
  color: var(--rs-text-secondary);
2625
2312
  }
2626
2313
  .rs-picker-has-value .rs-btn .rs-picker-toggle-value,
2627
2314
  .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
2628
- color: #1675e0;
2629
2315
  color: var(--rs-picker-value);
2630
2316
  }
2631
2317
  .rs-picker-none {
2632
2318
  padding: 6px 12px 12px;
2633
- color: #717273;
2634
2319
  color: var(--rs-text-secondary);
2635
2320
  cursor: default;
2636
2321
  }
2637
2322
  .rs-picker-countable .rs-picker-toggle-value {
2638
- display: -webkit-box;
2639
- display: -ms-flexbox;
2640
2323
  display: flex;
2641
2324
  }
2642
2325
  .rs-picker-value-list {
2643
- -webkit-box-flex: 0;
2644
- -ms-flex: 0 1 auto;
2645
- flex: 0 1 auto;
2326
+ flex: 0 1 auto;
2646
2327
  overflow: hidden;
2647
2328
  text-overflow: ellipsis;
2648
2329
  white-space: nowrap;
2649
2330
  }
2650
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2651
- .rs-picker-value-list {
2652
- max-width: 100%;
2653
- }
2654
- }
2655
2331
  .rs-picker-value-count {
2656
2332
  margin: 0 4px;
2657
- background-color: #3498ff;
2658
2333
  background-color: var(--rs-picker-count-bg);
2659
- color: #fff;
2660
2334
  color: var(--rs-picker-count-text);
2661
2335
  border-radius: 10px;
2662
2336
  padding: 0 8px;
@@ -2667,73 +2341,49 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2667
2341
  }
2668
2342
  .rs-picker:not(.rs-picker-disabled):hover,
2669
2343
  .rs-picker.rs-picker-focused {
2670
- border-color: #3498ff;
2671
2344
  border-color: var(--rs-input-focus-border);
2672
2345
  }
2673
2346
  .rs-picker-toggle-active,
2674
2347
  .rs-picker.rs-picker-focused {
2675
- -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
2676
- -webkit-box-shadow: var(--rs-state-focus-shadow);
2677
- box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
2678
- box-shadow: var(--rs-state-focus-shadow);
2348
+ box-shadow: var(--rs-state-focus-shadow);
2679
2349
  }
2680
2350
  .rs-picker-label.rs-input-group-addon {
2681
- color: #343434;
2682
2351
  color: var(--rs-text-primary);
2683
2352
  padding-right: 4px !important;
2684
2353
  }
2685
2354
  .rs-picker-loader {
2686
2355
  width: 14px;
2687
2356
  height: 14px;
2688
- display: -webkit-box;
2689
- display: -ms-flexbox;
2690
2357
  display: flex;
2691
- -webkit-box-align: center;
2692
- -ms-flex-align: center;
2693
- align-items: center;
2358
+ align-items: center;
2694
2359
  }
2695
2360
  .rs-picker-error > .rs-picker-input-group {
2696
- border-color: #f44336;
2697
2361
  border-color: var(--rs-picker-state-error);
2698
2362
  }
2699
2363
  .rs-picker-error > .rs-picker-input-group:hover {
2700
- border-color: #f44336;
2701
2364
  border-color: var(--rs-picker-state-error);
2702
2365
  }
2703
2366
  .rs-picker-error > .rs-picker-input-group:focus-within {
2704
- border-color: #f44336;
2705
2367
  border-color: var(--rs-picker-state-error);
2706
- outline: 3px solid rgb(from #f44336 r g b / 25%);
2707
2368
  outline: var(--rs-picker-state-error-outline);
2708
2369
  }
2709
2370
  .rs-picker-toggle {
2710
- display: -webkit-inline-box;
2711
- display: -ms-inline-flexbox;
2712
2371
  display: inline-flex;
2713
- -webkit-box-align: center;
2714
- -ms-flex-align: center;
2715
- align-items: center;
2716
- -webkit-box-pack: center;
2717
- -ms-flex-pack: center;
2718
- justify-content: center;
2372
+ align-items: center;
2373
+ justify-content: center;
2719
2374
  margin-bottom: 0;
2720
2375
  font-weight: normal;
2721
2376
  text-align: center;
2722
2377
  vertical-align: middle;
2723
2378
  cursor: pointer;
2724
2379
  white-space: nowrap;
2725
- -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
2726
2380
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
2727
- border: none;
2728
2381
  border: var(--rs-btn-default-border, none);
2729
2382
  -webkit-user-select: none;
2730
2383
  -moz-user-select: none;
2731
- -ms-user-select: none;
2732
2384
  user-select: none;
2733
2385
  text-decoration: none;
2734
- color: #343434;
2735
2386
  color: var(--rs-btn-default-text);
2736
- background-color: #f7f7fa;
2737
2387
  background-color: var(--rs-btn-default-bg);
2738
2388
  border-radius: 6px;
2739
2389
  font-size: 14px;
@@ -2743,7 +2393,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2743
2393
  position: relative;
2744
2394
  }
2745
2395
  .rs-theme-high-contrast .rs-picker-toggle {
2746
- -webkit-transition: none;
2747
2396
  transition: none;
2748
2397
  }
2749
2398
  .rs-btn-ghost.rs-picker-toggle {
@@ -2769,7 +2418,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2769
2418
  }
2770
2419
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-left > .rs-icon {
2771
2420
  left: 0;
2772
- border-right: none;
2773
2421
  border-right: var(--rs-btn-default-border, none);
2774
2422
  }
2775
2423
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right {
@@ -2777,43 +2425,35 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2777
2425
  }
2778
2426
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right > .rs-icon {
2779
2427
  right: 0;
2780
- border-left: none;
2781
2428
  border-left: var(--rs-btn-default-border, none);
2782
2429
  }
2783
2430
  .rs-picker-toggle:focus-visible {
2784
- outline: 3px solid rgb(from #3498ff r g b / 25%);
2785
2431
  outline: 3px solid var(--rs-color-focus-ring);
2786
2432
  }
2787
2433
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2788
2434
  outline-offset: 2px;
2789
2435
  }
2790
- .rs-picker-toggle:hover,
2791
- .rs-picker-toggle:focus {
2436
+ .rs-picker-toggle:hover {
2792
2437
  color: var(--rs-btn-default-hover-text);
2793
- background-color: #e5e5ea;
2794
2438
  background-color: var(--rs-btn-default-hover-bg);
2795
2439
  text-decoration: none;
2796
2440
  }
2797
2441
  .rs-picker-toggle:active,
2798
2442
  .rs-picker-toggle.rs-btn-active {
2799
- color: #121212;
2800
2443
  color: var(--rs-btn-default-active-text);
2801
- background-color: #d9d9d9;
2802
2444
  background-color: var(--rs-btn-default-active-bg);
2803
2445
  }
2804
2446
  .rs-picker-toggle:disabled,
2805
2447
  .rs-picker-toggle.rs-btn-disabled {
2806
2448
  cursor: not-allowed;
2807
- color: #717273;
2808
2449
  color: var(--rs-btn-default-disabled-text);
2809
- background-color: #f7f7fa;
2810
2450
  background-color: var(--rs-btn-default-disabled-bg);
2811
2451
  }
2812
2452
  .rs-theme-high-contrast .rs-picker-toggle:disabled,
2813
2453
  .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
2814
2454
  border-color: var(--rs-btn-default-disabled-boreder-color);
2815
2455
  }
2816
- @media not all and (min-resolution: 0.001dpcm) {
2456
+ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
2817
2457
  .rs-picker-toggle {
2818
2458
  /* stylelint-disable */
2819
2459
  -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -2832,9 +2472,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2832
2472
  border: 1px solid #0000;
2833
2473
  padding-left: 10px;
2834
2474
  padding-right: 32px;
2835
- color: #343434;
2836
2475
  color: var(--rs-text-primary);
2837
- background-color: #fff;
2838
2476
  background-color: var(--rs-input-bg);
2839
2477
  outline: none;
2840
2478
  }
@@ -2851,44 +2489,33 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2851
2489
  opacity: 0;
2852
2490
  }
2853
2491
  .rs-picker-default .rs-picker-toggle {
2854
- -webkit-transition: border-color ease-in-out 0.15s;
2855
2492
  transition: border-color ease-in-out 0.15s;
2856
2493
  }
2857
2494
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
2858
- -webkit-transition: none;
2859
2495
  transition: none;
2860
2496
  }
2861
2497
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
2862
2498
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,
2863
2499
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active {
2864
- border-color: #3498ff;
2865
2500
  border-color: var(--rs-input-focus-border);
2866
2501
  }
2867
2502
  .rs-picker-subtle .rs-picker-toggle {
2868
- color: #343434;
2869
2503
  color: var(--rs-btn-subtle-text);
2870
2504
  background-color: transparent;
2871
2505
  border: none;
2872
- -webkit-transition: none;
2873
2506
  transition: none;
2874
2507
  }
2875
- .rs-picker-subtle .rs-picker-toggle:hover,
2876
- .rs-picker-subtle .rs-picker-toggle:focus {
2877
- color: #343434;
2508
+ .rs-picker-subtle .rs-picker-toggle:hover {
2878
2509
  color: var(--rs-btn-subtle-hover-text);
2879
- background-color: #e5e5ea;
2880
2510
  background-color: var(--rs-btn-subtle-hover-bg);
2881
2511
  }
2882
2512
  .rs-picker-subtle .rs-picker-toggle:active,
2883
2513
  .rs-picker-subtle .rs-picker-toggle.rs-btn-active {
2884
- color: #121212;
2885
2514
  color: var(--rs-btn-subtle-active-text);
2886
- background-color: #e5e5ea;
2887
2515
  background-color: var(--rs-btn-subtle-active-bg);
2888
2516
  }
2889
2517
  .rs-picker-subtle .rs-picker-toggle:disabled,
2890
2518
  .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
2891
- color: #b6b7b8;
2892
2519
  color: var(--rs-btn-subtle-disabled-text);
2893
2520
  background: none;
2894
2521
  }
@@ -2897,9 +2524,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2897
2524
  border-color: var(--rs-btn-default-disabled-boreder-color);
2898
2525
  }
2899
2526
  .rs-picker-subtle .rs-picker-toggle-active {
2900
- background-color: #e5e5ea;
2901
2527
  background-color: var(--rs-btn-subtle-hover-bg);
2902
- color: #343434;
2903
2528
  color: var(--rs-btn-subtle-hover-text);
2904
2529
  }
2905
2530
  /* stylelint-disable-next-line */
@@ -2918,6 +2543,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2918
2543
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
2919
2544
  top: 7px;
2920
2545
  }
2546
+ .rs-picker-default .rs-picker-toggle.rs-btn {
2547
+ padding-top: 7px;
2548
+ padding-bottom: 7px;
2549
+ }
2921
2550
  .rs-picker-date .rs-picker-toggle.rs-btn,
2922
2551
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
2923
2552
  padding-right: 36px;
@@ -2935,15 +2564,43 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2935
2564
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
2936
2565
  top: 7px;
2937
2566
  }
2938
- .rs-picker-default .rs-picker-toggle.rs-btn {
2939
- padding-top: 7px;
2940
- padding-bottom: 7px;
2941
- }
2942
2567
  .rs-picker-toggle.rs-btn-lg {
2943
2568
  font-size: 16px;
2944
2569
  line-height: 22px;
2945
2570
  padding: 10px 16px;
2946
2571
  }
2572
+ .rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
2573
+ padding: 9px 15px;
2574
+ }
2575
+ .rs-btn-icon.rs-picker-toggle.rs-btn-lg {
2576
+ padding: 11px 11px;
2577
+ line-height: 20px;
2578
+ }
2579
+ .rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
2580
+ font-size: 20px;
2581
+ }
2582
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
2583
+ line-height: 22px;
2584
+ }
2585
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
2586
+ padding: 11px 11px;
2587
+ width: 42px;
2588
+ height: 42px;
2589
+ }
2590
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
2591
+ padding: 10px 16px 10px 58px;
2592
+ }
2593
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
2594
+ left: 0;
2595
+ border-right: var(--rs-btn-default-border, none);
2596
+ }
2597
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
2598
+ padding: 10px 58px 10px 16px;
2599
+ }
2600
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
2601
+ right: 0;
2602
+ border-left: var(--rs-btn-default-border, none);
2603
+ }
2947
2604
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-lg {
2948
2605
  padding-right: 36px;
2949
2606
  }
@@ -2959,6 +2616,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2959
2616
  .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
2960
2617
  top: 9px;
2961
2618
  }
2619
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg {
2620
+ padding-top: 9px;
2621
+ padding-bottom: 9px;
2622
+ }
2962
2623
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
2963
2624
  padding-left: 15px;
2964
2625
  }
@@ -2979,44 +2640,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2979
2640
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
2980
2641
  top: 9px;
2981
2642
  }
2982
- .rs-picker-default .rs-picker-toggle.rs-btn-lg {
2983
- padding-top: 9px;
2984
- padding-bottom: 9px;
2985
- }
2986
- .rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
2987
- padding: 9px 15px;
2988
- }
2989
- .rs-btn-icon.rs-picker-toggle.rs-btn-lg {
2990
- padding: 11px 11px;
2991
- line-height: 20px;
2992
- }
2993
- .rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
2994
- font-size: 20px;
2995
- }
2996
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
2997
- line-height: 22px;
2998
- }
2999
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
3000
- padding: 11px 11px;
3001
- width: 42px;
3002
- height: 42px;
3003
- }
3004
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
3005
- padding: 10px 16px 10px 58px;
3006
- }
3007
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
3008
- left: 0;
3009
- border-right: none;
3010
- border-right: var(--rs-btn-default-border, none);
3011
- }
3012
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
3013
- padding: 10px 58px 10px 16px;
3014
- }
3015
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
3016
- right: 0;
3017
- border-left: none;
3018
- border-left: var(--rs-btn-default-border, none);
3019
- }
3020
2643
  .rs-picker-toggle.rs-btn-lg .rs-picker-value-count {
3021
2644
  line-height: 22px;
3022
2645
  }
@@ -3035,6 +2658,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3035
2658
  .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
3036
2659
  top: 7px;
3037
2660
  }
2661
+ .rs-picker-default .rs-picker-toggle.rs-btn-md {
2662
+ padding-top: 7px;
2663
+ padding-bottom: 7px;
2664
+ }
3038
2665
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
3039
2666
  padding-left: 11px;
3040
2667
  }
@@ -3055,10 +2682,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3055
2682
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
3056
2683
  top: 7px;
3057
2684
  }
3058
- .rs-picker-default .rs-picker-toggle.rs-btn-md {
3059
- padding-top: 7px;
3060
- padding-bottom: 7px;
3061
- }
3062
2685
  .rs-picker-toggle.rs-btn-sm {
3063
2686
  font-size: 14px;
3064
2687
  line-height: 20px;
@@ -3087,7 +2710,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3087
2710
  }
3088
2711
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
3089
2712
  left: 0;
3090
- border-right: none;
3091
2713
  border-right: var(--rs-btn-default-border, none);
3092
2714
  }
3093
2715
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right {
@@ -3095,7 +2717,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3095
2717
  }
3096
2718
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
3097
2719
  right: 0;
3098
- border-left: none;
3099
2720
  border-left: var(--rs-btn-default-border, none);
3100
2721
  }
3101
2722
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-sm {
@@ -3113,6 +2734,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3113
2734
  .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
3114
2735
  top: 4px;
3115
2736
  }
2737
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm {
2738
+ padding-top: 4px;
2739
+ padding-bottom: 4px;
2740
+ }
3116
2741
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
3117
2742
  padding-left: 9px;
3118
2743
  }
@@ -3133,10 +2758,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3133
2758
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
3134
2759
  top: 3px;
3135
2760
  }
3136
- .rs-picker-default .rs-picker-toggle.rs-btn-sm {
3137
- padding-top: 4px;
3138
- padding-bottom: 4px;
3139
- }
3140
2761
  .rs-picker-toggle.rs-btn-xs {
3141
2762
  font-size: 12px;
3142
2763
  line-height: 20px;
@@ -3165,7 +2786,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3165
2786
  }
3166
2787
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
3167
2788
  left: 0;
3168
- border-right: none;
3169
2789
  border-right: var(--rs-btn-default-border, none);
3170
2790
  }
3171
2791
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
@@ -3173,7 +2793,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3173
2793
  }
3174
2794
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
3175
2795
  right: 0;
3176
- border-left: none;
3177
2796
  border-left: var(--rs-btn-default-border, none);
3178
2797
  }
3179
2798
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
@@ -3191,6 +2810,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3191
2810
  .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
3192
2811
  top: 1px;
3193
2812
  }
2813
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs {
2814
+ padding-top: 1px;
2815
+ padding-bottom: 1px;
2816
+ }
3194
2817
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
3195
2818
  padding-left: 7px;
3196
2819
  }
@@ -3211,10 +2834,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3211
2834
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
3212
2835
  top: 1px;
3213
2836
  }
3214
- .rs-picker-default .rs-picker-toggle.rs-btn-xs {
3215
- padding-top: 1px;
3216
- padding-bottom: 1px;
3217
- }
3218
2837
  /* stylelint-disable-next-line */
3219
2838
  .rs-picker-toggle {
3220
2839
  overflow: hidden;
@@ -3227,9 +2846,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3227
2846
  z-index: 5;
3228
2847
  padding-right: 32px;
3229
2848
  display: inline-block;
3230
- color: #343434;
3231
2849
  color: var(--rs-text-primary);
3232
- border: 1px solid #e5e5ea;
3233
2850
  border: 1px solid var(--rs-border-primary);
3234
2851
  }
3235
2852
  .rs-picker-disabled .rs-picker-toggle {
@@ -3237,7 +2854,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3237
2854
  }
3238
2855
  .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):hover,
3239
2856
  .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):focus {
3240
- border-color: #3498ff;
3241
2857
  border-color: var(--rs-input-focus-border);
3242
2858
  }
3243
2859
  .rs-picker-subtle .rs-picker-toggle {
@@ -3264,7 +2880,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3264
2880
  text-align: left;
3265
2881
  }
3266
2882
  .rs-picker-toggle-label {
3267
- color: #343434;
3268
2883
  color: var(--rs-text-primary);
3269
2884
  }
3270
2885
  .rs-picker-toggle-label::after {
@@ -3282,12 +2897,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3282
2897
  padding-right: 44px;
3283
2898
  }
3284
2899
  .rs-picker-toggle-indicator .rs-picker-clean {
3285
- display: -webkit-box;
3286
- display: -ms-flexbox;
3287
2900
  display: flex;
3288
- -webkit-box-align: center;
3289
- -ms-flex-align: center;
3290
- align-items: center;
2901
+ align-items: center;
3291
2902
  margin-left: 2px;
3292
2903
  position: absolute;
3293
2904
  top: 8px;
@@ -3295,9 +2906,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3295
2906
  height: 20px;
3296
2907
  font-size: 12px;
3297
2908
  background: inherit;
3298
- color: #717273;
3299
2909
  color: var(--rs-text-secondary);
3300
- -webkit-transition: 0.2s color linear;
3301
2910
  transition: 0.2s color linear;
3302
2911
  cursor: pointer;
3303
2912
  }
@@ -3309,12 +2918,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3309
2918
  right: 38px;
3310
2919
  }
3311
2920
  .rs-picker-toggle-indicator .rs-picker-caret-icon {
3312
- display: -webkit-box;
3313
- display: -ms-flexbox;
3314
2921
  display: flex;
3315
- -webkit-box-align: center;
3316
- -ms-flex-align: center;
3317
- align-items: center;
2922
+ align-items: center;
3318
2923
  margin-left: 2px;
3319
2924
  position: absolute;
3320
2925
  top: 8px;
@@ -3322,16 +2927,11 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3322
2927
  height: 20px;
3323
2928
  font-size: 12px;
3324
2929
  font-size: 16px;
3325
- color: #717273;
3326
2930
  color: var(--rs-text-secondary);
3327
2931
  }
3328
2932
  .rs-picker-toggle-indicator .rs-picker-loader {
3329
- display: -webkit-box;
3330
- display: -ms-flexbox;
3331
2933
  display: flex;
3332
- -webkit-box-align: center;
3333
- -ms-flex-align: center;
3334
- align-items: center;
2934
+ align-items: center;
3335
2935
  margin-left: 2px;
3336
2936
  position: absolute;
3337
2937
  top: 8px;
@@ -3344,26 +2944,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3344
2944
  text-align: left;
3345
2945
  z-index: 7;
3346
2946
  border-radius: 6px;
3347
- background-color: #fff;
3348
2947
  background-color: var(--rs-bg-overlay);
3349
- -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
3350
- -webkit-box-shadow: var(--rs-shadow-overlay);
3351
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
3352
- box-shadow: var(--rs-shadow-overlay);
2948
+ box-shadow: var(--rs-shadow-overlay);
3353
2949
  overflow: hidden;
3354
- -webkit-transition: none;
3355
2950
  transition: none;
3356
- display: -webkit-box;
3357
- display: -ms-flexbox;
3358
2951
  display: flex;
3359
- -webkit-box-orient: vertical;
3360
- -webkit-box-direction: normal;
3361
- -ms-flex-direction: column;
3362
- flex-direction: column;
2952
+ flex-direction: column;
3363
2953
  padding: 6px 0;
3364
2954
  }
3365
2955
  .rs-theme-high-contrast .rs-picker-popup {
3366
- border: 1px solid #e5e5ea;
3367
2956
  border: 1px solid var(--rs-border-primary);
3368
2957
  }
3369
2958
  .rs-modal-open .rs-picker-popup {
@@ -3374,8 +2963,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3374
2963
  }
3375
2964
  .rs-picker-popup.rs-picker-inline {
3376
2965
  position: relative;
3377
- -webkit-box-shadow: none;
3378
- box-shadow: none;
2966
+ box-shadow: none;
3379
2967
  }
3380
2968
  .rs-picker-popup .rs-search-box {
3381
2969
  padding: 6px 12px 6px;
@@ -3387,14 +2975,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3387
2975
  .rs-picker-input .rs-btn,
3388
2976
  .rs-picker-default .rs-picker-toggle,
3389
2977
  .rs-picker-input .rs-picker-toggle {
3390
- background-color: #fff !important;
3391
2978
  background-color: var(--rs-input-bg) !important;
3392
2979
  }
3393
2980
  .rs-picker-default.rs-picker-disabled .rs-picker-toggle,
3394
2981
  .rs-picker-input.rs-picker-disabled .rs-picker-toggle,
3395
2982
  .rs-picker-default.rs-picker-disabled .rs-btn,
3396
2983
  .rs-picker-input.rs-picker-disabled .rs-btn {
3397
- background-color: #f7f7fa !important;
3398
2984
  background-color: var(--rs-input-disabled-bg) !important;
3399
2985
  }
3400
2986
  .rs-picker-default.rs-picker-disabled .rs-input-group,
@@ -3407,19 +2993,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3407
2993
  .rs-check-item:not(.rs-checkbox-disabled):hover,
3408
2994
  .rs-check-item:focus,
3409
2995
  .rs-check-item.rs-check-item-focus {
3410
- background-color: rgb(from #cce9ff r g b / 50%);
3411
2996
  background-color: var(--rs-listbox-option-hover-bg);
3412
- color: #1675e0;
3413
2997
  color: var(--rs-listbox-option-hover-text);
3414
2998
  }
3415
2999
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
3416
3000
  .rs-theme-high-contrast .rs-check-item:focus,
3417
3001
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
3418
- outline: 3px solid rgb(from #3498ff r g b / 25%);
3419
3002
  outline: 3px solid var(--rs-color-focus-ring);
3420
3003
  outline-offset: -3px;
3421
3004
  outline-width: 2px;
3422
- color: #1675e0;
3423
3005
  color: var(--rs-listbox-option-hover-text);
3424
3006
  text-decoration: underline;
3425
3007
  }
@@ -3444,11 +3026,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3444
3026
  line-height: 20px;
3445
3027
  }
3446
3028
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
3447
- -webkit-transition: none;
3448
3029
  transition: none;
3449
3030
  }
3450
3031
  .rs-check-item .rs-checkbox-checker > label::before {
3451
- background-color: #fff;
3452
3032
  background-color: var(--rs-bg-overlay);
3453
3033
  }
3454
3034
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
@@ -3469,7 +3049,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3469
3049
  left: 26px;
3470
3050
  }
3471
3051
  .rs-picker-menu-group {
3472
- background-color: #fff;
3473
3052
  background-color: var(--rs-listbox-option-group-bg);
3474
3053
  position: sticky;
3475
3054
  top: -1px;
@@ -3496,7 +3075,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3496
3075
  }
3497
3076
  .rs-picker-check-menu-items .rs-picker-menu-group:not(:first-child) {
3498
3077
  margin-top: 6px;
3499
- border-top: 1px solid #e5e5ea;
3500
3078
  border-top: 1px solid var(--rs-border-primary);
3501
3079
  padding-top: 6px;
3502
3080
  }
@@ -3505,7 +3083,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3505
3083
  padding-right: 32px;
3506
3084
  position: relative;
3507
3085
  cursor: pointer;
3508
- color: #121212;
3509
3086
  color: var(--rs-text-heading);
3510
3087
  }
3511
3088
  .rs-picker-check-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
@@ -3514,12 +3091,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3514
3091
  position: absolute;
3515
3092
  top: 8px;
3516
3093
  right: 12px;
3517
- color: #717273;
3518
3094
  color: var(--rs-text-secondary);
3519
3095
  }
3520
3096
  .rs-picker-check-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
3521
- -webkit-transform: rotate(90deg);
3522
- transform: rotate(90deg);
3097
+ transform: rotate(90deg);
3523
3098
  }
3524
3099
  .rs-picker-check-menu-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
3525
3100
  font-weight: bold;