rsuite 5.51.0 → 5.52.0

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 (653) hide show
  1. package/Accordion/package.json +7 -0
  2. package/Accordion/styles/index.css +219 -0
  3. package/Accordion/styles/index.less +2 -0
  4. package/Animation/styles/bounce.less +34 -0
  5. package/Animation/styles/collapse.less +22 -0
  6. package/Animation/styles/fade.less +10 -0
  7. package/Animation/styles/index.css +349 -0
  8. package/Animation/styles/index.less +7 -97
  9. package/Animation/styles/slide.less +24 -0
  10. package/AutoComplete/styles/index.css +3229 -0
  11. package/AutoComplete/styles/index.less +1 -3
  12. package/Avatar/styles/index.css +127 -0
  13. package/AvatarGroup/styles/index.css +38 -0
  14. package/AvatarGroup/styles/index.less +2 -1
  15. package/Badge/styles/index.css +119 -0
  16. package/Breadcrumb/styles/index.css +54 -0
  17. package/Button/styles/index.css +1053 -0
  18. package/Button/styles/index.less +1 -1
  19. package/ButtonGroup/styles/index.css +68 -0
  20. package/ButtonToolbar/styles/index.css +20 -0
  21. package/ButtonToolbar/styles/index.less +3 -2
  22. package/CHANGELOG.md +17 -0
  23. package/Calendar/styles/index.css +1954 -0
  24. package/Calendar/styles/index.less +1 -1
  25. package/Carousel/styles/index.css +270 -0
  26. package/Cascader/styles/index.css +3384 -0
  27. package/Cascader/styles/index.less +1 -2
  28. package/CheckPicker/styles/index.css +3427 -0
  29. package/CheckPicker/styles/index.less +1 -1
  30. package/CheckTree/styles/index.css +3543 -0
  31. package/CheckTree/styles/index.less +1 -0
  32. package/CheckTreePicker/styles/index.css +3543 -0
  33. package/CheckTreePicker/styles/index.less +2 -6
  34. package/Checkbox/styles/index.css +263 -0
  35. package/CheckboxGroup/styles/index.css +30 -0
  36. package/Col/styles/index.css +19 -0
  37. package/Col/styles/index.less +14 -0
  38. package/Container/stories/styles.less +23 -0
  39. package/Container/styles/index.css +30 -0
  40. package/Content/styles/index.css +17 -0
  41. package/DateInput/styles/index.css +198 -0
  42. package/DateInput/styles/index.less +1 -0
  43. package/DatePicker/styles/index.css +4113 -0
  44. package/DatePicker/styles/index.less +9 -6
  45. package/DateRangeInput/styles/index.css +198 -0
  46. package/DateRangeInput/styles/index.less +1 -0
  47. package/DateRangePicker/styles/index.css +4179 -0
  48. package/DateRangePicker/styles/index.less +8 -5
  49. package/Divider/styles/index.css +72 -0
  50. package/Drawer/styles/index.css +345 -0
  51. package/Dropdown/styles/index.css +1484 -0
  52. package/FlexboxGrid/stories/styles.less +17 -0
  53. package/FlexboxGrid/styles/index.css +329 -0
  54. package/Footer/styles/index.css +35 -0
  55. package/Form/styles/index.css +25 -0
  56. package/FormControl/styles/index.css +56 -0
  57. package/FormControlLabel/styles/index.css +35 -0
  58. package/FormErrorMessage/styles/index.css +331 -0
  59. package/FormGroup/styles/index.css +65 -0
  60. package/FormHelpText/styles/index.css +46 -0
  61. package/Grid/stories/styles.less +29 -0
  62. package/Grid/styles/index.css +1869 -0
  63. package/Grid/styles/index.less +0 -13
  64. package/Header/styles/index.css +35 -0
  65. package/IconButton/styles/index.css +1284 -0
  66. package/Input/styles/index.css +198 -0
  67. package/InputGroup/styles/index.css +1694 -0
  68. package/InputNumber/styles/index.css +1912 -0
  69. package/InputPicker/styles/index.css +3380 -0
  70. package/InputPicker/styles/index.less +5 -4
  71. package/List/styles/index.css +169 -0
  72. package/Loader/styles/index.css +359 -0
  73. package/Message/styles/index.css +473 -0
  74. package/Message/styles/index.less +4 -3
  75. package/Modal/styles/index.css +255 -0
  76. package/MultiCascader/styles/index.css +3602 -0
  77. package/MultiCascader/styles/index.less +1 -1
  78. package/Nav/styles/index.css +1777 -0
  79. package/Nav/styles/index.less +1 -1
  80. package/Navbar/styles/index.css +1783 -0
  81. package/Navbar/styles/index.less +1 -0
  82. package/Notification/styles/index.css +316 -0
  83. package/Pagination/styles/index.css +3892 -0
  84. package/Pagination/styles/index.less +6 -4
  85. package/Panel/styles/index.css +196 -0
  86. package/Panel/styles/index.less +45 -2
  87. package/PanelGroup/styles/index.css +54 -0
  88. package/Placeholder/styles/index.css +186 -0
  89. package/Popover/styles/index.css +343 -0
  90. package/Progress/styles/index.css +312 -0
  91. package/Radio/styles/index.css +251 -0
  92. package/RadioGroup/styles/index.css +135 -0
  93. package/RadioGroup/styles/index.less +2 -0
  94. package/RadioTile/styles/index.css +61 -0
  95. package/RadioTileGroup/styles/index.css +2 -0
  96. package/RangeSlider/styles/index.css +563 -0
  97. package/RangeSlider/styles/index.less +4 -0
  98. package/Rate/styles/index.css +208 -0
  99. package/Row/styles/index.css +24 -0
  100. package/SelectPicker/styles/index.css +3287 -0
  101. package/SelectPicker/styles/index.less +1 -1
  102. package/Sidebar/styles/index.css +37 -0
  103. package/Sidenav/styles/index.css +823 -0
  104. package/Sidenav/styles/index.less +4 -4
  105. package/Slider/styles/index.css +563 -0
  106. package/Slider/styles/index.less +2 -1
  107. package/Stack/styles/index.css +17 -0
  108. package/Steps/styles/index.css +277 -0
  109. package/Table/styles/index.css +546 -0
  110. package/Tag/styles/index.css +167 -0
  111. package/Tag/styles/index.less +2 -10
  112. package/TagGroup/styles/index.css +19 -0
  113. package/TagGroup/styles/index.less +14 -0
  114. package/TagInput/styles/index.css +3639 -0
  115. package/TagPicker/styles/index.css +3630 -0
  116. package/TagPicker/styles/index.less +5 -4
  117. package/Timeline/stories/styles.less +29 -0
  118. package/Timeline/styles/index.css +187 -0
  119. package/Toggle/styles/index.css +448 -0
  120. package/Tooltip/styles/index.css +310 -0
  121. package/Tree/styles/index.css +350 -0
  122. package/Tree/styles/index.less +1 -0
  123. package/TreePicker/styles/index.css +350 -0
  124. package/TreePicker/styles/index.less +2 -10
  125. package/Uploader/styles/index.css +1836 -0
  126. package/VisuallyHidden/package.json +7 -0
  127. package/VisuallyHidden/styles/index.css +13 -0
  128. package/VisuallyHidden/styles/index.less +11 -0
  129. package/cjs/Accordion/Accordion.d.ts +13 -0
  130. package/cjs/Accordion/Accordion.js +24 -0
  131. package/cjs/Accordion/index.d.ts +3 -0
  132. package/cjs/Accordion/index.js +9 -0
  133. package/cjs/AutoComplete/AutoComplete.d.ts +1 -1
  134. package/cjs/AutoComplete/AutoComplete.js +5 -4
  135. package/cjs/AutoComplete/Combobox.js +1 -1
  136. package/cjs/Avatar/Avatar.js +2 -1
  137. package/cjs/AvatarGroup/AvatarGroup.js +2 -1
  138. package/cjs/Badge/Badge.js +2 -1
  139. package/cjs/Button/Button.js +6 -5
  140. package/cjs/ButtonGroup/ButtonGroup.js +2 -1
  141. package/cjs/Calendar/CalendarContainer.js +2 -2
  142. package/cjs/Calendar/MonthDropdown.js +1 -1
  143. package/cjs/Carousel/Carousel.js +3 -2
  144. package/cjs/Cascader/Cascader.d.ts +2 -2
  145. package/cjs/Cascader/Cascader.js +5 -3
  146. package/cjs/Cascader/DropdownMenu.js +1 -1
  147. package/cjs/Cascader/TreeView.js +1 -1
  148. package/cjs/CheckPicker/CheckPicker.d.ts +1 -1
  149. package/cjs/CheckPicker/CheckPicker.js +5 -3
  150. package/cjs/CheckTreePicker/CheckTreeNode.js +1 -1
  151. package/cjs/CheckTreePicker/CheckTreePicker.d.ts +1 -1
  152. package/cjs/CheckTreePicker/CheckTreePicker.js +6 -4
  153. package/cjs/Checkbox/Checkbox.js +2 -1
  154. package/cjs/CheckboxGroup/CheckboxGroup.js +1 -1
  155. package/cjs/DateInput/utils.js +1 -1
  156. package/cjs/DatePicker/DatePicker.js +7 -7
  157. package/cjs/DateRangePicker/DateRangePicker.d.ts +7 -1
  158. package/cjs/DateRangePicker/DateRangePicker.js +14 -12
  159. package/cjs/Drawer/Drawer.js +4 -3
  160. package/cjs/Dropdown/Dropdown.js +5 -5
  161. package/cjs/Dropdown/DropdownItem.js +8 -7
  162. package/cjs/Dropdown/DropdownMenu.js +20 -19
  163. package/cjs/Dropdown/DropdownToggle.js +2 -1
  164. package/cjs/FlexboxGrid/FlexboxGrid.js +3 -2
  165. package/cjs/Form/Form.js +3 -2
  166. package/cjs/FormControl/FormControl.js +3 -2
  167. package/cjs/FormErrorMessage/FormErrorMessage.js +2 -1
  168. package/cjs/IconButton/IconButton.js +2 -1
  169. package/cjs/Input/Input.js +4 -3
  170. package/cjs/InputGroup/InputGroup.js +2 -1
  171. package/cjs/InputNumber/InputNumber.js +3 -2
  172. package/cjs/InputPicker/InputPicker.d.ts +2 -2
  173. package/cjs/InputPicker/InputPicker.js +4 -3
  174. package/cjs/InputPicker/TagList.js +1 -1
  175. package/cjs/InputPicker/index.d.ts +1 -1
  176. package/cjs/List/List.js +2 -1
  177. package/cjs/List/helper/useSortHelper.d.ts +1 -1
  178. package/cjs/Loader/Loader.js +3 -2
  179. package/cjs/Message/Message.js +3 -2
  180. package/cjs/Modal/Modal.d.ts +1 -1
  181. package/cjs/Modal/Modal.js +5 -6
  182. package/cjs/Modal/ModalDialog.js +2 -1
  183. package/cjs/Modal/ModalHeader.js +1 -1
  184. package/cjs/MultiCascader/MultiCascader.d.ts +1 -1
  185. package/cjs/MultiCascader/MultiCascader.js +5 -3
  186. package/cjs/MultiCascader/TreeView.js +1 -1
  187. package/cjs/Nav/Nav.js +3 -2
  188. package/cjs/Nav/NavDropdown.js +5 -5
  189. package/cjs/Nav/NavDropdownItem.js +7 -6
  190. package/cjs/Nav/NavDropdownMenu.js +5 -5
  191. package/cjs/Nav/NavDropdownToggle.js +2 -1
  192. package/cjs/Nav/NavItem.js +3 -2
  193. package/cjs/Navbar/NavbarDropdown.js +5 -5
  194. package/cjs/Navbar/NavbarDropdownItem.js +7 -6
  195. package/cjs/Navbar/NavbarDropdownMenu.js +4 -4
  196. package/cjs/Navbar/NavbarDropdownToggle.js +2 -1
  197. package/cjs/Navbar/NavbarItem.js +3 -2
  198. package/cjs/Notification/Notification.js +7 -6
  199. package/cjs/Pagination/PaginationButton.js +1 -1
  200. package/cjs/Panel/AccordionButton.d.ts +10 -0
  201. package/cjs/Panel/AccordionButton.js +46 -0
  202. package/cjs/Panel/Panel.d.ts +17 -9
  203. package/cjs/Panel/Panel.js +45 -40
  204. package/cjs/PanelGroup/PanelGroup.js +2 -3
  205. package/cjs/Placeholder/PlaceholderParagraph.js +2 -1
  206. package/cjs/Progress/ProgressCircle.js +4 -3
  207. package/cjs/Progress/ProgressLine.js +2 -1
  208. package/cjs/Radio/Radio.js +2 -1
  209. package/cjs/RadioGroup/RadioGroup.js +3 -2
  210. package/cjs/RangeSlider/RangeSlider.js +3 -3
  211. package/cjs/Rate/Rate.js +3 -2
  212. package/cjs/SelectPicker/SelectPicker.d.ts +2 -2
  213. package/cjs/SelectPicker/SelectPicker.js +5 -3
  214. package/cjs/Sidenav/ExpandedSidenavDropdown.js +5 -5
  215. package/cjs/Sidenav/ExpandedSidenavDropdownItem.js +3 -2
  216. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +2 -2
  217. package/cjs/Sidenav/Sidenav.js +4 -4
  218. package/cjs/Sidenav/SidenavDropdown.js +6 -6
  219. package/cjs/Sidenav/SidenavDropdownItem.js +7 -6
  220. package/cjs/Sidenav/SidenavDropdownMenu.js +2 -2
  221. package/cjs/Sidenav/SidenavDropdownToggle.js +2 -1
  222. package/cjs/Sidenav/SidenavItem.js +8 -8
  223. package/cjs/Sidenav/SidenavToggle.js +2 -2
  224. package/cjs/Slider/Slider.js +1 -1
  225. package/cjs/Stack/Stack.js +4 -3
  226. package/cjs/Stack/StackItem.js +2 -1
  227. package/cjs/Steps/StepItem.js +2 -1
  228. package/cjs/Steps/Steps.js +2 -1
  229. package/cjs/Tag/Tag.js +1 -1
  230. package/cjs/TagInput/index.d.ts +1 -1
  231. package/cjs/TagPicker/index.d.ts +1 -1
  232. package/cjs/Timeline/Timeline.js +2 -1
  233. package/cjs/Toggle/Toggle.js +3 -2
  234. package/cjs/Tree/Tree.d.ts +1 -1
  235. package/cjs/TreePicker/TreePicker.d.ts +1 -1
  236. package/cjs/TreePicker/TreePicker.js +6 -4
  237. package/cjs/Uploader/UploadFileItem.js +3 -2
  238. package/cjs/Uploader/Uploader.js +3 -2
  239. package/cjs/VisuallyHidden/VisuallyHidden.d.ts +10 -0
  240. package/cjs/VisuallyHidden/VisuallyHidden.js +19 -0
  241. package/cjs/VisuallyHidden/index.d.ts +3 -0
  242. package/cjs/VisuallyHidden/index.js +9 -0
  243. package/cjs/Whisper/Whisper.d.ts +2 -2
  244. package/cjs/Whisper/Whisper.js +3 -2
  245. package/cjs/index.d.ts +5 -1
  246. package/cjs/index.js +6 -2
  247. package/cjs/{CloseButton → internals/CloseButton}/CloseButton.d.ts +2 -2
  248. package/cjs/{CloseButton → internals/CloseButton}/CloseButton.js +1 -1
  249. package/cjs/{Disclosure → internals/Disclosure}/Disclosure.js +1 -1
  250. package/cjs/{Disclosure → internals/Disclosure}/DisclosureButton.js +1 -1
  251. package/cjs/{Menu → internals/Menu}/Menu.js +6 -6
  252. package/cjs/{Menu → internals/Menu}/MenuItem.js +1 -1
  253. package/cjs/{Menu → internals/Menu}/Menubar.js +3 -3
  254. package/cjs/{Overlay → internals/Overlay}/Modal.d.ts +1 -1
  255. package/cjs/{Overlay → internals/Overlay}/Modal.js +3 -3
  256. package/{esm → cjs/internals}/Overlay/Overlay.d.ts +1 -1
  257. package/cjs/{Overlay → internals/Overlay}/Overlay.js +2 -2
  258. package/{esm → cjs/internals}/Overlay/OverlayTrigger.d.ts +1 -1
  259. package/cjs/{Overlay → internals/Overlay}/OverlayTrigger.js +2 -2
  260. package/cjs/{Overlay → internals/Overlay}/Position.d.ts +1 -1
  261. package/cjs/{Overlay → internals/Overlay}/Position.js +2 -2
  262. package/cjs/{Overlay → internals/Overlay}/positionUtils.d.ts +1 -1
  263. package/{esm → cjs/internals}/Picker/ListCheckItem.d.ts +2 -2
  264. package/cjs/{Picker → internals/Picker}/ListCheckItem.js +2 -2
  265. package/cjs/{Picker → internals/Picker}/ListItem.d.ts +1 -1
  266. package/cjs/{Picker → internals/Picker}/ListItem.js +1 -1
  267. package/{esm → cjs/internals}/Picker/ListItemGroup.d.ts +1 -1
  268. package/cjs/{Picker → internals/Picker}/ListItemGroup.js +1 -1
  269. package/{esm → cjs/internals}/Picker/Listbox.d.ts +2 -2
  270. package/cjs/{Picker → internals/Picker}/Listbox.js +5 -5
  271. package/cjs/{Picker → internals/Picker}/PickerIndicator.js +3 -3
  272. package/cjs/{Picker → internals/Picker}/PickerLabel.js +1 -1
  273. package/{esm → cjs/internals}/Picker/PickerPopup.d.ts +2 -2
  274. package/cjs/{Picker → internals/Picker}/PickerPopup.js +1 -1
  275. package/{esm → cjs/internals}/Picker/PickerToggle.d.ts +1 -1
  276. package/cjs/{Picker → internals/Picker}/PickerToggle.js +3 -3
  277. package/{esm → cjs/internals}/Picker/PickerToggleTrigger.d.ts +3 -3
  278. package/cjs/{Picker → internals/Picker}/PickerToggleTrigger.js +2 -2
  279. package/cjs/{Picker → internals/Picker}/SelectedElement.d.ts +1 -1
  280. package/cjs/{Picker → internals/Picker}/SelectedElement.js +1 -1
  281. package/{esm → cjs/internals}/Picker/ToggleButton.d.ts +1 -1
  282. package/cjs/{Picker → internals/Picker}/ToggleButton.js +1 -1
  283. package/cjs/{Picker → internals/Picker}/hooks/useFocusItemValue.js +2 -2
  284. package/cjs/{Picker → internals/Picker}/hooks/usePickerClassName.d.ts +1 -1
  285. package/cjs/{Picker → internals/Picker}/hooks/usePickerClassName.js +1 -1
  286. package/cjs/{Picker → internals/Picker}/hooks/usePickerRef.d.ts +1 -1
  287. package/cjs/{Picker → internals/Picker}/hooks/usePickerRef.js +1 -1
  288. package/cjs/{Picker → internals/Picker}/hooks/useToggleKeyDownEvent.js +1 -1
  289. package/cjs/{Picker → internals/Picker}/index.d.ts +0 -1
  290. package/cjs/{Picker → internals/Picker}/index.js +1 -4
  291. package/cjs/{Picker → internals/Picker}/propTypes.js +5 -4
  292. package/{esm → cjs/internals}/Picker/types.d.ts +2 -2
  293. package/cjs/{Picker → internals/Picker}/utils.js +2 -2
  294. package/cjs/{Plaintext → internals/Plaintext}/Plaintext.d.ts +1 -1
  295. package/cjs/{Plaintext → internals/Plaintext}/Plaintext.js +1 -1
  296. package/cjs/{Ripple → internals/Ripple}/Ripple.d.ts +1 -1
  297. package/cjs/{Ripple → internals/Ripple}/Ripple.js +2 -2
  298. package/cjs/internals/SearchBox/SearchBox.d.ts +11 -0
  299. package/cjs/{Picker/SearchBar.js → internals/SearchBox/SearchBox.js} +18 -27
  300. package/cjs/internals/SearchBox/index.d.ts +2 -0
  301. package/cjs/internals/SearchBox/index.js +9 -0
  302. package/cjs/{Windowing → internals/Windowing}/AutoSizer.js +1 -1
  303. package/cjs/{Windowing → internals/Windowing}/List.d.ts +1 -1
  304. package/cjs/{Windowing → internals/Windowing}/List.js +1 -1
  305. package/cjs/internals/index.d.ts +0 -0
  306. package/cjs/internals/index.js +2 -0
  307. package/cjs/{utils → internals/propTypes}/deprecatePropType.js +1 -1
  308. package/cjs/{utils/propTypeChecker.d.ts → internals/propTypes/index.d.ts} +2 -0
  309. package/cjs/{utils/propTypeChecker.js → internals/propTypes/index.js} +7 -1
  310. package/cjs/internals/propTypes/oneOf.d.ts +3 -0
  311. package/cjs/internals/propTypes/oneOf.js +19 -0
  312. package/cjs/utils/ReactChildren.d.ts +1 -1
  313. package/cjs/utils/ReactChildren.js +14 -1
  314. package/cjs/utils/dateUtils.js +5 -2
  315. package/cjs/utils/index.d.ts +0 -1
  316. package/cjs/utils/index.js +2 -5
  317. package/cjs/utils/treeUtils.d.ts +1 -1
  318. package/cjs/utils/treeUtils.js +1 -1
  319. package/cjs/utils/useUniqueId.js +1 -1
  320. package/dist/rsuite-no-reset-rtl.css +4791 -5032
  321. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  322. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  323. package/dist/rsuite-no-reset.css +4806 -5047
  324. package/dist/rsuite-no-reset.min.css +1 -1
  325. package/dist/rsuite-no-reset.min.css.map +1 -1
  326. package/dist/rsuite-rtl.css +4791 -5032
  327. package/dist/rsuite-rtl.min.css +1 -1
  328. package/dist/rsuite-rtl.min.css.map +1 -1
  329. package/dist/rsuite.css +4806 -5047
  330. package/dist/rsuite.js +776 -699
  331. package/dist/rsuite.js.map +1 -1
  332. package/dist/rsuite.min.css +1 -1
  333. package/dist/rsuite.min.css.map +1 -1
  334. package/dist/rsuite.min.js +1 -1
  335. package/dist/rsuite.min.js.map +1 -1
  336. package/esm/Accordion/Accordion.d.ts +13 -0
  337. package/esm/Accordion/Accordion.js +18 -0
  338. package/esm/Accordion/index.d.ts +3 -0
  339. package/esm/Accordion/index.js +3 -0
  340. package/esm/AutoComplete/AutoComplete.d.ts +1 -1
  341. package/esm/AutoComplete/AutoComplete.js +5 -4
  342. package/esm/AutoComplete/Combobox.js +1 -1
  343. package/esm/Avatar/Avatar.js +2 -1
  344. package/esm/AvatarGroup/AvatarGroup.js +2 -1
  345. package/esm/Badge/Badge.js +2 -1
  346. package/esm/Button/Button.js +6 -5
  347. package/esm/ButtonGroup/ButtonGroup.js +2 -1
  348. package/esm/Calendar/CalendarContainer.js +2 -2
  349. package/esm/Calendar/MonthDropdown.js +1 -1
  350. package/esm/Carousel/Carousel.js +3 -2
  351. package/esm/Cascader/Cascader.d.ts +2 -2
  352. package/esm/Cascader/Cascader.js +5 -3
  353. package/esm/Cascader/DropdownMenu.js +1 -1
  354. package/esm/Cascader/TreeView.js +1 -1
  355. package/esm/CheckPicker/CheckPicker.d.ts +1 -1
  356. package/esm/CheckPicker/CheckPicker.js +5 -3
  357. package/esm/CheckTreePicker/CheckTreeNode.js +1 -1
  358. package/esm/CheckTreePicker/CheckTreePicker.d.ts +1 -1
  359. package/esm/CheckTreePicker/CheckTreePicker.js +6 -4
  360. package/esm/Checkbox/Checkbox.js +3 -2
  361. package/esm/CheckboxGroup/CheckboxGroup.js +1 -1
  362. package/esm/DateInput/utils.js +1 -1
  363. package/esm/DatePicker/DatePicker.js +3 -3
  364. package/esm/DateRangePicker/DateRangePicker.d.ts +7 -1
  365. package/esm/DateRangePicker/DateRangePicker.js +13 -11
  366. package/esm/Drawer/Drawer.js +4 -3
  367. package/esm/Dropdown/Dropdown.js +4 -4
  368. package/esm/Dropdown/DropdownItem.js +5 -4
  369. package/esm/Dropdown/DropdownMenu.js +5 -4
  370. package/esm/Dropdown/DropdownToggle.js +2 -1
  371. package/esm/FlexboxGrid/FlexboxGrid.js +3 -2
  372. package/esm/Form/Form.js +3 -2
  373. package/esm/FormControl/FormControl.js +3 -2
  374. package/esm/FormErrorMessage/FormErrorMessage.js +2 -1
  375. package/esm/IconButton/IconButton.js +2 -1
  376. package/esm/Input/Input.js +5 -4
  377. package/esm/InputGroup/InputGroup.js +2 -1
  378. package/esm/InputNumber/InputNumber.js +3 -2
  379. package/esm/InputPicker/InputPicker.d.ts +2 -2
  380. package/esm/InputPicker/InputPicker.js +4 -3
  381. package/esm/InputPicker/TagList.js +1 -1
  382. package/esm/InputPicker/index.d.ts +1 -1
  383. package/esm/List/List.js +2 -1
  384. package/esm/List/helper/useSortHelper.d.ts +1 -1
  385. package/esm/Loader/Loader.js +3 -2
  386. package/esm/Message/Message.js +3 -2
  387. package/esm/Modal/Modal.d.ts +1 -1
  388. package/esm/Modal/Modal.js +4 -5
  389. package/esm/Modal/ModalDialog.js +2 -1
  390. package/esm/Modal/ModalHeader.js +1 -1
  391. package/esm/MultiCascader/MultiCascader.d.ts +1 -1
  392. package/esm/MultiCascader/MultiCascader.js +5 -3
  393. package/esm/MultiCascader/TreeView.js +1 -1
  394. package/esm/Nav/Nav.js +3 -2
  395. package/esm/Nav/NavDropdown.js +4 -4
  396. package/esm/Nav/NavDropdownItem.js +5 -4
  397. package/esm/Nav/NavDropdownMenu.js +4 -4
  398. package/esm/Nav/NavDropdownToggle.js +2 -1
  399. package/esm/Nav/NavItem.js +3 -2
  400. package/esm/Navbar/NavbarDropdown.js +4 -4
  401. package/esm/Navbar/NavbarDropdownItem.js +5 -4
  402. package/esm/Navbar/NavbarDropdownMenu.js +3 -3
  403. package/esm/Navbar/NavbarDropdownToggle.js +2 -1
  404. package/esm/Navbar/NavbarItem.js +3 -2
  405. package/esm/Notification/Notification.js +9 -8
  406. package/esm/Pagination/PaginationButton.js +1 -1
  407. package/esm/Panel/AccordionButton.d.ts +10 -0
  408. package/esm/Panel/AccordionButton.js +40 -0
  409. package/esm/Panel/Panel.d.ts +17 -9
  410. package/esm/Panel/Panel.js +47 -42
  411. package/esm/PanelGroup/PanelGroup.js +4 -5
  412. package/esm/Placeholder/PlaceholderParagraph.js +2 -1
  413. package/esm/Progress/ProgressCircle.js +4 -3
  414. package/esm/Progress/ProgressLine.js +2 -1
  415. package/esm/Radio/Radio.js +3 -2
  416. package/esm/RadioGroup/RadioGroup.js +3 -2
  417. package/esm/RangeSlider/RangeSlider.js +1 -1
  418. package/esm/Rate/Rate.js +3 -2
  419. package/esm/SelectPicker/SelectPicker.d.ts +2 -2
  420. package/esm/SelectPicker/SelectPicker.js +5 -3
  421. package/esm/Sidenav/ExpandedSidenavDropdown.js +3 -3
  422. package/esm/Sidenav/ExpandedSidenavDropdownItem.js +3 -2
  423. package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +2 -2
  424. package/esm/Sidenav/Sidenav.js +2 -2
  425. package/esm/Sidenav/SidenavDropdown.js +5 -5
  426. package/esm/Sidenav/SidenavDropdownItem.js +5 -4
  427. package/esm/Sidenav/SidenavDropdownMenu.js +2 -2
  428. package/esm/Sidenav/SidenavDropdownToggle.js +2 -1
  429. package/esm/Sidenav/SidenavItem.js +8 -8
  430. package/esm/Sidenav/SidenavToggle.js +1 -1
  431. package/esm/Slider/Slider.js +1 -1
  432. package/esm/Stack/Stack.js +4 -3
  433. package/esm/Stack/StackItem.js +2 -1
  434. package/esm/Steps/StepItem.js +2 -1
  435. package/esm/Steps/Steps.js +2 -1
  436. package/esm/Tag/Tag.js +1 -1
  437. package/esm/TagInput/index.d.ts +1 -1
  438. package/esm/TagPicker/index.d.ts +1 -1
  439. package/esm/Timeline/Timeline.js +2 -1
  440. package/esm/Toggle/Toggle.js +3 -2
  441. package/esm/Tree/Tree.d.ts +1 -1
  442. package/esm/TreePicker/TreePicker.d.ts +1 -1
  443. package/esm/TreePicker/TreePicker.js +6 -4
  444. package/esm/Uploader/UploadFileItem.js +3 -2
  445. package/esm/Uploader/Uploader.js +3 -2
  446. package/esm/VisuallyHidden/VisuallyHidden.d.ts +10 -0
  447. package/esm/VisuallyHidden/VisuallyHidden.js +13 -0
  448. package/esm/VisuallyHidden/index.d.ts +3 -0
  449. package/esm/VisuallyHidden/index.js +3 -0
  450. package/esm/Whisper/Whisper.d.ts +2 -2
  451. package/esm/Whisper/Whisper.js +3 -2
  452. package/esm/index.d.ts +5 -1
  453. package/esm/index.js +3 -1
  454. package/esm/{CloseButton → internals/CloseButton}/CloseButton.d.ts +2 -2
  455. package/esm/{CloseButton → internals/CloseButton}/CloseButton.js +1 -1
  456. package/esm/{Disclosure → internals/Disclosure}/Disclosure.js +1 -1
  457. package/esm/{Disclosure → internals/Disclosure}/DisclosureButton.js +1 -1
  458. package/esm/{Menu → internals/Menu}/Menu.js +6 -6
  459. package/esm/{Menu → internals/Menu}/MenuItem.js +1 -1
  460. package/esm/{Menu → internals/Menu}/Menubar.js +3 -3
  461. package/esm/{Overlay → internals/Overlay}/Modal.d.ts +1 -1
  462. package/esm/{Overlay → internals/Overlay}/Modal.js +3 -3
  463. package/{cjs → esm/internals}/Overlay/Overlay.d.ts +1 -1
  464. package/esm/{Overlay → internals/Overlay}/Overlay.js +2 -2
  465. package/{cjs → esm/internals}/Overlay/OverlayTrigger.d.ts +1 -1
  466. package/esm/{Overlay → internals/Overlay}/OverlayTrigger.js +2 -2
  467. package/esm/{Overlay → internals/Overlay}/Position.d.ts +1 -1
  468. package/esm/{Overlay → internals/Overlay}/Position.js +3 -3
  469. package/esm/{Overlay → internals/Overlay}/positionUtils.d.ts +1 -1
  470. package/{cjs → esm/internals}/Picker/ListCheckItem.d.ts +2 -2
  471. package/esm/{Picker → internals/Picker}/ListCheckItem.js +2 -2
  472. package/esm/{Picker → internals/Picker}/ListItem.d.ts +1 -1
  473. package/esm/{Picker → internals/Picker}/ListItem.js +1 -1
  474. package/{cjs → esm/internals}/Picker/ListItemGroup.d.ts +1 -1
  475. package/esm/{Picker → internals/Picker}/ListItemGroup.js +1 -1
  476. package/{cjs → esm/internals}/Picker/Listbox.d.ts +2 -2
  477. package/esm/{Picker → internals/Picker}/Listbox.js +5 -5
  478. package/esm/{Picker → internals/Picker}/PickerIndicator.js +3 -3
  479. package/esm/{Picker → internals/Picker}/PickerLabel.js +1 -1
  480. package/{cjs → esm/internals}/Picker/PickerPopup.d.ts +2 -2
  481. package/esm/{Picker → internals/Picker}/PickerPopup.js +1 -1
  482. package/{cjs → esm/internals}/Picker/PickerToggle.d.ts +1 -1
  483. package/esm/{Picker → internals/Picker}/PickerToggle.js +3 -3
  484. package/{cjs → esm/internals}/Picker/PickerToggleTrigger.d.ts +3 -3
  485. package/esm/{Picker → internals/Picker}/PickerToggleTrigger.js +2 -2
  486. package/esm/{Picker → internals/Picker}/SelectedElement.d.ts +1 -1
  487. package/esm/{Picker → internals/Picker}/SelectedElement.js +1 -1
  488. package/{cjs → esm/internals}/Picker/ToggleButton.d.ts +1 -1
  489. package/esm/{Picker → internals/Picker}/ToggleButton.js +1 -1
  490. package/esm/{Picker → internals/Picker}/hooks/useFocusItemValue.js +2 -2
  491. package/esm/{Picker → internals/Picker}/hooks/usePickerClassName.d.ts +1 -1
  492. package/esm/{Picker → internals/Picker}/hooks/usePickerClassName.js +1 -1
  493. package/esm/{Picker → internals/Picker}/hooks/usePickerRef.d.ts +1 -1
  494. package/esm/{Picker → internals/Picker}/hooks/usePickerRef.js +1 -1
  495. package/esm/{Picker → internals/Picker}/hooks/useToggleKeyDownEvent.js +1 -1
  496. package/esm/{Picker → internals/Picker}/index.d.ts +0 -1
  497. package/esm/{Picker → internals/Picker}/index.js +0 -1
  498. package/esm/{Picker → internals/Picker}/propTypes.js +5 -4
  499. package/{cjs → esm/internals}/Picker/types.d.ts +2 -2
  500. package/esm/{Picker → internals/Picker}/utils.js +2 -2
  501. package/esm/{Plaintext → internals/Plaintext}/Plaintext.d.ts +1 -1
  502. package/esm/{Plaintext → internals/Plaintext}/Plaintext.js +1 -1
  503. package/esm/{Ripple → internals/Ripple}/Ripple.d.ts +1 -1
  504. package/esm/{Ripple → internals/Ripple}/Ripple.js +2 -2
  505. package/esm/internals/SearchBox/SearchBox.d.ts +11 -0
  506. package/esm/internals/SearchBox/SearchBox.js +44 -0
  507. package/esm/internals/SearchBox/index.d.ts +2 -0
  508. package/esm/internals/SearchBox/index.js +3 -0
  509. package/esm/{Windowing → internals/Windowing}/AutoSizer.js +1 -1
  510. package/esm/{Windowing → internals/Windowing}/List.d.ts +1 -1
  511. package/esm/{Windowing → internals/Windowing}/List.js +1 -1
  512. package/esm/internals/index.d.ts +0 -0
  513. package/esm/internals/index.js +1 -0
  514. package/esm/{utils → internals/propTypes}/deprecatePropType.js +1 -1
  515. package/esm/{utils/propTypeChecker.d.ts → internals/propTypes/index.d.ts} +2 -0
  516. package/esm/{utils/propTypeChecker.js → internals/propTypes/index.js} +2 -0
  517. package/esm/internals/propTypes/oneOf.d.ts +3 -0
  518. package/esm/internals/propTypes/oneOf.js +13 -0
  519. package/esm/utils/ReactChildren.d.ts +1 -1
  520. package/esm/utils/ReactChildren.js +14 -1
  521. package/esm/utils/dateUtils.js +4 -0
  522. package/esm/utils/index.d.ts +0 -1
  523. package/esm/utils/index.js +0 -2
  524. package/esm/utils/treeUtils.d.ts +1 -1
  525. package/esm/utils/treeUtils.js +1 -1
  526. package/esm/utils/useUniqueId.js +1 -1
  527. package/{CloseButton → internals/CloseButton}/styles/index.less +1 -1
  528. package/{Picker → internals/Picker}/styles/index.less +22 -43
  529. package/{Picker → internals/Picker}/styles/mixin.less +3 -5
  530. package/{Ripple → internals/Ripple}/styles/index.less +1 -1
  531. package/internals/SearchBox/styles/index.less +11 -0
  532. package/internals/package.json +7 -0
  533. package/package.json +1 -1
  534. package/styles/color-modes/dark.less +40 -0
  535. package/styles/color-modes/high-contrast.less +35 -0
  536. package/styles/color-modes/light.less +46 -0
  537. package/styles/index.less +10 -4
  538. package/styles/variables.less +0 -1
  539. package/toaster/styles/index.css +239 -0
  540. package/CloseButton/package.json +0 -7
  541. package/Disclosure/package.json +0 -7
  542. package/Menu/package.json +0 -7
  543. package/Overlay/package.json +0 -7
  544. package/Picker/package.json +0 -7
  545. package/Plaintext/package.json +0 -7
  546. package/Ripple/package.json +0 -7
  547. package/Windowing/package.json +0 -7
  548. package/cjs/Picker/SearchBar.d.ts +0 -11
  549. package/esm/Picker/SearchBar.d.ts +0 -11
  550. package/esm/Picker/SearchBar.js +0 -53
  551. /package/cjs/{CloseButton → internals/CloseButton}/index.d.ts +0 -0
  552. /package/cjs/{CloseButton → internals/CloseButton}/index.js +0 -0
  553. /package/cjs/{Disclosure → internals/Disclosure}/Disclosure.d.ts +0 -0
  554. /package/cjs/{Disclosure → internals/Disclosure}/DisclosureButton.d.ts +0 -0
  555. /package/cjs/{Disclosure → internals/Disclosure}/DisclosureContent.d.ts +0 -0
  556. /package/cjs/{Disclosure → internals/Disclosure}/DisclosureContent.js +0 -0
  557. /package/cjs/{Disclosure → internals/Disclosure}/DisclosureContext.d.ts +0 -0
  558. /package/cjs/{Disclosure → internals/Disclosure}/DisclosureContext.js +0 -0
  559. /package/cjs/{Disclosure → internals/Disclosure}/index.d.ts +0 -0
  560. /package/cjs/{Disclosure → internals/Disclosure}/index.js +0 -0
  561. /package/cjs/{Disclosure → internals/Disclosure}/useDisclosureContext.d.ts +0 -0
  562. /package/cjs/{Disclosure → internals/Disclosure}/useDisclosureContext.js +0 -0
  563. /package/cjs/{Menu → internals/Menu}/Menu.d.ts +0 -0
  564. /package/cjs/{Menu → internals/Menu}/MenuContext.d.ts +0 -0
  565. /package/cjs/{Menu → internals/Menu}/MenuContext.js +0 -0
  566. /package/cjs/{Menu → internals/Menu}/MenuItem.d.ts +0 -0
  567. /package/cjs/{Menu → internals/Menu}/Menubar.d.ts +0 -0
  568. /package/cjs/{Menu → internals/Menu}/index.d.ts +0 -0
  569. /package/cjs/{Menu → internals/Menu}/index.js +0 -0
  570. /package/cjs/{Menu → internals/Menu}/useMenu.d.ts +0 -0
  571. /package/cjs/{Menu → internals/Menu}/useMenu.js +0 -0
  572. /package/cjs/{Overlay → internals/Overlay}/ModalManager.d.ts +0 -0
  573. /package/cjs/{Overlay → internals/Overlay}/ModalManager.js +0 -0
  574. /package/cjs/{Overlay → internals/Overlay}/OverlayContext.d.ts +0 -0
  575. /package/cjs/{Overlay → internals/Overlay}/OverlayContext.js +0 -0
  576. /package/cjs/{Overlay → internals/Overlay}/index.d.ts +0 -0
  577. /package/cjs/{Overlay → internals/Overlay}/index.js +0 -0
  578. /package/cjs/{Overlay → internals/Overlay}/positionUtils.js +0 -0
  579. /package/cjs/{Picker → internals/Picker}/PickerIndicator.d.ts +0 -0
  580. /package/cjs/{Picker → internals/Picker}/PickerLabel.d.ts +0 -0
  581. /package/cjs/{Picker → internals/Picker}/TreeView.d.ts +0 -0
  582. /package/cjs/{Picker → internals/Picker}/TreeView.js +0 -0
  583. /package/cjs/{Picker → internals/Picker}/hooks/index.d.ts +0 -0
  584. /package/cjs/{Picker → internals/Picker}/hooks/index.js +0 -0
  585. /package/cjs/{Picker → internals/Picker}/hooks/useCombobox.d.ts +0 -0
  586. /package/cjs/{Picker → internals/Picker}/hooks/useCombobox.js +0 -0
  587. /package/cjs/{Picker → internals/Picker}/hooks/useFocusItemValue.d.ts +0 -0
  588. /package/cjs/{Picker → internals/Picker}/hooks/useSearch.d.ts +0 -0
  589. /package/cjs/{Picker → internals/Picker}/hooks/useSearch.js +0 -0
  590. /package/cjs/{Picker → internals/Picker}/hooks/useToggleKeyDownEvent.d.ts +0 -0
  591. /package/cjs/{Picker → internals/Picker}/propTypes.d.ts +0 -0
  592. /package/cjs/{Picker → internals/Picker}/types.js +0 -0
  593. /package/cjs/{Picker → internals/Picker}/utils.d.ts +0 -0
  594. /package/cjs/{Plaintext → internals/Plaintext}/index.d.ts +0 -0
  595. /package/cjs/{Plaintext → internals/Plaintext}/index.js +0 -0
  596. /package/cjs/{Ripple → internals/Ripple}/index.d.ts +0 -0
  597. /package/cjs/{Ripple → internals/Ripple}/index.js +0 -0
  598. /package/cjs/{Windowing → internals/Windowing}/AutoSizer.d.ts +0 -0
  599. /package/cjs/{Windowing → internals/Windowing}/index.d.ts +0 -0
  600. /package/cjs/{Windowing → internals/Windowing}/index.js +0 -0
  601. /package/cjs/{utils → internals/propTypes}/deprecatePropType.d.ts +0 -0
  602. /package/esm/{CloseButton → internals/CloseButton}/index.d.ts +0 -0
  603. /package/esm/{CloseButton → internals/CloseButton}/index.js +0 -0
  604. /package/esm/{Disclosure → internals/Disclosure}/Disclosure.d.ts +0 -0
  605. /package/esm/{Disclosure → internals/Disclosure}/DisclosureButton.d.ts +0 -0
  606. /package/esm/{Disclosure → internals/Disclosure}/DisclosureContent.d.ts +0 -0
  607. /package/esm/{Disclosure → internals/Disclosure}/DisclosureContent.js +0 -0
  608. /package/esm/{Disclosure → internals/Disclosure}/DisclosureContext.d.ts +0 -0
  609. /package/esm/{Disclosure → internals/Disclosure}/DisclosureContext.js +0 -0
  610. /package/esm/{Disclosure → internals/Disclosure}/index.d.ts +0 -0
  611. /package/esm/{Disclosure → internals/Disclosure}/index.js +0 -0
  612. /package/esm/{Disclosure → internals/Disclosure}/useDisclosureContext.d.ts +0 -0
  613. /package/esm/{Disclosure → internals/Disclosure}/useDisclosureContext.js +0 -0
  614. /package/esm/{Menu → internals/Menu}/Menu.d.ts +0 -0
  615. /package/esm/{Menu → internals/Menu}/MenuContext.d.ts +0 -0
  616. /package/esm/{Menu → internals/Menu}/MenuContext.js +0 -0
  617. /package/esm/{Menu → internals/Menu}/MenuItem.d.ts +0 -0
  618. /package/esm/{Menu → internals/Menu}/Menubar.d.ts +0 -0
  619. /package/esm/{Menu → internals/Menu}/index.d.ts +0 -0
  620. /package/esm/{Menu → internals/Menu}/index.js +0 -0
  621. /package/esm/{Menu → internals/Menu}/useMenu.d.ts +0 -0
  622. /package/esm/{Menu → internals/Menu}/useMenu.js +0 -0
  623. /package/esm/{Overlay → internals/Overlay}/ModalManager.d.ts +0 -0
  624. /package/esm/{Overlay → internals/Overlay}/ModalManager.js +0 -0
  625. /package/esm/{Overlay → internals/Overlay}/OverlayContext.d.ts +0 -0
  626. /package/esm/{Overlay → internals/Overlay}/OverlayContext.js +0 -0
  627. /package/esm/{Overlay → internals/Overlay}/index.d.ts +0 -0
  628. /package/esm/{Overlay → internals/Overlay}/index.js +0 -0
  629. /package/esm/{Overlay → internals/Overlay}/positionUtils.js +0 -0
  630. /package/esm/{Picker → internals/Picker}/PickerIndicator.d.ts +0 -0
  631. /package/esm/{Picker → internals/Picker}/PickerLabel.d.ts +0 -0
  632. /package/esm/{Picker → internals/Picker}/TreeView.d.ts +0 -0
  633. /package/esm/{Picker → internals/Picker}/TreeView.js +0 -0
  634. /package/esm/{Picker → internals/Picker}/hooks/index.d.ts +0 -0
  635. /package/esm/{Picker → internals/Picker}/hooks/index.js +0 -0
  636. /package/esm/{Picker → internals/Picker}/hooks/useCombobox.d.ts +0 -0
  637. /package/esm/{Picker → internals/Picker}/hooks/useCombobox.js +0 -0
  638. /package/esm/{Picker → internals/Picker}/hooks/useFocusItemValue.d.ts +0 -0
  639. /package/esm/{Picker → internals/Picker}/hooks/useSearch.d.ts +0 -0
  640. /package/esm/{Picker → internals/Picker}/hooks/useSearch.js +0 -0
  641. /package/esm/{Picker → internals/Picker}/hooks/useToggleKeyDownEvent.d.ts +0 -0
  642. /package/esm/{Picker → internals/Picker}/propTypes.d.ts +0 -0
  643. /package/esm/{Picker → internals/Picker}/types.js +0 -0
  644. /package/esm/{Picker → internals/Picker}/utils.d.ts +0 -0
  645. /package/esm/{Plaintext → internals/Plaintext}/index.d.ts +0 -0
  646. /package/esm/{Plaintext → internals/Plaintext}/index.js +0 -0
  647. /package/esm/{Ripple → internals/Ripple}/index.d.ts +0 -0
  648. /package/esm/{Ripple → internals/Ripple}/index.js +0 -0
  649. /package/esm/{Windowing → internals/Windowing}/AutoSizer.d.ts +0 -0
  650. /package/esm/{Windowing → internals/Windowing}/index.d.ts +0 -0
  651. /package/esm/{Windowing → internals/Windowing}/index.js +0 -0
  652. /package/esm/{utils → internals/propTypes}/deprecatePropType.d.ts +0 -0
  653. /package/{Ripple → internals/Ripple}/styles/mixins.less +0 -0
@@ -0,0 +1,1954 @@
1
+ :root,
2
+ .rs-theme-light {
3
+ --rs-gray-0: #fff;
4
+ --rs-gray-50: #f7f7fa;
5
+ --rs-gray-100: #f2f2f5;
6
+ --rs-gray-200: #e5e5ea;
7
+ --rs-gray-300: #d9d9d9;
8
+ --rs-gray-400: #c5c6c7;
9
+ --rs-gray-500: #a6a6a6;
10
+ --rs-gray-600: #8e8e93;
11
+ --rs-gray-700: #7a7a7a;
12
+ --rs-gray-800: #575757;
13
+ --rs-gray-900: #272c36;
14
+ --rs-primary-50: #f2faff;
15
+ --rs-primary-100: #cce9ff;
16
+ --rs-primary-200: #a6d7ff;
17
+ --rs-primary-400: #59afff;
18
+ --rs-primary-500: #3498ff;
19
+ --rs-primary-600: #2589f5;
20
+ --rs-primary-700: #1675e0;
21
+ --rs-primary-800: #0a5dc2;
22
+ --rs-primary-900: #004299;
23
+ --rs-color-red: #f44336;
24
+ --rs-red-400: #f7635c;
25
+ --rs-red-500: #f44336;
26
+ --rs-red-600: #eb3626;
27
+ --rs-orange-400: #fa9b2f;
28
+ --rs-orange-500: #fa8900;
29
+ --rs-orange-600: #f08800;
30
+ --rs-yellow-400: #ffbe30;
31
+ --rs-yellow-500: #ffb300;
32
+ --rs-yellow-600: #f5af00;
33
+ --rs-green-400: #65bf67;
34
+ --rs-green-500: #4caf50;
35
+ --rs-green-600: #37ab3c;
36
+ --rs-cyan-400: #2acadb;
37
+ --rs-cyan-500: #00bcd4;
38
+ --rs-cyan-600: #00b1cc;
39
+ --rs-blue-400: #49abf5;
40
+ --rs-blue-500: #2196f3;
41
+ --rs-blue-600: #1787e8;
42
+ --rs-violet-400: #805ac7;
43
+ --rs-violet-500: #673ab7;
44
+ --rs-violet-600: #5f2bb3;
45
+ --rs-text-primary: var(--rs-gray-800);
46
+ --rs-text-secondary: var(--rs-gray-600);
47
+ --rs-text-active: var(--rs-primary-700);
48
+ --rs-text-disabled: var(--rs-gray-400);
49
+ --rs-text-error: var(--rs-color-red);
50
+ --rs-border-primary: var(--rs-gray-200);
51
+ --rs-border-secondary: var(--rs-gray-100);
52
+ --rs-bg-overlay: var(--rs-gray-0);
53
+ --rs-bg-well: var(--rs-gray-50);
54
+ --rs-bg-active: var(--rs-primary-500);
55
+ --rs-state-hover-bg: var(--rs-primary-50);
56
+ --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
57
+ --rs-btn-default-bg: var(--rs-gray-50);
58
+ --rs-btn-default-text: var(--rs-gray-800);
59
+ --rs-btn-default-hover-bg: var(--rs-gray-200);
60
+ --rs-btn-default-active-bg: var(--rs-gray-300);
61
+ --rs-btn-default-active-text: var(--rs-gray-900);
62
+ --rs-btn-default-disabled-bg: var(--rs-gray-50);
63
+ --rs-btn-default-disabled-text: var(--rs-gray-400);
64
+ --rs-btn-primary-bg: var(--rs-primary-500);
65
+ --rs-btn-primary-text: var(--rs-gray-0);
66
+ --rs-btn-primary-hover-bg: var(--rs-primary-600);
67
+ --rs-btn-primary-active-bg: var(--rs-primary-700);
68
+ --rs-btn-subtle-text: var(--rs-gray-800);
69
+ --rs-btn-subtle-hover-bg: var(--rs-gray-200);
70
+ --rs-btn-subtle-hover-text: var(--rs-gray-800);
71
+ --rs-btn-subtle-active-bg: var(--rs-gray-200);
72
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
73
+ --rs-btn-subtle-disabled-text: var(--rs-gray-400);
74
+ --rs-btn-ghost-border: var(--rs-primary-700);
75
+ --rs-btn-ghost-text: var(--rs-primary-700);
76
+ --rs-btn-ghost-hover-border: var(--rs-primary-800);
77
+ --rs-btn-ghost-hover-text: var(--rs-primary-800);
78
+ --rs-btn-ghost-active-border: var(--rs-primary-900);
79
+ --rs-btn-ghost-active-text: var(--rs-primary-900);
80
+ --rs-btn-link-text: var(--rs-primary-700);
81
+ --rs-btn-link-hover-text: var(--rs-primary-800);
82
+ --rs-btn-link-active-text: var(--rs-primary-900);
83
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
84
+ --rs-loader-rotor: var(--rs-gray-500);
85
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 30%);
86
+ --rs-loader-rotor-inverse: var(--rs-gray-0);
87
+ --rs-input-focus-border: var(--rs-primary-500);
88
+ --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
89
+ --rs-listbox-option-hover-text: var(--rs-primary-700);
90
+ --rs-calendar-today-bg: var(--rs-primary-500);
91
+ --rs-calendar-today-text: #fff;
92
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
93
+ --rs-calendar-time-unit-bg: var(--rs-gray-50);
94
+ --rs-calendar-date-selected-text: #fff;
95
+ }
96
+ @supports not (color: rgb(from white r g b)) {
97
+ :root,
98
+ .rs-theme-light {
99
+ --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
100
+ --rs-loader-ring: rgba(247, 247, 250, 0.8);
101
+ --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
102
+ --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
103
+ --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
104
+ }
105
+ }
106
+ .rs-theme-dark {
107
+ --rs-gray-0: #fff;
108
+ --rs-gray-50: #e9ebf0;
109
+ --rs-gray-100: #cbced4;
110
+ --rs-gray-200: #a4a9b3;
111
+ --rs-gray-300: #858b94;
112
+ --rs-gray-400: #6a6f76;
113
+ --rs-gray-500: #5c6066;
114
+ --rs-gray-600: #3c3f43;
115
+ --rs-gray-700: #292d33;
116
+ --rs-gray-800: #1a1d24;
117
+ --rs-gray-900: #0f131a;
118
+ --rs-primary-50: #f2fcff;
119
+ --rs-primary-100: #ccf3ff;
120
+ --rs-primary-200: #a6e9ff;
121
+ --rs-primary-400: #59d0ff;
122
+ --rs-primary-500: #34c3ff;
123
+ --rs-primary-600: #25b3f5;
124
+ --rs-primary-700: #169de0;
125
+ --rs-primary-800: #0a81c2;
126
+ --rs-primary-900: #006199;
127
+ --rs-color-red: #f04f43;
128
+ --rs-red-400: #f26a63;
129
+ --rs-red-500: #f04f43;
130
+ --rs-red-600: #e63f30;
131
+ --rs-orange-400: #ffa930;
132
+ --rs-orange-500: #ff9800;
133
+ --rs-orange-600: #f59700;
134
+ --rs-yellow-400: #ffcf75;
135
+ --rs-yellow-500: #ffc757;
136
+ --rs-yellow-600: #f5bb3d;
137
+ --rs-green-400: #71bf72;
138
+ --rs-green-500: #58b15b;
139
+ --rs-green-600: #3fab45;
140
+ --rs-cyan-400: #2acadb;
141
+ --rs-cyan-500: #00bcd4;
142
+ --rs-cyan-600: #00b1cc;
143
+ --rs-blue-400: #3dadf2;
144
+ --rs-blue-500: #1499ef;
145
+ --rs-blue-600: #0e8ce6;
146
+ --rs-violet-400: #805ac7;
147
+ --rs-violet-500: #673ab7;
148
+ --rs-violet-600: #5f2bb3;
149
+ --rs-text-primary: var(--rs-gray-50);
150
+ --rs-text-secondary: var(--rs-gray-200);
151
+ --rs-text-active: var(--rs-primary-500);
152
+ --rs-text-disabled: var(--rs-gray-500);
153
+ --rs-border-primary: var(--rs-gray-600);
154
+ --rs-border-secondary: var(--rs-gray-700);
155
+ --rs-bg-overlay: var(--rs-gray-700);
156
+ --rs-bg-well: var(--rs-gray-900);
157
+ --rs-bg-active: var(--rs-primary-700);
158
+ --rs-state-hover-bg: var(--rs-gray-600);
159
+ --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
160
+ --rs-btn-default-bg: var(--rs-gray-600);
161
+ --rs-btn-default-text: var(--rs-gray-50);
162
+ --rs-btn-default-hover-bg: var(--rs-gray-500);
163
+ --rs-btn-default-active-bg: var(--rs-gray-300);
164
+ --rs-btn-default-active-text: var(--rs-gray-0);
165
+ --rs-btn-default-disabled-bg: var(--rs-gray-600);
166
+ --rs-btn-default-disabled-text: var(--rs-gray-400);
167
+ --rs-btn-primary-bg: var(--rs-primary-700);
168
+ --rs-btn-primary-text: var(--rs-gray-0);
169
+ --rs-btn-primary-hover-bg: var(--rs-primary-600);
170
+ --rs-btn-primary-active-bg: var(--rs-primary-400);
171
+ --rs-btn-subtle-text: var(--rs-gray-200);
172
+ --rs-btn-subtle-hover-bg: var(--rs-gray-500);
173
+ --rs-btn-subtle-hover-text: var(--rs-gray-50);
174
+ --rs-btn-subtle-active-bg: var(--rs-gray-400);
175
+ --rs-btn-subtle-active-text: var(--rs-gray-0);
176
+ --rs-btn-subtle-disabled-text: var(--rs-gray-500);
177
+ --rs-btn-ghost-border: var(--rs-primary-500);
178
+ --rs-btn-ghost-text: var(--rs-primary-500);
179
+ --rs-btn-ghost-hover-border: var(--rs-primary-400);
180
+ --rs-btn-ghost-hover-text: var(--rs-primary-400);
181
+ --rs-btn-ghost-active-border: var(--rs-primary-200);
182
+ --rs-btn-ghost-active-text: var(--rs-primary-200);
183
+ --rs-btn-link-text: var(--rs-primary-500);
184
+ --rs-btn-link-hover-text: var(--rs-primary-400);
185
+ --rs-btn-link-active-text: var(--rs-primary-200);
186
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
187
+ --rs-loader-rotor: var(--rs-gray-0);
188
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
189
+ --rs-loader-rotor-inverse: var(--rs-gray-500);
190
+ --rs-input-focus-border: var(--rs-primary-500);
191
+ --rs-listbox-option-hover-bg: var(--rs-gray-600);
192
+ --rs-listbox-option-hover-text: currentColor;
193
+ --rs-calendar-today-bg: var(--rs-primary-700);
194
+ --rs-calendar-today-text: #fff;
195
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
196
+ --rs-calendar-time-unit-bg: var(--rs-gray-600);
197
+ --rs-calendar-date-selected-text: #fff;
198
+ }
199
+ @supports not (color: rgb(from white r g b)) {
200
+ .rs-theme-dark {
201
+ --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
202
+ --rs-loader-ring: rgba(233, 235, 240, 0.3);
203
+ --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
204
+ --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
205
+ }
206
+ }
207
+ .rs-theme-high-contrast {
208
+ --rs-gray-0: #fff;
209
+ --rs-gray-50: #e9ebf0;
210
+ --rs-gray-100: #cbced4;
211
+ --rs-gray-200: #a4a9b3;
212
+ --rs-gray-300: #858b94;
213
+ --rs-gray-400: #6a6f76;
214
+ --rs-gray-500: #5c6066;
215
+ --rs-gray-600: #3c3f43;
216
+ --rs-gray-700: #292d33;
217
+ --rs-gray-800: #1a1d24;
218
+ --rs-gray-900: #0f131a;
219
+ --rs-primary-50: #fffef2;
220
+ --rs-primary-100: #fffbc2;
221
+ --rs-primary-200: #fffa91;
222
+ --rs-primary-400: #fffc30;
223
+ --rs-primary-500: #ffff00;
224
+ --rs-primary-600: #f1f500;
225
+ --rs-primary-700: #d9e000;
226
+ --rs-primary-800: #b8c200;
227
+ --rs-primary-900: #8f9900;
228
+ --rs-color-red: #bd1732;
229
+ --rs-red-400: #c93a55;
230
+ --rs-red-500: #bd1732;
231
+ --rs-red-600: #b51029;
232
+ --rs-orange-400: #ffa930;
233
+ --rs-orange-500: #ff9800;
234
+ --rs-orange-600: #f59700;
235
+ --rs-yellow-400: #ffcf75;
236
+ --rs-yellow-500: #ffc757;
237
+ --rs-yellow-600: #f5bb3d;
238
+ --rs-green-400: #2a9c46;
239
+ --rs-green-500: #0d822c;
240
+ --rs-green-600: #09802b;
241
+ --rs-cyan-400: #2acadb;
242
+ --rs-cyan-500: #00bcd4;
243
+ --rs-cyan-600: #00b1cc;
244
+ --rs-blue-400: #3dadf2;
245
+ --rs-blue-500: #1499ef;
246
+ --rs-blue-600: #0e8ce6;
247
+ --rs-violet-400: #805ac7;
248
+ --rs-violet-500: #673ab7;
249
+ --rs-violet-600: #5f2bb3;
250
+ --rs-text-primary: var(--rs-gray-50);
251
+ --rs-text-secondary: var(--rs-gray-200);
252
+ --rs-text-active: var(--rs-primary-500);
253
+ --rs-text-disabled: var(--rs-gray-500);
254
+ --rs-border-primary: var(--rs-gray-100);
255
+ --rs-border-secondary: var(--rs-gray-700);
256
+ --rs-bg-overlay: var(--rs-gray-800);
257
+ --rs-bg-well: var(--rs-gray-900);
258
+ --rs-bg-active: var(--rs-primary-500);
259
+ --rs-state-hover-bg: var(--rs-gray-600);
260
+ --rs-color-focus-ring: var(--rs-gray-0);
261
+ --rs-btn-default-bg: transparent;
262
+ --rs-btn-default-text: var(--rs-primary-500);
263
+ --rs-btn-default-border: 1px solid var(--rs-primary-500);
264
+ --rs-btn-default-hover-bg: transparent;
265
+ --rs-btn-default-hover-text: var(--rs-primary-400);
266
+ --rs-btn-default-active-bg: transparent;
267
+ --rs-btn-default-active-text: var(--rs-primary-200);
268
+ --rs-btn-default-disabled-bg: transparent;
269
+ --rs-btn-default-disabled-text: var(--rs-primary-500);
270
+ --rs-btn-primary-bg: var(--rs-primary-500);
271
+ --rs-btn-primary-text: var(--rs-gray-900);
272
+ --rs-btn-primary-hover-bg: var(--rs-primary-400);
273
+ --rs-btn-primary-active-bg: var(--rs-primary-200);
274
+ --rs-btn-subtle-text: var(--rs-primary-500);
275
+ --rs-btn-subtle-hover-bg: transparent;
276
+ --rs-btn-subtle-hover-text: var(--rs-primary-400);
277
+ --rs-btn-subtle-active-bg: transparent;
278
+ --rs-btn-subtle-active-text: var(--rs-primary-200);
279
+ --rs-btn-subtle-disabled-text: var(--rs-gray-500);
280
+ --rs-btn-ghost-border: var(--rs-primary-500);
281
+ --rs-btn-ghost-text: var(--rs-primary-500);
282
+ --rs-btn-ghost-hover-border: var(--rs-primary-400);
283
+ --rs-btn-ghost-hover-text: var(--rs-primary-400);
284
+ --rs-btn-ghost-active-border: var(--rs-primary-200);
285
+ --rs-btn-ghost-active-text: var(--rs-primary-200);
286
+ --rs-btn-link-text: var(--rs-primary-500);
287
+ --rs-btn-link-hover-text: var(--rs-primary-400);
288
+ --rs-btn-link-active-text: var(--rs-primary-200);
289
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
290
+ --rs-loader-rotor: var(--rs-gray-0);
291
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
292
+ --rs-loader-rotor-inverse: var(--rs-gray-500);
293
+ --rs-input-focus-border: var(--rs-primary-500);
294
+ --rs-listbox-option-hover-bg: transparent;
295
+ --rs-listbox-option-hover-text: var(--rs-primary-500);
296
+ --rs-calendar-today-bg: var(--rs-primary-500);
297
+ --rs-calendar-today-text: var(--rs-gray-900);
298
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
299
+ --rs-calendar-time-unit-bg: var(--rs-gray-900);
300
+ --rs-calendar-date-selected-text: var(--rs-gray-900);
301
+ }
302
+ @supports not (color: rgb(from white r g b)) {
303
+ .rs-theme-high-contrast {
304
+ --rs-loader-ring: rgba(233, 235, 240, 0.3);
305
+ --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
306
+ --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
307
+ }
308
+ }
309
+ /* stylelint-disable */
310
+ *[class*='rs-'] {
311
+ -webkit-box-sizing: border-box;
312
+ box-sizing: border-box;
313
+ }
314
+ *[class*='rs-']::before,
315
+ *[class*='rs-']::after {
316
+ -webkit-box-sizing: border-box;
317
+ box-sizing: border-box;
318
+ }
319
+ .rs-btn {
320
+ display: -webkit-inline-box;
321
+ display: -ms-inline-flexbox;
322
+ display: inline-flex;
323
+ -webkit-box-align: center;
324
+ -ms-flex-align: center;
325
+ align-items: center;
326
+ -webkit-box-pack: center;
327
+ -ms-flex-pack: center;
328
+ justify-content: center;
329
+ margin-bottom: 0;
330
+ font-weight: normal;
331
+ text-align: center;
332
+ vertical-align: middle;
333
+ cursor: pointer;
334
+ white-space: nowrap;
335
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
336
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
337
+ border: none;
338
+ border: var(--rs-btn-default-border, none);
339
+ -webkit-user-select: none;
340
+ -moz-user-select: none;
341
+ -ms-user-select: none;
342
+ user-select: none;
343
+ text-decoration: none;
344
+ color: #575757;
345
+ color: var(--rs-btn-default-text);
346
+ background-color: #f7f7fa;
347
+ background-color: var(--rs-btn-default-bg);
348
+ border-radius: 6px;
349
+ font-size: 14px;
350
+ line-height: 20px;
351
+ padding: 8px 12px;
352
+ overflow: hidden;
353
+ position: relative;
354
+ }
355
+ .rs-theme-high-contrast .rs-btn {
356
+ -webkit-transition: none;
357
+ transition: none;
358
+ }
359
+ .rs-btn-ghost.rs-btn {
360
+ padding: 7px 11px;
361
+ }
362
+ .rs-btn-icon.rs-btn {
363
+ padding: 10px 10px;
364
+ line-height: 16px;
365
+ }
366
+ .rs-btn-icon.rs-btn > .rs-icon {
367
+ font-size: 16px;
368
+ }
369
+ .rs-btn-icon-with-text.rs-btn {
370
+ line-height: 20px;
371
+ }
372
+ .rs-btn-icon-with-text.rs-btn > .rs-icon {
373
+ padding: 10px 10px;
374
+ width: 36px;
375
+ height: 36px;
376
+ }
377
+ .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left {
378
+ padding: 8px 12px 8px 48px;
379
+ }
380
+ .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
381
+ left: 0;
382
+ border-right: none;
383
+ border-right: var(--rs-btn-default-border, none);
384
+ }
385
+ .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
386
+ padding: 8px 48px 8px 12px;
387
+ }
388
+ .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
389
+ right: 0;
390
+ border-left: none;
391
+ border-left: var(--rs-btn-default-border, none);
392
+ }
393
+ .rs-btn:focus-visible {
394
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
395
+ outline: 3px solid var(--rs-color-focus-ring);
396
+ }
397
+ .rs-theme-high-contrast .rs-btn:focus-visible {
398
+ outline-offset: 2px;
399
+ }
400
+ .rs-btn:hover,
401
+ .rs-btn:focus {
402
+ color: var(--rs-btn-default-hover-text);
403
+ background-color: #e5e5ea;
404
+ background-color: var(--rs-btn-default-hover-bg);
405
+ text-decoration: none;
406
+ }
407
+ .rs-btn:active,
408
+ .rs-btn.rs-btn-active {
409
+ color: #272c36;
410
+ color: var(--rs-btn-default-active-text);
411
+ background-color: #d9d9d9;
412
+ background-color: var(--rs-btn-default-active-bg);
413
+ }
414
+ .rs-btn:disabled,
415
+ .rs-btn.rs-btn-disabled {
416
+ cursor: not-allowed;
417
+ color: #c5c6c7;
418
+ color: var(--rs-btn-default-disabled-text);
419
+ background-color: #f7f7fa;
420
+ background-color: var(--rs-btn-default-disabled-bg);
421
+ }
422
+ .rs-theme-high-contrast .rs-btn:disabled,
423
+ .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
424
+ opacity: 0.5;
425
+ }
426
+ @media not all and (min-resolution: 0.001dpcm) {
427
+ .rs-btn {
428
+ /* stylelint-disable */
429
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
430
+ /* stylelint-enable */
431
+ }
432
+ }
433
+ .rs-btn-start-icon {
434
+ line-height: 0;
435
+ margin-right: 5px;
436
+ }
437
+ .rs-btn-end-icon {
438
+ line-height: 0;
439
+ margin-left: 5px;
440
+ }
441
+ .rs-btn-primary {
442
+ color: #fff;
443
+ color: var(--rs-btn-primary-text);
444
+ background-color: #3498ff;
445
+ background-color: var(--rs-btn-primary-bg);
446
+ border: none;
447
+ }
448
+ .rs-btn-primary:hover,
449
+ .rs-btn-primary:focus {
450
+ color: #fff;
451
+ color: var(--rs-btn-primary-text);
452
+ background-color: #2589f5;
453
+ background-color: var(--rs-btn-primary-hover-bg);
454
+ }
455
+ .rs-btn-primary:active,
456
+ .rs-btn-primary.rs-btn-active {
457
+ color: #fff;
458
+ color: var(--rs-btn-primary-text);
459
+ background-color: #1675e0;
460
+ background-color: var(--rs-btn-primary-active-bg);
461
+ }
462
+ .rs-btn-primary:disabled,
463
+ .rs-btn-primary.rs-btn-disabled {
464
+ color: #fff;
465
+ color: var(--rs-btn-primary-text);
466
+ background-color: #3498ff;
467
+ background-color: var(--rs-btn-primary-bg);
468
+ opacity: 0.3;
469
+ }
470
+ .rs-theme-high-contrast .rs-btn-primary:disabled,
471
+ .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
472
+ opacity: 0.5;
473
+ }
474
+ .rs-btn-subtle {
475
+ color: #575757;
476
+ color: var(--rs-btn-subtle-text);
477
+ background-color: transparent;
478
+ border: none;
479
+ }
480
+ .rs-btn-subtle:hover,
481
+ .rs-btn-subtle:focus {
482
+ color: #575757;
483
+ color: var(--rs-btn-subtle-hover-text);
484
+ background-color: #e5e5ea;
485
+ background-color: var(--rs-btn-subtle-hover-bg);
486
+ }
487
+ .rs-btn-subtle:active,
488
+ .rs-btn-subtle.rs-btn-active {
489
+ color: #272c36;
490
+ color: var(--rs-btn-subtle-active-text);
491
+ background-color: #e5e5ea;
492
+ background-color: var(--rs-btn-subtle-active-bg);
493
+ }
494
+ .rs-btn-subtle:disabled,
495
+ .rs-btn-subtle.rs-btn-disabled {
496
+ color: #c5c6c7;
497
+ color: var(--rs-btn-subtle-disabled-text);
498
+ background: none;
499
+ }
500
+ .rs-theme-high-contrast .rs-btn-subtle:disabled,
501
+ .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
502
+ opacity: 0.5;
503
+ }
504
+ .rs-btn-link {
505
+ color: #1675e0;
506
+ color: var(--rs-btn-link-text);
507
+ background-color: transparent;
508
+ border: none;
509
+ }
510
+ .rs-btn-link:hover,
511
+ .rs-btn-link:focus {
512
+ color: #0a5dc2;
513
+ color: var(--rs-btn-link-hover-text);
514
+ background-color: transparent;
515
+ text-decoration: underline;
516
+ }
517
+ .rs-btn-link:active,
518
+ .rs-btn-link.rs-btn-active {
519
+ color: #004299;
520
+ color: var(--rs-btn-link-active-text);
521
+ background-color: transparent;
522
+ }
523
+ .rs-btn-link:disabled,
524
+ .rs-btn-link.rs-btn-disabled {
525
+ color: #0a5dc2;
526
+ color: var(--rs-btn-link-hover-text);
527
+ background-color: transparent;
528
+ text-decoration: none;
529
+ opacity: 0.3;
530
+ }
531
+ .rs-theme-high-contrast .rs-btn-link:disabled,
532
+ .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
533
+ opacity: 0.5;
534
+ }
535
+ .rs-btn-ghost {
536
+ color: #1675e0;
537
+ color: var(--rs-btn-ghost-text);
538
+ background-color: transparent;
539
+ border: 1px solid #1675e0;
540
+ border: 1px solid var(--rs-btn-ghost-border);
541
+ }
542
+ .rs-btn-ghost:hover,
543
+ .rs-btn-ghost:focus {
544
+ color: #0a5dc2;
545
+ color: var(--rs-btn-ghost-hover-text);
546
+ background-color: transparent;
547
+ border-color: #0a5dc2;
548
+ border-color: var(--rs-btn-ghost-hover-border);
549
+ -webkit-box-shadow: 0 0 0 1px #0a5dc2;
550
+ -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
551
+ box-shadow: 0 0 0 1px #0a5dc2;
552
+ box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
553
+ }
554
+ .rs-btn-ghost:active,
555
+ .rs-btn-ghost.rs-btn-active {
556
+ color: #004299;
557
+ color: var(--rs-btn-ghost-active-text);
558
+ background-color: transparent;
559
+ border-color: #004299;
560
+ border-color: var(--rs-btn-ghost-active-border);
561
+ }
562
+ .rs-btn-ghost:disabled,
563
+ .rs-btn-ghost.rs-btn-disabled {
564
+ color: #1675e0;
565
+ color: var(--rs-btn-ghost-text);
566
+ background-color: transparent;
567
+ opacity: 0.3;
568
+ border-color: #1675e0;
569
+ border-color: var(--rs-btn-ghost-border);
570
+ -webkit-box-shadow: none;
571
+ box-shadow: none;
572
+ }
573
+ .rs-theme-high-contrast .rs-btn-ghost:disabled,
574
+ .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
575
+ opacity: 0.5;
576
+ }
577
+ .rs-btn-red {
578
+ --rs-btn-primary-bg: var(--rs-red-500);
579
+ --rs-btn-primary-hover-bg: var(--rs-red-700);
580
+ --rs-btn-primary-active-bg: var(--rs-red-800);
581
+ --rs-btn-subtle-hover-bg: var(--rs-red-500);
582
+ --rs-btn-subtle-hover-text: #e5e5ea;
583
+ --rs-btn-subtle-active-bg: var(--rs-red-600);
584
+ --rs-btn-subtle-active-text: #575757;
585
+ --rs-btn-ghost-border: var(--rs-red-700);
586
+ --rs-btn-ghost-text: var(--rs-red-700);
587
+ --rs-btn-ghost-hover-border: var(--rs-red-900);
588
+ --rs-btn-ghost-hover-text: var(--rs-red-800);
589
+ --rs-btn-ghost-active-border: var(--rs-red-900);
590
+ --rs-btn-ghost-active-text: var(--rs-red-900);
591
+ --rs-btn-link-text: var(--rs-red-700);
592
+ --rs-btn-link-hover-text: var(--rs-red-800);
593
+ --rs-btn-link-active-text: var(--rs-red-900);
594
+ }
595
+ .rs-theme-dark .rs-btn-red {
596
+ --rs-btn-primary-bg: var(--rs-red-700);
597
+ --rs-btn-primary-hover-bg: var(--rs-red-500);
598
+ --rs-btn-primary-active-bg: var(--rs-red-400);
599
+ --rs-btn-subtle-hover-bg: var(--rs-red-600);
600
+ --rs-btn-subtle-hover-text: #fff;
601
+ --rs-btn-subtle-active-bg: var(--rs-red-400);
602
+ --rs-btn-subtle-active-text: #fff;
603
+ --rs-btn-ghost-border: var(--rs-red-500);
604
+ --rs-btn-ghost-text: var(--rs-red-500);
605
+ --rs-btn-ghost-hover-border: var(--rs-red-400);
606
+ --rs-btn-ghost-hover-text: var(--rs-red-400);
607
+ --rs-btn-ghost-active-border: var(--rs-red-200);
608
+ --rs-btn-ghost-active-text: var(--rs-red-200);
609
+ --rs-btn-link-text: var(--rs-red-500);
610
+ --rs-btn-link-hover-text: var(--rs-red-400);
611
+ --rs-btn-link-active-text: var(--rs-red-200);
612
+ }
613
+ .rs-theme-high-contrast .rs-btn-red {
614
+ --rs-btn-primary-bg: var(--rs-red-700);
615
+ --rs-btn-primary-hover-bg: var(--rs-red-600);
616
+ --rs-btn-primary-active-bg: var(--rs-red-400);
617
+ --rs-btn-subtle-hover-bg: var(--rs-red-600);
618
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
619
+ --rs-btn-subtle-active-bg: var(--rs-red-400);
620
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
621
+ --rs-btn-ghost-border: var(--rs-red-500);
622
+ --rs-btn-ghost-text: var(--rs-red-500);
623
+ --rs-btn-ghost-hover-border: var(--rs-red-400);
624
+ --rs-btn-ghost-hover-text: var(--rs-red-400);
625
+ --rs-btn-ghost-active-border: var(--rs-red-200);
626
+ --rs-btn-ghost-active-text: var(--rs-red-200);
627
+ --rs-btn-link-text: var(--rs-red-500);
628
+ --rs-btn-link-hover-text: var(--rs-red-400);
629
+ --rs-btn-link-active-text: var(--rs-red-200);
630
+ }
631
+ .rs-btn-orange {
632
+ --rs-btn-primary-bg: var(--rs-orange-500);
633
+ --rs-btn-primary-hover-bg: var(--rs-orange-700);
634
+ --rs-btn-primary-active-bg: var(--rs-orange-800);
635
+ --rs-btn-subtle-hover-bg: var(--rs-orange-500);
636
+ --rs-btn-subtle-hover-text: #e5e5ea;
637
+ --rs-btn-subtle-active-bg: var(--rs-orange-600);
638
+ --rs-btn-subtle-active-text: #575757;
639
+ --rs-btn-ghost-border: var(--rs-orange-700);
640
+ --rs-btn-ghost-text: var(--rs-orange-700);
641
+ --rs-btn-ghost-hover-border: var(--rs-orange-900);
642
+ --rs-btn-ghost-hover-text: var(--rs-orange-800);
643
+ --rs-btn-ghost-active-border: var(--rs-orange-900);
644
+ --rs-btn-ghost-active-text: var(--rs-orange-900);
645
+ --rs-btn-link-text: var(--rs-orange-700);
646
+ --rs-btn-link-hover-text: var(--rs-orange-800);
647
+ --rs-btn-link-active-text: var(--rs-orange-900);
648
+ }
649
+ .rs-theme-dark .rs-btn-orange {
650
+ --rs-btn-primary-bg: var(--rs-orange-700);
651
+ --rs-btn-primary-hover-bg: var(--rs-orange-500);
652
+ --rs-btn-primary-active-bg: var(--rs-orange-400);
653
+ --rs-btn-subtle-hover-bg: var(--rs-orange-600);
654
+ --rs-btn-subtle-hover-text: #fff;
655
+ --rs-btn-subtle-active-bg: var(--rs-orange-400);
656
+ --rs-btn-subtle-active-text: #fff;
657
+ --rs-btn-ghost-border: var(--rs-orange-500);
658
+ --rs-btn-ghost-text: var(--rs-orange-500);
659
+ --rs-btn-ghost-hover-border: var(--rs-orange-400);
660
+ --rs-btn-ghost-hover-text: var(--rs-orange-400);
661
+ --rs-btn-ghost-active-border: var(--rs-orange-200);
662
+ --rs-btn-ghost-active-text: var(--rs-orange-200);
663
+ --rs-btn-link-text: var(--rs-orange-500);
664
+ --rs-btn-link-hover-text: var(--rs-orange-400);
665
+ --rs-btn-link-active-text: var(--rs-orange-200);
666
+ }
667
+ .rs-theme-high-contrast .rs-btn-orange {
668
+ --rs-btn-primary-bg: var(--rs-orange-700);
669
+ --rs-btn-primary-hover-bg: var(--rs-orange-600);
670
+ --rs-btn-primary-active-bg: var(--rs-orange-400);
671
+ --rs-btn-subtle-hover-bg: var(--rs-orange-600);
672
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
673
+ --rs-btn-subtle-active-bg: var(--rs-orange-400);
674
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
675
+ --rs-btn-ghost-border: var(--rs-orange-500);
676
+ --rs-btn-ghost-text: var(--rs-orange-500);
677
+ --rs-btn-ghost-hover-border: var(--rs-orange-400);
678
+ --rs-btn-ghost-hover-text: var(--rs-orange-400);
679
+ --rs-btn-ghost-active-border: var(--rs-orange-200);
680
+ --rs-btn-ghost-active-text: var(--rs-orange-200);
681
+ --rs-btn-link-text: var(--rs-orange-500);
682
+ --rs-btn-link-hover-text: var(--rs-orange-400);
683
+ --rs-btn-link-active-text: var(--rs-orange-200);
684
+ }
685
+ .rs-btn-yellow {
686
+ --rs-btn-primary-bg: var(--rs-yellow-500);
687
+ --rs-btn-primary-hover-bg: var(--rs-yellow-700);
688
+ --rs-btn-primary-active-bg: var(--rs-yellow-800);
689
+ --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
690
+ --rs-btn-subtle-hover-text: #e5e5ea;
691
+ --rs-btn-subtle-active-bg: var(--rs-yellow-600);
692
+ --rs-btn-subtle-active-text: #575757;
693
+ --rs-btn-ghost-border: var(--rs-yellow-700);
694
+ --rs-btn-ghost-text: var(--rs-yellow-700);
695
+ --rs-btn-ghost-hover-border: var(--rs-yellow-900);
696
+ --rs-btn-ghost-hover-text: var(--rs-yellow-800);
697
+ --rs-btn-ghost-active-border: var(--rs-yellow-900);
698
+ --rs-btn-ghost-active-text: var(--rs-yellow-900);
699
+ --rs-btn-link-text: var(--rs-yellow-700);
700
+ --rs-btn-link-hover-text: var(--rs-yellow-800);
701
+ --rs-btn-link-active-text: var(--rs-yellow-900);
702
+ }
703
+ .rs-theme-dark .rs-btn-yellow {
704
+ --rs-btn-primary-bg: var(--rs-yellow-700);
705
+ --rs-btn-primary-hover-bg: var(--rs-yellow-500);
706
+ --rs-btn-primary-active-bg: var(--rs-yellow-400);
707
+ --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
708
+ --rs-btn-subtle-hover-text: #fff;
709
+ --rs-btn-subtle-active-bg: var(--rs-yellow-400);
710
+ --rs-btn-subtle-active-text: #fff;
711
+ --rs-btn-ghost-border: var(--rs-yellow-500);
712
+ --rs-btn-ghost-text: var(--rs-yellow-500);
713
+ --rs-btn-ghost-hover-border: var(--rs-yellow-400);
714
+ --rs-btn-ghost-hover-text: var(--rs-yellow-400);
715
+ --rs-btn-ghost-active-border: var(--rs-yellow-200);
716
+ --rs-btn-ghost-active-text: var(--rs-yellow-200);
717
+ --rs-btn-link-text: var(--rs-yellow-500);
718
+ --rs-btn-link-hover-text: var(--rs-yellow-400);
719
+ --rs-btn-link-active-text: var(--rs-yellow-200);
720
+ }
721
+ .rs-theme-high-contrast .rs-btn-yellow {
722
+ --rs-btn-primary-bg: var(--rs-yellow-700);
723
+ --rs-btn-primary-hover-bg: var(--rs-yellow-600);
724
+ --rs-btn-primary-active-bg: var(--rs-yellow-400);
725
+ --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
726
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
727
+ --rs-btn-subtle-active-bg: var(--rs-yellow-400);
728
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
729
+ --rs-btn-ghost-border: var(--rs-yellow-500);
730
+ --rs-btn-ghost-text: var(--rs-yellow-500);
731
+ --rs-btn-ghost-hover-border: var(--rs-yellow-400);
732
+ --rs-btn-ghost-hover-text: var(--rs-yellow-400);
733
+ --rs-btn-ghost-active-border: var(--rs-yellow-200);
734
+ --rs-btn-ghost-active-text: var(--rs-yellow-200);
735
+ --rs-btn-link-text: var(--rs-yellow-500);
736
+ --rs-btn-link-hover-text: var(--rs-yellow-400);
737
+ --rs-btn-link-active-text: var(--rs-yellow-200);
738
+ }
739
+ .rs-btn-green {
740
+ --rs-btn-primary-bg: var(--rs-green-500);
741
+ --rs-btn-primary-hover-bg: var(--rs-green-700);
742
+ --rs-btn-primary-active-bg: var(--rs-green-800);
743
+ --rs-btn-subtle-hover-bg: var(--rs-green-500);
744
+ --rs-btn-subtle-hover-text: #e5e5ea;
745
+ --rs-btn-subtle-active-bg: var(--rs-green-600);
746
+ --rs-btn-subtle-active-text: #575757;
747
+ --rs-btn-ghost-border: var(--rs-green-700);
748
+ --rs-btn-ghost-text: var(--rs-green-700);
749
+ --rs-btn-ghost-hover-border: var(--rs-green-900);
750
+ --rs-btn-ghost-hover-text: var(--rs-green-800);
751
+ --rs-btn-ghost-active-border: var(--rs-green-900);
752
+ --rs-btn-ghost-active-text: var(--rs-green-900);
753
+ --rs-btn-link-text: var(--rs-green-700);
754
+ --rs-btn-link-hover-text: var(--rs-green-800);
755
+ --rs-btn-link-active-text: var(--rs-green-900);
756
+ }
757
+ .rs-theme-dark .rs-btn-green {
758
+ --rs-btn-primary-bg: var(--rs-green-700);
759
+ --rs-btn-primary-hover-bg: var(--rs-green-500);
760
+ --rs-btn-primary-active-bg: var(--rs-green-400);
761
+ --rs-btn-subtle-hover-bg: var(--rs-green-600);
762
+ --rs-btn-subtle-hover-text: #fff;
763
+ --rs-btn-subtle-active-bg: var(--rs-green-400);
764
+ --rs-btn-subtle-active-text: #fff;
765
+ --rs-btn-ghost-border: var(--rs-green-500);
766
+ --rs-btn-ghost-text: var(--rs-green-500);
767
+ --rs-btn-ghost-hover-border: var(--rs-green-400);
768
+ --rs-btn-ghost-hover-text: var(--rs-green-400);
769
+ --rs-btn-ghost-active-border: var(--rs-green-200);
770
+ --rs-btn-ghost-active-text: var(--rs-green-200);
771
+ --rs-btn-link-text: var(--rs-green-500);
772
+ --rs-btn-link-hover-text: var(--rs-green-400);
773
+ --rs-btn-link-active-text: var(--rs-green-200);
774
+ }
775
+ .rs-theme-high-contrast .rs-btn-green {
776
+ --rs-btn-primary-bg: var(--rs-green-700);
777
+ --rs-btn-primary-hover-bg: var(--rs-green-600);
778
+ --rs-btn-primary-active-bg: var(--rs-green-400);
779
+ --rs-btn-subtle-hover-bg: var(--rs-green-600);
780
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
781
+ --rs-btn-subtle-active-bg: var(--rs-green-400);
782
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
783
+ --rs-btn-ghost-border: var(--rs-green-500);
784
+ --rs-btn-ghost-text: var(--rs-green-500);
785
+ --rs-btn-ghost-hover-border: var(--rs-green-400);
786
+ --rs-btn-ghost-hover-text: var(--rs-green-400);
787
+ --rs-btn-ghost-active-border: var(--rs-green-200);
788
+ --rs-btn-ghost-active-text: var(--rs-green-200);
789
+ --rs-btn-link-text: var(--rs-green-500);
790
+ --rs-btn-link-hover-text: var(--rs-green-400);
791
+ --rs-btn-link-active-text: var(--rs-green-200);
792
+ }
793
+ .rs-btn-cyan {
794
+ --rs-btn-primary-bg: var(--rs-cyan-500);
795
+ --rs-btn-primary-hover-bg: var(--rs-cyan-700);
796
+ --rs-btn-primary-active-bg: var(--rs-cyan-800);
797
+ --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
798
+ --rs-btn-subtle-hover-text: #e5e5ea;
799
+ --rs-btn-subtle-active-bg: var(--rs-cyan-600);
800
+ --rs-btn-subtle-active-text: #575757;
801
+ --rs-btn-ghost-border: var(--rs-cyan-700);
802
+ --rs-btn-ghost-text: var(--rs-cyan-700);
803
+ --rs-btn-ghost-hover-border: var(--rs-cyan-900);
804
+ --rs-btn-ghost-hover-text: var(--rs-cyan-800);
805
+ --rs-btn-ghost-active-border: var(--rs-cyan-900);
806
+ --rs-btn-ghost-active-text: var(--rs-cyan-900);
807
+ --rs-btn-link-text: var(--rs-cyan-700);
808
+ --rs-btn-link-hover-text: var(--rs-cyan-800);
809
+ --rs-btn-link-active-text: var(--rs-cyan-900);
810
+ }
811
+ .rs-theme-dark .rs-btn-cyan {
812
+ --rs-btn-primary-bg: var(--rs-cyan-700);
813
+ --rs-btn-primary-hover-bg: var(--rs-cyan-500);
814
+ --rs-btn-primary-active-bg: var(--rs-cyan-400);
815
+ --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
816
+ --rs-btn-subtle-hover-text: #fff;
817
+ --rs-btn-subtle-active-bg: var(--rs-cyan-400);
818
+ --rs-btn-subtle-active-text: #fff;
819
+ --rs-btn-ghost-border: var(--rs-cyan-500);
820
+ --rs-btn-ghost-text: var(--rs-cyan-500);
821
+ --rs-btn-ghost-hover-border: var(--rs-cyan-400);
822
+ --rs-btn-ghost-hover-text: var(--rs-cyan-400);
823
+ --rs-btn-ghost-active-border: var(--rs-cyan-200);
824
+ --rs-btn-ghost-active-text: var(--rs-cyan-200);
825
+ --rs-btn-link-text: var(--rs-cyan-500);
826
+ --rs-btn-link-hover-text: var(--rs-cyan-400);
827
+ --rs-btn-link-active-text: var(--rs-cyan-200);
828
+ }
829
+ .rs-theme-high-contrast .rs-btn-cyan {
830
+ --rs-btn-primary-bg: var(--rs-cyan-700);
831
+ --rs-btn-primary-hover-bg: var(--rs-cyan-600);
832
+ --rs-btn-primary-active-bg: var(--rs-cyan-400);
833
+ --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
834
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
835
+ --rs-btn-subtle-active-bg: var(--rs-cyan-400);
836
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
837
+ --rs-btn-ghost-border: var(--rs-cyan-500);
838
+ --rs-btn-ghost-text: var(--rs-cyan-500);
839
+ --rs-btn-ghost-hover-border: var(--rs-cyan-400);
840
+ --rs-btn-ghost-hover-text: var(--rs-cyan-400);
841
+ --rs-btn-ghost-active-border: var(--rs-cyan-200);
842
+ --rs-btn-ghost-active-text: var(--rs-cyan-200);
843
+ --rs-btn-link-text: var(--rs-cyan-500);
844
+ --rs-btn-link-hover-text: var(--rs-cyan-400);
845
+ --rs-btn-link-active-text: var(--rs-cyan-200);
846
+ }
847
+ .rs-btn-blue {
848
+ --rs-btn-primary-bg: var(--rs-blue-500);
849
+ --rs-btn-primary-hover-bg: var(--rs-blue-700);
850
+ --rs-btn-primary-active-bg: var(--rs-blue-800);
851
+ --rs-btn-subtle-hover-bg: var(--rs-blue-500);
852
+ --rs-btn-subtle-hover-text: #e5e5ea;
853
+ --rs-btn-subtle-active-bg: var(--rs-blue-600);
854
+ --rs-btn-subtle-active-text: #575757;
855
+ --rs-btn-ghost-border: var(--rs-blue-700);
856
+ --rs-btn-ghost-text: var(--rs-blue-700);
857
+ --rs-btn-ghost-hover-border: var(--rs-blue-900);
858
+ --rs-btn-ghost-hover-text: var(--rs-blue-800);
859
+ --rs-btn-ghost-active-border: var(--rs-blue-900);
860
+ --rs-btn-ghost-active-text: var(--rs-blue-900);
861
+ --rs-btn-link-text: var(--rs-blue-700);
862
+ --rs-btn-link-hover-text: var(--rs-blue-800);
863
+ --rs-btn-link-active-text: var(--rs-blue-900);
864
+ }
865
+ .rs-theme-dark .rs-btn-blue {
866
+ --rs-btn-primary-bg: var(--rs-blue-700);
867
+ --rs-btn-primary-hover-bg: var(--rs-blue-500);
868
+ --rs-btn-primary-active-bg: var(--rs-blue-400);
869
+ --rs-btn-subtle-hover-bg: var(--rs-blue-600);
870
+ --rs-btn-subtle-hover-text: #fff;
871
+ --rs-btn-subtle-active-bg: var(--rs-blue-400);
872
+ --rs-btn-subtle-active-text: #fff;
873
+ --rs-btn-ghost-border: var(--rs-blue-500);
874
+ --rs-btn-ghost-text: var(--rs-blue-500);
875
+ --rs-btn-ghost-hover-border: var(--rs-blue-400);
876
+ --rs-btn-ghost-hover-text: var(--rs-blue-400);
877
+ --rs-btn-ghost-active-border: var(--rs-blue-200);
878
+ --rs-btn-ghost-active-text: var(--rs-blue-200);
879
+ --rs-btn-link-text: var(--rs-blue-500);
880
+ --rs-btn-link-hover-text: var(--rs-blue-400);
881
+ --rs-btn-link-active-text: var(--rs-blue-200);
882
+ }
883
+ .rs-theme-high-contrast .rs-btn-blue {
884
+ --rs-btn-primary-bg: var(--rs-blue-700);
885
+ --rs-btn-primary-hover-bg: var(--rs-blue-600);
886
+ --rs-btn-primary-active-bg: var(--rs-blue-400);
887
+ --rs-btn-subtle-hover-bg: var(--rs-blue-600);
888
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
889
+ --rs-btn-subtle-active-bg: var(--rs-blue-400);
890
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
891
+ --rs-btn-ghost-border: var(--rs-blue-500);
892
+ --rs-btn-ghost-text: var(--rs-blue-500);
893
+ --rs-btn-ghost-hover-border: var(--rs-blue-400);
894
+ --rs-btn-ghost-hover-text: var(--rs-blue-400);
895
+ --rs-btn-ghost-active-border: var(--rs-blue-200);
896
+ --rs-btn-ghost-active-text: var(--rs-blue-200);
897
+ --rs-btn-link-text: var(--rs-blue-500);
898
+ --rs-btn-link-hover-text: var(--rs-blue-400);
899
+ --rs-btn-link-active-text: var(--rs-blue-200);
900
+ }
901
+ .rs-btn-violet {
902
+ --rs-btn-primary-bg: var(--rs-violet-500);
903
+ --rs-btn-primary-hover-bg: var(--rs-violet-700);
904
+ --rs-btn-primary-active-bg: var(--rs-violet-800);
905
+ --rs-btn-subtle-hover-bg: var(--rs-violet-500);
906
+ --rs-btn-subtle-hover-text: #e5e5ea;
907
+ --rs-btn-subtle-active-bg: var(--rs-violet-600);
908
+ --rs-btn-subtle-active-text: #575757;
909
+ --rs-btn-ghost-border: var(--rs-violet-700);
910
+ --rs-btn-ghost-text: var(--rs-violet-700);
911
+ --rs-btn-ghost-hover-border: var(--rs-violet-900);
912
+ --rs-btn-ghost-hover-text: var(--rs-violet-800);
913
+ --rs-btn-ghost-active-border: var(--rs-violet-900);
914
+ --rs-btn-ghost-active-text: var(--rs-violet-900);
915
+ --rs-btn-link-text: var(--rs-violet-700);
916
+ --rs-btn-link-hover-text: var(--rs-violet-800);
917
+ --rs-btn-link-active-text: var(--rs-violet-900);
918
+ }
919
+ .rs-theme-dark .rs-btn-violet {
920
+ --rs-btn-primary-bg: var(--rs-violet-700);
921
+ --rs-btn-primary-hover-bg: var(--rs-violet-500);
922
+ --rs-btn-primary-active-bg: var(--rs-violet-400);
923
+ --rs-btn-subtle-hover-bg: var(--rs-violet-600);
924
+ --rs-btn-subtle-hover-text: #fff;
925
+ --rs-btn-subtle-active-bg: var(--rs-violet-400);
926
+ --rs-btn-subtle-active-text: #fff;
927
+ --rs-btn-ghost-border: var(--rs-violet-500);
928
+ --rs-btn-ghost-text: var(--rs-violet-500);
929
+ --rs-btn-ghost-hover-border: var(--rs-violet-400);
930
+ --rs-btn-ghost-hover-text: var(--rs-violet-400);
931
+ --rs-btn-ghost-active-border: var(--rs-violet-200);
932
+ --rs-btn-ghost-active-text: var(--rs-violet-200);
933
+ --rs-btn-link-text: var(--rs-violet-500);
934
+ --rs-btn-link-hover-text: var(--rs-violet-400);
935
+ --rs-btn-link-active-text: var(--rs-violet-200);
936
+ }
937
+ .rs-theme-high-contrast .rs-btn-violet {
938
+ --rs-btn-primary-bg: var(--rs-violet-700);
939
+ --rs-btn-primary-hover-bg: var(--rs-violet-600);
940
+ --rs-btn-primary-active-bg: var(--rs-violet-400);
941
+ --rs-btn-subtle-hover-bg: var(--rs-violet-600);
942
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
943
+ --rs-btn-subtle-active-bg: var(--rs-violet-400);
944
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
945
+ --rs-btn-ghost-border: var(--rs-violet-500);
946
+ --rs-btn-ghost-text: var(--rs-violet-500);
947
+ --rs-btn-ghost-hover-border: var(--rs-violet-400);
948
+ --rs-btn-ghost-hover-text: var(--rs-violet-400);
949
+ --rs-btn-ghost-active-border: var(--rs-violet-200);
950
+ --rs-btn-ghost-active-text: var(--rs-violet-200);
951
+ --rs-btn-link-text: var(--rs-violet-500);
952
+ --rs-btn-link-hover-text: var(--rs-violet-400);
953
+ --rs-btn-link-active-text: var(--rs-violet-200);
954
+ }
955
+ .rs-btn-lg {
956
+ font-size: 16px;
957
+ line-height: 22px;
958
+ padding: 10px 16px;
959
+ }
960
+ .rs-btn-ghost.rs-btn-lg {
961
+ padding: 9px 15px;
962
+ }
963
+ .rs-btn-icon.rs-btn-lg {
964
+ padding: 11px 11px;
965
+ line-height: 20px;
966
+ }
967
+ .rs-btn-icon.rs-btn-lg > .rs-icon {
968
+ font-size: 20px;
969
+ }
970
+ .rs-btn-icon-with-text.rs-btn-lg {
971
+ line-height: 22px;
972
+ }
973
+ .rs-btn-icon-with-text.rs-btn-lg > .rs-icon {
974
+ padding: 11px 11px;
975
+ width: 42px;
976
+ height: 42px;
977
+ }
978
+ .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left {
979
+ padding: 10px 16px 10px 58px;
980
+ }
981
+ .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
982
+ left: 0;
983
+ border-right: none;
984
+ border-right: var(--rs-btn-default-border, none);
985
+ }
986
+ .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
987
+ padding: 10px 58px 10px 16px;
988
+ }
989
+ .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
990
+ right: 0;
991
+ border-left: none;
992
+ border-left: var(--rs-btn-default-border, none);
993
+ }
994
+ .rs-btn-md {
995
+ font-size: 14px;
996
+ line-height: 20px;
997
+ padding: 8px 12px;
998
+ }
999
+ .rs-btn-ghost.rs-btn-md {
1000
+ padding: 7px 11px;
1001
+ }
1002
+ .rs-btn-icon.rs-btn-md {
1003
+ padding: 10px 10px;
1004
+ line-height: 16px;
1005
+ }
1006
+ .rs-btn-icon.rs-btn-md > .rs-icon {
1007
+ font-size: 16px;
1008
+ }
1009
+ .rs-btn-icon-with-text.rs-btn-md {
1010
+ line-height: 20px;
1011
+ }
1012
+ .rs-btn-icon-with-text.rs-btn-md > .rs-icon {
1013
+ padding: 10px 10px;
1014
+ width: 36px;
1015
+ height: 36px;
1016
+ }
1017
+ .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left {
1018
+ padding: 8px 12px 8px 48px;
1019
+ }
1020
+ .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left > .rs-icon {
1021
+ left: 0;
1022
+ border-right: none;
1023
+ border-right: var(--rs-btn-default-border, none);
1024
+ }
1025
+ .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
1026
+ padding: 8px 48px 8px 12px;
1027
+ }
1028
+ .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
1029
+ right: 0;
1030
+ border-left: none;
1031
+ border-left: var(--rs-btn-default-border, none);
1032
+ }
1033
+ .rs-btn-sm {
1034
+ font-size: 14px;
1035
+ line-height: 20px;
1036
+ padding: 5px 10px;
1037
+ }
1038
+ .rs-btn-ghost.rs-btn-sm {
1039
+ padding: 4px 9px;
1040
+ }
1041
+ .rs-btn-icon.rs-btn-sm {
1042
+ padding: 7px 7px;
1043
+ line-height: 16px;
1044
+ }
1045
+ .rs-btn-icon.rs-btn-sm > .rs-icon {
1046
+ font-size: 16px;
1047
+ }
1048
+ .rs-btn-icon-with-text.rs-btn-sm {
1049
+ line-height: 20px;
1050
+ }
1051
+ .rs-btn-icon-with-text.rs-btn-sm > .rs-icon {
1052
+ padding: 7px 7px;
1053
+ width: 30px;
1054
+ height: 30px;
1055
+ }
1056
+ .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left {
1057
+ padding: 5px 10px 5px 40px;
1058
+ }
1059
+ .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
1060
+ left: 0;
1061
+ border-right: none;
1062
+ border-right: var(--rs-btn-default-border, none);
1063
+ }
1064
+ .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
1065
+ padding: 5px 40px 5px 10px;
1066
+ }
1067
+ .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
1068
+ right: 0;
1069
+ border-left: none;
1070
+ border-left: var(--rs-btn-default-border, none);
1071
+ }
1072
+ .rs-btn-xs {
1073
+ font-size: 12px;
1074
+ line-height: 20px;
1075
+ padding: 2px 8px;
1076
+ }
1077
+ .rs-btn-ghost.rs-btn-xs {
1078
+ padding: 1px 7px;
1079
+ }
1080
+ .rs-btn-icon.rs-btn-xs {
1081
+ padding: 6px 6px;
1082
+ line-height: 12px;
1083
+ }
1084
+ .rs-btn-icon.rs-btn-xs > .rs-icon {
1085
+ font-size: 12px;
1086
+ }
1087
+ .rs-btn-icon-with-text.rs-btn-xs {
1088
+ line-height: 20px;
1089
+ }
1090
+ .rs-btn-icon-with-text.rs-btn-xs > .rs-icon {
1091
+ padding: 6px 6px;
1092
+ width: 24px;
1093
+ height: 24px;
1094
+ }
1095
+ .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left {
1096
+ padding: 2px 8px 2px 32px;
1097
+ }
1098
+ .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
1099
+ left: 0;
1100
+ border-right: none;
1101
+ border-right: var(--rs-btn-default-border, none);
1102
+ }
1103
+ .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
1104
+ padding: 2px 32px 2px 8px;
1105
+ }
1106
+ .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
1107
+ right: 0;
1108
+ border-left: none;
1109
+ border-left: var(--rs-btn-default-border, none);
1110
+ }
1111
+ .rs-btn-block {
1112
+ display: block;
1113
+ width: 100%;
1114
+ }
1115
+ .rs-btn-block + .rs-btn-block {
1116
+ margin-top: 5px;
1117
+ }
1118
+ .rs-btn-loading {
1119
+ color: transparent !important;
1120
+ position: relative;
1121
+ cursor: default;
1122
+ pointer-events: none;
1123
+ }
1124
+ .rs-btn-loading > .rs-btn-spin::before,
1125
+ .rs-btn-loading > .rs-btn-spin::after {
1126
+ content: '';
1127
+ position: absolute;
1128
+ width: 18px;
1129
+ height: 18px;
1130
+ margin: auto;
1131
+ top: 0;
1132
+ right: 0;
1133
+ bottom: 0;
1134
+ left: 0;
1135
+ border-radius: 50%;
1136
+ z-index: 1;
1137
+ }
1138
+ .rs-btn-xs.rs-btn-loading > .rs-btn-spin::before,
1139
+ .rs-btn-xs.rs-btn-loading > .rs-btn-spin::after {
1140
+ width: 16px;
1141
+ height: 16px;
1142
+ }
1143
+ .rs-btn-loading > .rs-btn-spin::before {
1144
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
1145
+ border: 3px solid var(--rs-loader-ring);
1146
+ }
1147
+ .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1148
+ border-color: rgba(248, 247, 250, 0.3);
1149
+ }
1150
+ .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1151
+ border-color: rgb(from #f7f7fa r g b / 30%);
1152
+ border-color: var(--rs-loader-ring-inverse);
1153
+ }
1154
+ .rs-btn-loading > .rs-btn-spin::after {
1155
+ border-width: 3px;
1156
+ border-color: #a6a6a6 transparent transparent;
1157
+ border-color: var(--rs-loader-rotor) transparent transparent;
1158
+ border-style: solid;
1159
+ -webkit-animation: buttonSpin 0.6s infinite linear;
1160
+ animation: buttonSpin 0.6s infinite linear;
1161
+ }
1162
+ .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1163
+ border-top-color: #fff;
1164
+ }
1165
+ .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1166
+ border-top-color: #fff;
1167
+ border-top-color: var(--rs-loader-rotor-inverse);
1168
+ }
1169
+ @-webkit-keyframes buttonSpin {
1170
+ from {
1171
+ -webkit-transform: rotate(0);
1172
+ transform: rotate(0);
1173
+ }
1174
+ to {
1175
+ -webkit-transform: rotate(360deg);
1176
+ transform: rotate(360deg);
1177
+ }
1178
+ }
1179
+ @keyframes buttonSpin {
1180
+ from {
1181
+ -webkit-transform: rotate(0);
1182
+ transform: rotate(0);
1183
+ }
1184
+ to {
1185
+ -webkit-transform: rotate(360deg);
1186
+ transform: rotate(360deg);
1187
+ }
1188
+ }
1189
+ .rs-picker-subtle .picker-subtle-toggle {
1190
+ position: relative;
1191
+ z-index: 5;
1192
+ padding-right: 32px;
1193
+ display: inline-block;
1194
+ }
1195
+ .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle {
1196
+ cursor: not-allowed;
1197
+ }
1198
+ .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover,
1199
+ .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus,
1200
+ .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active {
1201
+ background: none;
1202
+ }
1203
+ .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover::after,
1204
+ .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus::after,
1205
+ .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active::after {
1206
+ display: none;
1207
+ }
1208
+ .rs-calendar {
1209
+ padding-top: 12px;
1210
+ position: relative;
1211
+ min-height: 266px;
1212
+ overflow: hidden;
1213
+ }
1214
+ .rs-calendar-bordered .rs-calendar-table {
1215
+ border: 1px solid #e5e5ea;
1216
+ border: 1px solid var(--rs-border-primary);
1217
+ border-radius: 6px;
1218
+ }
1219
+ .rs-calendar-bordered .rs-calendar-table-row:not(:last-child) .rs-calendar-table-cell,
1220
+ .rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-header-cell {
1221
+ border-bottom: 1px solid #f2f2f5;
1222
+ border-bottom: 1px solid var(--rs-border-secondary);
1223
+ }
1224
+ .rs-calendar-bordered .rs-calendar-month-dropdown {
1225
+ border: 1px solid #e5e5ea;
1226
+ border: 1px solid var(--rs-border-primary);
1227
+ border-radius: 6px;
1228
+ }
1229
+ .rs-calendar-panel .rs-calendar-header {
1230
+ width: 100%;
1231
+ padding-bottom: 6px;
1232
+ }
1233
+ .rs-calendar-panel .rs-calendar-header::before,
1234
+ .rs-calendar-panel .rs-calendar-header::after {
1235
+ content: ' ';
1236
+ display: table;
1237
+ }
1238
+ .rs-calendar-panel .rs-calendar-header::after {
1239
+ clear: both;
1240
+ }
1241
+ .rs-calendar-panel .rs-calendar-header .rs-calendar-btn-today {
1242
+ float: right;
1243
+ }
1244
+ .rs-calendar-panel .rs-calendar-header-forward,
1245
+ .rs-calendar-panel .rs-calendar-header-backward {
1246
+ float: none !important;
1247
+ }
1248
+ .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-forward,
1249
+ .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-backward {
1250
+ display: inline-block;
1251
+ visibility: hidden;
1252
+ pointer-events: none;
1253
+ }
1254
+ .rs-calendar-panel .rs-calendar-header-month-toolbar {
1255
+ width: auto !important;
1256
+ }
1257
+ .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-month-toolbar {
1258
+ padding-left: 0;
1259
+ padding-right: 0;
1260
+ }
1261
+ .rs-calendar-panel .rs-calendar-month-view {
1262
+ padding-left: 0;
1263
+ padding-right: 0;
1264
+ }
1265
+ .rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-header-cell-content {
1266
+ padding-top: 8px;
1267
+ padding-bottom: 8px;
1268
+ }
1269
+ .rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-day {
1270
+ color: #fff;
1271
+ color: var(--rs-calendar-today-text);
1272
+ width: 20px;
1273
+ height: 20px;
1274
+ background-color: #3498ff;
1275
+ background-color: var(--rs-calendar-today-bg);
1276
+ border-radius: 50%;
1277
+ margin-left: auto;
1278
+ margin-right: auto;
1279
+ }
1280
+ .rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
1281
+ -webkit-box-shadow: none;
1282
+ box-shadow: none;
1283
+ }
1284
+ .rs-calendar-panel .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
1285
+ background-color: inherit;
1286
+ color: inherit;
1287
+ -webkit-box-shadow: inset 0 0 0 1px #3498ff;
1288
+ -webkit-box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
1289
+ box-shadow: inset 0 0 0 1px #3498ff;
1290
+ box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
1291
+ }
1292
+ .rs-calendar-panel .rs-calendar-table-cell-day {
1293
+ margin-top: 3px;
1294
+ display: block;
1295
+ text-align: center;
1296
+ }
1297
+ .rs-calendar-panel .rs-calendar-month-dropdown {
1298
+ margin-top: -2px;
1299
+ margin-left: 12px;
1300
+ margin-right: 12px;
1301
+ top: 54px;
1302
+ width: calc(100% - 24px);
1303
+ }
1304
+ .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-month-dropdown-scroll {
1305
+ height: 644px;
1306
+ }
1307
+ .rs-calendar-panel.rs-calendar-compact .rs-calendar-month-dropdown-scroll {
1308
+ height: 344px;
1309
+ }
1310
+ .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
1311
+ width: 100%;
1312
+ height: 100px;
1313
+ overflow: hidden;
1314
+ }
1315
+ .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-cell {
1316
+ vertical-align: top;
1317
+ }
1318
+ .rs-calendar-panel .rs-calendar-table-cell {
1319
+ padding: 0 1px;
1320
+ line-height: 0;
1321
+ }
1322
+ .rs-calendar-panel .rs-calendar-table-cell-content {
1323
+ width: 100%;
1324
+ border-radius: 0;
1325
+ }
1326
+ .rs-calendar-panel .rs-calendar-table-row:last-child :first-child .rs-calendar-table-cell-content {
1327
+ border-bottom-left-radius: 6px;
1328
+ }
1329
+ .rs-calendar-panel .rs-calendar-table-row:last-child :last-child .rs-calendar-table-cell-content {
1330
+ border-bottom-right-radius: 6px;
1331
+ }
1332
+ .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
1333
+ height: 50px;
1334
+ }
1335
+ .rs-calendar-btn-close {
1336
+ position: absolute;
1337
+ bottom: 0;
1338
+ left: 0;
1339
+ right: 0;
1340
+ height: 14px;
1341
+ padding: 0;
1342
+ border: 0;
1343
+ display: -webkit-box;
1344
+ display: -ms-flexbox;
1345
+ display: flex;
1346
+ -webkit-box-pack: center;
1347
+ -ms-flex-pack: center;
1348
+ justify-content: center;
1349
+ background: #fff;
1350
+ background: var(--rs-bg-overlay);
1351
+ z-index: 1;
1352
+ }
1353
+ .rs-calendar-panel .rs-calendar-btn-close {
1354
+ bottom: 11px;
1355
+ margin: 0 20px;
1356
+ }
1357
+ .rs-calendar-month-view .rs-calendar-header-month-toolbar {
1358
+ padding-left: 24px;
1359
+ padding-right: 24px;
1360
+ }
1361
+ .rs-calendar-month-view .rs-calendar-header-backward,
1362
+ .rs-calendar-month-view .rs-calendar-header-forward {
1363
+ display: none;
1364
+ }
1365
+ .rs-calendar-month-view .rs-calendar-header-title-date {
1366
+ color: #1675e0;
1367
+ color: var(--rs-text-active);
1368
+ background: transparent;
1369
+ }
1370
+ .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error {
1371
+ color: #f44336;
1372
+ color: var(--rs-text-error);
1373
+ }
1374
+ .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus,
1375
+ .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
1376
+ color: #fff !important;
1377
+ }
1378
+ .rs-calendar-time-view .rs-calendar-header-title-time {
1379
+ color: #1675e0;
1380
+ color: var(--rs-text-active);
1381
+ background: transparent;
1382
+ }
1383
+ .rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error {
1384
+ color: #f44336;
1385
+ color: var(--rs-text-error);
1386
+ }
1387
+ .rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
1388
+ color: #fff;
1389
+ }
1390
+ .rs-calendar-table-cell-selected,
1391
+ .rs-calendar-table-cell-in-range {
1392
+ position: relative;
1393
+ }
1394
+ .rs-calendar-table-cell-selected::before,
1395
+ .rs-calendar-table-cell-in-range::before {
1396
+ content: '';
1397
+ display: block;
1398
+ width: 100%;
1399
+ margin-top: 4px;
1400
+ height: 24px;
1401
+ position: absolute;
1402
+ z-index: 0;
1403
+ top: 0;
1404
+ }
1405
+ .rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
1406
+ .rs-calendar-table-cell-in-range .rs-calendar-table-cell-content {
1407
+ z-index: 1;
1408
+ position: relative;
1409
+ }
1410
+ .rs-calendar-table-cell-in-range::before {
1411
+ background-color: rgb(from #cce9ff r g b / 50%);
1412
+ background-color: var(--rs-calendar-range-bg);
1413
+ }
1414
+ .rs-calendar-table-cell-in-range:hover::before {
1415
+ display: none;
1416
+ }
1417
+ .rs-calendar-month-dropdown-scroll div:focus {
1418
+ outline: none;
1419
+ }
1420
+ .rs-calendar-header {
1421
+ width: 280px;
1422
+ padding-left: 12px;
1423
+ padding-right: 12px;
1424
+ }
1425
+ .rs-calendar-header::before,
1426
+ .rs-calendar-header::after {
1427
+ content: ' ';
1428
+ display: table;
1429
+ }
1430
+ .rs-calendar-header::after {
1431
+ clear: both;
1432
+ }
1433
+ .rs-calendar-header-month-toolbar,
1434
+ .rs-calendar-header-time-toolbar {
1435
+ display: inline-block;
1436
+ }
1437
+ .rs-calendar-header-month-toolbar {
1438
+ float: left;
1439
+ }
1440
+ .rs-calendar-header-time-toolbar {
1441
+ float: right;
1442
+ }
1443
+ .rs-calendar-header-title {
1444
+ margin: 0 4px;
1445
+ }
1446
+ .rs-calendar-header-meridian {
1447
+ font-size: 12px;
1448
+ margin-left: 4px;
1449
+ }
1450
+ .rs-calendar-header-error {
1451
+ color: #575757;
1452
+ color: var(--rs-btn-subtle-text);
1453
+ background-color: transparent;
1454
+ border: none;
1455
+ --rs-btn-subtle-text: var(--rs-red-500);
1456
+ --rs-btn-subtle-hover-bg: var(--rs-red-500);
1457
+ --rs-btn-subtle-hover-text: #fff;
1458
+ --rs-btn-subtle-active-bg: var(--rs-red-600);
1459
+ --rs-btn-subtle-active-text: #fff;
1460
+ }
1461
+ .rs-calendar-header-error:hover,
1462
+ .rs-calendar-header-error:focus {
1463
+ color: #575757;
1464
+ color: var(--rs-btn-subtle-hover-text);
1465
+ background-color: #e5e5ea;
1466
+ background-color: var(--rs-btn-subtle-hover-bg);
1467
+ }
1468
+ .rs-calendar-header-error:active,
1469
+ .rs-calendar-header-error.rs-btn-active {
1470
+ color: #272c36;
1471
+ color: var(--rs-btn-subtle-active-text);
1472
+ background-color: #e5e5ea;
1473
+ background-color: var(--rs-btn-subtle-active-bg);
1474
+ }
1475
+ .rs-calendar-header-error:disabled,
1476
+ .rs-calendar-header-error.rs-btn-disabled {
1477
+ color: #c5c6c7;
1478
+ color: var(--rs-btn-subtle-disabled-text);
1479
+ background: none;
1480
+ }
1481
+ .rs-theme-high-contrast .rs-calendar-header-error:disabled,
1482
+ .rs-theme-high-contrast .rs-calendar-header-error.rs-btn-disabled {
1483
+ opacity: 0.5;
1484
+ }
1485
+ .rs-theme-dark .rs-calendar-header-error {
1486
+ --rs-btn-subtle-hover-bg: var(--rs-red-600);
1487
+ --rs-btn-subtle-active-bg: var(--rs-red-400);
1488
+ }
1489
+ .rs-calendar-header-btn-disabled,
1490
+ .rs-calendar-header-btn-disabled:hover,
1491
+ .rs-calendar-header-btn-disabled:hover:focus {
1492
+ cursor: not-allowed;
1493
+ opacity: 0.3;
1494
+ background: none;
1495
+ }
1496
+ .rs-calendar-header-btn-disabled::after {
1497
+ display: none !important;
1498
+ }
1499
+ .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) {
1500
+ margin: 0 auto;
1501
+ padding-left: 12px;
1502
+ padding-right: 12px;
1503
+ }
1504
+ .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar {
1505
+ display: block;
1506
+ text-align: center;
1507
+ width: 100%;
1508
+ }
1509
+ .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar::before,
1510
+ .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar::after {
1511
+ content: ' ';
1512
+ display: table;
1513
+ }
1514
+ .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar::after {
1515
+ clear: both;
1516
+ }
1517
+ .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-backward {
1518
+ float: left;
1519
+ }
1520
+ .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-forward {
1521
+ float: right;
1522
+ }
1523
+ .rs-calendar-header-has-time:not(.rs-calendar-header-has-month) {
1524
+ margin: 0 auto;
1525
+ text-align: center;
1526
+ }
1527
+ .rs-calendar-header-has-time:not(.rs-calendar-header-has-month) .rs-calendar-header-time-toolbar {
1528
+ float: none;
1529
+ display: inline-block;
1530
+ }
1531
+ .rs-calendar-header-has-month.rs-calendar-header-has-time {
1532
+ margin: 0 auto;
1533
+ }
1534
+ /* rtl:begin:ignore */
1535
+ /* stylelint-disable-next-line */
1536
+ [dir='rtl'] .rs-calendar-header-backward .rs-icon,
1537
+ [dir='rtl'] .rs-calendar-header-forward .rs-icon {
1538
+ -webkit-transform: rotate(180deg);
1539
+ transform: rotate(180deg);
1540
+ }
1541
+ /* rtl:end:ignore */
1542
+ .rs-calendar-body {
1543
+ padding: 4px 12px 12px;
1544
+ }
1545
+ .rs-calendar-table {
1546
+ display: table;
1547
+ table-layout: fixed;
1548
+ width: 100%;
1549
+ }
1550
+ .rs-calendar-table-row {
1551
+ display: table-row;
1552
+ }
1553
+ .rs-calendar-table-row:nth-child(2) .rs-calendar-table-cell-week-number {
1554
+ border-top-left-radius: 6px;
1555
+ border-top-right-radius: 6px;
1556
+ }
1557
+ .rs-calendar-table-row:last-child .rs-calendar-table-cell-week-number {
1558
+ border-bottom-left-radius: 6px;
1559
+ border-bottom-right-radius: 6px;
1560
+ }
1561
+ .rs-calendar-table-cell,
1562
+ .rs-calendar-table-header-cell {
1563
+ display: table-cell;
1564
+ width: 1%;
1565
+ padding: 1px 0;
1566
+ text-align: center;
1567
+ vertical-align: middle;
1568
+ }
1569
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content,
1570
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content,
1571
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content,
1572
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content,
1573
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
1574
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
1575
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
1576
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
1577
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content:hover,
1578
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
1579
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content:hover,
1580
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
1581
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
1582
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
1583
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
1584
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
1585
+ color: #c5c6c7;
1586
+ color: var(--rs-text-disabled);
1587
+ }
1588
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
1589
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
1590
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
1591
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
1592
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
1593
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
1594
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
1595
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
1596
+ background: none;
1597
+ text-decoration: line-through;
1598
+ cursor: not-allowed;
1599
+ }
1600
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
1601
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
1602
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
1603
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
1604
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
1605
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
1606
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
1607
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
1608
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
1609
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
1610
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
1611
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
1612
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
1613
+ .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,
1614
+ .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,
1615
+ .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 {
1616
+ color: #fff;
1617
+ color: var(--rs-calendar-date-selected-text);
1618
+ background-color: #3498ff;
1619
+ background-color: var(--rs-bg-active);
1620
+ -webkit-box-shadow: none;
1621
+ box-shadow: none;
1622
+ }
1623
+ .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,
1624
+ .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,
1625
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
1626
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
1627
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
1628
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
1629
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
1630
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
1631
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
1632
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
1633
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
1634
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
1635
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
1636
+ .rs-theme-high-contrast .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,
1637
+ .rs-theme-high-contrast .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,
1638
+ .rs-theme-high-contrast .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 {
1639
+ text-decoration: underline;
1640
+ }
1641
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
1642
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
1643
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
1644
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content,
1645
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
1646
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
1647
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
1648
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content {
1649
+ opacity: 0.3;
1650
+ }
1651
+ .rs-calendar-table-cell-content {
1652
+ display: inline-block;
1653
+ font-size: 14px;
1654
+ line-height: 1.42857143;
1655
+ padding: 5px;
1656
+ cursor: pointer;
1657
+ border-radius: 6px;
1658
+ }
1659
+ .rs-calendar-table-cell-content:hover {
1660
+ background-color: #f2faff;
1661
+ background-color: var(--rs-state-hover-bg);
1662
+ }
1663
+ .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
1664
+ -webkit-box-shadow: inset 0 0 0 1px #3498ff;
1665
+ -webkit-box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
1666
+ box-shadow: inset 0 0 0 1px #3498ff;
1667
+ box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
1668
+ }
1669
+ .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
1670
+ color: #fff;
1671
+ color: var(--rs-calendar-date-selected-text);
1672
+ background-color: #3498ff;
1673
+ background-color: var(--rs-bg-active);
1674
+ -webkit-box-shadow: none;
1675
+ box-shadow: none;
1676
+ }
1677
+ .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
1678
+ text-decoration: underline;
1679
+ }
1680
+ .rs-calendar-table-header-cell-content {
1681
+ display: inline-block;
1682
+ color: #8e8e93;
1683
+ color: var(--rs-text-secondary);
1684
+ font-size: 12px;
1685
+ line-height: 1.66666667;
1686
+ padding-top: 2px;
1687
+ padding-bottom: 2px;
1688
+ }
1689
+ .rs-calendar-table-header-cell-content,
1690
+ .rs-calendar-table-header-cell-content:hover,
1691
+ .rs-calendar-table-header-cell-content:focus,
1692
+ .rs-calendar-table-header-cell-content:hover:focus {
1693
+ background: none;
1694
+ cursor: auto;
1695
+ }
1696
+ .rs-calendar-table-cell-week-number {
1697
+ display: table-cell;
1698
+ min-width: 30px;
1699
+ padding: 1px;
1700
+ text-align: center;
1701
+ vertical-align: middle;
1702
+ color: #8e8e93;
1703
+ color: var(--rs-text-secondary);
1704
+ background-color: #f7f7fa;
1705
+ background-color: var(--rs-bg-well);
1706
+ font-size: 12px;
1707
+ }
1708
+ .rs-calendar-month-dropdown {
1709
+ display: none;
1710
+ position: absolute;
1711
+ top: 44px;
1712
+ border-top: 1px solid #e5e5ea;
1713
+ border-top: 1px solid var(--rs-border-primary);
1714
+ margin-top: 0;
1715
+ width: 100%;
1716
+ background-color: #fff;
1717
+ background-color: var(--rs-bg-overlay);
1718
+ overflow: hidden;
1719
+ z-index: 1;
1720
+ }
1721
+ .rs-calendar-month-view .rs-calendar-month-dropdown {
1722
+ display: block;
1723
+ }
1724
+ .rs-calendar-month-view .rs-calendar-month-dropdown-content {
1725
+ -webkit-animation: 0.3s linear slideDown;
1726
+ animation: 0.3s linear slideDown;
1727
+ }
1728
+ .rs-calendar-month-dropdown-scroll {
1729
+ height: 230px;
1730
+ }
1731
+ .rs-calendar-month-dropdown-row {
1732
+ position: relative;
1733
+ padding-left: 50px;
1734
+ padding-right: 12px;
1735
+ padding-top: 5px;
1736
+ padding-bottom: 5px;
1737
+ }
1738
+ .rs-calendar-month-dropdown-row:not(:last-child) {
1739
+ border-bottom: 1px dashed #e5e5ea;
1740
+ border-bottom: 1px dashed var(--rs-border-primary);
1741
+ }
1742
+ .rs-calendar-month-dropdown-year {
1743
+ position: absolute;
1744
+ top: calc(50% - 0.5em);
1745
+ left: 12px;
1746
+ }
1747
+ .rs-calendar-month-dropdown-year-active {
1748
+ color: #1675e0;
1749
+ color: var(--rs-text-active);
1750
+ }
1751
+ .rs-calendar-month-dropdown-list {
1752
+ display: block;
1753
+ min-width: 200px;
1754
+ }
1755
+ .rs-calendar-month-dropdown-list::before,
1756
+ .rs-calendar-month-dropdown-list::after {
1757
+ content: ' ';
1758
+ display: table;
1759
+ }
1760
+ .rs-calendar-month-dropdown-list::after {
1761
+ clear: both;
1762
+ }
1763
+ .rs-calendar-month-dropdown-cell {
1764
+ display: inline-block;
1765
+ float: left;
1766
+ margin: 1px;
1767
+ text-align: center;
1768
+ vertical-align: middle;
1769
+ }
1770
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1771
+ .rs-calendar-month-dropdown-cell {
1772
+ width: calc((100% - 1px * 12 - 1px) / 6);
1773
+ }
1774
+ }
1775
+ @supports (-ms-ime-align: auto) {
1776
+ .rs-calendar-month-dropdown-cell {
1777
+ width: calc((100% - 1px * 12 - 1px) / 6);
1778
+ }
1779
+ }
1780
+ .rs-calendar-month-dropdown-cell-content {
1781
+ display: inline-block;
1782
+ font-size: 14px;
1783
+ line-height: 1.42857143;
1784
+ padding: 5px;
1785
+ cursor: pointer;
1786
+ border-radius: 6px;
1787
+ }
1788
+ .rs-calendar-month-dropdown-cell-content:hover {
1789
+ background-color: #f2faff;
1790
+ background-color: var(--rs-state-hover-bg);
1791
+ }
1792
+ .rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content {
1793
+ color: #c5c6c7;
1794
+ color: var(--rs-text-disabled);
1795
+ background: none;
1796
+ text-decoration: line-through;
1797
+ cursor: not-allowed;
1798
+ }
1799
+ .rs-calendar-month-dropdown-cell-active.disabled .rs-calendar-month-dropdown-cell-content {
1800
+ opacity: 0.3;
1801
+ cursor: not-allowed;
1802
+ }
1803
+ .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
1804
+ color: #fff;
1805
+ color: var(--rs-calendar-date-selected-text);
1806
+ background-color: #3498ff;
1807
+ background-color: var(--rs-bg-active);
1808
+ -webkit-box-shadow: none;
1809
+ box-shadow: none;
1810
+ }
1811
+ .rs-theme-high-contrast .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
1812
+ text-decoration: underline;
1813
+ }
1814
+ .rs-calendar-time-dropdown {
1815
+ display: none;
1816
+ position: absolute;
1817
+ top: 44px;
1818
+ padding-left: 12px;
1819
+ padding-right: 12px;
1820
+ width: 100%;
1821
+ background-color: #fff;
1822
+ background-color: var(--rs-bg-overlay);
1823
+ color: #575757;
1824
+ color: var(--rs-text-primary);
1825
+ overflow: hidden;
1826
+ z-index: 1;
1827
+ }
1828
+ .rs-calendar-time-view .rs-calendar-time-dropdown {
1829
+ display: block;
1830
+ }
1831
+ .rs-calendar-time-view .rs-calendar-time-dropdown-content {
1832
+ -webkit-animation: 0.3s linear slideDown;
1833
+ animation: 0.3s linear slideDown;
1834
+ }
1835
+ .rs-calendar-time-dropdown-row {
1836
+ display: table;
1837
+ width: 100%;
1838
+ }
1839
+ .rs-calendar-time-dropdown-column {
1840
+ display: table-cell;
1841
+ width: 1%;
1842
+ }
1843
+ .rs-calendar-time-dropdown-column > ul,
1844
+ .rs-calendar-time-dropdown-column > ul > li {
1845
+ list-style: none;
1846
+ margin: 0;
1847
+ padding: 0;
1848
+ }
1849
+ .rs-calendar-time-dropdown-column > ul {
1850
+ height: 230px;
1851
+ overflow-y: auto;
1852
+ padding-bottom: 200px;
1853
+ }
1854
+ .rs-calendar-time-dropdown-column-title {
1855
+ width: 100%;
1856
+ background-color: #f7f7fa;
1857
+ background-color: var(--rs-calendar-time-unit-bg);
1858
+ color: #8e8e93;
1859
+ color: var(--rs-text-secondary);
1860
+ text-align: center;
1861
+ font-size: 12px;
1862
+ line-height: 1.66666667;
1863
+ padding-top: 2px;
1864
+ padding-bottom: 2px;
1865
+ }
1866
+ .rs-calendar-time-dropdown-cell {
1867
+ font-size: 14px;
1868
+ line-height: 20px;
1869
+ color: inherit;
1870
+ padding: 5px;
1871
+ display: block;
1872
+ text-align: center;
1873
+ cursor: pointer;
1874
+ }
1875
+ .rs-calendar-time-dropdown-cell,
1876
+ .rs-calendar-time-dropdown-cell:hover,
1877
+ .rs-calendar-time-dropdown-cell:focus {
1878
+ text-decoration: none;
1879
+ }
1880
+ .rs-calendar-time-dropdown-cell:hover {
1881
+ background-color: rgb(from #cce9ff r g b / 50%);
1882
+ background-color: var(--rs-listbox-option-hover-bg);
1883
+ color: #1675e0;
1884
+ color: var(--rs-listbox-option-hover-text);
1885
+ }
1886
+ .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
1887
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1888
+ outline: 3px solid var(--rs-color-focus-ring);
1889
+ outline-offset: -3px;
1890
+ outline-width: 2px;
1891
+ color: #1675e0;
1892
+ color: var(--rs-listbox-option-hover-text);
1893
+ text-decoration: underline;
1894
+ }
1895
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
1896
+ outline-offset: 2px;
1897
+ }
1898
+ .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
1899
+ background-color: #3498ff;
1900
+ background-color: var(--rs-bg-active);
1901
+ color: #fff;
1902
+ color: var(--rs-calendar-date-selected-text);
1903
+ }
1904
+ .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
1905
+ background-color: rgb(from #cce9ff r g b / 50%);
1906
+ background-color: var(--rs-listbox-option-hover-bg);
1907
+ color: #1675e0;
1908
+ color: var(--rs-listbox-option-hover-text);
1909
+ }
1910
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
1911
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1912
+ outline: 3px solid var(--rs-color-focus-ring);
1913
+ outline-offset: -3px;
1914
+ outline-width: 2px;
1915
+ color: #1675e0;
1916
+ color: var(--rs-listbox-option-hover-text);
1917
+ text-decoration: underline;
1918
+ }
1919
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
1920
+ outline-offset: 2px;
1921
+ }
1922
+ .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
1923
+ color: #c5c6c7;
1924
+ color: var(--rs-text-disabled);
1925
+ background: none;
1926
+ cursor: not-allowed;
1927
+ text-decoration: line-through;
1928
+ }
1929
+ .rs-calendar-time-dropdown-cell-active.rs-calendar-time-dropdown-cell-disabled.rs-calendar-time-dropdown-cell {
1930
+ opacity: 0.3;
1931
+ cursor: not-allowed;
1932
+ }
1933
+ @-webkit-keyframes slideDown {
1934
+ from {
1935
+ -webkit-transform: translateY(-100%);
1936
+ transform: translateY(-100%);
1937
+ }
1938
+ to {
1939
+ -webkit-transform: translateY(0);
1940
+ transform: translateY(0);
1941
+ }
1942
+ }
1943
+ @keyframes slideDown {
1944
+ from {
1945
+ -webkit-transform: translateY(-100%);
1946
+ transform: translateY(-100%);
1947
+ }
1948
+ to {
1949
+ -webkit-transform: translateY(0);
1950
+ transform: translateY(0);
1951
+ }
1952
+ }
1953
+
1954
+ /*# sourceMappingURL=index.css.map */