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;
@@ -450,42 +455,29 @@
450
455
  }
451
456
  /* stylelint-disable */
452
457
  *[class*='rs-'] {
453
- -webkit-box-sizing: border-box;
454
- box-sizing: border-box;
458
+ box-sizing: border-box;
455
459
  }
456
460
  *[class*='rs-']::before,
457
461
  *[class*='rs-']::after {
458
- -webkit-box-sizing: border-box;
459
- box-sizing: border-box;
462
+ box-sizing: border-box;
460
463
  }
461
464
  .rs-btn {
462
- display: -webkit-inline-box;
463
- display: -ms-inline-flexbox;
464
465
  display: inline-flex;
465
- -webkit-box-align: center;
466
- -ms-flex-align: center;
467
- align-items: center;
468
- -webkit-box-pack: center;
469
- -ms-flex-pack: center;
470
- justify-content: center;
466
+ align-items: center;
467
+ justify-content: center;
471
468
  margin-bottom: 0;
472
469
  font-weight: normal;
473
470
  text-align: center;
474
471
  vertical-align: middle;
475
472
  cursor: pointer;
476
473
  white-space: nowrap;
477
- -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
478
474
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
479
- border: none;
480
475
  border: var(--rs-btn-default-border, none);
481
476
  -webkit-user-select: none;
482
477
  -moz-user-select: none;
483
- -ms-user-select: none;
484
478
  user-select: none;
485
479
  text-decoration: none;
486
- color: #343434;
487
480
  color: var(--rs-btn-default-text);
488
- background-color: #f7f7fa;
489
481
  background-color: var(--rs-btn-default-bg);
490
482
  border-radius: 6px;
491
483
  font-size: 14px;
@@ -495,7 +487,6 @@
495
487
  position: relative;
496
488
  }
497
489
  .rs-theme-high-contrast .rs-btn {
498
- -webkit-transition: none;
499
490
  transition: none;
500
491
  }
501
492
  .rs-btn-ghost.rs-btn {
@@ -521,7 +512,6 @@
521
512
  }
522
513
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
523
514
  left: 0;
524
- border-right: none;
525
515
  border-right: var(--rs-btn-default-border, none);
526
516
  }
527
517
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
@@ -529,43 +519,35 @@
529
519
  }
530
520
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
531
521
  right: 0;
532
- border-left: none;
533
522
  border-left: var(--rs-btn-default-border, none);
534
523
  }
535
524
  .rs-btn:focus-visible {
536
- outline: 3px solid rgb(from #3498ff r g b / 25%);
537
525
  outline: 3px solid var(--rs-color-focus-ring);
538
526
  }
539
527
  .rs-theme-high-contrast .rs-btn:focus-visible {
540
528
  outline-offset: 2px;
541
529
  }
542
- .rs-btn:hover,
543
- .rs-btn:focus {
530
+ .rs-btn:hover {
544
531
  color: var(--rs-btn-default-hover-text);
545
- background-color: #e5e5ea;
546
532
  background-color: var(--rs-btn-default-hover-bg);
547
533
  text-decoration: none;
548
534
  }
549
535
  .rs-btn:active,
550
536
  .rs-btn.rs-btn-active {
551
- color: #121212;
552
537
  color: var(--rs-btn-default-active-text);
553
- background-color: #d9d9d9;
554
538
  background-color: var(--rs-btn-default-active-bg);
555
539
  }
556
540
  .rs-btn:disabled,
557
541
  .rs-btn.rs-btn-disabled {
558
542
  cursor: not-allowed;
559
- color: #717273;
560
543
  color: var(--rs-btn-default-disabled-text);
561
- background-color: #f7f7fa;
562
544
  background-color: var(--rs-btn-default-disabled-bg);
563
545
  }
564
546
  .rs-theme-high-contrast .rs-btn:disabled,
565
547
  .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
566
548
  border-color: var(--rs-btn-default-disabled-boreder-color);
567
549
  }
568
- @media not all and (min-resolution: 0.001dpcm) {
550
+ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
569
551
  .rs-btn {
570
552
  /* stylelint-disable */
571
553
  -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -581,31 +563,22 @@
581
563
  margin-left: 5px;
582
564
  }
583
565
  .rs-btn-primary {
584
- color: #fff;
585
566
  color: var(--rs-btn-primary-text);
586
- background-color: #3498ff;
587
567
  background-color: var(--rs-btn-primary-bg);
588
568
  border: none;
589
569
  }
590
- .rs-btn-primary:hover,
591
- .rs-btn-primary:focus {
592
- color: #fff;
570
+ .rs-btn-primary:hover {
593
571
  color: var(--rs-btn-primary-text);
594
- background-color: #2589f5;
595
572
  background-color: var(--rs-btn-primary-hover-bg);
596
573
  }
597
574
  .rs-btn-primary:active,
598
575
  .rs-btn-primary.rs-btn-active {
599
- color: #fff;
600
576
  color: var(--rs-btn-primary-text);
601
- background-color: #1675e0;
602
577
  background-color: var(--rs-btn-primary-active-bg);
603
578
  }
604
579
  .rs-btn-primary:disabled,
605
580
  .rs-btn-primary.rs-btn-disabled {
606
- color: #fff;
607
581
  color: var(--rs-btn-primary-text);
608
- background-color: #3498ff;
609
582
  background-color: var(--rs-btn-primary-bg);
610
583
  opacity: 0.3;
611
584
  }
@@ -614,28 +587,21 @@
614
587
  border-color: var(--rs-btn-default-disabled-boreder-color);
615
588
  }
616
589
  .rs-btn-subtle {
617
- color: #343434;
618
590
  color: var(--rs-btn-subtle-text);
619
591
  background-color: transparent;
620
592
  border: none;
621
593
  }
622
- .rs-btn-subtle:hover,
623
- .rs-btn-subtle:focus {
624
- color: #343434;
594
+ .rs-btn-subtle:hover {
625
595
  color: var(--rs-btn-subtle-hover-text);
626
- background-color: #e5e5ea;
627
596
  background-color: var(--rs-btn-subtle-hover-bg);
628
597
  }
629
598
  .rs-btn-subtle:active,
630
599
  .rs-btn-subtle.rs-btn-active {
631
- color: #121212;
632
600
  color: var(--rs-btn-subtle-active-text);
633
- background-color: #e5e5ea;
634
601
  background-color: var(--rs-btn-subtle-active-bg);
635
602
  }
636
603
  .rs-btn-subtle:disabled,
637
604
  .rs-btn-subtle.rs-btn-disabled {
638
- color: #b6b7b8;
639
605
  color: var(--rs-btn-subtle-disabled-text);
640
606
  background: none;
641
607
  }
@@ -644,27 +610,22 @@
644
610
  border-color: var(--rs-btn-default-disabled-boreder-color);
645
611
  }
646
612
  .rs-btn-link {
647
- color: #1675e0;
648
613
  color: var(--rs-btn-link-text);
649
614
  background-color: transparent;
650
615
  border: none;
651
616
  }
652
- .rs-btn-link:hover,
653
- .rs-btn-link:focus {
654
- color: #0a5dc2;
617
+ .rs-btn-link:hover {
655
618
  color: var(--rs-btn-link-hover-text);
656
619
  background-color: transparent;
657
620
  text-decoration: underline;
658
621
  }
659
622
  .rs-btn-link:active,
660
623
  .rs-btn-link.rs-btn-active {
661
- color: #004299;
662
624
  color: var(--rs-btn-link-active-text);
663
625
  background-color: transparent;
664
626
  }
665
627
  .rs-btn-link:disabled,
666
628
  .rs-btn-link.rs-btn-disabled {
667
- color: #0a5dc2;
668
629
  color: var(--rs-btn-link-hover-text);
669
630
  background-color: transparent;
670
631
  text-decoration: none;
@@ -675,42 +636,29 @@
675
636
  border-color: var(--rs-btn-default-disabled-boreder-color);
676
637
  }
677
638
  .rs-btn-ghost {
678
- color: #1675e0;
679
639
  color: var(--rs-btn-ghost-text);
680
640
  background-color: transparent;
681
- border: 1px solid #1675e0;
682
641
  border: 1px solid var(--rs-btn-ghost-border);
683
642
  }
684
- .rs-btn-ghost:hover,
685
- .rs-btn-ghost:focus {
686
- color: #0a5dc2;
643
+ .rs-btn-ghost:hover {
687
644
  color: var(--rs-btn-ghost-hover-text);
688
645
  background-color: transparent;
689
- border-color: #0a5dc2;
690
646
  border-color: var(--rs-btn-ghost-hover-border);
691
- -webkit-box-shadow: 0 0 0 1px #0a5dc2;
692
- -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
693
- box-shadow: 0 0 0 1px #0a5dc2;
694
- box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
647
+ box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
695
648
  }
696
649
  .rs-btn-ghost:active,
697
650
  .rs-btn-ghost.rs-btn-active {
698
- color: #004299;
699
651
  color: var(--rs-btn-ghost-active-text);
700
652
  background-color: transparent;
701
- border-color: #004299;
702
653
  border-color: var(--rs-btn-ghost-active-border);
703
654
  }
704
655
  .rs-btn-ghost:disabled,
705
656
  .rs-btn-ghost.rs-btn-disabled {
706
- color: #1675e0;
707
657
  color: var(--rs-btn-ghost-text);
708
658
  background-color: transparent;
709
659
  opacity: 0.3;
710
- border-color: #1675e0;
711
660
  border-color: var(--rs-btn-ghost-border);
712
- -webkit-box-shadow: none;
713
- box-shadow: none;
661
+ box-shadow: none;
714
662
  }
715
663
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
716
664
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
@@ -1122,7 +1070,6 @@
1122
1070
  }
1123
1071
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
1124
1072
  left: 0;
1125
- border-right: none;
1126
1073
  border-right: var(--rs-btn-default-border, none);
1127
1074
  }
1128
1075
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
@@ -1130,7 +1077,6 @@
1130
1077
  }
1131
1078
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
1132
1079
  right: 0;
1133
- border-left: none;
1134
1080
  border-left: var(--rs-btn-default-border, none);
1135
1081
  }
1136
1082
  .rs-btn-md {
@@ -1161,7 +1107,6 @@
1161
1107
  }
1162
1108
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left > .rs-icon {
1163
1109
  left: 0;
1164
- border-right: none;
1165
1110
  border-right: var(--rs-btn-default-border, none);
1166
1111
  }
1167
1112
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
@@ -1169,7 +1114,6 @@
1169
1114
  }
1170
1115
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
1171
1116
  right: 0;
1172
- border-left: none;
1173
1117
  border-left: var(--rs-btn-default-border, none);
1174
1118
  }
1175
1119
  .rs-btn-sm {
@@ -1200,7 +1144,6 @@
1200
1144
  }
1201
1145
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
1202
1146
  left: 0;
1203
- border-right: none;
1204
1147
  border-right: var(--rs-btn-default-border, none);
1205
1148
  }
1206
1149
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
@@ -1208,7 +1151,6 @@
1208
1151
  }
1209
1152
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
1210
1153
  right: 0;
1211
- border-left: none;
1212
1154
  border-left: var(--rs-btn-default-border, none);
1213
1155
  }
1214
1156
  .rs-btn-xs {
@@ -1239,7 +1181,6 @@
1239
1181
  }
1240
1182
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
1241
1183
  left: 0;
1242
- border-right: none;
1243
1184
  border-right: var(--rs-btn-default-border, none);
1244
1185
  }
1245
1186
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
@@ -1247,7 +1188,6 @@
1247
1188
  }
1248
1189
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
1249
1190
  right: 0;
1250
- border-left: none;
1251
1191
  border-left: var(--rs-btn-default-border, none);
1252
1192
  }
1253
1193
  .rs-btn-block {
@@ -1282,62 +1222,41 @@
1282
1222
  height: 16px;
1283
1223
  }
1284
1224
  .rs-btn-loading > .rs-btn-spin::before {
1285
- border: 3px solid rgb(from #f7f7fa r g b / 80%);
1286
1225
  border: 3px solid var(--rs-loader-ring);
1287
1226
  }
1288
1227
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1289
1228
  border-color: rgba(248, 247, 250, 0.3);
1290
1229
  }
1291
1230
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1292
- border-color: rgb(from #f7f7fa r g b / 30%);
1293
1231
  border-color: var(--rs-loader-ring-inverse);
1294
1232
  }
1295
1233
  .rs-btn-loading > .rs-btn-spin::after {
1296
1234
  border-width: 3px;
1297
- border-color: #939393 transparent transparent;
1298
1235
  border-color: var(--rs-loader-rotor) transparent transparent;
1299
1236
  border-style: solid;
1300
- -webkit-animation: buttonSpin 0.6s infinite linear;
1301
- animation: buttonSpin 0.6s infinite linear;
1237
+ animation: buttonSpin 0.6s infinite linear;
1302
1238
  }
1303
1239
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1304
1240
  border-top-color: #fff;
1305
1241
  }
1306
1242
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1307
- border-top-color: #fff;
1308
1243
  border-top-color: var(--rs-loader-rotor-inverse);
1309
1244
  }
1310
- @-webkit-keyframes buttonSpin {
1311
- from {
1312
- -webkit-transform: rotate(0);
1313
- transform: rotate(0);
1314
- }
1315
- to {
1316
- -webkit-transform: rotate(360deg);
1317
- transform: rotate(360deg);
1318
- }
1319
- }
1320
1245
  @keyframes buttonSpin {
1321
1246
  from {
1322
- -webkit-transform: rotate(0);
1323
- transform: rotate(0);
1247
+ transform: rotate(0);
1324
1248
  }
1325
1249
  to {
1326
- -webkit-transform: rotate(360deg);
1327
- transform: rotate(360deg);
1250
+ transform: rotate(360deg);
1328
1251
  }
1329
1252
  }
1330
1253
  .rs-input {
1331
1254
  display: block;
1332
1255
  width: 100%;
1333
- color: #343434;
1334
1256
  color: var(--rs-text-primary);
1335
- background-color: #fff;
1336
1257
  background-color: var(--rs-input-bg);
1337
1258
  background-image: none;
1338
- border: 1px solid #e5e5ea;
1339
1259
  border: 1px solid var(--rs-border-primary);
1340
- -webkit-transition: border-color ease-in-out 0.15s;
1341
1260
  transition: border-color ease-in-out 0.15s;
1342
1261
  border-radius: 6px;
1343
1262
  /* stylelint-disable */
@@ -1346,50 +1265,30 @@
1346
1265
  line-height: 1.42857143;
1347
1266
  /* stylelint-enable */
1348
1267
  }
1349
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1350
- .rs-input {
1351
- height: 36px;
1352
- }
1353
- }
1354
1268
  textarea.rs-input {
1355
1269
  height: auto;
1356
1270
  }
1357
1271
  .rs-theme-high-contrast .rs-input {
1358
- -webkit-transition: none;
1359
1272
  transition: none;
1360
1273
  }
1361
- .rs-input::-webkit-input-placeholder {
1362
- color: #717273;
1363
- color: var(--rs-text-secondary);
1364
- }
1365
1274
  .rs-input::-moz-placeholder {
1366
- color: #717273;
1367
- color: var(--rs-text-secondary);
1368
- }
1369
- .rs-input::-ms-input-placeholder {
1370
- color: #717273;
1371
1275
  color: var(--rs-text-secondary);
1372
1276
  }
1373
1277
  .rs-input::placeholder {
1374
- color: #717273;
1375
1278
  color: var(--rs-text-secondary);
1376
1279
  }
1377
1280
  .rs-input:focus,
1378
1281
  .rs-input:hover:not(:disabled) {
1379
- border-color: #3498ff;
1380
1282
  border-color: var(--rs-input-focus-border);
1381
1283
  }
1382
1284
  .rs-input:focus {
1383
- outline: 3px solid rgb(from #3498ff r g b / 25%);
1384
1285
  outline: 3px solid var(--rs-color-focus-ring);
1385
1286
  }
1386
1287
  .rs-theme-high-contrast .rs-input:focus {
1387
1288
  outline-offset: 2px;
1388
1289
  }
1389
1290
  .rs-input:disabled {
1390
- background-color: #f7f7fa;
1391
1291
  background-color: var(--rs-input-disabled-bg);
1392
- color: #717273;
1393
1292
  color: var(--rs-text-disabled);
1394
1293
  }
1395
1294
  textarea.rs-input {
@@ -1403,11 +1302,6 @@ textarea.rs-input {
1403
1302
  line-height: 1.66666667;
1404
1303
  /* stylelint-enable */
1405
1304
  }
1406
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1407
- .rs-input-xs {
1408
- height: 24px;
1409
- }
1410
- }
1411
1305
  textarea.rs-input-xs {
1412
1306
  height: auto;
1413
1307
  }
@@ -1418,11 +1312,6 @@ textarea.rs-input-xs {
1418
1312
  line-height: 1.375;
1419
1313
  /* stylelint-enable */
1420
1314
  }
1421
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1422
- .rs-input-lg {
1423
- height: 42px;
1424
- }
1425
- }
1426
1315
  textarea.rs-input-lg {
1427
1316
  height: auto;
1428
1317
  }
@@ -1433,42 +1322,29 @@ textarea.rs-input-lg {
1433
1322
  line-height: 1.42857143;
1434
1323
  /* stylelint-enable */
1435
1324
  }
1436
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1437
- .rs-input-sm {
1438
- height: 30px;
1439
- }
1440
- }
1441
1325
  textarea.rs-input-sm {
1442
1326
  height: auto;
1443
1327
  }
1444
1328
  .rs-input-group {
1445
1329
  position: relative;
1446
- display: -webkit-box;
1447
- display: -ms-flexbox;
1448
1330
  display: flex;
1449
1331
  border-radius: 6px;
1450
- -webkit-transition: border-color ease-in-out 0.15s;
1451
1332
  transition: border-color ease-in-out 0.15s;
1452
1333
  width: 100%;
1453
1334
  cursor: text;
1454
- color: #343434;
1455
1335
  color: var(--rs-text-primary);
1456
- border: 1px solid #e5e5ea;
1457
1336
  border: 1px solid var(--rs-border-primary);
1458
1337
  }
1459
1338
  .rs-theme-high-contrast .rs-input-group {
1460
- -webkit-transition: none;
1461
1339
  transition: none;
1462
1340
  }
1463
1341
  .rs-input-group:not(.rs-input-group-disabled):hover,
1464
1342
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
1465
1343
  .rs-input-group:focus-within {
1466
- border-color: #3498ff;
1467
1344
  border-color: var(--rs-input-focus-border);
1468
1345
  }
1469
1346
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
1470
1347
  .rs-input-group:focus-within {
1471
- outline: 3px solid rgb(from #3498ff r g b / 25%);
1472
1348
  outline: 3px solid var(--rs-color-focus-ring);
1473
1349
  }
1474
1350
  .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -1520,9 +1396,7 @@ textarea.rs-input-sm {
1520
1396
  }
1521
1397
  .rs-input-group > .rs-input,
1522
1398
  .rs-input-group > .rs-form-control-wrapper {
1523
- -webkit-box-flex: 1;
1524
- -ms-flex: 1 1 auto;
1525
- flex: 1 1 auto;
1399
+ flex: 1 1 auto;
1526
1400
  }
1527
1401
  .rs-input-group .rs-form-control-wrapper > .rs-input {
1528
1402
  width: 100%;
@@ -1542,7 +1416,6 @@ textarea.rs-input-sm {
1542
1416
  }
1543
1417
  .rs-input-group.rs-input-group-inside {
1544
1418
  width: 100%;
1545
- background-color: #fff;
1546
1419
  background-color: var(--rs-input-bg);
1547
1420
  }
1548
1421
  .rs-input-group.rs-input-group-inside .rs-input {
@@ -1553,13 +1426,10 @@ textarea.rs-input-sm {
1553
1426
  }
1554
1427
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
1555
1428
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
1556
- -webkit-box-flex: 0;
1557
- -ms-flex: 0 0 auto;
1558
- flex: 0 0 auto;
1429
+ flex: 0 0 auto;
1559
1430
  width: auto;
1560
1431
  }
1561
1432
  .rs-input-group.rs-input-group-inside .rs-input-group-btn {
1562
- color: #343434;
1563
1433
  color: var(--rs-btn-subtle-text);
1564
1434
  background-color: transparent;
1565
1435
  border: none;
@@ -1568,23 +1438,17 @@ textarea.rs-input-sm {
1568
1438
  padding: 7px 11px;
1569
1439
  border-radius: 0 6px 6px 0;
1570
1440
  }
1571
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1572
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1573
- color: #343434;
1441
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1574
1442
  color: var(--rs-btn-subtle-hover-text);
1575
- background-color: #e5e5ea;
1576
1443
  background-color: var(--rs-btn-subtle-hover-bg);
1577
1444
  }
1578
1445
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
1579
1446
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
1580
- color: #121212;
1581
1447
  color: var(--rs-btn-subtle-active-text);
1582
- background-color: #e5e5ea;
1583
1448
  background-color: var(--rs-btn-subtle-active-bg);
1584
1449
  }
1585
1450
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1586
1451
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1587
- color: #b6b7b8;
1588
1452
  color: var(--rs-btn-subtle-disabled-text);
1589
1453
  background: none;
1590
1454
  }
@@ -1638,9 +1502,7 @@ textarea.rs-input-sm {
1638
1502
  right: 1px;
1639
1503
  }
1640
1504
  .rs-input-group.rs-input-group-disabled {
1641
- background-color: #f7f7fa;
1642
1505
  background-color: var(--rs-input-disabled-bg);
1643
- color: #717273;
1644
1506
  color: var(--rs-text-disabled);
1645
1507
  cursor: not-allowed;
1646
1508
  }
@@ -1656,11 +1518,6 @@ textarea.rs-input-sm {
1656
1518
  line-height: 1.375;
1657
1519
  /* stylelint-enable */
1658
1520
  }
1659
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1660
- .rs-input-group-lg > .rs-input {
1661
- height: 42px;
1662
- }
1663
- }
1664
1521
  textarea.rs-input-group-lg > .rs-input {
1665
1522
  height: auto;
1666
1523
  }
@@ -1687,11 +1544,6 @@ textarea.rs-input-group-lg > .rs-input {
1687
1544
  line-height: 1.42857143;
1688
1545
  /* stylelint-enable */
1689
1546
  }
1690
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1691
- .rs-input-group-md > .rs-input {
1692
- height: 36px;
1693
- }
1694
- }
1695
1547
  textarea.rs-input-group-md > .rs-input {
1696
1548
  height: auto;
1697
1549
  }
@@ -1718,11 +1570,6 @@ textarea.rs-input-group-md > .rs-input {
1718
1570
  line-height: 1.42857143;
1719
1571
  /* stylelint-enable */
1720
1572
  }
1721
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1722
- .rs-input-group-sm > .rs-input {
1723
- height: 30px;
1724
- }
1725
- }
1726
1573
  textarea.rs-input-group-sm > .rs-input {
1727
1574
  height: auto;
1728
1575
  }
@@ -1749,11 +1596,6 @@ textarea.rs-input-group-sm > .rs-input {
1749
1596
  line-height: 1.66666667;
1750
1597
  /* stylelint-enable */
1751
1598
  }
1752
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1753
- .rs-input-group-xs > .rs-input {
1754
- height: 24px;
1755
- }
1756
- }
1757
1599
  textarea.rs-input-group-xs > .rs-input {
1758
1600
  height: auto;
1759
1601
  }
@@ -1779,11 +1621,6 @@ textarea.rs-input-group-xs > .rs-input {
1779
1621
  padding-left: 15px;
1780
1622
  padding-right: 15px;
1781
1623
  }
1782
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1783
- .rs-input-group.rs-input-group-lg > .rs-input-group-addon {
1784
- height: 42px;
1785
- }
1786
- }
1787
1624
  textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
1788
1625
  height: auto;
1789
1626
  }
@@ -1797,11 +1634,6 @@ textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
1797
1634
  padding-left: 11px;
1798
1635
  padding-right: 11px;
1799
1636
  }
1800
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1801
- .rs-input-group.rs-input-group-md > .rs-input-group-addon {
1802
- height: 36px;
1803
- }
1804
- }
1805
1637
  textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
1806
1638
  height: auto;
1807
1639
  }
@@ -1815,11 +1647,6 @@ textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
1815
1647
  padding-left: 9px;
1816
1648
  padding-right: 9px;
1817
1649
  }
1818
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1819
- .rs-input-group.rs-input-group-sm > .rs-input-group-addon {
1820
- height: 30px;
1821
- }
1822
- }
1823
1650
  textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
1824
1651
  height: auto;
1825
1652
  }
@@ -1833,11 +1660,6 @@ textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
1833
1660
  padding-left: 7px;
1834
1661
  padding-right: 7px;
1835
1662
  }
1836
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1837
- .rs-input-group.rs-input-group-xs > .rs-input-group-addon {
1838
- height: 24px;
1839
- }
1840
- }
1841
1663
  textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
1842
1664
  height: auto;
1843
1665
  }
@@ -1851,11 +1673,6 @@ textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
1851
1673
  padding: 9px 15px;
1852
1674
  border-radius: 0 6px 6px 0;
1853
1675
  }
1854
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1855
- .rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
1856
- height: 42px;
1857
- }
1858
- }
1859
1676
  textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
1860
1677
  height: auto;
1861
1678
  }
@@ -1872,11 +1689,6 @@ textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
1872
1689
  padding: 7px 11px;
1873
1690
  border-radius: 0 6px 6px 0;
1874
1691
  }
1875
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1876
- .rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
1877
- height: 36px;
1878
- }
1879
- }
1880
1692
  textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
1881
1693
  height: auto;
1882
1694
  }
@@ -1894,11 +1706,6 @@ textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
1894
1706
  padding: 4px 9px;
1895
1707
  border-radius: 0 6px 6px 0;
1896
1708
  }
1897
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1898
- .rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
1899
- height: 30px;
1900
- }
1901
- }
1902
1709
  textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
1903
1710
  height: auto;
1904
1711
  }
@@ -1916,11 +1723,6 @@ textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
1916
1723
  padding: 1px 7px;
1917
1724
  border-radius: 0 6px 6px 0;
1918
1725
  }
1919
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1920
- .rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1921
- height: 24px;
1922
- }
1923
- }
1924
1726
  textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1925
1727
  height: auto;
1926
1728
  }
@@ -1934,27 +1736,18 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1934
1736
  border-radius: 0;
1935
1737
  }
1936
1738
  .rs-input-group-addon {
1937
- -webkit-box-flex: 0;
1938
- -ms-flex: 0 0 auto;
1939
- flex: 0 0 auto;
1940
- display: -webkit-box;
1941
- display: -ms-flexbox;
1739
+ flex: 0 0 auto;
1942
1740
  display: flex;
1943
- -webkit-box-align: center;
1944
- -ms-flex-align: center;
1945
- align-items: center;
1741
+ align-items: center;
1946
1742
  white-space: nowrap;
1947
1743
  vertical-align: middle;
1948
- color: #343434;
1949
1744
  color: var(--rs-text-primary);
1950
1745
  padding: 8px 12px;
1951
1746
  font-size: 14px;
1952
1747
  font-weight: normal;
1953
1748
  line-height: 1;
1954
1749
  text-align: center;
1955
- background-color: #f7f7fa;
1956
1750
  background-color: var(--rs-btn-default-bg);
1957
- border: 1px solid #e5e5ea;
1958
1751
  border: 1px solid var(--rs-border-primary);
1959
1752
  border-radius: 6px;
1960
1753
  }
@@ -2024,17 +1817,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2024
1817
  overflow: hidden;
2025
1818
  }
2026
1819
  .rs-calendar-bordered .rs-calendar-table {
2027
- border: 1px solid #e5e5ea;
2028
1820
  border: 1px solid var(--rs-border-primary);
2029
1821
  border-radius: 6px;
2030
1822
  }
2031
1823
  .rs-calendar-bordered .rs-calendar-table-row:not(:last-child) .rs-calendar-table-cell,
2032
1824
  .rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-header-cell {
2033
- border-bottom: 1px solid #f2f2f5;
2034
1825
  border-bottom: 1px solid var(--rs-border-secondary);
2035
1826
  }
2036
1827
  .rs-calendar-bordered .rs-calendar-month-dropdown {
2037
- border: 1px solid #e5e5ea;
2038
1828
  border: 1px solid var(--rs-border-primary);
2039
1829
  border-radius: 6px;
2040
1830
  }
@@ -2079,27 +1869,21 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2079
1869
  padding-bottom: 8px;
2080
1870
  }
2081
1871
  .rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-day {
2082
- color: #fff;
2083
1872
  color: var(--rs-calendar-today-text);
2084
1873
  width: 20px;
2085
1874
  height: 20px;
2086
- background-color: #3498ff;
2087
1875
  background-color: var(--rs-calendar-today-bg);
2088
1876
  border-radius: 50%;
2089
1877
  margin-left: auto;
2090
1878
  margin-right: auto;
2091
1879
  }
2092
1880
  .rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
2093
- -webkit-box-shadow: none;
2094
- box-shadow: none;
1881
+ box-shadow: none;
2095
1882
  }
2096
1883
  .rs-calendar-panel .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
2097
1884
  background-color: inherit;
2098
1885
  color: inherit;
2099
- -webkit-box-shadow: inset 0 0 0 1px #3498ff;
2100
- -webkit-box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
2101
- box-shadow: inset 0 0 0 1px #3498ff;
2102
- box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
1886
+ box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
2103
1887
  }
2104
1888
  .rs-calendar-panel .rs-calendar-table-cell-day {
2105
1889
  display: block;
@@ -2135,19 +1919,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2135
1919
  }
2136
1920
  .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
2137
1921
  min-height: 38px;
2138
- display: -webkit-box;
2139
- display: -ms-flexbox;
2140
1922
  display: flex;
2141
- -webkit-box-align: center;
2142
- -ms-flex-align: center;
2143
- align-items: center;
2144
- -webkit-box-pack: center;
2145
- -ms-flex-pack: center;
2146
- justify-content: center;
2147
- -webkit-box-orient: vertical;
2148
- -webkit-box-direction: normal;
2149
- -ms-flex-direction: column;
2150
- flex-direction: column;
1923
+ align-items: center;
1924
+ justify-content: center;
1925
+ flex-direction: column;
2151
1926
  }
2152
1927
  .rs-calendar-btn-close {
2153
1928
  position: absolute;
@@ -2157,18 +1932,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2157
1932
  height: 14px;
2158
1933
  padding: 0;
2159
1934
  border: 0;
2160
- display: -webkit-box;
2161
- display: -ms-flexbox;
2162
1935
  display: flex;
2163
- -webkit-box-pack: center;
2164
- -ms-flex-pack: center;
2165
- justify-content: center;
2166
- background: #fff;
1936
+ justify-content: center;
2167
1937
  background: var(--rs-bg-overlay);
2168
1938
  z-index: 1;
2169
1939
  }
2170
1940
  .rs-calendar-btn-close:hover {
2171
- background-color: #e5e5ea;
2172
1941
  background-color: var(--rs-btn-subtle-hover-bg);
2173
1942
  }
2174
1943
  .rs-calendar-panel .rs-calendar-btn-close {
@@ -2188,12 +1957,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2188
1957
  display: none;
2189
1958
  }
2190
1959
  .rs-calendar-month-view .rs-calendar-header-title-date {
2191
- color: #1675e0;
2192
1960
  color: var(--rs-text-active);
2193
1961
  background: transparent;
2194
1962
  }
2195
1963
  .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error {
2196
- color: #f44336;
2197
1964
  color: var(--rs-text-error);
2198
1965
  }
2199
1966
  .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus,
@@ -2201,12 +1968,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2201
1968
  color: #fff !important;
2202
1969
  }
2203
1970
  .rs-calendar-time-view .rs-calendar-header-title-time {
2204
- color: #1675e0;
2205
1971
  color: var(--rs-text-active);
2206
1972
  background: transparent;
2207
1973
  }
2208
1974
  .rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error {
2209
- color: #f44336;
2210
1975
  color: var(--rs-text-error);
2211
1976
  }
2212
1977
  .rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
@@ -2233,7 +1998,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2233
1998
  position: relative;
2234
1999
  }
2235
2000
  .rs-calendar-table-cell-in-range::before {
2236
- background-color: rgb(from #cce9ff r g b / 50%);
2237
2001
  background-color: var(--rs-calendar-range-bg);
2238
2002
  }
2239
2003
  .rs-calendar-table-cell-in-range:hover::before {
@@ -2273,7 +2037,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2273
2037
  margin-left: 4px;
2274
2038
  }
2275
2039
  .rs-calendar-header-error {
2276
- color: #343434;
2277
2040
  color: var(--rs-btn-subtle-text);
2278
2041
  background-color: transparent;
2279
2042
  border: none;
@@ -2283,23 +2046,17 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2283
2046
  --rs-btn-subtle-active-bg: var(--rs-red-600);
2284
2047
  --rs-btn-subtle-active-text: #fff;
2285
2048
  }
2286
- .rs-calendar-header-error:hover,
2287
- .rs-calendar-header-error:focus {
2288
- color: #343434;
2049
+ .rs-calendar-header-error:hover {
2289
2050
  color: var(--rs-btn-subtle-hover-text);
2290
- background-color: #e5e5ea;
2291
2051
  background-color: var(--rs-btn-subtle-hover-bg);
2292
2052
  }
2293
2053
  .rs-calendar-header-error:active,
2294
2054
  .rs-calendar-header-error.rs-btn-active {
2295
- color: #121212;
2296
2055
  color: var(--rs-btn-subtle-active-text);
2297
- background-color: #e5e5ea;
2298
2056
  background-color: var(--rs-btn-subtle-active-bg);
2299
2057
  }
2300
2058
  .rs-calendar-header-error:disabled,
2301
2059
  .rs-calendar-header-error.rs-btn-disabled {
2302
- color: #b6b7b8;
2303
2060
  color: var(--rs-btn-subtle-disabled-text);
2304
2061
  background: none;
2305
2062
  }
@@ -2360,8 +2117,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2360
2117
  /* stylelint-disable-next-line */
2361
2118
  [dir='rtl'] .rs-calendar-header-backward .rs-icon,
2362
2119
  [dir='rtl'] .rs-calendar-header-forward .rs-icon {
2363
- -webkit-transform: rotate(180deg);
2364
- transform: rotate(180deg);
2120
+ transform: rotate(180deg);
2365
2121
  }
2366
2122
  /* rtl:end:ignore */
2367
2123
  .rs-calendar-body {
@@ -2407,7 +2163,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2407
2163
  .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
2408
2164
  .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
2409
2165
  .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
2410
- color: #717273;
2411
2166
  color: var(--rs-text-disabled);
2412
2167
  }
2413
2168
  .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
@@ -2438,12 +2193,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2438
2193
  .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
2439
2194
  .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
2440
2195
  .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover {
2441
- color: #fff;
2442
2196
  color: var(--rs-calendar-date-selected-text);
2443
- background-color: #3498ff;
2444
2197
  background-color: var(--rs-bg-active);
2445
- -webkit-box-shadow: none;
2446
- box-shadow: none;
2198
+ box-shadow: none;
2447
2199
  }
2448
2200
  .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
2449
2201
  .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
@@ -2482,29 +2234,21 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2482
2234
  border-radius: 6px;
2483
2235
  }
2484
2236
  .rs-calendar-table-cell-content:hover {
2485
- background-color: #f2faff;
2486
2237
  background-color: var(--rs-state-hover-bg);
2487
2238
  }
2488
2239
  .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
2489
- -webkit-box-shadow: inset 0 0 0 1px #3498ff;
2490
- -webkit-box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
2491
- box-shadow: inset 0 0 0 1px #3498ff;
2492
- box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
2240
+ box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
2493
2241
  }
2494
2242
  .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
2495
- color: #fff;
2496
2243
  color: var(--rs-calendar-date-selected-text);
2497
- background-color: #3498ff;
2498
2244
  background-color: var(--rs-bg-active);
2499
- -webkit-box-shadow: none;
2500
- box-shadow: none;
2245
+ box-shadow: none;
2501
2246
  }
2502
2247
  .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
2503
2248
  text-decoration: underline;
2504
2249
  }
2505
2250
  .rs-calendar-table-header-cell-content {
2506
2251
  display: inline-block;
2507
- color: #717273;
2508
2252
  color: var(--rs-text-secondary);
2509
2253
  font-size: 12px;
2510
2254
  line-height: 1.66666667;
@@ -2524,9 +2268,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2524
2268
  padding: 1px;
2525
2269
  text-align: center;
2526
2270
  vertical-align: middle;
2527
- color: #717273;
2528
2271
  color: var(--rs-text-secondary);
2529
- background-color: #f7f7fa;
2530
2272
  background-color: var(--rs-bg-well);
2531
2273
  font-size: 12px;
2532
2274
  }
@@ -2534,11 +2276,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2534
2276
  display: none;
2535
2277
  position: absolute;
2536
2278
  top: 44px;
2537
- border-top: 1px solid #e5e5ea;
2538
2279
  border-top: 1px solid var(--rs-border-primary);
2539
2280
  margin-top: 0;
2540
2281
  width: 100%;
2541
- background-color: #fff;
2542
2282
  background-color: var(--rs-bg-overlay);
2543
2283
  overflow: hidden;
2544
2284
  z-index: 1;
@@ -2548,8 +2288,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2548
2288
  display: block;
2549
2289
  }
2550
2290
  .rs-calendar-month-view .rs-calendar-month-dropdown-scroll {
2551
- -webkit-animation: 0.3s linear slideDown;
2552
- animation: 0.3s linear slideDown;
2291
+ animation: 0.3s linear slideDown;
2553
2292
  }
2554
2293
  .rs-calendar-month-dropdown-scroll {
2555
2294
  height: 100%;
@@ -2562,7 +2301,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2562
2301
  padding-bottom: 5px;
2563
2302
  }
2564
2303
  .rs-calendar-month-dropdown-row:not(:last-child) {
2565
- border-bottom: 1px dashed #e5e5ea;
2566
2304
  border-bottom: 1px dashed var(--rs-border-primary);
2567
2305
  }
2568
2306
  .rs-calendar-month-dropdown-year {
@@ -2571,7 +2309,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2571
2309
  left: 10px;
2572
2310
  }
2573
2311
  .rs-calendar-month-dropdown-year-active {
2574
- color: #1675e0;
2575
2312
  color: var(--rs-text-active);
2576
2313
  }
2577
2314
  .rs-calendar-month-dropdown-list {
@@ -2583,16 +2320,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2583
2320
  text-align: center;
2584
2321
  vertical-align: middle;
2585
2322
  }
2586
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2587
- .rs-calendar-month-dropdown-cell {
2588
- width: calc((100% - 1px * 12 - 1px) / 6);
2589
- }
2590
- }
2591
- @supports (-ms-ime-align: auto) {
2592
- .rs-calendar-month-dropdown-cell {
2593
- width: calc((100% - 1px * 12 - 1px) / 6);
2594
- }
2595
- }
2596
2323
  .rs-calendar-month-dropdown-cell-content {
2597
2324
  display: inline-block;
2598
2325
  font-size: 14px;
@@ -2602,11 +2329,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2602
2329
  border-radius: 6px;
2603
2330
  }
2604
2331
  .rs-calendar-month-dropdown-cell-content:hover {
2605
- background-color: #f2faff;
2606
2332
  background-color: var(--rs-state-hover-bg);
2607
2333
  }
2608
2334
  .rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content {
2609
- color: #717273;
2610
2335
  color: var(--rs-text-disabled);
2611
2336
  background: none;
2612
2337
  text-decoration: line-through;
@@ -2617,12 +2342,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2617
2342
  cursor: not-allowed;
2618
2343
  }
2619
2344
  .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
2620
- color: #fff;
2621
2345
  color: var(--rs-calendar-date-selected-text);
2622
- background-color: #3498ff;
2623
2346
  background-color: var(--rs-bg-active);
2624
- -webkit-box-shadow: none;
2625
- box-shadow: none;
2347
+ box-shadow: none;
2626
2348
  }
2627
2349
  .rs-theme-high-contrast .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
2628
2350
  text-decoration: underline;
@@ -2634,9 +2356,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2634
2356
  padding-left: 10px;
2635
2357
  padding-right: 10px;
2636
2358
  width: 100%;
2637
- background-color: #fff;
2638
2359
  background-color: var(--rs-bg-overlay);
2639
- color: #343434;
2640
2360
  color: var(--rs-text-primary);
2641
2361
  overflow: hidden;
2642
2362
  z-index: 1;
@@ -2645,8 +2365,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2645
2365
  display: block;
2646
2366
  }
2647
2367
  .rs-calendar-time-view .rs-calendar-time-dropdown-content {
2648
- -webkit-animation: 0.3s linear slideDown;
2649
- animation: 0.3s linear slideDown;
2368
+ animation: 0.3s linear slideDown;
2650
2369
  }
2651
2370
  .rs-calendar-time-dropdown-row {
2652
2371
  display: table;
@@ -2674,9 +2393,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2674
2393
  }
2675
2394
  .rs-calendar-time-dropdown-column-title {
2676
2395
  width: 100%;
2677
- background-color: #f7f7fa;
2678
2396
  background-color: var(--rs-calendar-time-unit-bg);
2679
- color: #717273;
2680
2397
  color: var(--rs-text-secondary);
2681
2398
  text-align: center;
2682
2399
  font-size: 12px;
@@ -2704,17 +2421,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2704
2421
  text-decoration: none;
2705
2422
  }
2706
2423
  .rs-calendar-time-dropdown-cell:hover {
2707
- background-color: rgb(from #cce9ff r g b / 50%);
2708
2424
  background-color: var(--rs-listbox-option-hover-bg);
2709
- color: #1675e0;
2710
2425
  color: var(--rs-listbox-option-hover-text);
2711
2426
  }
2712
2427
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
2713
- outline: 3px solid rgb(from #3498ff r g b / 25%);
2714
2428
  outline: 3px solid var(--rs-color-focus-ring);
2715
2429
  outline-offset: -3px;
2716
2430
  outline-width: 2px;
2717
- color: #1675e0;
2718
2431
  color: var(--rs-listbox-option-hover-text);
2719
2432
  text-decoration: underline;
2720
2433
  }
@@ -2722,23 +2435,17 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2722
2435
  outline-offset: 2px;
2723
2436
  }
2724
2437
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
2725
- background-color: #3498ff;
2726
2438
  background-color: var(--rs-bg-active);
2727
- color: #fff;
2728
2439
  color: var(--rs-calendar-date-selected-text);
2729
2440
  }
2730
2441
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
2731
- background-color: rgb(from #cce9ff r g b / 50%);
2732
2442
  background-color: var(--rs-listbox-option-hover-bg);
2733
- color: #1675e0;
2734
2443
  color: var(--rs-listbox-option-hover-text);
2735
2444
  }
2736
2445
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
2737
- outline: 3px solid rgb(from #3498ff r g b / 25%);
2738
2446
  outline: 3px solid var(--rs-color-focus-ring);
2739
2447
  outline-offset: -3px;
2740
2448
  outline-width: 2px;
2741
- color: #1675e0;
2742
2449
  color: var(--rs-listbox-option-hover-text);
2743
2450
  text-decoration: underline;
2744
2451
  }
@@ -2746,7 +2453,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2746
2453
  outline-offset: 2px;
2747
2454
  }
2748
2455
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
2749
- color: #717273;
2750
2456
  color: var(--rs-text-disabled);
2751
2457
  background: none;
2752
2458
  cursor: not-allowed;
@@ -2765,54 +2471,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2765
2471
  top: 2px;
2766
2472
  }
2767
2473
  .rs-calendar-only-time .rs-calendar-time-dropdown-row {
2768
- display: -webkit-box;
2769
- display: -ms-flexbox;
2770
2474
  display: flex;
2771
2475
  }
2772
2476
  .rs-calendar-only-time .rs-calendar-time-dropdown-column {
2773
2477
  min-width: 60px;
2774
2478
  }
2775
- @-webkit-keyframes slideDown {
2776
- from {
2777
- -webkit-transform: translateY(-100%);
2778
- transform: translateY(-100%);
2779
- }
2780
- to {
2781
- -webkit-transform: translateY(0);
2782
- transform: translateY(0);
2783
- }
2784
- }
2785
2479
  @keyframes slideDown {
2786
2480
  from {
2787
- -webkit-transform: translateY(-100%);
2788
- transform: translateY(-100%);
2481
+ transform: translateY(-100%);
2789
2482
  }
2790
2483
  to {
2791
- -webkit-transform: translateY(0);
2792
- transform: translateY(0);
2484
+ transform: translateY(0);
2793
2485
  }
2794
2486
  }
2795
- .rs-btn-close {
2796
- border: none;
2797
- outline: none !important;
2798
- background: transparent;
2799
- line-height: 1;
2800
- cursor: pointer;
2801
- }
2802
- .rs-btn-close .rs-icon {
2803
- vertical-align: bottom;
2804
- }
2805
- .rs-btn-close:hover,
2806
- .rs-btn-close:focus {
2807
- color: #f44336;
2808
- color: var(--rs-close-button-hover-color);
2809
- }
2810
- .rs-btn-close:hover svg path,
2811
- .rs-btn-close:focus svg path {
2812
- stroke: #f44336;
2813
- stroke: var(--rs-close-button-hover-color);
2814
- stroke-width: 1;
2815
- }
2816
2487
  .rs-loader {
2817
2488
  display: inline-block;
2818
2489
  }
@@ -2858,16 +2529,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2858
2529
  border-radius: 50%;
2859
2530
  }
2860
2531
  .rs-loader-spin::before {
2861
- border: 3px solid rgb(from #f7f7fa r g b / 80%);
2862
2532
  border: 3px solid var(--rs-loader-ring);
2863
2533
  }
2864
2534
  .rs-loader-spin::after {
2865
2535
  border-width: 3px;
2866
2536
  border-style: solid;
2867
- border-color: #939393 transparent transparent;
2868
2537
  border-color: var(--rs-loader-rotor) transparent transparent;
2869
- -webkit-animation: loaderSpin 0.6s infinite linear;
2870
- animation: loaderSpin 0.6s infinite linear;
2538
+ animation: loaderSpin 0.6s infinite linear;
2871
2539
  }
2872
2540
  .rs-loader-content {
2873
2541
  float: left;
@@ -2885,7 +2553,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2885
2553
  left: 0;
2886
2554
  width: 100%;
2887
2555
  height: 100%;
2888
- background: rgb(from #fff r g b / 90%);
2889
2556
  background: var(--rs-loader-backdrop);
2890
2557
  }
2891
2558
  .rs-loader-vertical {
@@ -2893,10 +2560,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2893
2560
  display: inline-block;
2894
2561
  }
2895
2562
  .rs-loader-vertical .rs-loader {
2896
- -webkit-box-orient: vertical;
2897
- -webkit-box-direction: normal;
2898
- -ms-flex-direction: column;
2899
- flex-direction: column;
2563
+ flex-direction: column;
2900
2564
  }
2901
2565
  .rs-loader-vertical .rs-loader-spin {
2902
2566
  margin: 0 auto;
@@ -2915,36 +2579,28 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2915
2579
  margin-top: 10px;
2916
2580
  }
2917
2581
  .rs-loader-inverse .rs-loader-content {
2918
- color: #f7f7fa;
2919
2582
  color: var(--rs-text-inverse);
2920
2583
  }
2921
2584
  .rs-loader-inverse .rs-loader-backdrop {
2922
- background: rgb(from #121212 r g b / 83%);
2923
2585
  background: var(--rs-loader-backdrop-inverse);
2924
2586
  }
2925
2587
  .rs-loader-inverse .rs-loader-spin::before {
2926
- border-color: rgb(from #f7f7fa r g b / 30%);
2927
2588
  border-color: var(--rs-loader-ring-inverse);
2928
2589
  }
2929
2590
  .rs-loader-inverse .rs-loader-spin::after {
2930
- border-top-color: #fff;
2931
2591
  border-top-color: var(--rs-loader-rotor-inverse);
2932
2592
  }
2933
2593
  .rs-loader-speed-fast .rs-loader-spin::after {
2934
- -webkit-animation-duration: 0.4s;
2935
- animation-duration: 0.4s;
2594
+ animation-duration: 0.4s;
2936
2595
  }
2937
2596
  .rs-loader-speed-normal .rs-loader-spin::after {
2938
- -webkit-animation-duration: 0.6s;
2939
- animation-duration: 0.6s;
2597
+ animation-duration: 0.6s;
2940
2598
  }
2941
2599
  .rs-loader-speed-slow .rs-loader-spin::after {
2942
- -webkit-animation-duration: 0.8s;
2943
- animation-duration: 0.8s;
2600
+ animation-duration: 0.8s;
2944
2601
  }
2945
2602
  .rs-loader-speed-paused .rs-loader-spin::after {
2946
- -webkit-animation-play-state: paused;
2947
- animation-play-state: paused;
2603
+ animation-play-state: paused;
2948
2604
  }
2949
2605
  .rs-loader-center,
2950
2606
  .rs-loader-backdrop-wrapper {
@@ -2959,35 +2615,21 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2959
2615
  }
2960
2616
  .rs-loader-center .rs-loader,
2961
2617
  .rs-loader-backdrop-wrapper .rs-loader {
2962
- display: -webkit-box;
2963
- display: -ms-flexbox;
2964
2618
  display: flex;
2965
- -webkit-box-align: center;
2966
- -ms-flex-align: center;
2967
- align-items: center;
2968
- -webkit-box-pack: center;
2969
- -ms-flex-pack: center;
2970
- justify-content: center;
2619
+ align-items: center;
2620
+ justify-content: center;
2971
2621
  width: 100%;
2972
2622
  height: 100%;
2973
2623
  }
2974
2624
  .rs-loader-center:not(.rs-loader-vertical) .rs-loader,
2975
2625
  .rs-loader-backdrop-wrapper:not(.rs-loader-vertical) .rs-loader {
2976
- display: -webkit-box;
2977
- display: -ms-flexbox;
2978
2626
  display: flex;
2979
2627
  }
2980
2628
  .rs-loader-center.rs-loader-vertical .rs-loader,
2981
2629
  .rs-loader-backdrop-wrapper.rs-loader-vertical .rs-loader {
2982
- display: -webkit-box;
2983
- display: -ms-flexbox;
2984
2630
  display: flex;
2985
- -webkit-box-align: center;
2986
- -ms-flex-align: center;
2987
- align-items: center;
2988
- -webkit-box-pack: center;
2989
- -ms-flex-pack: center;
2990
- justify-content: center;
2631
+ align-items: center;
2632
+ justify-content: center;
2991
2633
  width: 100%;
2992
2634
  height: 100%;
2993
2635
  }
@@ -3076,33 +2718,39 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3076
2718
  width: auto;
3077
2719
  line-height: 0;
3078
2720
  }
3079
- @-webkit-keyframes loaderSpin {
3080
- from {
3081
- -webkit-transform: rotate(0);
3082
- transform: rotate(0);
3083
- }
3084
- to {
3085
- -webkit-transform: rotate(360deg);
3086
- transform: rotate(360deg);
3087
- }
3088
- }
3089
2721
  @keyframes loaderSpin {
3090
2722
  from {
3091
- -webkit-transform: rotate(0);
3092
- transform: rotate(0);
2723
+ transform: rotate(0);
3093
2724
  }
3094
2725
  to {
3095
- -webkit-transform: rotate(360deg);
3096
- transform: rotate(360deg);
2726
+ transform: rotate(360deg);
3097
2727
  }
3098
2728
  }
3099
2729
  .rs-highlight-mark {
3100
- background-color: #fff6c9;
3101
2730
  background-color: var(--rs-text-highlight-bg);
3102
2731
  padding: 0 0.2em;
3103
2732
  font-weight: bolder;
3104
2733
  border-radius: 4px;
3105
2734
  }
2735
+ .rs-btn-close {
2736
+ border: none;
2737
+ outline: none !important;
2738
+ background: transparent;
2739
+ line-height: 1;
2740
+ cursor: pointer;
2741
+ }
2742
+ .rs-btn-close .rs-icon {
2743
+ vertical-align: bottom;
2744
+ }
2745
+ .rs-btn-close:hover,
2746
+ .rs-btn-close:focus {
2747
+ color: var(--rs-close-button-hover-color);
2748
+ }
2749
+ .rs-btn-close:hover svg path,
2750
+ .rs-btn-close:focus svg path {
2751
+ stroke: var(--rs-close-button-hover-color);
2752
+ stroke-width: 1;
2753
+ }
3106
2754
  .rs-picker-toggle-wrapper {
3107
2755
  display: inline-block;
3108
2756
  vertical-align: middle;
@@ -3120,50 +2768,35 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3120
2768
  .rs-picker-disabled .rs-picker-toggle-value,
3121
2769
  .rs-picker-disabled .rs-picker-toggle-indicator,
3122
2770
  .rs-picker-disabled .rs-picker-tag-list .rs-tag {
3123
- color: #717273 !important;
3124
2771
  color: var(--rs-text-disabled) !important;
3125
2772
  }
3126
2773
  .rs-picker-disabled .rs-picker-value-count {
3127
2774
  opacity: 0.5;
3128
2775
  }
3129
2776
  .rs-picker-toggle .rs-picker-toggle-placeholder {
3130
- color: #717273;
3131
2777
  color: var(--rs-text-secondary);
3132
2778
  }
3133
2779
  .rs-picker-has-value .rs-btn .rs-picker-toggle-value,
3134
2780
  .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
3135
- color: #1675e0;
3136
2781
  color: var(--rs-picker-value);
3137
2782
  }
3138
2783
  .rs-picker-none {
3139
2784
  padding: 6px 12px 12px;
3140
- color: #717273;
3141
2785
  color: var(--rs-text-secondary);
3142
2786
  cursor: default;
3143
2787
  }
3144
2788
  .rs-picker-countable .rs-picker-toggle-value {
3145
- display: -webkit-box;
3146
- display: -ms-flexbox;
3147
2789
  display: flex;
3148
2790
  }
3149
2791
  .rs-picker-value-list {
3150
- -webkit-box-flex: 0;
3151
- -ms-flex: 0 1 auto;
3152
- flex: 0 1 auto;
2792
+ flex: 0 1 auto;
3153
2793
  overflow: hidden;
3154
2794
  text-overflow: ellipsis;
3155
2795
  white-space: nowrap;
3156
2796
  }
3157
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
3158
- .rs-picker-value-list {
3159
- max-width: 100%;
3160
- }
3161
- }
3162
2797
  .rs-picker-value-count {
3163
2798
  margin: 0 4px;
3164
- background-color: #3498ff;
3165
2799
  background-color: var(--rs-picker-count-bg);
3166
- color: #fff;
3167
2800
  color: var(--rs-picker-count-text);
3168
2801
  border-radius: 10px;
3169
2802
  padding: 0 8px;
@@ -3174,73 +2807,49 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3174
2807
  }
3175
2808
  .rs-picker:not(.rs-picker-disabled):hover,
3176
2809
  .rs-picker.rs-picker-focused {
3177
- border-color: #3498ff;
3178
2810
  border-color: var(--rs-input-focus-border);
3179
2811
  }
3180
2812
  .rs-picker-toggle-active,
3181
2813
  .rs-picker.rs-picker-focused {
3182
- -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3183
- -webkit-box-shadow: var(--rs-state-focus-shadow);
3184
- box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3185
- box-shadow: var(--rs-state-focus-shadow);
2814
+ box-shadow: var(--rs-state-focus-shadow);
3186
2815
  }
3187
2816
  .rs-picker-label.rs-input-group-addon {
3188
- color: #343434;
3189
2817
  color: var(--rs-text-primary);
3190
2818
  padding-right: 4px !important;
3191
2819
  }
3192
2820
  .rs-picker-loader {
3193
2821
  width: 14px;
3194
2822
  height: 14px;
3195
- display: -webkit-box;
3196
- display: -ms-flexbox;
3197
2823
  display: flex;
3198
- -webkit-box-align: center;
3199
- -ms-flex-align: center;
3200
- align-items: center;
2824
+ align-items: center;
3201
2825
  }
3202
2826
  .rs-picker-error > .rs-picker-input-group {
3203
- border-color: #f44336;
3204
2827
  border-color: var(--rs-picker-state-error);
3205
2828
  }
3206
2829
  .rs-picker-error > .rs-picker-input-group:hover {
3207
- border-color: #f44336;
3208
2830
  border-color: var(--rs-picker-state-error);
3209
2831
  }
3210
2832
  .rs-picker-error > .rs-picker-input-group:focus-within {
3211
- border-color: #f44336;
3212
2833
  border-color: var(--rs-picker-state-error);
3213
- outline: 3px solid rgb(from #f44336 r g b / 25%);
3214
2834
  outline: var(--rs-picker-state-error-outline);
3215
2835
  }
3216
2836
  .rs-picker-toggle {
3217
- display: -webkit-inline-box;
3218
- display: -ms-inline-flexbox;
3219
2837
  display: inline-flex;
3220
- -webkit-box-align: center;
3221
- -ms-flex-align: center;
3222
- align-items: center;
3223
- -webkit-box-pack: center;
3224
- -ms-flex-pack: center;
3225
- justify-content: center;
2838
+ align-items: center;
2839
+ justify-content: center;
3226
2840
  margin-bottom: 0;
3227
2841
  font-weight: normal;
3228
2842
  text-align: center;
3229
2843
  vertical-align: middle;
3230
2844
  cursor: pointer;
3231
2845
  white-space: nowrap;
3232
- -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
3233
2846
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
3234
- border: none;
3235
2847
  border: var(--rs-btn-default-border, none);
3236
2848
  -webkit-user-select: none;
3237
2849
  -moz-user-select: none;
3238
- -ms-user-select: none;
3239
2850
  user-select: none;
3240
2851
  text-decoration: none;
3241
- color: #343434;
3242
2852
  color: var(--rs-btn-default-text);
3243
- background-color: #f7f7fa;
3244
2853
  background-color: var(--rs-btn-default-bg);
3245
2854
  border-radius: 6px;
3246
2855
  font-size: 14px;
@@ -3250,7 +2859,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3250
2859
  position: relative;
3251
2860
  }
3252
2861
  .rs-theme-high-contrast .rs-picker-toggle {
3253
- -webkit-transition: none;
3254
2862
  transition: none;
3255
2863
  }
3256
2864
  .rs-btn-ghost.rs-picker-toggle {
@@ -3276,7 +2884,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3276
2884
  }
3277
2885
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-left > .rs-icon {
3278
2886
  left: 0;
3279
- border-right: none;
3280
2887
  border-right: var(--rs-btn-default-border, none);
3281
2888
  }
3282
2889
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right {
@@ -3284,43 +2891,35 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3284
2891
  }
3285
2892
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right > .rs-icon {
3286
2893
  right: 0;
3287
- border-left: none;
3288
2894
  border-left: var(--rs-btn-default-border, none);
3289
2895
  }
3290
2896
  .rs-picker-toggle:focus-visible {
3291
- outline: 3px solid rgb(from #3498ff r g b / 25%);
3292
2897
  outline: 3px solid var(--rs-color-focus-ring);
3293
2898
  }
3294
2899
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
3295
2900
  outline-offset: 2px;
3296
2901
  }
3297
- .rs-picker-toggle:hover,
3298
- .rs-picker-toggle:focus {
2902
+ .rs-picker-toggle:hover {
3299
2903
  color: var(--rs-btn-default-hover-text);
3300
- background-color: #e5e5ea;
3301
2904
  background-color: var(--rs-btn-default-hover-bg);
3302
2905
  text-decoration: none;
3303
2906
  }
3304
2907
  .rs-picker-toggle:active,
3305
2908
  .rs-picker-toggle.rs-btn-active {
3306
- color: #121212;
3307
2909
  color: var(--rs-btn-default-active-text);
3308
- background-color: #d9d9d9;
3309
2910
  background-color: var(--rs-btn-default-active-bg);
3310
2911
  }
3311
2912
  .rs-picker-toggle:disabled,
3312
2913
  .rs-picker-toggle.rs-btn-disabled {
3313
2914
  cursor: not-allowed;
3314
- color: #717273;
3315
2915
  color: var(--rs-btn-default-disabled-text);
3316
- background-color: #f7f7fa;
3317
2916
  background-color: var(--rs-btn-default-disabled-bg);
3318
2917
  }
3319
2918
  .rs-theme-high-contrast .rs-picker-toggle:disabled,
3320
2919
  .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
3321
2920
  border-color: var(--rs-btn-default-disabled-boreder-color);
3322
2921
  }
3323
- @media not all and (min-resolution: 0.001dpcm) {
2922
+ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
3324
2923
  .rs-picker-toggle {
3325
2924
  /* stylelint-disable */
3326
2925
  -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -3339,9 +2938,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3339
2938
  border: 1px solid #0000;
3340
2939
  padding-left: 10px;
3341
2940
  padding-right: 32px;
3342
- color: #343434;
3343
2941
  color: var(--rs-text-primary);
3344
- background-color: #fff;
3345
2942
  background-color: var(--rs-input-bg);
3346
2943
  outline: none;
3347
2944
  }
@@ -3358,44 +2955,33 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3358
2955
  opacity: 0;
3359
2956
  }
3360
2957
  .rs-picker-default .rs-picker-toggle {
3361
- -webkit-transition: border-color ease-in-out 0.15s;
3362
2958
  transition: border-color ease-in-out 0.15s;
3363
2959
  }
3364
2960
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
3365
- -webkit-transition: none;
3366
2961
  transition: none;
3367
2962
  }
3368
2963
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
3369
2964
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,
3370
2965
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active {
3371
- border-color: #3498ff;
3372
2966
  border-color: var(--rs-input-focus-border);
3373
2967
  }
3374
2968
  .rs-picker-subtle .rs-picker-toggle {
3375
- color: #343434;
3376
2969
  color: var(--rs-btn-subtle-text);
3377
2970
  background-color: transparent;
3378
2971
  border: none;
3379
- -webkit-transition: none;
3380
2972
  transition: none;
3381
2973
  }
3382
- .rs-picker-subtle .rs-picker-toggle:hover,
3383
- .rs-picker-subtle .rs-picker-toggle:focus {
3384
- color: #343434;
2974
+ .rs-picker-subtle .rs-picker-toggle:hover {
3385
2975
  color: var(--rs-btn-subtle-hover-text);
3386
- background-color: #e5e5ea;
3387
2976
  background-color: var(--rs-btn-subtle-hover-bg);
3388
2977
  }
3389
2978
  .rs-picker-subtle .rs-picker-toggle:active,
3390
2979
  .rs-picker-subtle .rs-picker-toggle.rs-btn-active {
3391
- color: #121212;
3392
2980
  color: var(--rs-btn-subtle-active-text);
3393
- background-color: #e5e5ea;
3394
2981
  background-color: var(--rs-btn-subtle-active-bg);
3395
2982
  }
3396
2983
  .rs-picker-subtle .rs-picker-toggle:disabled,
3397
2984
  .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
3398
- color: #b6b7b8;
3399
2985
  color: var(--rs-btn-subtle-disabled-text);
3400
2986
  background: none;
3401
2987
  }
@@ -3404,9 +2990,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3404
2990
  border-color: var(--rs-btn-default-disabled-boreder-color);
3405
2991
  }
3406
2992
  .rs-picker-subtle .rs-picker-toggle-active {
3407
- background-color: #e5e5ea;
3408
2993
  background-color: var(--rs-btn-subtle-hover-bg);
3409
- color: #343434;
3410
2994
  color: var(--rs-btn-subtle-hover-text);
3411
2995
  }
3412
2996
  /* stylelint-disable-next-line */
@@ -3425,6 +3009,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3425
3009
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
3426
3010
  top: 7px;
3427
3011
  }
3012
+ .rs-picker-default .rs-picker-toggle.rs-btn {
3013
+ padding-top: 7px;
3014
+ padding-bottom: 7px;
3015
+ }
3428
3016
  .rs-picker-date .rs-picker-toggle.rs-btn,
3429
3017
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
3430
3018
  padding-right: 36px;
@@ -3442,15 +3030,43 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3442
3030
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
3443
3031
  top: 7px;
3444
3032
  }
3445
- .rs-picker-default .rs-picker-toggle.rs-btn {
3446
- padding-top: 7px;
3447
- padding-bottom: 7px;
3448
- }
3449
3033
  .rs-picker-toggle.rs-btn-lg {
3450
3034
  font-size: 16px;
3451
3035
  line-height: 22px;
3452
3036
  padding: 10px 16px;
3453
3037
  }
3038
+ .rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
3039
+ padding: 9px 15px;
3040
+ }
3041
+ .rs-btn-icon.rs-picker-toggle.rs-btn-lg {
3042
+ padding: 11px 11px;
3043
+ line-height: 20px;
3044
+ }
3045
+ .rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
3046
+ font-size: 20px;
3047
+ }
3048
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
3049
+ line-height: 22px;
3050
+ }
3051
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
3052
+ padding: 11px 11px;
3053
+ width: 42px;
3054
+ height: 42px;
3055
+ }
3056
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
3057
+ padding: 10px 16px 10px 58px;
3058
+ }
3059
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
3060
+ left: 0;
3061
+ border-right: var(--rs-btn-default-border, none);
3062
+ }
3063
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
3064
+ padding: 10px 58px 10px 16px;
3065
+ }
3066
+ .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
3067
+ right: 0;
3068
+ border-left: var(--rs-btn-default-border, none);
3069
+ }
3454
3070
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-lg {
3455
3071
  padding-right: 36px;
3456
3072
  }
@@ -3466,6 +3082,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3466
3082
  .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
3467
3083
  top: 9px;
3468
3084
  }
3085
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg {
3086
+ padding-top: 9px;
3087
+ padding-bottom: 9px;
3088
+ }
3469
3089
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
3470
3090
  padding-left: 15px;
3471
3091
  }
@@ -3486,44 +3106,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3486
3106
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
3487
3107
  top: 9px;
3488
3108
  }
3489
- .rs-picker-default .rs-picker-toggle.rs-btn-lg {
3490
- padding-top: 9px;
3491
- padding-bottom: 9px;
3492
- }
3493
- .rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
3494
- padding: 9px 15px;
3495
- }
3496
- .rs-btn-icon.rs-picker-toggle.rs-btn-lg {
3497
- padding: 11px 11px;
3498
- line-height: 20px;
3499
- }
3500
- .rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
3501
- font-size: 20px;
3502
- }
3503
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
3504
- line-height: 22px;
3505
- }
3506
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
3507
- padding: 11px 11px;
3508
- width: 42px;
3509
- height: 42px;
3510
- }
3511
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
3512
- padding: 10px 16px 10px 58px;
3513
- }
3514
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
3515
- left: 0;
3516
- border-right: none;
3517
- border-right: var(--rs-btn-default-border, none);
3518
- }
3519
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
3520
- padding: 10px 58px 10px 16px;
3521
- }
3522
- .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
3523
- right: 0;
3524
- border-left: none;
3525
- border-left: var(--rs-btn-default-border, none);
3526
- }
3527
3109
  .rs-picker-toggle.rs-btn-lg .rs-picker-value-count {
3528
3110
  line-height: 22px;
3529
3111
  }
@@ -3542,6 +3124,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3542
3124
  .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
3543
3125
  top: 7px;
3544
3126
  }
3127
+ .rs-picker-default .rs-picker-toggle.rs-btn-md {
3128
+ padding-top: 7px;
3129
+ padding-bottom: 7px;
3130
+ }
3545
3131
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
3546
3132
  padding-left: 11px;
3547
3133
  }
@@ -3562,10 +3148,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3562
3148
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
3563
3149
  top: 7px;
3564
3150
  }
3565
- .rs-picker-default .rs-picker-toggle.rs-btn-md {
3566
- padding-top: 7px;
3567
- padding-bottom: 7px;
3568
- }
3569
3151
  .rs-picker-toggle.rs-btn-sm {
3570
3152
  font-size: 14px;
3571
3153
  line-height: 20px;
@@ -3594,7 +3176,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3594
3176
  }
3595
3177
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
3596
3178
  left: 0;
3597
- border-right: none;
3598
3179
  border-right: var(--rs-btn-default-border, none);
3599
3180
  }
3600
3181
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right {
@@ -3602,7 +3183,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3602
3183
  }
3603
3184
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
3604
3185
  right: 0;
3605
- border-left: none;
3606
3186
  border-left: var(--rs-btn-default-border, none);
3607
3187
  }
3608
3188
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-sm {
@@ -3620,6 +3200,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3620
3200
  .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
3621
3201
  top: 4px;
3622
3202
  }
3203
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm {
3204
+ padding-top: 4px;
3205
+ padding-bottom: 4px;
3206
+ }
3623
3207
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
3624
3208
  padding-left: 9px;
3625
3209
  }
@@ -3640,10 +3224,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3640
3224
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
3641
3225
  top: 3px;
3642
3226
  }
3643
- .rs-picker-default .rs-picker-toggle.rs-btn-sm {
3644
- padding-top: 4px;
3645
- padding-bottom: 4px;
3646
- }
3647
3227
  .rs-picker-toggle.rs-btn-xs {
3648
3228
  font-size: 12px;
3649
3229
  line-height: 20px;
@@ -3672,7 +3252,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3672
3252
  }
3673
3253
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
3674
3254
  left: 0;
3675
- border-right: none;
3676
3255
  border-right: var(--rs-btn-default-border, none);
3677
3256
  }
3678
3257
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
@@ -3680,7 +3259,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3680
3259
  }
3681
3260
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
3682
3261
  right: 0;
3683
- border-left: none;
3684
3262
  border-left: var(--rs-btn-default-border, none);
3685
3263
  }
3686
3264
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
@@ -3698,6 +3276,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3698
3276
  .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
3699
3277
  top: 1px;
3700
3278
  }
3279
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs {
3280
+ padding-top: 1px;
3281
+ padding-bottom: 1px;
3282
+ }
3701
3283
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
3702
3284
  padding-left: 7px;
3703
3285
  }
@@ -3718,10 +3300,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3718
3300
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
3719
3301
  top: 1px;
3720
3302
  }
3721
- .rs-picker-default .rs-picker-toggle.rs-btn-xs {
3722
- padding-top: 1px;
3723
- padding-bottom: 1px;
3724
- }
3725
3303
  /* stylelint-disable-next-line */
3726
3304
  .rs-picker-toggle {
3727
3305
  overflow: hidden;
@@ -3734,9 +3312,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3734
3312
  z-index: 5;
3735
3313
  padding-right: 32px;
3736
3314
  display: inline-block;
3737
- color: #343434;
3738
3315
  color: var(--rs-text-primary);
3739
- border: 1px solid #e5e5ea;
3740
3316
  border: 1px solid var(--rs-border-primary);
3741
3317
  }
3742
3318
  .rs-picker-disabled .rs-picker-toggle {
@@ -3744,7 +3320,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3744
3320
  }
3745
3321
  .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):hover,
3746
3322
  .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):focus {
3747
- border-color: #3498ff;
3748
3323
  border-color: var(--rs-input-focus-border);
3749
3324
  }
3750
3325
  .rs-picker-subtle .rs-picker-toggle {
@@ -3771,7 +3346,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3771
3346
  text-align: left;
3772
3347
  }
3773
3348
  .rs-picker-toggle-label {
3774
- color: #343434;
3775
3349
  color: var(--rs-text-primary);
3776
3350
  }
3777
3351
  .rs-picker-toggle-label::after {
@@ -3789,12 +3363,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3789
3363
  padding-right: 44px;
3790
3364
  }
3791
3365
  .rs-picker-toggle-indicator .rs-picker-clean {
3792
- display: -webkit-box;
3793
- display: -ms-flexbox;
3794
3366
  display: flex;
3795
- -webkit-box-align: center;
3796
- -ms-flex-align: center;
3797
- align-items: center;
3367
+ align-items: center;
3798
3368
  margin-left: 2px;
3799
3369
  position: absolute;
3800
3370
  top: 8px;
@@ -3802,9 +3372,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3802
3372
  height: 20px;
3803
3373
  font-size: 12px;
3804
3374
  background: inherit;
3805
- color: #717273;
3806
3375
  color: var(--rs-text-secondary);
3807
- -webkit-transition: 0.2s color linear;
3808
3376
  transition: 0.2s color linear;
3809
3377
  cursor: pointer;
3810
3378
  }
@@ -3816,12 +3384,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3816
3384
  right: 38px;
3817
3385
  }
3818
3386
  .rs-picker-toggle-indicator .rs-picker-caret-icon {
3819
- display: -webkit-box;
3820
- display: -ms-flexbox;
3821
3387
  display: flex;
3822
- -webkit-box-align: center;
3823
- -ms-flex-align: center;
3824
- align-items: center;
3388
+ align-items: center;
3825
3389
  margin-left: 2px;
3826
3390
  position: absolute;
3827
3391
  top: 8px;
@@ -3829,16 +3393,11 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3829
3393
  height: 20px;
3830
3394
  font-size: 12px;
3831
3395
  font-size: 16px;
3832
- color: #717273;
3833
3396
  color: var(--rs-text-secondary);
3834
3397
  }
3835
3398
  .rs-picker-toggle-indicator .rs-picker-loader {
3836
- display: -webkit-box;
3837
- display: -ms-flexbox;
3838
3399
  display: flex;
3839
- -webkit-box-align: center;
3840
- -ms-flex-align: center;
3841
- align-items: center;
3400
+ align-items: center;
3842
3401
  margin-left: 2px;
3843
3402
  position: absolute;
3844
3403
  top: 8px;
@@ -3851,26 +3410,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3851
3410
  text-align: left;
3852
3411
  z-index: 7;
3853
3412
  border-radius: 6px;
3854
- background-color: #fff;
3855
3413
  background-color: var(--rs-bg-overlay);
3856
- -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
3857
- -webkit-box-shadow: var(--rs-shadow-overlay);
3858
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
3859
- box-shadow: var(--rs-shadow-overlay);
3414
+ box-shadow: var(--rs-shadow-overlay);
3860
3415
  overflow: hidden;
3861
- -webkit-transition: none;
3862
3416
  transition: none;
3863
- display: -webkit-box;
3864
- display: -ms-flexbox;
3865
3417
  display: flex;
3866
- -webkit-box-orient: vertical;
3867
- -webkit-box-direction: normal;
3868
- -ms-flex-direction: column;
3869
- flex-direction: column;
3418
+ flex-direction: column;
3870
3419
  padding: 6px 0;
3871
3420
  }
3872
3421
  .rs-theme-high-contrast .rs-picker-popup {
3873
- border: 1px solid #e5e5ea;
3874
3422
  border: 1px solid var(--rs-border-primary);
3875
3423
  }
3876
3424
  .rs-modal-open .rs-picker-popup {
@@ -3881,8 +3429,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3881
3429
  }
3882
3430
  .rs-picker-popup.rs-picker-inline {
3883
3431
  position: relative;
3884
- -webkit-box-shadow: none;
3885
- box-shadow: none;
3432
+ box-shadow: none;
3886
3433
  }
3887
3434
  .rs-picker-popup .rs-search-box {
3888
3435
  padding: 6px 12px 6px;
@@ -3894,14 +3441,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3894
3441
  .rs-picker-input .rs-btn,
3895
3442
  .rs-picker-default .rs-picker-toggle,
3896
3443
  .rs-picker-input .rs-picker-toggle {
3897
- background-color: #fff !important;
3898
3444
  background-color: var(--rs-input-bg) !important;
3899
3445
  }
3900
3446
  .rs-picker-default.rs-picker-disabled .rs-picker-toggle,
3901
3447
  .rs-picker-input.rs-picker-disabled .rs-picker-toggle,
3902
3448
  .rs-picker-default.rs-picker-disabled .rs-btn,
3903
3449
  .rs-picker-input.rs-picker-disabled .rs-btn {
3904
- background-color: #f7f7fa !important;
3905
3450
  background-color: var(--rs-input-disabled-bg) !important;
3906
3451
  }
3907
3452
  .rs-picker-default.rs-picker-disabled .rs-input-group,
@@ -3914,19 +3459,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3914
3459
  .rs-check-item:not(.rs-checkbox-disabled):hover,
3915
3460
  .rs-check-item:focus,
3916
3461
  .rs-check-item.rs-check-item-focus {
3917
- background-color: rgb(from #cce9ff r g b / 50%);
3918
3462
  background-color: var(--rs-listbox-option-hover-bg);
3919
- color: #1675e0;
3920
3463
  color: var(--rs-listbox-option-hover-text);
3921
3464
  }
3922
3465
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
3923
3466
  .rs-theme-high-contrast .rs-check-item:focus,
3924
3467
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
3925
- outline: 3px solid rgb(from #3498ff r g b / 25%);
3926
3468
  outline: 3px solid var(--rs-color-focus-ring);
3927
3469
  outline-offset: -3px;
3928
3470
  outline-width: 2px;
3929
- color: #1675e0;
3930
3471
  color: var(--rs-listbox-option-hover-text);
3931
3472
  text-decoration: underline;
3932
3473
  }
@@ -3951,11 +3492,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3951
3492
  line-height: 20px;
3952
3493
  }
3953
3494
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
3954
- -webkit-transition: none;
3955
3495
  transition: none;
3956
3496
  }
3957
3497
  .rs-check-item .rs-checkbox-checker > label::before {
3958
- background-color: #fff;
3959
3498
  background-color: var(--rs-bg-overlay);
3960
3499
  }
3961
3500
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
@@ -3976,7 +3515,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3976
3515
  left: 26px;
3977
3516
  }
3978
3517
  .rs-picker-menu-group {
3979
- background-color: #fff;
3980
3518
  background-color: var(--rs-listbox-option-group-bg);
3981
3519
  position: sticky;
3982
3520
  top: -1px;
@@ -3995,7 +3533,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3995
3533
  }
3996
3534
  .rs-picker-toolbar {
3997
3535
  padding: 10px;
3998
- border-top: 1px solid #e5e5ea;
3999
3536
  border-top: 1px solid var(--rs-border-primary);
4000
3537
  }
4001
3538
  .rs-picker-date-inline {
@@ -4005,7 +3542,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4005
3542
  height: 286px;
4006
3543
  }
4007
3544
  .rs-picker-date .rs-input-group-addon {
4008
- color: #717273;
4009
3545
  color: var(--rs-text-secondary);
4010
3546
  cursor: pointer;
4011
3547
  }
@@ -4020,7 +3556,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4020
3556
  }
4021
3557
  .rs-picker-date-predefined {
4022
3558
  height: 325px;
4023
- border-right: 1px solid #e5e5ea;
4024
3559
  border-right: 1px solid var(--rs-border-primary);
4025
3560
  padding: 4px 0;
4026
3561
  }
@@ -4059,14 +3594,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4059
3594
  width: unset;
4060
3595
  }
4061
3596
  .rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
4062
- outline: 3px solid rgb(from #3498ff r g b / 25%);
4063
3597
  outline: 3px solid var(--rs-color-focus-ring);
4064
3598
  }
4065
3599
  .rs-picker-popup .rs-calendar-table-cell:focus-visible {
4066
3600
  outline: none;
4067
3601
  }
4068
3602
  .rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
4069
- outline: 3px solid rgb(from #3498ff r g b / 25%);
4070
3603
  outline: 3px solid var(--rs-color-focus-ring);
4071
3604
  }
4072
3605
  .rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
@@ -4074,17 +3607,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4074
3607
  height: 30px;
4075
3608
  }
4076
3609
  .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4077
- background-color: rgb(from #cce9ff r g b / 50%);
4078
3610
  background-color: var(--rs-listbox-option-hover-bg);
4079
- color: #1675e0;
4080
3611
  color: var(--rs-listbox-option-hover-text);
4081
3612
  }
4082
3613
  .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4083
- outline: 3px solid rgb(from #3498ff r g b / 25%);
4084
3614
  outline: 3px solid var(--rs-color-focus-ring);
4085
3615
  outline-offset: -3px;
4086
3616
  outline-width: 2px;
4087
- color: #1675e0;
4088
3617
  color: var(--rs-listbox-option-hover-text);
4089
3618
  text-decoration: underline;
4090
3619
  }
@@ -4092,13 +3621,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4092
3621
  outline-offset: 2px;
4093
3622
  }
4094
3623
  .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4095
- background-color: #1675e0;
4096
3624
  background-color: var(--rs-calendar-cell-selected-hover-bg);
4097
- color: #fff;
4098
3625
  color: var(--rs-calendar-date-selected-text);
4099
3626
  }
4100
3627
  .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4101
- color: #fff;
4102
3628
  color: var(--rs-calendar-date-selected-text);
4103
3629
  }
4104
3630
  .rs-picker-popup .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
@@ -4111,17 +3637,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4111
3637
  display: inline-block;
4112
3638
  }
4113
3639
  .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4114
- background-color: rgb(from #cce9ff r g b / 50%);
4115
3640
  background-color: var(--rs-listbox-option-hover-bg);
4116
- color: #1675e0;
4117
3641
  color: var(--rs-listbox-option-hover-text);
4118
3642
  }
4119
3643
  .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4120
- outline: 3px solid rgb(from #3498ff r g b / 25%);
4121
3644
  outline: 3px solid var(--rs-color-focus-ring);
4122
3645
  outline-offset: -3px;
4123
3646
  outline-width: 2px;
4124
- color: #1675e0;
4125
3647
  color: var(--rs-listbox-option-hover-text);
4126
3648
  text-decoration: underline;
4127
3649
  }
@@ -4129,13 +3651,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4129
3651
  outline-offset: 2px;
4130
3652
  }
4131
3653
  .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4132
- background-color: #1675e0;
4133
3654
  background-color: var(--rs-calendar-cell-selected-hover-bg);
4134
- color: #fff;
4135
3655
  color: var(--rs-calendar-date-selected-text);
4136
3656
  }
4137
3657
  .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4138
- color: #fff;
4139
3658
  color: var(--rs-calendar-date-selected-text);
4140
3659
  }
4141
3660
  .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
@@ -4148,12 +3667,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4148
3667
  height: 240px;
4149
3668
  }
4150
3669
  .rs-stack {
4151
- display: -webkit-box;
4152
- display: -ms-flexbox;
4153
3670
  display: flex;
4154
3671
  }
4155
3672
  .rs-picker-daterange .rs-input-group-addon {
4156
- color: #717273;
4157
3673
  color: var(--rs-text-secondary);
4158
3674
  cursor: pointer;
4159
3675
  }
@@ -4170,7 +3686,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4170
3686
  padding: 0;
4171
3687
  }
4172
3688
  .rs-picker-popup.rs-picker-popup-daterange .rs-calendar:first-child {
4173
- border-right: 1px solid #e5e5ea;
4174
3689
  border-right: 1px solid var(--rs-border-primary);
4175
3690
  }
4176
3691
  .rs-picker-popup .rs-calendar {
@@ -4202,7 +3717,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4202
3717
  padding: 8px 12px;
4203
3718
  font-size: 14px;
4204
3719
  line-height: 1.42857143;
4205
- border-bottom: 1px solid #e5e5ea;
4206
3720
  border-bottom: 1px solid var(--rs-border-primary);
4207
3721
  }
4208
3722
  .rs-picker-daterange-header .rs-picker-header-date:focus {
@@ -4211,14 +3725,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4211
3725
  .rs-picker-daterange-header.rs-picker-tab-active-end,
4212
3726
  .rs-picker-daterange-header.rs-picker-tab-active-start {
4213
3727
  position: relative;
4214
- display: -webkit-box;
4215
- display: -ms-flexbox;
4216
3728
  display: flex;
4217
- -webkit-box-align: center;
4218
- -ms-flex-align: center;
4219
- align-items: center;
4220
- -ms-flex-pack: distribute;
4221
- justify-content: space-around;
3729
+ align-items: center;
3730
+ justify-content: space-around;
4222
3731
  }
4223
3732
  .rs-picker-daterange-header.rs-picker-tab-active-end::after,
4224
3733
  .rs-picker-daterange-header.rs-picker-tab-active-start::after {
@@ -4228,24 +3737,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
4228
3737
  bottom: -1px;
4229
3738
  border-bottom: 2px solid #3498ff;
4230
3739
  left: 0;
4231
- -webkit-transition: left 0.3s;
4232
3740
  transition: left 0.3s;
4233
3741
  }
4234
3742
  .rs-picker-daterange-header.rs-picker-tab-active-end::after {
4235
3743
  left: 50%;
4236
3744
  }
4237
3745
  .rs-picker-daterange-calendar-group {
4238
- display: -webkit-box;
4239
- display: -ms-flexbox;
4240
3746
  display: flex;
4241
- -ms-flex-wrap: nowrap;
4242
- flex-wrap: nowrap;
3747
+ flex-wrap: nowrap;
4243
3748
  height: 274px;
4244
3749
  min-width: 492px;
4245
3750
  }
4246
3751
  .rs-picker-daterange-predefined {
4247
3752
  height: 366px;
4248
- border-right: 1px solid #e5e5ea;
4249
3753
  border-right: 1px solid var(--rs-border-primary);
4250
3754
  padding: 4px 0;
4251
3755
  }