rsuite 6.0.0-canary-20250507 → 6.0.0-canary-2025062016

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 (936) hide show
  1. package/Accordion/styles/index.css +645 -325
  2. package/Animation/styles/index.css +153 -141
  3. package/AutoComplete/styles/index.css +2408 -2061
  4. package/Avatar/styles/index.css +227 -76
  5. package/AvatarGroup/styles/index.css +280 -107
  6. package/Badge/styles/index.css +335 -174
  7. package/Box/styles/index.css +132 -94
  8. package/Breadcrumb/styles/index.css +225 -71
  9. package/Button/styles/index.css +1199 -1016
  10. package/ButtonGroup/styles/index.css +221 -54
  11. package/ButtonToolbar/styles/index.css +274 -98
  12. package/CHANGELOG.md +66 -0
  13. package/Calendar/styles/index.css +1866 -1737
  14. package/Card/styles/index.css +242 -92
  15. package/CardGroup/styles/index.css +185 -6
  16. package/Carousel/styles/index.css +369 -213
  17. package/CascadeTree/styles/index.css +376 -237
  18. package/Cascader/styles/index.css +2494 -2146
  19. package/Center/styles/index.css +185 -6
  20. package/CheckPicker/styles/index.css +2555 -2193
  21. package/CheckTree/styles/index.css +2640 -2276
  22. package/CheckTreePicker/styles/index.css +2652 -2286
  23. package/Checkbox/styles/index.css +409 -251
  24. package/CheckboxGroup/styles/index.css +189 -25
  25. package/Container/styles/index.css +186 -20
  26. package/Content/styles/index.css +181 -15
  27. package/DateInput/styles/index.css +317 -164
  28. package/DatePicker/styles/index.css +3108 -2800
  29. package/DateRangeInput/styles/index.css +317 -164
  30. package/DateRangePicker/styles/index.css +3200 -2884
  31. package/Divider/styles/index.css +251 -96
  32. package/Drawer/styles/index.css +461 -312
  33. package/Dropdown/styles/index.css +1497 -1329
  34. package/FlexboxGrid/styles/index.css +498 -284
  35. package/Footer/styles/index.css +181 -23
  36. package/Form/styles/index.css +178 -12
  37. package/FormControl/styles/index.css +210 -44
  38. package/FormControlLabel/styles/index.css +190 -31
  39. package/FormErrorMessage/styles/index.css +332 -208
  40. package/FormGroup/styles/index.css +216 -48
  41. package/FormHelpText/styles/index.css +203 -44
  42. package/FormStack/styles/index.css +191 -26
  43. package/Grid/styles/index.css +2042 -1743
  44. package/Header/styles/index.css +181 -23
  45. package/Heading/styles/index.css +238 -73
  46. package/HeadingGroup/styles/index.css +181 -2
  47. package/Highlight/styles/index.css +190 -5
  48. package/IconButton/styles/index.css +1343 -1163
  49. package/Image/styles/index.css +216 -22
  50. package/InlineEdit/styles/index.css +378 -84
  51. package/Input/styles/index.css +317 -164
  52. package/InputGroup/styles/index.css +446 -1219
  53. package/InputNumber/styles/index.css +1565 -1366
  54. package/InputPicker/styles/index.css +2497 -2156
  55. package/Kbd/styles/index.css +258 -107
  56. package/Link/styles/index.css +203 -23
  57. package/List/styles/index.css +311 -158
  58. package/Loader/styles/index.css +354 -206
  59. package/Menu/styles/index.css +325 -186
  60. package/Message/styles/index.css +494 -408
  61. package/Modal/styles/index.css +394 -224
  62. package/MultiCascadeTree/styles/index.css +2694 -2331
  63. package/MultiCascader/styles/index.css +2710 -2346
  64. package/Nav/styles/index.css +1801 -1636
  65. package/Navbar/styles/index.css +1751 -1564
  66. package/Notification/styles/index.css +369 -221
  67. package/NumberInput/styles/index.css +1565 -1366
  68. package/Pagination/styles/index.css +2625 -2390
  69. package/Panel/styles/index.css +624 -305
  70. package/PanelGroup/styles/index.css +212 -55
  71. package/PasswordInput/styles/index.css +559 -164
  72. package/PasswordStrengthMeter/styles/index.css +224 -32
  73. package/PinInput/styles/index.css +381 -207
  74. package/Placeholder/styles/index.css +364 -200
  75. package/Popover/styles/index.css +468 -298
  76. package/Progress/styles/index.css +517 -236
  77. package/ProgressCircle/package.json +3 -3
  78. package/ProgressCircle/styles/index.css +248 -0
  79. package/README.md +1 -1
  80. package/Radio/styles/index.css +406 -242
  81. package/RadioGroup/styles/index.css +277 -124
  82. package/RadioTile/styles/index.css +286 -133
  83. package/RadioTileGroup/styles/index.css +0 -0
  84. package/RangeSlider/styles/index.css +599 -458
  85. package/Rate/styles/index.css +318 -179
  86. package/SegmentedControl/package.json +7 -0
  87. package/SegmentedControl/styles/index.css +157 -0
  88. package/SelectPicker/styles/index.css +2430 -2088
  89. package/Sidebar/styles/index.css +188 -28
  90. package/Sidenav/styles/index.css +764 -591
  91. package/Slider/styles/index.css +599 -458
  92. package/Stack/styles/index.css +268 -93
  93. package/Stat/styles/index.css +1620 -1454
  94. package/StatGroup/styles/index.css +185 -6
  95. package/Steps/styles/index.css +384 -234
  96. package/Table/styles/index.css +626 -497
  97. package/Tabs/styles/index.css +1815 -1649
  98. package/Tag/styles/index.css +1487 -139
  99. package/TagGroup/styles/index.css +185 -19
  100. package/TagInput/styles/index.css +2831 -2469
  101. package/TagPicker/styles/index.css +2827 -2466
  102. package/Text/styles/index.css +398 -224
  103. package/Textarea/styles/index.css +184 -5
  104. package/TimePicker/styles/index.css +3108 -2800
  105. package/TimeRangePicker/styles/index.css +3200 -2884
  106. package/Timeline/styles/index.css +305 -148
  107. package/Toggle/styles/index.css +606 -429
  108. package/Tooltip/styles/index.css +347 -214
  109. package/Tree/styles/index.css +2538 -2197
  110. package/TreePicker/styles/index.css +2548 -2206
  111. package/Uploader/styles/index.css +1680 -1612
  112. package/VisuallyHidden/styles/index.css +11 -11
  113. package/cjs/Affix/Affix.js +1 -2
  114. package/cjs/Animation/Bounce.js +4 -5
  115. package/cjs/Animation/Collapse.js +1 -2
  116. package/cjs/Animation/Fade.js +5 -6
  117. package/cjs/Animation/Slide.js +5 -6
  118. package/cjs/AutoComplete/AutoComplete.js +1 -2
  119. package/cjs/Avatar/Avatar.js +1 -2
  120. package/cjs/AvatarGroup/AvatarGroup.js +1 -2
  121. package/cjs/Badge/Badge.js +1 -2
  122. package/cjs/Breadcrumb/Breadcrumb.js +1 -2
  123. package/cjs/Button/Button.js +1 -2
  124. package/cjs/ButtonGroup/ButtonGroup.js +1 -2
  125. package/cjs/Calendar/CalendarContainer.js +1 -2
  126. package/cjs/Calendar/CalendarHeader.js +1 -2
  127. package/cjs/Calendar/Grid/GridRow.js +1 -2
  128. package/cjs/Calendar/MonthDropdown/MonthDropdown.js +17 -22
  129. package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js +1 -2
  130. package/cjs/Calendar/TimeDropdown/TimeDropdown.js +1 -2
  131. package/cjs/Calendar/TimeDropdown/utils/scrollToTime.js +1 -2
  132. package/cjs/Calendar/hooks/useCalendarDate.js +3 -6
  133. package/cjs/Carousel/Carousel.js +1 -2
  134. package/cjs/CascadeTree/CascadeTree.js +1 -2
  135. package/cjs/CascadeTree/TreeView.js +1 -2
  136. package/cjs/CascadeTree/hooks/usePaths.js +7 -8
  137. package/cjs/Cascader/Cascader.js +1 -2
  138. package/cjs/CheckPicker/CheckPicker.js +1 -2
  139. package/cjs/CheckTree/CheckTree.js +1 -2
  140. package/cjs/CheckTree/CheckTreeNode.js +1 -2
  141. package/cjs/CheckTree/CheckTreeView.js +17 -22
  142. package/cjs/CheckTree/hooks/useTreeNodeProps.js +1 -2
  143. package/cjs/CheckTree/hooks/useTreeValue.js +4 -5
  144. package/cjs/CheckTreePicker/CheckTreePicker.d.ts +4 -0
  145. package/cjs/CheckTreePicker/CheckTreePicker.js +29 -2
  146. package/cjs/Checkbox/Checkbox.js +1 -2
  147. package/cjs/CheckboxGroup/CheckboxGroup.js +1 -2
  148. package/cjs/Container/Container.js +1 -2
  149. package/cjs/CustomProvider/CustomProvider.js +14 -4
  150. package/cjs/DOMHelper/index.js +1 -2
  151. package/cjs/DateInput/DateInput.js +5 -2
  152. package/cjs/DateInput/hooks/useDateInputState.js +6 -7
  153. package/cjs/DateInput/hooks/useIsFocused.js +4 -5
  154. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +7 -8
  155. package/cjs/DateInput/test/types/TestKeyPressProps.d.ts +6 -0
  156. package/cjs/DateInput/test/types/TestKeyPressProps.js +4 -0
  157. package/cjs/DatePicker/DatePicker.js +3 -10
  158. package/cjs/DatePicker/PredefinedRanges.js +1 -2
  159. package/cjs/DatePicker/Toolbar.js +6 -7
  160. package/cjs/DatePicker/utils.js +14 -24
  161. package/cjs/DateRangeInput/DateRangeInput.js +6 -6
  162. package/cjs/DateRangePicker/Calendar.d.ts +2 -1
  163. package/cjs/DateRangePicker/Calendar.js +8 -3
  164. package/cjs/DateRangePicker/DateRangePicker.d.ts +3 -1
  165. package/cjs/DateRangePicker/DateRangePicker.js +9 -20
  166. package/cjs/DateRangePicker/DateRangePickerProvider.js +1 -2
  167. package/cjs/DateRangePicker/disabledDateUtils.js +5 -18
  168. package/cjs/DateRangePicker/hooks/useCalendarHandlers.js +7 -8
  169. package/cjs/DateRangePicker/utils.js +5 -6
  170. package/cjs/Dropdown/Dropdown.js +9 -12
  171. package/cjs/Dropdown/DropdownItem.js +6 -8
  172. package/cjs/Dropdown/DropdownMenu.js +36 -43
  173. package/cjs/Dropdown/DropdownState.js +1 -4
  174. package/cjs/Form/Form.js +1 -2
  175. package/cjs/Form/FormContext.js +1 -2
  176. package/cjs/Form/hooks/useFormValidate.js +3 -8
  177. package/cjs/Form/hooks/useSchemaModel.js +6 -9
  178. package/cjs/FormControl/FormControl.d.ts +2 -2
  179. package/cjs/FormControl/FormControl.js +1 -1
  180. package/cjs/FormErrorMessage/FormErrorMessage.d.ts +2 -2
  181. package/cjs/FormGroup/FormGroup.d.ts +0 -18
  182. package/cjs/FormGroup/FormGroup.js +4 -33
  183. package/cjs/FormGroup/FormGroupContext.d.ts +4 -0
  184. package/cjs/FormGroup/FormGroupContext.js +8 -0
  185. package/cjs/FormGroup/index.d.ts +1 -1
  186. package/cjs/FormGroup/index.js +4 -4
  187. package/cjs/FormGroup/useFormGroup.d.ts +18 -0
  188. package/cjs/FormGroup/useFormGroup.js +35 -0
  189. package/cjs/Grid/Col.js +1 -2
  190. package/cjs/Grid/utils/styles.d.ts +1 -1
  191. package/cjs/Grid/utils/styles.js +1 -4
  192. package/cjs/InlineEdit/useEditState.js +1 -1
  193. package/cjs/InlineEdit/useFocusEvent.js +6 -7
  194. package/cjs/Input/Input.js +2 -3
  195. package/cjs/InputGroup/InputGroup.d.ts +0 -5
  196. package/cjs/InputGroup/InputGroup.js +4 -5
  197. package/cjs/InputGroup/InputGroupContext.d.ts +6 -0
  198. package/cjs/InputGroup/InputGroupContext.js +8 -0
  199. package/cjs/InputGroup/index.d.ts +1 -0
  200. package/cjs/InputGroup/index.js +3 -1
  201. package/cjs/InputPicker/InputAutosize.js +1 -2
  202. package/cjs/InputPicker/InputPicker.js +1 -2
  203. package/cjs/List/List.js +1 -2
  204. package/cjs/List/ListItem.js +1 -2
  205. package/cjs/List/helper/AutoScroller.js +7 -8
  206. package/cjs/List/helper/useSortHelper.js +1 -1
  207. package/cjs/List/helper/utils.js +4 -7
  208. package/cjs/MaskedInput/TextMask.js +1 -2
  209. package/cjs/MaskedInput/adjustCaretPosition.js +11 -12
  210. package/cjs/MaskedInput/conformToMask.js +1 -10
  211. package/cjs/MaskedInput/createTextMaskInputElement.js +9 -10
  212. package/cjs/MaskedInput/utilities.js +1 -7
  213. package/cjs/Menu/Menu.js +1 -2
  214. package/cjs/Menu/MenuItem.js +6 -8
  215. package/cjs/Message/Message.js +1 -2
  216. package/cjs/Modal/Modal.js +1 -2
  217. package/cjs/Modal/ModalBody.js +1 -2
  218. package/cjs/Modal/ModalHeader.js +1 -2
  219. package/cjs/Modal/ModalTitle.js +1 -2
  220. package/cjs/MultiCascadeTree/hooks/useCascadeValue.js +1 -4
  221. package/cjs/MultiCascadeTree/utils.js +1 -4
  222. package/cjs/MultiCascader/MultiCascader.js +1 -2
  223. package/cjs/Nav/AdaptiveNavItem.js +3 -4
  224. package/cjs/Nav/Nav.js +3 -4
  225. package/cjs/Nav/NavDropdown.js +9 -12
  226. package/cjs/Nav/NavDropdownItem.js +6 -8
  227. package/cjs/Nav/NavDropdownMenu.js +36 -43
  228. package/cjs/Nav/NavItem.js +1 -2
  229. package/cjs/Nav/NavMegaMenu.js +1 -2
  230. package/cjs/Nav/NavMenu.js +3 -4
  231. package/cjs/Navbar/Navbar.js +1 -2
  232. package/cjs/Navbar/NavbarDrawer.js +1 -2
  233. package/cjs/Navbar/NavbarDropdown.js +8 -11
  234. package/cjs/Navbar/NavbarDropdownItem.js +1 -2
  235. package/cjs/Navbar/NavbarDropdownMenu.js +12 -16
  236. package/cjs/Navbar/NavbarItem.js +1 -2
  237. package/cjs/Navbar/NavbarMegaMenu.js +1 -2
  238. package/cjs/Navbar/NavbarToggle.js +1 -2
  239. package/cjs/Notification/Notification.js +1 -2
  240. package/cjs/NumberInput/utils/number.js +1 -4
  241. package/cjs/Pagination/LimitPicker.js +1 -2
  242. package/cjs/Pagination/PaginationButton.js +1 -2
  243. package/cjs/Panel/Panel.js +1 -2
  244. package/cjs/Panel/PanelHeader.js +1 -2
  245. package/cjs/PanelGroup/PanelGroup.js +1 -2
  246. package/cjs/PanelGroup/index.js +1 -2
  247. package/cjs/Placeholder/PlaceholderGrid.js +1 -2
  248. package/cjs/Placeholder/PlaceholderParagraph.js +1 -2
  249. package/cjs/Popover/Popover.js +1 -2
  250. package/cjs/Progress/Progress.d.ts +1 -1
  251. package/cjs/Progress/Progress.js +1 -1
  252. package/cjs/Progress/ProgressInfo.d.ts +17 -0
  253. package/cjs/Progress/ProgressInfo.js +29 -0
  254. package/cjs/Progress/ProgressLine.d.ts +20 -6
  255. package/cjs/Progress/ProgressLine.js +48 -37
  256. package/cjs/Progress/ProgressSections.d.ts +15 -0
  257. package/cjs/Progress/ProgressSections.js +43 -0
  258. package/cjs/Progress/ProgressStroke.d.ts +24 -0
  259. package/cjs/Progress/ProgressStroke.js +51 -0
  260. package/cjs/Progress/index.d.ts +3 -3
  261. package/cjs/Progress/index.js +1 -1
  262. package/cjs/Progress/types.d.ts +11 -0
  263. package/cjs/Progress/types.js +4 -0
  264. package/cjs/{Progress → ProgressCircle}/ProgressCircle.d.ts +20 -14
  265. package/cjs/ProgressCircle/ProgressCircle.js +113 -0
  266. package/cjs/ProgressCircle/ProgressCircleSections.d.ts +23 -0
  267. package/cjs/ProgressCircle/ProgressCircleSections.js +52 -0
  268. package/cjs/ProgressCircle/hooks/useProgressCirclePath.d.ts +28 -0
  269. package/cjs/ProgressCircle/hooks/useProgressCirclePath.js +66 -0
  270. package/cjs/ProgressCircle/index.d.ts +4 -0
  271. package/cjs/ProgressCircle/index.js +11 -0
  272. package/cjs/Radio/Radio.js +1 -2
  273. package/cjs/RadioGroup/RadioGroup.d.ts +4 -1
  274. package/cjs/RadioGroup/RadioGroup.js +1 -2
  275. package/cjs/RadioTile/RadioTile.js +1 -2
  276. package/cjs/RadioTileGroup/RadioTileGroup.js +1 -2
  277. package/cjs/RangeSlider/RangeSlider.js +1 -3
  278. package/cjs/Rate/Character.js +1 -2
  279. package/cjs/Rate/useRatingStates.js +6 -7
  280. package/cjs/SegmentedControl/Indicator.d.ts +10 -0
  281. package/cjs/SegmentedControl/Indicator.js +22 -0
  282. package/cjs/SegmentedControl/SegmentedControl.d.ts +27 -0
  283. package/cjs/SegmentedControl/SegmentedControl.js +87 -0
  284. package/cjs/SegmentedControl/SegmentedItem.d.ts +16 -0
  285. package/cjs/SegmentedControl/SegmentedItem.js +44 -0
  286. package/cjs/SegmentedControl/hooks/useIndicatorPosition.d.ts +17 -0
  287. package/cjs/SegmentedControl/hooks/useIndicatorPosition.js +55 -0
  288. package/cjs/SegmentedControl/index.d.ts +4 -0
  289. package/cjs/SegmentedControl/index.js +11 -0
  290. package/cjs/SelectPicker/SelectPicker.js +1 -2
  291. package/cjs/Sidebar/Sidebar.js +1 -2
  292. package/cjs/Sidenav/ExpandedSidenavDropdown.js +12 -17
  293. package/cjs/Sidenav/ExpandedSidenavDropdownItem.js +3 -4
  294. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +9 -12
  295. package/cjs/Sidenav/Sidenav.d.ts +0 -15
  296. package/cjs/Sidenav/Sidenav.js +4 -5
  297. package/cjs/Sidenav/SidenavContext.d.ts +16 -0
  298. package/cjs/Sidenav/SidenavContext.js +8 -0
  299. package/cjs/Sidenav/SidenavDropdown.js +15 -19
  300. package/cjs/Sidenav/SidenavDropdownItem.js +8 -10
  301. package/cjs/Sidenav/SidenavDropdownMenu.js +38 -45
  302. package/cjs/Sidenav/SidenavItem.js +8 -10
  303. package/cjs/Sidenav/SidenavToggle.js +3 -4
  304. package/cjs/Slider/ProgressBar.d.ts +0 -1
  305. package/cjs/Slider/ProgressBar.js +1 -3
  306. package/cjs/Slider/Slider.js +14 -6
  307. package/cjs/Stack/Stack.js +4 -2
  308. package/cjs/Stack/VStack.js +1 -3
  309. package/cjs/Tag/Tag.js +1 -2
  310. package/cjs/TagInput/TagInput.js +1 -2
  311. package/cjs/TagPicker/TagPicker.js +1 -2
  312. package/cjs/TimePicker/TimePicker.js +1 -2
  313. package/cjs/Toggle/Toggle.js +1 -2
  314. package/cjs/Tooltip/Tooltip.js +1 -2
  315. package/cjs/Tree/Tree.js +1 -2
  316. package/cjs/Tree/TreeNode.js +1 -2
  317. package/cjs/Tree/TreeView.js +17 -22
  318. package/cjs/Tree/hooks/useFlattenTree.js +2 -8
  319. package/cjs/Tree/hooks/useTreeNodeProps.js +1 -2
  320. package/cjs/Tree/hooks/useVirtualizedTreeData.js +1 -7
  321. package/cjs/Tree/utils/flattenTree.js +2 -8
  322. package/cjs/Tree/utils/getExpandItemValues.js +6 -7
  323. package/cjs/Tree/utils/indentTreeNode.js +1 -4
  324. package/cjs/TreePicker/TreePicker.js +1 -2
  325. package/cjs/Uploader/UploadFileItem.js +2 -6
  326. package/cjs/Uploader/UploadTrigger.js +1 -2
  327. package/cjs/Uploader/Uploader.js +2 -6
  328. package/cjs/global.d.ts +0 -6
  329. package/cjs/index.d.ts +3 -0
  330. package/cjs/index.js +18 -0
  331. package/cjs/internals/Disclosure/Disclosure.js +1 -2
  332. package/cjs/internals/InputBase/InputBase.js +2 -3
  333. package/cjs/internals/Menu/Menu.js +13 -18
  334. package/cjs/internals/Menu/MenuItem.js +1 -2
  335. package/cjs/internals/Menu/Menubar.js +6 -8
  336. package/cjs/internals/Menu/useRenderMenuItem.js +1 -2
  337. package/cjs/internals/Overlay/Modal.js +1 -2
  338. package/cjs/internals/Overlay/Overlay.js +1 -2
  339. package/cjs/internals/Overlay/OverlayProvider.js +1 -2
  340. package/cjs/internals/Overlay/OverlayTrigger.js +3 -11
  341. package/cjs/internals/Overlay/Position.js +4 -8
  342. package/cjs/internals/Overlay/types.d.ts +1 -1
  343. package/cjs/internals/Overlay/utils/position.d.ts +24 -0
  344. package/cjs/internals/Overlay/{positionUtils.js → utils/position.js} +136 -50
  345. package/cjs/internals/Picker/Listbox.js +18 -23
  346. package/cjs/internals/Picker/PickerIndicator.js +9 -10
  347. package/cjs/internals/Picker/PickerLabel.js +6 -7
  348. package/cjs/internals/Picker/PickerPopup.js +1 -2
  349. package/cjs/internals/Picker/PickerToggle.js +1 -2
  350. package/cjs/internals/Picker/PickerToggleTrigger.js +1 -2
  351. package/cjs/internals/Picker/utils.js +1 -4
  352. package/cjs/internals/Provider/CustomContext.d.ts +20 -1
  353. package/cjs/internals/Provider/types.d.ts +8 -3
  354. package/cjs/internals/Ripple/Ripple.js +1 -2
  355. package/cjs/internals/SafeAnchor/SafeAnchor.js +1 -2
  356. package/cjs/internals/Tree/TreeProvider.js +4 -5
  357. package/cjs/internals/Tree/utils/filterNodesOfTree.js +1 -4
  358. package/cjs/internals/Tree/utils/findNodeOfTree.js +1 -4
  359. package/cjs/internals/Windowing/AutoSizer.js +1 -2
  360. package/cjs/internals/Windowing/List.js +1 -2
  361. package/cjs/internals/Windowing/index.js +1 -2
  362. package/cjs/internals/hooks/useClickOutside.js +5 -6
  363. package/cjs/internals/hooks/useElementResize.d.ts +2 -1
  364. package/cjs/internals/hooks/useElementResize.js +50 -7
  365. package/cjs/internals/hooks/useEventCallback.js +1 -4
  366. package/cjs/internals/hooks/useEventListener.js +1 -4
  367. package/cjs/internals/hooks/usePortal.js +9 -15
  368. package/cjs/internals/hooks/useRootClose.js +6 -7
  369. package/cjs/internals/hooks/useStyles.js +5 -8
  370. package/cjs/internals/hooks/useTimeout.js +1 -7
  371. package/cjs/internals/hooks/useToggleCaret.d.ts +1 -1
  372. package/cjs/internals/intl/FormattedDate.js +4 -5
  373. package/cjs/internals/intl/FormattedNumber.js +5 -7
  374. package/cjs/internals/types/placement.d.ts +5 -0
  375. package/cjs/internals/utils/colours.js +1 -4
  376. package/cjs/internals/utils/composeFunctions.js +1 -4
  377. package/cjs/internals/utils/createChainedFunction.js +2 -8
  378. package/cjs/internals/utils/date/copyTime.js +4 -5
  379. package/cjs/internals/utils/getDataGroupBy.js +5 -8
  380. package/cjs/internals/utils/html/htmlPropsUtils.js +1 -4
  381. package/cjs/internals/utils/placement.js +1 -4
  382. package/cjs/internals/utils/react/createComponent.js +6 -7
  383. package/cjs/internals/utils/string/tplTransform.js +1 -4
  384. package/cjs/internals/utils/style-sheet/css.d.ts +1 -1
  385. package/cjs/internals/utils/style-sheet/css.js +4 -13
  386. package/cjs/internals/utils/style-sheet/styles.js +2 -8
  387. package/cjs/locales/ar_EG.d.ts +6 -0
  388. package/cjs/locales/ar_EG.js +6 -0
  389. package/cjs/locales/ca_ES.d.ts +6 -0
  390. package/cjs/locales/ca_ES.js +6 -0
  391. package/cjs/locales/cs_CZ.d.ts +6 -0
  392. package/cjs/locales/cs_CZ.js +6 -0
  393. package/cjs/locales/da_DK.d.ts +6 -0
  394. package/cjs/locales/da_DK.js +6 -0
  395. package/cjs/locales/de_DE.d.ts +6 -0
  396. package/cjs/locales/de_DE.js +6 -0
  397. package/cjs/locales/en_GB.d.ts +6 -0
  398. package/cjs/locales/en_GB.js +6 -0
  399. package/cjs/locales/en_US.d.ts +6 -0
  400. package/cjs/locales/en_US.js +6 -0
  401. package/cjs/locales/es_AR.d.ts +6 -0
  402. package/cjs/locales/es_AR.js +6 -0
  403. package/cjs/locales/es_ES.d.ts +6 -0
  404. package/cjs/locales/es_ES.js +7 -1
  405. package/cjs/locales/fa_IR.d.ts +6 -0
  406. package/cjs/locales/fa_IR.js +6 -0
  407. package/cjs/locales/fi_FI.d.ts +6 -0
  408. package/cjs/locales/fi_FI.js +6 -0
  409. package/cjs/locales/fr_FR.d.ts +6 -0
  410. package/cjs/locales/fr_FR.js +6 -0
  411. package/cjs/locales/gu_IN.d.ts +157 -0
  412. package/cjs/locales/gu_IN.js +97 -0
  413. package/cjs/locales/hu_HU.d.ts +6 -0
  414. package/cjs/locales/hu_HU.js +6 -0
  415. package/cjs/locales/index.d.ts +3 -0
  416. package/cjs/locales/index.js +8 -2
  417. package/cjs/locales/it_IT.d.ts +6 -0
  418. package/cjs/locales/it_IT.js +6 -0
  419. package/cjs/locales/ja_JP.d.ts +6 -0
  420. package/cjs/locales/ja_JP.js +6 -0
  421. package/cjs/locales/kk_KZ.d.ts +6 -0
  422. package/cjs/locales/kk_KZ.js +6 -0
  423. package/cjs/locales/ko_KR.d.ts +6 -0
  424. package/cjs/locales/ko_KR.js +6 -0
  425. package/cjs/locales/ne_NP.d.ts +6 -0
  426. package/cjs/locales/ne_NP.js +6 -0
  427. package/cjs/locales/nl_NL.d.ts +6 -0
  428. package/cjs/locales/nl_NL.js +8 -2
  429. package/cjs/locales/pl_PL.d.ts +6 -0
  430. package/cjs/locales/pl_PL.js +6 -0
  431. package/cjs/locales/pt_BR.d.ts +6 -0
  432. package/cjs/locales/pt_BR.js +6 -0
  433. package/cjs/locales/ru_RU.d.ts +6 -0
  434. package/cjs/locales/ru_RU.js +6 -0
  435. package/cjs/locales/sv_SE.d.ts +6 -0
  436. package/cjs/locales/sv_SE.js +6 -0
  437. package/cjs/locales/th_TH.d.ts +169 -0
  438. package/cjs/locales/th_TH.js +100 -0
  439. package/cjs/locales/tr_TR.d.ts +6 -0
  440. package/cjs/locales/tr_TR.js +6 -0
  441. package/cjs/locales/uk_UA.d.ts +157 -0
  442. package/cjs/locales/uk_UA.js +97 -0
  443. package/cjs/locales/zh_CN.d.ts +6 -0
  444. package/cjs/locales/zh_CN.js +6 -0
  445. package/cjs/locales/zh_TW.d.ts +6 -0
  446. package/cjs/locales/zh_TW.js +6 -0
  447. package/cjs/toaster/ToastContainer.js +3 -4
  448. package/cjs/toaster/toaster.js +2 -6
  449. package/cjs/useDialog/Dialog.d.ts +15 -0
  450. package/cjs/useDialog/Dialog.js +109 -0
  451. package/cjs/useDialog/DialogContainer.d.ts +11 -0
  452. package/cjs/useDialog/DialogContainer.js +57 -0
  453. package/cjs/useDialog/index.d.ts +3 -0
  454. package/cjs/useDialog/index.js +15 -0
  455. package/cjs/useDialog/types.d.ts +33 -0
  456. package/cjs/useDialog/types.js +4 -0
  457. package/cjs/useDialog/useDialog.d.ts +15 -0
  458. package/cjs/useDialog/useDialog.js +126 -0
  459. package/cjs/useFormControl/useFormControl.js +1 -4
  460. package/cjs/useMediaQuery/breakpoints.js +4 -10
  461. package/cjs/useMediaQuery/useMediaQuery.js +1 -4
  462. package/cjs/useToaster/useToaster.d.ts +1 -1
  463. package/cjs/useToaster/useToaster.js +9 -9
  464. package/dist/rsuite-no-reset.css +14549 -13982
  465. package/dist/rsuite-no-reset.min.css +1 -2
  466. package/dist/rsuite.css +14778 -14187
  467. package/dist/rsuite.js +508 -229
  468. package/dist/rsuite.js.map +1 -1
  469. package/dist/rsuite.min.css +1 -2
  470. package/dist/rsuite.min.js +1 -1
  471. package/dist/rsuite.min.js.map +1 -1
  472. package/esm/Animation/Bounce.js +4 -5
  473. package/esm/Animation/Fade.js +5 -6
  474. package/esm/Animation/Slide.js +5 -6
  475. package/esm/Calendar/MonthDropdown/MonthDropdown.js +16 -20
  476. package/esm/Calendar/TimeDropdown/utils/scrollToTime.js +1 -2
  477. package/esm/Calendar/hooks/useCalendarDate.js +3 -6
  478. package/esm/CascadeTree/hooks/usePaths.js +7 -8
  479. package/esm/CheckTree/CheckTreeView.js +16 -20
  480. package/esm/CheckTree/hooks/useTreeValue.js +4 -5
  481. package/esm/CheckTreePicker/CheckTreePicker.d.ts +4 -0
  482. package/esm/CheckTreePicker/CheckTreePicker.js +28 -0
  483. package/esm/CustomProvider/CustomProvider.js +13 -2
  484. package/esm/DateInput/DateInput.js +4 -0
  485. package/esm/DateInput/hooks/useDateInputState.js +6 -7
  486. package/esm/DateInput/hooks/useIsFocused.js +4 -5
  487. package/esm/DateInput/hooks/useKeyboardInputEvent.js +7 -8
  488. package/esm/DateInput/test/types/TestKeyPressProps.d.ts +6 -0
  489. package/esm/DateInput/test/types/TestKeyPressProps.js +2 -0
  490. package/esm/DatePicker/DatePicker.js +2 -8
  491. package/esm/DatePicker/Toolbar.js +6 -7
  492. package/esm/DatePicker/utils.js +14 -24
  493. package/esm/DateRangeInput/DateRangeInput.js +5 -4
  494. package/esm/DateRangePicker/Calendar.d.ts +2 -1
  495. package/esm/DateRangePicker/Calendar.js +7 -1
  496. package/esm/DateRangePicker/DateRangePicker.d.ts +3 -1
  497. package/esm/DateRangePicker/DateRangePicker.js +8 -18
  498. package/esm/DateRangePicker/disabledDateUtils.js +4 -16
  499. package/esm/DateRangePicker/hooks/useCalendarHandlers.js +7 -8
  500. package/esm/DateRangePicker/utils.js +5 -6
  501. package/esm/Dropdown/Dropdown.js +8 -10
  502. package/esm/Dropdown/DropdownItem.js +5 -6
  503. package/esm/Dropdown/DropdownMenu.js +35 -41
  504. package/esm/Dropdown/DropdownState.js +1 -4
  505. package/esm/Form/hooks/useFormValidate.js +3 -8
  506. package/esm/Form/hooks/useSchemaModel.js +6 -9
  507. package/esm/FormControl/FormControl.d.ts +2 -2
  508. package/esm/FormControl/FormControl.js +1 -1
  509. package/esm/FormErrorMessage/FormErrorMessage.d.ts +2 -2
  510. package/esm/FormGroup/FormGroup.d.ts +0 -18
  511. package/esm/FormGroup/FormGroup.js +1 -28
  512. package/esm/FormGroup/FormGroupContext.d.ts +4 -0
  513. package/esm/FormGroup/FormGroupContext.js +3 -0
  514. package/esm/FormGroup/index.d.ts +1 -1
  515. package/esm/FormGroup/index.js +1 -1
  516. package/esm/FormGroup/useFormGroup.d.ts +18 -0
  517. package/esm/FormGroup/useFormGroup.js +30 -0
  518. package/esm/Grid/utils/styles.d.ts +1 -1
  519. package/esm/Grid/utils/styles.js +1 -4
  520. package/esm/InlineEdit/useEditState.js +1 -1
  521. package/esm/InlineEdit/useFocusEvent.js +6 -7
  522. package/esm/Input/Input.js +1 -1
  523. package/esm/InputGroup/InputGroup.d.ts +0 -5
  524. package/esm/InputGroup/InputGroup.js +1 -1
  525. package/esm/InputGroup/InputGroupContext.d.ts +6 -0
  526. package/esm/InputGroup/InputGroupContext.js +3 -0
  527. package/esm/InputGroup/index.d.ts +1 -0
  528. package/esm/InputGroup/index.js +1 -0
  529. package/esm/List/helper/AutoScroller.js +7 -8
  530. package/esm/List/helper/useSortHelper.js +1 -1
  531. package/esm/List/helper/utils.js +4 -7
  532. package/esm/MaskedInput/adjustCaretPosition.js +11 -12
  533. package/esm/MaskedInput/conformToMask.js +1 -10
  534. package/esm/MaskedInput/createTextMaskInputElement.js +9 -10
  535. package/esm/MaskedInput/utilities.js +1 -7
  536. package/esm/Menu/MenuItem.js +5 -6
  537. package/esm/MultiCascadeTree/hooks/useCascadeValue.js +1 -4
  538. package/esm/MultiCascadeTree/utils.js +1 -4
  539. package/esm/Nav/AdaptiveNavItem.js +1 -1
  540. package/esm/Nav/Nav.js +1 -1
  541. package/esm/Nav/NavDropdown.js +8 -10
  542. package/esm/Nav/NavDropdownItem.js +5 -6
  543. package/esm/Nav/NavDropdownMenu.js +35 -41
  544. package/esm/Nav/NavMenu.js +1 -1
  545. package/esm/Navbar/NavbarDropdown.js +7 -9
  546. package/esm/Navbar/NavbarDropdownMenu.js +11 -14
  547. package/esm/NumberInput/utils/number.js +1 -4
  548. package/esm/Progress/Progress.d.ts +1 -1
  549. package/esm/Progress/Progress.js +1 -1
  550. package/esm/Progress/ProgressInfo.d.ts +17 -0
  551. package/esm/Progress/ProgressInfo.js +24 -0
  552. package/esm/Progress/ProgressLine.d.ts +20 -6
  553. package/esm/Progress/ProgressLine.js +49 -38
  554. package/esm/Progress/ProgressSections.d.ts +15 -0
  555. package/esm/Progress/ProgressSections.js +38 -0
  556. package/esm/Progress/ProgressStroke.d.ts +24 -0
  557. package/esm/Progress/ProgressStroke.js +46 -0
  558. package/esm/Progress/index.d.ts +3 -3
  559. package/esm/Progress/index.js +1 -1
  560. package/esm/Progress/types.d.ts +11 -0
  561. package/esm/Progress/types.js +2 -0
  562. package/esm/{Progress → ProgressCircle}/ProgressCircle.d.ts +20 -14
  563. package/esm/ProgressCircle/ProgressCircle.js +107 -0
  564. package/esm/ProgressCircle/ProgressCircleSections.d.ts +23 -0
  565. package/esm/ProgressCircle/ProgressCircleSections.js +47 -0
  566. package/esm/ProgressCircle/hooks/useProgressCirclePath.d.ts +28 -0
  567. package/esm/ProgressCircle/hooks/useProgressCirclePath.js +62 -0
  568. package/esm/ProgressCircle/index.d.ts +4 -0
  569. package/esm/ProgressCircle/index.js +8 -0
  570. package/esm/RadioGroup/RadioGroup.d.ts +4 -1
  571. package/esm/RangeSlider/RangeSlider.js +0 -1
  572. package/esm/Rate/useRatingStates.js +6 -7
  573. package/esm/SegmentedControl/Indicator.d.ts +10 -0
  574. package/esm/SegmentedControl/Indicator.js +17 -0
  575. package/esm/SegmentedControl/SegmentedControl.d.ts +27 -0
  576. package/esm/SegmentedControl/SegmentedControl.js +81 -0
  577. package/esm/SegmentedControl/SegmentedItem.d.ts +16 -0
  578. package/esm/SegmentedControl/SegmentedItem.js +39 -0
  579. package/esm/SegmentedControl/hooks/useIndicatorPosition.d.ts +17 -0
  580. package/esm/SegmentedControl/hooks/useIndicatorPosition.js +50 -0
  581. package/esm/SegmentedControl/index.d.ts +4 -0
  582. package/esm/SegmentedControl/index.js +8 -0
  583. package/esm/Sidenav/ExpandedSidenavDropdown.js +10 -14
  584. package/esm/Sidenav/ExpandedSidenavDropdownItem.js +1 -1
  585. package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +7 -9
  586. package/esm/Sidenav/Sidenav.d.ts +0 -15
  587. package/esm/Sidenav/Sidenav.js +1 -1
  588. package/esm/Sidenav/SidenavContext.d.ts +16 -0
  589. package/esm/Sidenav/SidenavContext.js +3 -0
  590. package/esm/Sidenav/SidenavDropdown.js +13 -16
  591. package/esm/Sidenav/SidenavDropdownItem.js +6 -7
  592. package/esm/Sidenav/SidenavDropdownMenu.js +36 -42
  593. package/esm/Sidenav/SidenavItem.js +6 -7
  594. package/esm/Sidenav/SidenavToggle.js +1 -1
  595. package/esm/Slider/ProgressBar.d.ts +0 -1
  596. package/esm/Slider/ProgressBar.js +1 -3
  597. package/esm/Slider/Slider.js +13 -4
  598. package/esm/Stack/Stack.js +4 -2
  599. package/esm/Stack/VStack.js +1 -3
  600. package/esm/Tree/TreeView.js +16 -20
  601. package/esm/Tree/hooks/useFlattenTree.js +2 -8
  602. package/esm/Tree/hooks/useVirtualizedTreeData.js +1 -7
  603. package/esm/Tree/utils/flattenTree.js +2 -8
  604. package/esm/Tree/utils/getExpandItemValues.js +6 -7
  605. package/esm/Tree/utils/indentTreeNode.js +1 -4
  606. package/esm/Uploader/UploadFileItem.js +1 -4
  607. package/esm/Uploader/Uploader.js +1 -4
  608. package/esm/global.d.ts +0 -6
  609. package/esm/index.d.ts +3 -0
  610. package/esm/index.js +3 -0
  611. package/esm/internals/InputBase/InputBase.js +1 -1
  612. package/esm/internals/Menu/Menu.js +12 -16
  613. package/esm/internals/Menu/Menubar.js +5 -6
  614. package/esm/internals/Overlay/OverlayTrigger.js +2 -9
  615. package/esm/internals/Overlay/Position.js +3 -6
  616. package/esm/internals/Overlay/types.d.ts +1 -1
  617. package/esm/internals/Overlay/utils/position.d.ts +24 -0
  618. package/esm/internals/Overlay/{positionUtils.js → utils/position.js} +134 -48
  619. package/esm/internals/Picker/Listbox.js +17 -21
  620. package/esm/internals/Picker/PickerIndicator.js +9 -10
  621. package/esm/internals/Picker/PickerLabel.js +6 -7
  622. package/esm/internals/Picker/utils.js +1 -4
  623. package/esm/internals/Provider/CustomContext.d.ts +20 -1
  624. package/esm/internals/Provider/types.d.ts +8 -3
  625. package/esm/internals/Tree/TreeProvider.js +4 -5
  626. package/esm/internals/Tree/utils/filterNodesOfTree.js +1 -4
  627. package/esm/internals/Tree/utils/findNodeOfTree.js +1 -4
  628. package/esm/internals/hooks/useClickOutside.js +5 -6
  629. package/esm/internals/hooks/useElementResize.d.ts +2 -1
  630. package/esm/internals/hooks/useElementResize.js +50 -7
  631. package/esm/internals/hooks/useEventCallback.js +1 -4
  632. package/esm/internals/hooks/useEventListener.js +1 -4
  633. package/esm/internals/hooks/usePortal.js +8 -13
  634. package/esm/internals/hooks/useRootClose.js +6 -7
  635. package/esm/internals/hooks/useStyles.js +5 -8
  636. package/esm/internals/hooks/useTimeout.js +1 -7
  637. package/esm/internals/hooks/useToggleCaret.d.ts +1 -1
  638. package/esm/internals/intl/FormattedDate.js +4 -5
  639. package/esm/internals/intl/FormattedNumber.js +4 -5
  640. package/esm/internals/types/placement.d.ts +5 -0
  641. package/esm/internals/utils/colours.js +1 -4
  642. package/esm/internals/utils/composeFunctions.js +1 -4
  643. package/esm/internals/utils/createChainedFunction.js +2 -8
  644. package/esm/internals/utils/date/copyTime.js +4 -5
  645. package/esm/internals/utils/getDataGroupBy.js +5 -8
  646. package/esm/internals/utils/html/htmlPropsUtils.js +1 -4
  647. package/esm/internals/utils/placement.js +1 -4
  648. package/esm/internals/utils/react/createComponent.js +6 -7
  649. package/esm/internals/utils/string/tplTransform.js +1 -4
  650. package/esm/internals/utils/style-sheet/css.d.ts +1 -1
  651. package/esm/internals/utils/style-sheet/css.js +4 -13
  652. package/esm/internals/utils/style-sheet/styles.js +2 -8
  653. package/esm/locales/ar_EG.d.ts +6 -0
  654. package/esm/locales/ar_EG.js +6 -0
  655. package/esm/locales/ca_ES.d.ts +6 -0
  656. package/esm/locales/ca_ES.js +6 -0
  657. package/esm/locales/cs_CZ.d.ts +6 -0
  658. package/esm/locales/cs_CZ.js +6 -0
  659. package/esm/locales/da_DK.d.ts +6 -0
  660. package/esm/locales/da_DK.js +6 -0
  661. package/esm/locales/de_DE.d.ts +6 -0
  662. package/esm/locales/de_DE.js +6 -0
  663. package/esm/locales/en_GB.d.ts +6 -0
  664. package/esm/locales/en_GB.js +6 -0
  665. package/esm/locales/en_US.d.ts +6 -0
  666. package/esm/locales/en_US.js +6 -0
  667. package/esm/locales/es_AR.d.ts +6 -0
  668. package/esm/locales/es_AR.js +6 -0
  669. package/esm/locales/es_ES.d.ts +6 -0
  670. package/esm/locales/es_ES.js +7 -1
  671. package/esm/locales/fa_IR.d.ts +6 -0
  672. package/esm/locales/fa_IR.js +6 -0
  673. package/esm/locales/fi_FI.d.ts +6 -0
  674. package/esm/locales/fi_FI.js +6 -0
  675. package/esm/locales/fr_FR.d.ts +6 -0
  676. package/esm/locales/fr_FR.js +6 -0
  677. package/esm/locales/gu_IN.d.ts +157 -0
  678. package/esm/locales/gu_IN.js +93 -0
  679. package/esm/locales/hu_HU.d.ts +6 -0
  680. package/esm/locales/hu_HU.js +6 -0
  681. package/esm/locales/index.d.ts +3 -0
  682. package/esm/locales/index.js +4 -1
  683. package/esm/locales/it_IT.d.ts +6 -0
  684. package/esm/locales/it_IT.js +6 -0
  685. package/esm/locales/ja_JP.d.ts +6 -0
  686. package/esm/locales/ja_JP.js +6 -0
  687. package/esm/locales/kk_KZ.d.ts +6 -0
  688. package/esm/locales/kk_KZ.js +6 -0
  689. package/esm/locales/ko_KR.d.ts +6 -0
  690. package/esm/locales/ko_KR.js +6 -0
  691. package/esm/locales/ne_NP.d.ts +6 -0
  692. package/esm/locales/ne_NP.js +6 -0
  693. package/esm/locales/nl_NL.d.ts +6 -0
  694. package/esm/locales/nl_NL.js +8 -2
  695. package/esm/locales/pl_PL.d.ts +6 -0
  696. package/esm/locales/pl_PL.js +6 -0
  697. package/esm/locales/pt_BR.d.ts +6 -0
  698. package/esm/locales/pt_BR.js +6 -0
  699. package/esm/locales/ru_RU.d.ts +6 -0
  700. package/esm/locales/ru_RU.js +6 -0
  701. package/esm/locales/sv_SE.d.ts +6 -0
  702. package/esm/locales/sv_SE.js +6 -0
  703. package/esm/locales/th_TH.d.ts +169 -0
  704. package/esm/locales/th_TH.js +96 -0
  705. package/esm/locales/tr_TR.d.ts +6 -0
  706. package/esm/locales/tr_TR.js +6 -0
  707. package/esm/locales/uk_UA.d.ts +157 -0
  708. package/esm/locales/uk_UA.js +93 -0
  709. package/esm/locales/zh_CN.d.ts +6 -0
  710. package/esm/locales/zh_CN.js +6 -0
  711. package/esm/locales/zh_TW.d.ts +6 -0
  712. package/esm/locales/zh_TW.js +6 -0
  713. package/esm/toaster/ToastContainer.js +2 -2
  714. package/esm/toaster/toaster.js +1 -4
  715. package/esm/useDialog/Dialog.d.ts +15 -0
  716. package/esm/useDialog/Dialog.js +103 -0
  717. package/esm/useDialog/DialogContainer.d.ts +11 -0
  718. package/esm/useDialog/DialogContainer.js +52 -0
  719. package/esm/useDialog/index.d.ts +3 -0
  720. package/esm/useDialog/index.js +4 -0
  721. package/esm/useDialog/types.d.ts +33 -0
  722. package/esm/useDialog/types.js +2 -0
  723. package/esm/useDialog/useDialog.d.ts +15 -0
  724. package/esm/useDialog/useDialog.js +120 -0
  725. package/esm/useFormControl/useFormControl.js +1 -4
  726. package/esm/useMediaQuery/breakpoints.js +4 -10
  727. package/esm/useMediaQuery/useMediaQuery.js +1 -4
  728. package/esm/useToaster/useToaster.d.ts +1 -1
  729. package/esm/useToaster/useToaster.js +11 -10
  730. package/locales/gu_IN/package.json +7 -0
  731. package/locales/th_TH/package.json +7 -0
  732. package/locales/uk_UA/package.json +7 -0
  733. package/package.json +5 -6
  734. package/toaster/styles/index.css +107 -121
  735. package/useDialog/package.json +7 -0
  736. package/useToaster/styles/index.css +107 -121
  737. package/Accordion/styles/index.less +0 -2
  738. package/Animation/styles/animation.less +0 -95
  739. package/Animation/styles/bounce.less +0 -34
  740. package/Animation/styles/collapse.less +0 -23
  741. package/Animation/styles/fade.less +0 -10
  742. package/Animation/styles/index.less +0 -8
  743. package/Animation/styles/mixin.less +0 -15
  744. package/Animation/styles/slide.less +0 -24
  745. package/Animation/styles/variables.less +0 -4
  746. package/AutoComplete/styles/index.less +0 -37
  747. package/Avatar/styles/index.less +0 -48
  748. package/AvatarGroup/styles/index.less +0 -25
  749. package/Badge/styles/index.less +0 -101
  750. package/Badge/styles/variables.less +0 -19
  751. package/Box/styles/index.less +0 -1
  752. package/Breadcrumb/styles/index.less +0 -49
  753. package/Button/styles/index.less +0 -364
  754. package/Button/styles/mixin.less +0 -62
  755. package/Button/styles/variables.less +0 -30
  756. package/ButtonGroup/styles/index.less +0 -91
  757. package/ButtonToolbar/styles/index.less +0 -17
  758. package/Calendar/styles/index.less +0 -678
  759. package/Card/styles/index.less +0 -63
  760. package/CardGroup/styles/index.less +0 -8
  761. package/Carousel/styles/index.less +0 -192
  762. package/CascadeTree/styles/index.less +0 -88
  763. package/CascadeTree/styles/search.less +0 -35
  764. package/Cascader/styles/index.less +0 -5
  765. package/Center/styles/index.less +0 -9
  766. package/CheckPicker/styles/index.less +0 -21
  767. package/CheckTree/styles/index.less +0 -120
  768. package/CheckTreePicker/styles/index.less +0 -17
  769. package/Checkbox/styles/index.less +0 -153
  770. package/Checkbox/styles/mixin.less +0 -37
  771. package/CheckboxGroup/styles/index.less +0 -14
  772. package/Col/styles/index.less +0 -2
  773. package/Container/stories/styles.less +0 -23
  774. package/Container/styles/index.less +0 -16
  775. package/Content/styles/index.less +0 -6
  776. package/DateInput/styles/index.less +0 -1
  777. package/DatePicker/styles/index.less +0 -167
  778. package/DatePicker/styles/mixin.less +0 -8
  779. package/DateRangeInput/styles/index.less +0 -1
  780. package/DateRangePicker/styles/index.less +0 -145
  781. package/Divider/styles/index.less +0 -85
  782. package/Drawer/styles/index.less +0 -255
  783. package/Drawer/styles/mixin.less +0 -23
  784. package/Dropdown/styles/index.less +0 -341
  785. package/Dropdown/styles/mixin.less +0 -4
  786. package/FlexboxGrid/styles/index.less +0 -79
  787. package/Footer/styles/index.less +0 -5
  788. package/Form/styles/index.less +0 -1
  789. package/FormControl/styles/index.less +0 -79
  790. package/FormControlLabel/styles/index.less +0 -7
  791. package/FormErrorMessage/styles/animation.less +0 -43
  792. package/FormErrorMessage/styles/index.less +0 -179
  793. package/FormGroup/styles/index.less +0 -75
  794. package/FormHelpText/styles/index.less +0 -21
  795. package/FormStack/styles/index.less +0 -15
  796. package/Grid/styles/columns.less +0 -21
  797. package/Grid/styles/grid-framework.less +0 -92
  798. package/Grid/styles/index.less +0 -107
  799. package/Grid/styles/mixin.less +0 -12
  800. package/Grid/styles/row.less +0 -42
  801. package/Grid/styles/variables.less +0 -5
  802. package/Header/styles/index.less +0 -5
  803. package/Heading/styles/index.less +0 -42
  804. package/Heading/styles/variables.less +0 -19
  805. package/HeadingGroup/styles/index.less +0 -3
  806. package/Highlight/styles/index.less +0 -6
  807. package/IconButton/styles/index.less +0 -90
  808. package/Image/styles/index.less +0 -34
  809. package/InlineEdit/styles/index.less +0 -50
  810. package/Input/styles/index.less +0 -23
  811. package/Input/styles/mixin.less +0 -38
  812. package/Input/styles/variables.less +0 -22
  813. package/InputGroup/styles/index.less +0 -237
  814. package/InputNumber/styles/index.less +0 -1
  815. package/InputPicker/styles/index.less +0 -64
  816. package/InputPicker/styles/mixin.less +0 -7
  817. package/Kbd/styles/index.less +0 -20
  818. package/Kbd/styles/mixin.less +0 -24
  819. package/Kbd/styles/variables.less +0 -13
  820. package/Link/styles/index.less +0 -39
  821. package/List/styles/index.less +0 -113
  822. package/Loader/styles/index.less +0 -114
  823. package/Loader/styles/mixin.less +0 -33
  824. package/Loader/styles/variables.less +0 -16
  825. package/Menu/styles/index.less +0 -108
  826. package/Message/styles/index.less +0 -188
  827. package/Modal/styles/animation.less +0 -15
  828. package/Modal/styles/index.less +0 -189
  829. package/MultiCascadeTree/styles/index.less +0 -46
  830. package/MultiCascader/styles/index.less +0 -15
  831. package/Nav/styles/index.less +0 -366
  832. package/Navbar/styles/index.less +0 -236
  833. package/Notification/styles/index.less +0 -114
  834. package/NumberInput/styles/index.less +0 -74
  835. package/NumberInput/styles/mixin.less +0 -11
  836. package/Pagination/styles/index.less +0 -101
  837. package/Pagination/styles/mixin.less +0 -14
  838. package/Pagination/styles/pagination-group.less +0 -31
  839. package/Panel/styles/index.less +0 -121
  840. package/PanelGroup/styles/index.less +0 -34
  841. package/PasswordInput/styles/index.less +0 -1
  842. package/PasswordStrengthMeter/styles/index.less +0 -39
  843. package/PinInput/styles/index.less +0 -66
  844. package/Placeholder/styles/index.less +0 -148
  845. package/Placeholder/styles/mixin.less +0 -7
  846. package/Popover/styles/index.less +0 -202
  847. package/Popover/styles/mixins.less +0 -60
  848. package/Progress/styles/animation.less +0 -34
  849. package/Progress/styles/index.less +0 -187
  850. package/ProgressLine/package.json +0 -7
  851. package/Radio/styles/index.less +0 -144
  852. package/Radio/styles/mixin.less +0 -5
  853. package/RadioGroup/styles/index.less +0 -87
  854. package/RadioTile/styles/index.less +0 -79
  855. package/RadioTileGroup/styles/index.less +0 -1
  856. package/RangeSlider/styles/index.less +0 -4
  857. package/Rate/styles/index.less +0 -139
  858. package/Row/styles/index.less +0 -2
  859. package/SelectPicker/styles/index.less +0 -47
  860. package/Sidebar/styles/index.less +0 -15
  861. package/Sidenav/styles/index.less +0 -655
  862. package/Sidenav/styles/mixin.less +0 -23
  863. package/Slider/styles/index.less +0 -296
  864. package/Stack/styles/index.less +0 -83
  865. package/Stat/styles/index.less +0 -113
  866. package/StatGroup/styles/index.less +0 -8
  867. package/Steps/styles/index.less +0 -222
  868. package/Table/styles/index.less +0 -433
  869. package/Table/styles/mixin.less +0 -8
  870. package/Tabs/styles/index.less +0 -24
  871. package/Tag/styles/index.less +0 -55
  872. package/TagGroup/styles/index.less +0 -14
  873. package/TagInput/styles/index.less +0 -5
  874. package/TagPicker/styles/index.less +0 -136
  875. package/Text/styles/index.less +0 -122
  876. package/Text/styles/variables.less +0 -9
  877. package/Textarea/styles/index.less +0 -7
  878. package/TimePicker/styles/index.less +0 -1
  879. package/TimeRangePicker/styles/index.less +0 -1
  880. package/Timeline/stories/styles.less +0 -29
  881. package/Timeline/styles/index.less +0 -174
  882. package/Timeline/styles/mixin.less +0 -13
  883. package/Toggle/styles/index.less +0 -278
  884. package/Tooltip/styles/index.less +0 -161
  885. package/Tooltip/styles/mixins.less +0 -60
  886. package/Tree/styles/indent-line.less +0 -8
  887. package/Tree/styles/index.less +0 -186
  888. package/Tree/styles/toggle.less +0 -32
  889. package/TreePicker/styles/index.less +0 -16
  890. package/Uploader/styles/index.less +0 -468
  891. package/Uploader/styles/mixin.less +0 -11
  892. package/VisuallyHidden/styles/index.less +0 -11
  893. package/cjs/Progress/ProgressCircle.js +0 -132
  894. package/cjs/internals/Overlay/positionUtils.d.ts +0 -15
  895. package/dist/rsuite-no-reset-rtl.css +0 -15243
  896. package/dist/rsuite-no-reset-rtl.min.css +0 -2
  897. package/dist/rsuite-no-reset-rtl.min.css.map +0 -1
  898. package/dist/rsuite-no-reset.min.css.map +0 -1
  899. package/dist/rsuite-rtl.css +0 -15494
  900. package/dist/rsuite-rtl.min.css +0 -2
  901. package/dist/rsuite-rtl.min.css.map +0 -1
  902. package/dist/rsuite.min.css.map +0 -1
  903. package/esm/Progress/ProgressCircle.js +0 -125
  904. package/esm/internals/Overlay/positionUtils.d.ts +0 -15
  905. package/internals/Box/styles/index.less +0 -82
  906. package/internals/Burger/styles/index.less +0 -67
  907. package/internals/CloseButton/styles/index.less +0 -15
  908. package/internals/Picker/styles/index.less +0 -477
  909. package/internals/Picker/styles/mixin.less +0 -131
  910. package/internals/Ripple/styles/index.less +0 -36
  911. package/internals/Ripple/styles/mixins.less +0 -6
  912. package/internals/ScrollView/styles/index.less +0 -69
  913. package/internals/SearchBox/styles/index.less +0 -11
  914. package/styles/color-modes/dark.less +0 -441
  915. package/styles/color-modes/high-contrast.less +0 -452
  916. package/styles/color-modes/light.less +0 -464
  917. package/styles/colors/dark.less +0 -105
  918. package/styles/colors/high-contrast.less +0 -105
  919. package/styles/colors/light.less +0 -105
  920. package/styles/common.less +0 -13
  921. package/styles/index.less +0 -106
  922. package/styles/mixins/color-modes.less +0 -16
  923. package/styles/mixins/combobox.less +0 -6
  924. package/styles/mixins/hacks.less +0 -32
  925. package/styles/mixins/listbox.less +0 -68
  926. package/styles/mixins/menu.less +0 -12
  927. package/styles/mixins/utilities.less +0 -183
  928. package/styles/normalize.less +0 -247
  929. package/styles/plugins/palette.js +0 -1407
  930. package/styles/root.less +0 -83
  931. package/styles/scaffolding.less +0 -54
  932. package/styles/typography.less +0 -123
  933. package/styles/variables.less +0 -638
  934. package/toaster/styles/animation.less +0 -54
  935. package/toaster/styles/index.less +0 -100
  936. package/useToaster/styles/index.less +0 -1
package/InputGroup/styles/index.css CHANGED
@@ -1,1251 +1,478 @@
1
- /**
2
- * Map mixin
3
- * @param {string} @size-name - The size name
4
- * @param {string} @suffix - The suffix
5
- */
6
- /* stylelint-disable */
7
- *[class*='rs-'] {
8
- box-sizing: border-box;
9
- }
10
- *[class*='rs-']::before,
11
- *[class*='rs-']::after {
12
- box-sizing: border-box;
13
- }
14
- :root {
15
- --rs-font-size-xs: 0.75rem;
16
- --rs-font-size-sm: 0.875rem;
17
- --rs-font-size-md: 1rem;
18
- --rs-spacing: 0.25rem;
19
- --rs-radius-none: 0;
20
- --rs-radius-md: 0.375rem;
21
- --rs-radius-full: calc(infinity * 1px);
22
- --rs-shadow-none: 0 0 #0000;
23
- }
24
- :root,
25
- .rs-theme-light {
26
- --rs-gray-0: #fff;
27
- --rs-gray-50: #f7f7fa;
28
- --rs-gray-100: #f2f2f5;
29
- --rs-gray-200: #e5e5ea;
30
- --rs-gray-300: #d9d9d9;
31
- --rs-gray-400: #b6b7b8;
32
- --rs-gray-500: #939393;
33
- --rs-gray-600: #717273;
34
- --rs-gray-700: #575757;
35
- --rs-gray-800: #343434;
36
- --rs-gray-900: #121212;
37
- --rs-primary-200: #a6d7ff;
38
- --rs-primary-400: #59afff;
39
- --rs-primary-500: #3498ff;
40
- --rs-primary-600: #2589f5;
41
- --rs-primary-700: #1675e0;
42
- --rs-primary-800: #0a5dc2;
43
- --rs-primary-900: #004299;
44
- --rs-red-200: #faa9a7;
45
- --rs-red-400: #f7635c;
46
- --rs-red-500: #f44336;
47
- --rs-red-600: #eb3626;
48
- --rs-red-700: #d62915;
49
- --rs-red-800: #b81c07;
50
- --rs-red-900: #8f1300;
51
- --rs-orange-200: #fcc690;
52
- --rs-orange-400: #fa9b2f;
53
- --rs-orange-500: #fa8900;
54
- --rs-orange-600: #f08800;
55
- --rs-orange-700: #db8000;
56
- --rs-orange-800: #bd7100;
57
- --rs-orange-900: #945b00;
58
- --rs-yellow-200: #ffd991;
59
- --rs-yellow-400: #ffbe30;
60
- --rs-yellow-500: #ffb300;
61
- --rs-yellow-600: #f5af00;
62
- --rs-yellow-700: #e0a500;
63
- --rs-yellow-800: #c29100;
64
- --rs-yellow-900: #997500;
65
- --rs-green-200: #a5e0a4;
66
- --rs-green-400: #65bf67;
67
- --rs-green-500: #4caf50;
68
- --rs-green-600: #37ab3c;
69
- --rs-green-700: #22a12a;
70
- --rs-green-800: #0f9119;
71
- --rs-green-900: #007d0c;
72
- --rs-cyan-200: #87e6ed;
73
- --rs-cyan-400: #2acadb;
74
- --rs-cyan-500: #00bcd4;
75
- --rs-cyan-600: #00b1cc;
76
- --rs-cyan-700: #00a0bd;
77
- --rs-cyan-800: #008aa6;
78
- --rs-cyan-900: #006e87;
79
- --rs-blue-200: #9bd4fa;
80
- --rs-blue-400: #49abf5;
81
- --rs-blue-500: #2196f3;
82
- --rs-blue-600: #1787e8;
83
- --rs-blue-700: #0d73d4;
84
- --rs-blue-800: #045cb5;
85
- --rs-blue-900: #00448c;
86
- --rs-violet-200: #b6a1e3;
87
- --rs-violet-400: #805ac7;
88
- --rs-violet-500: #673ab7;
89
- --rs-violet-600: #5f2bb3;
90
- --rs-violet-700: #531ba8;
91
- --rs-violet-800: #470c99;
92
- --rs-violet-900: #390085;
93
- --rs-text-primary: var(--rs-gray-800);
94
- --rs-text-disabled: var(--rs-gray-600);
95
- --rs-border-primary: var(--rs-gray-200);
96
- --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
97
- --rs-btn-default-bg: var(--rs-gray-50);
98
- --rs-btn-default-text: var(--rs-gray-800);
99
- --rs-btn-default-border-color: var(--rs-gray-200);
100
- --rs-btn-default-hover-bg: var(--rs-gray-200);
101
- --rs-btn-default-active-bg: var(--rs-gray-300);
102
- --rs-btn-default-active-text: var(--rs-gray-900);
103
- --rs-btn-default-disabled-bg: var(--rs-gray-50);
104
- --rs-btn-default-disabled-text: var(--rs-gray-600);
105
- --rs-btn-primary-bg: var(--rs-primary-500);
106
- --rs-btn-primary-text: var(--rs-gray-0);
107
- --rs-btn-primary-border-color: var(--rs-primary-600);
108
- --rs-btn-primary-hover-bg: var(--rs-primary-600);
109
- --rs-btn-primary-active-bg: var(--rs-primary-700);
110
- --rs-btn-subtle-text: var(--rs-gray-800);
111
- --rs-btn-subtle-hover-bg: var(--rs-gray-200);
112
- --rs-btn-subtle-hover-text: var(--rs-gray-800);
113
- --rs-btn-subtle-active-bg: var(--rs-gray-200);
114
- --rs-btn-subtle-active-text: var(--rs-gray-900);
115
- --rs-btn-subtle-disabled-text: var(--rs-gray-400);
116
- --rs-btn-ghost-border: var(--rs-primary-700);
117
- --rs-btn-ghost-text: var(--rs-primary-700);
118
- --rs-btn-ghost-hover-border: var(--rs-primary-800);
119
- --rs-btn-ghost-hover-text: var(--rs-primary-800);
120
- --rs-btn-ghost-active-border: var(--rs-primary-900);
121
- --rs-btn-ghost-active-text: var(--rs-primary-900);
122
- --rs-btn-link-text: var(--rs-primary-700);
123
- --rs-btn-link-hover-text: var(--rs-primary-800);
124
- --rs-btn-link-active-text: var(--rs-primary-900);
125
- --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
126
- --rs-loader-rotor: var(--rs-gray-500);
127
- --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 30%);
128
- --rs-loader-rotor-inverse: var(--rs-gray-0);
129
- --rs-input-bg: var(--rs-gray-0);
130
- --rs-input-focus-border: var(--rs-primary-500);
131
- --rs-input-disabled-bg: var(--rs-gray-50);
132
- }
133
- @supports not (color: rgb(from white r g b)) {
134
- :root,
135
- .rs-theme-light {
136
- --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
137
- --rs-loader-ring: rgba(247, 247, 250, 0.8);
138
- --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
1
+ *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
2
+ box-sizing:border-box;
3
+ }
4
+
5
+ html{
6
+ -webkit-tap-highlight-color:transparent;
7
+ font-size:16px;
8
+ }
9
+
10
+ body{
11
+ font-family:var(--rs-font-family-base);
12
+ font-size:var(--rs-font-size-sm);
13
+ line-height:var(--rs-line-height-md);
14
+ color:var(--rs-text-primary);
15
+ background-color:var(--rs-body);
16
+ }
17
+ :root{
18
+ --rs-gray-0:#fff;
19
+ --rs-gray-50:#f7f7fa;
20
+ --rs-gray-100:#f2f2f5;
21
+ --rs-gray-200:#e5e5ea;
22
+ --rs-gray-400:#b6b7b8;
23
+ --rs-gray-500:#939393;
24
+ --rs-gray-600:#717273;
25
+ --rs-gray-700:#575757;
26
+ --rs-gray-800:#343434;
27
+ --rs-gray-900:#121212;
28
+ --rs-primary-200:#A6D7FF;
29
+ --rs-primary-400:#59AFFF;
30
+ --rs-primary-500:#3498ff;
31
+ --rs-body:var(--rs-gray-0);
32
+ --rs-text-primary:var(--rs-gray-800);
33
+ --rs-text-disabled:var(--rs-gray-600);
34
+ --rs-border-primary:var(--rs-gray-200);
35
+ --rs-color-focus-ring:rgb(from var(--rs-primary-500) r g b / 25%);
36
+ --rs-btn-default-bg:var(--rs-gray-50);
37
+ --rs-btn-subtle-text:var(--rs-gray-800);
38
+ --rs-btn-subtle-hover-bg:var(--rs-gray-200);
39
+ --rs-btn-subtle-hover-text:var(--rs-gray-800);
40
+ --rs-btn-subtle-active-bg:var(--rs-gray-200);
41
+ --rs-btn-subtle-active-text:var(--rs-gray-900);
42
+ --rs-btn-subtle-disabled-text:var(--rs-gray-400);
43
+ --rs-input-bg:var(--rs-gray-0);
44
+ --rs-input-focus-border:var(--rs-primary-500);
45
+ --rs-input-disabled-bg:var(--rs-gray-50);
46
+ }
47
+ @supports not (color: rgb(from white r g b)){
48
+ :root{
49
+ --rs-color-focus-ring:rgba(52, 152, 255, 0.25);
139
50
  }
140
51
  }
141
- .rs-theme-dark {
142
- --rs-gray-0: #fff;
143
- --rs-gray-50: #e9ebf0;
144
- --rs-gray-100: #cbced4;
145
- --rs-gray-200: #a4a9b3;
146
- --rs-gray-300: #858b94;
147
- --rs-gray-400: #6a6f76;
148
- --rs-gray-500: #5c6066;
149
- --rs-gray-600: #3c3f43;
150
- --rs-gray-700: #292d33;
151
- --rs-gray-800: #1a1d24;
152
- --rs-gray-900: #0f131a;
153
- --rs-primary-200: #a6e9ff;
154
- --rs-primary-400: #59d0ff;
155
- --rs-primary-500: #34c3ff;
156
- --rs-primary-600: #25b3f5;
157
- --rs-primary-700: #169de0;
158
- --rs-primary-800: #0a81c2;
159
- --rs-primary-900: #006199;
160
- --rs-red-200: #faa9a7;
161
- --rs-red-400: #f26a63;
162
- --rs-red-500: #f04f43;
163
- --rs-red-600: #e63f30;
164
- --rs-red-700: #d12f1d;
165
- --rs-red-800: #b3200c;
166
- --rs-red-900: #8a1200;
167
- --rs-orange-200: #ffce91;
168
- --rs-orange-400: #ffa930;
169
- --rs-orange-500: #ff9800;
170
- --rs-orange-600: #f59700;
171
- --rs-orange-700: #e08e00;
172
- --rs-orange-800: #c27e00;
173
- --rs-orange-900: #996600;
174
- --rs-yellow-200: #ffe2b3;
175
- --rs-yellow-400: #ffcf75;
176
- --rs-yellow-500: #ffc757;
177
- --rs-yellow-600: #f5bb3d;
178
- --rs-yellow-700: #e0a824;
179
- --rs-yellow-800: #c28f0e;
180
- --rs-yellow-900: #997000;
181
- --rs-green-200: #aee0ad;
182
- --rs-green-400: #71bf72;
183
- --rs-green-500: #58b15b;
184
- --rs-green-600: #3fab45;
185
- --rs-green-700: #27a12f;
186
- --rs-green-800: #10911b;
187
- --rs-green-900: #007d0c;
188
- --rs-cyan-200: #87e6ed;
189
- --rs-cyan-400: #2acadb;
190
- --rs-cyan-500: #00bcd4;
191
- --rs-cyan-600: #00b1cc;
192
- --rs-cyan-700: #00a0bd;
193
- --rs-cyan-800: #008aa6;
194
- --rs-cyan-900: #006e87;
195
- --rs-blue-200: #93d6fa;
196
- --rs-blue-400: #3dadf2;
197
- --rs-blue-500: #1499ef;
198
- --rs-blue-600: #0e8ce6;
199
- --rs-blue-700: #087ad1;
200
- --rs-blue-800: #0464b3;
201
- --rs-blue-900: #00498a;
202
- --rs-violet-200: #b6a1e3;
203
- --rs-violet-400: #805ac7;
204
- --rs-violet-500: #673ab7;
205
- --rs-violet-600: #5f2bb3;
206
- --rs-violet-700: #531ba8;
207
- --rs-violet-800: #470c99;
208
- --rs-violet-900: #390085;
209
- --rs-text-primary: var(--rs-gray-50);
210
- --rs-text-disabled: var(--rs-gray-400);
211
- --rs-border-primary: var(--rs-gray-600);
212
- --rs-color-focus-ring: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
213
- --rs-btn-default-bg: var(--rs-gray-600);
214
- --rs-btn-default-text: var(--rs-gray-50);
215
- --rs-btn-default-border-color: var(--rs-gray-700);
216
- --rs-btn-default-hover-bg: var(--rs-gray-500);
217
- --rs-btn-default-active-bg: var(--rs-gray-300);
218
- --rs-btn-default-active-text: var(--rs-gray-0);
219
- --rs-btn-default-disabled-bg: var(--rs-gray-600);
220
- --rs-btn-default-disabled-text: var(--rs-gray-400);
221
- --rs-btn-primary-bg: var(--rs-primary-700);
222
- --rs-btn-primary-text: var(--rs-gray-0);
223
- --rs-btn-primary-border-color: var(--rs-primary-800);
224
- --rs-btn-primary-hover-bg: var(--rs-primary-600);
225
- --rs-btn-primary-active-bg: var(--rs-primary-400);
226
- --rs-btn-subtle-text: var(--rs-gray-200);
227
- --rs-btn-subtle-hover-bg: var(--rs-gray-500);
228
- --rs-btn-subtle-hover-text: var(--rs-gray-50);
229
- --rs-btn-subtle-active-bg: var(--rs-gray-400);
230
- --rs-btn-subtle-active-text: var(--rs-gray-0);
231
- --rs-btn-subtle-disabled-text: var(--rs-gray-500);
232
- --rs-btn-ghost-border: var(--rs-primary-500);
233
- --rs-btn-ghost-text: var(--rs-primary-500);
234
- --rs-btn-ghost-hover-border: var(--rs-primary-400);
235
- --rs-btn-ghost-hover-text: var(--rs-primary-400);
236
- --rs-btn-ghost-active-border: var(--rs-primary-200);
237
- --rs-btn-ghost-active-text: var(--rs-primary-200);
238
- --rs-btn-link-text: var(--rs-primary-500);
239
- --rs-btn-link-hover-text: var(--rs-primary-400);
240
- --rs-btn-link-active-text: var(--rs-primary-200);
241
- --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
242
- --rs-loader-rotor: var(--rs-gray-0);
243
- --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
244
- --rs-loader-rotor-inverse: var(--rs-gray-500);
245
- --rs-input-bg: var(--rs-gray-800);
246
- --rs-input-focus-border: var(--rs-primary-500);
247
- --rs-input-disabled-bg: var(--rs-gray-700);
248
- }
249
- @supports not (color: rgb(from white r g b)) {
250
- .rs-theme-dark {
251
- --rs-color-focus-ring: 0 0 0 2px rgba(52, 195, 255, 0.25);
252
- --rs-loader-ring: rgba(233, 235, 240, 0.3);
253
- --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
52
+
53
+ [data-theme=dark],
54
+ .rs-theme-dark{
55
+ --rs-gray-0:#fff;
56
+ --rs-gray-50:#e9ebf0;
57
+ --rs-gray-100:#cbced4;
58
+ --rs-gray-200:#a4a9b3;
59
+ --rs-gray-400:#6a6f76;
60
+ --rs-gray-500:#5c6066;
61
+ --rs-gray-600:#3c3f43;
62
+ --rs-gray-700:#292d33;
63
+ --rs-gray-800:#1a1d24;
64
+ --rs-gray-900:#0f131a;
65
+ --rs-primary-200:#A6E9FF;
66
+ --rs-primary-400:#59D0FF;
67
+ --rs-primary-500:#34c3ff;
68
+ --rs-body:var(--rs-gray-900);
69
+ --rs-text-primary:var(--rs-gray-50);
70
+ --rs-text-disabled:var(--rs-gray-400);
71
+ --rs-border-primary:var(--rs-gray-600);
72
+ --rs-color-focus-ring:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
73
+ --rs-btn-default-bg:var(--rs-gray-600);
74
+ --rs-btn-subtle-text:var(--rs-gray-200);
75
+ --rs-btn-subtle-hover-bg:var(--rs-gray-500);
76
+ --rs-btn-subtle-hover-text:var(--rs-gray-50);
77
+ --rs-btn-subtle-active-bg:var(--rs-gray-400);
78
+ --rs-btn-subtle-active-text:var(--rs-gray-0);
79
+ --rs-btn-subtle-disabled-text:var(--rs-gray-500);
80
+ --rs-input-bg:var(--rs-gray-800);
81
+ --rs-input-focus-border:var(--rs-primary-500);
82
+ --rs-input-disabled-bg:var(--rs-gray-700);
83
+ }
84
+ @supports not (color: rgb(from white r g b)){
85
+ [data-theme=dark],
86
+ .rs-theme-dark{
87
+ --rs-color-focus-ring:0 0 0 2px rgba(52, 195, 255, 0.25);
254
88
  }
255
89
  }
256
- .rs-theme-high-contrast {
257
- --rs-gray-0: #fff;
258
- --rs-gray-50: #e9ebf0;
259
- --rs-gray-100: #cbced4;
260
- --rs-gray-200: #a4a9b3;
261
- --rs-gray-300: #858b94;
262
- --rs-gray-400: #6a6f76;
263
- --rs-gray-500: #5c6066;
264
- --rs-gray-600: #3c3f43;
265
- --rs-gray-700: #292d33;
266
- --rs-gray-800: #1a1d24;
267
- --rs-gray-900: #0f131a;
268
- --rs-primary-200: #fffa91;
269
- --rs-primary-400: #fffc30;
270
- --rs-primary-500: #ffff00;
271
- --rs-primary-600: #f1f500;
272
- --rs-primary-700: #d9e000;
273
- --rs-primary-800: #b8c200;
274
- --rs-primary-900: #8f9900;
275
- --rs-red-200: #e691a3;
276
- --rs-red-400: #c93a55;
277
- --rs-red-500: #bd1732;
278
- --rs-red-600: #b51029;
279
- --rs-red-700: #a60a1f;
280
- --rs-red-800: #8f0414;
281
- --rs-red-900: #70000b;
282
- --rs-orange-200: #ffce91;
283
- --rs-orange-400: #ffa930;
284
- --rs-orange-500: #ff9800;
285
- --rs-orange-600: #f59700;
286
- --rs-orange-700: #e08e00;
287
- --rs-orange-800: #c27e00;
288
- --rs-orange-900: #996600;
289
- --rs-yellow-200: #ffe2b3;
290
- --rs-yellow-400: #ffcf75;
291
- --rs-yellow-500: #ffc757;
292
- --rs-yellow-600: #f5bb3d;
293
- --rs-yellow-700: #e0a824;
294
- --rs-yellow-800: #c28f0e;
295
- --rs-yellow-900: #997000;
296
- --rs-green-200: #7ccc8e;
297
- --rs-green-400: #2a9c46;
298
- --rs-green-500: #0d822c;
299
- --rs-green-600: #09802b;
300
- --rs-green-700: #057a28;
301
- --rs-green-800: #017325;
302
- --rs-green-900: #006923;
303
- --rs-cyan-200: #87e6ed;
304
- --rs-cyan-400: #2acadb;
305
- --rs-cyan-500: #00bcd4;
306
- --rs-cyan-600: #00b1cc;
307
- --rs-cyan-700: #00a0bd;
308
- --rs-cyan-800: #008aa6;
309
- --rs-cyan-900: #006e87;
310
- --rs-blue-200: #93d6fa;
311
- --rs-blue-400: #3dadf2;
312
- --rs-blue-500: #1499ef;
313
- --rs-blue-600: #0e8ce6;
314
- --rs-blue-700: #087ad1;
315
- --rs-blue-800: #0464b3;
316
- --rs-blue-900: #00498a;
317
- --rs-violet-200: #b6a1e3;
318
- --rs-violet-400: #805ac7;
319
- --rs-violet-500: #673ab7;
320
- --rs-violet-600: #5f2bb3;
321
- --rs-violet-700: #531ba8;
322
- --rs-violet-800: #470c99;
323
- --rs-violet-900: #390085;
324
- --rs-text-primary: var(--rs-gray-50);
325
- --rs-text-disabled: var(--rs-gray-400);
326
- --rs-border-primary: var(--rs-gray-100);
327
- --rs-color-focus-ring: var(--rs-gray-0);
328
- --rs-btn-default-bg: transparent;
329
- --rs-btn-default-text: var(--rs-primary-500);
330
- --rs-btn-default-border-color: var(--rs-primary-500);
331
- --rs-btn-default-hover-bg: transparent;
332
- --rs-btn-default-hover-text: var(--rs-primary-400);
333
- --rs-btn-default-active-bg: transparent;
334
- --rs-btn-default-active-text: var(--rs-primary-200);
335
- --rs-btn-default-disabled-bg: transparent;
336
- --rs-btn-default-disabled-text: var(--rs-primary-900);
337
- --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
338
- --rs-btn-primary-bg: var(--rs-primary-500);
339
- --rs-btn-primary-text: var(--rs-gray-900);
340
- --rs-btn-primary-hover-bg: var(--rs-primary-400);
341
- --rs-btn-primary-active-bg: var(--rs-primary-200);
342
- --rs-btn-subtle-text: var(--rs-primary-500);
343
- --rs-btn-subtle-hover-bg: transparent;
344
- --rs-btn-subtle-hover-text: var(--rs-primary-400);
345
- --rs-btn-subtle-active-bg: transparent;
346
- --rs-btn-subtle-active-text: var(--rs-primary-200);
347
- --rs-btn-subtle-disabled-text: var(--rs-gray-500);
348
- --rs-btn-ghost-border: var(--rs-primary-500);
349
- --rs-btn-ghost-text: var(--rs-primary-500);
350
- --rs-btn-ghost-hover-border: var(--rs-primary-400);
351
- --rs-btn-ghost-hover-text: var(--rs-primary-400);
352
- --rs-btn-ghost-active-border: var(--rs-primary-200);
353
- --rs-btn-ghost-active-text: var(--rs-primary-200);
354
- --rs-btn-link-text: var(--rs-primary-500);
355
- --rs-btn-link-hover-text: var(--rs-primary-400);
356
- --rs-btn-link-active-text: var(--rs-primary-200);
357
- --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
358
- --rs-loader-rotor: var(--rs-gray-0);
359
- --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
360
- --rs-loader-rotor-inverse: var(--rs-gray-500);
361
- --rs-input-bg: var(--rs-gray-800);
362
- --rs-input-focus-border: var(--rs-primary-500);
363
- --rs-input-disabled-bg: var(--rs-gray-700);
364
- }
365
- @supports not (color: rgb(from white r g b)) {
366
- .rs-theme-high-contrast {
367
- --rs-loader-ring: rgba(233, 235, 240, 0.3);
368
- --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
90
+
91
+ [data-theme=high-contrast],
92
+ .rs-theme-high-contrast{
93
+ --rs-gray-0:#fff;
94
+ --rs-gray-50:#e9ebf0;
95
+ --rs-gray-100:#cbced4;
96
+ --rs-gray-200:#a4a9b3;
97
+ --rs-gray-400:#6a6f76;
98
+ --rs-gray-500:#5c6066;
99
+ --rs-gray-600:#3c3f43;
100
+ --rs-gray-700:#292d33;
101
+ --rs-gray-800:#1a1d24;
102
+ --rs-gray-900:#0f131a;
103
+ --rs-primary-200:#fffa91;
104
+ --rs-primary-400:#fffc30;
105
+ --rs-primary-500:#ffff00;
106
+ --rs-body:var(--rs-gray-900);
107
+ --rs-text-primary:var(--rs-gray-50);
108
+ --rs-text-disabled:var(--rs-gray-400);
109
+ --rs-border-primary:var(--rs-gray-100);
110
+ --rs-color-focus-ring:var(--rs-gray-0);
111
+ --rs-btn-default-bg:transparent;
112
+ --rs-btn-subtle-text:var(--rs-primary-500);
113
+ --rs-btn-subtle-hover-bg:transparent;
114
+ --rs-btn-subtle-hover-text:var(--rs-primary-400);
115
+ --rs-btn-subtle-active-bg:transparent;
116
+ --rs-btn-subtle-active-text:var(--rs-primary-200);
117
+ --rs-btn-subtle-disabled-text:var(--rs-gray-500);
118
+ --rs-input-bg:var(--rs-gray-800);
119
+ --rs-input-focus-border:var(--rs-primary-500);
120
+ --rs-input-disabled-bg:var(--rs-gray-700);
121
+ }
122
+
123
+ :root{
124
+ --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
125
+ --rs-font-size-xs:0.75rem;
126
+ --rs-font-size-sm:0.875rem;
127
+ --rs-font-size-md:1rem;
128
+ --rs-line-height-base:20px;
129
+ --rs-line-height-plus:22px;
130
+ --rs-line-height-md:calc(20 / 14);
131
+ --rs-spacing:0.25rem;
132
+ --rs-spacing-inline-xs:8px;
133
+ --rs-spacing-block-xs:2px;
134
+ --rs-spacing-inline-sm:10px;
135
+ --rs-spacing-block-sm:5px;
136
+ --rs-spacing-inline-lg:16px;
137
+ --rs-spacing-block-lg:10px;
138
+ --rs-padding-inline-md:12px;
139
+ --rs-padding-block-md:8px;
140
+ --rs-radius-none:0;
141
+ --rs-radius-md:0.375rem;
142
+ }
143
+ [data-rs=box][style*="--rs-box-p"]{
144
+ padding:var(--rs-box-p);
145
+ }
146
+ [data-rs=box][style*="--rs-box-pt"]{
147
+ padding-top:var(--rs-box-pt);
148
+ }
149
+ [data-rs=box][style*="--rs-box-pb"]{
150
+ padding-bottom:var(--rs-box-pb);
151
+ }
152
+ [data-rs=box][style*="--rs-box-pl"]{
153
+ padding-left:var(--rs-box-pl);
154
+ }
155
+ [data-rs=box][style*="--rs-box-pr"]{
156
+ padding-right:var(--rs-box-pr);
157
+ }
158
+ [data-rs=box][style*="--rs-box-px"]{
159
+ padding-inline:var(--rs-box-px);
160
+ }
161
+ [data-rs=box][style*="--rs-box-py"]{
162
+ padding-block:var(--rs-box-py);
163
+ }
164
+ [data-rs=box][style*="--rs-box-m"]{
165
+ margin:var(--rs-box-m);
166
+ }
167
+ [data-rs=box][style*="--rs-box-mt"]{
168
+ margin-top:var(--rs-box-mt);
169
+ }
170
+ [data-rs=box][style*="--rs-box-mb"]{
171
+ margin-bottom:var(--rs-box-mb);
172
+ }
173
+ [data-rs=box][style*="--rs-box-ml"]{
174
+ margin-left:var(--rs-box-ml);
175
+ }
176
+ [data-rs=box][style*="--rs-box-mr"]{
177
+ margin-right:var(--rs-box-mr);
178
+ }
179
+ [data-rs=box][style*="--rs-box-mx"]{
180
+ margin-inline:var(--rs-box-mx);
181
+ }
182
+ [data-rs=box][style*="--rs-box-my"]{
183
+ margin-block:var(--rs-box-my);
184
+ }
185
+ [data-rs=box][style*="--rs-box-w"]{
186
+ width:var(--rs-box-w);
187
+ }
188
+ [data-rs=box][style*="--rs-box-h"]{
189
+ height:var(--rs-box-h);
190
+ }
191
+ [data-rs=box][style*="--rs-box-maxw"]{
192
+ max-width:var(--rs-box-maxw);
193
+ }
194
+ [data-rs=box][style*="--rs-box-maxh"]{
195
+ max-height:var(--rs-box-maxh);
196
+ }
197
+ [data-rs=box][style*="--rs-box-minw"]{
198
+ min-width:var(--rs-box-minw);
199
+ }
200
+ [data-rs=box][style*="--rs-box-minh"]{
201
+ min-height:var(--rs-box-minh);
202
+ }
203
+ [data-rs=box][style*="--rs-box-c"]{
204
+ color:var(--rs-box-c);
205
+ }
206
+ [data-rs=box][style*="--rs-box-bd"]{
207
+ border:var(--rs-box-bd);
208
+ }
209
+ [data-rs=box][style*="--rs-box-rounded"]{
210
+ border-radius:var(--rs-box-rounded);
211
+ }
212
+ [data-rs=box][style*="--rs-box-shadow"]{
213
+ box-shadow:var(--rs-box-shadow);
214
+ }
215
+ [data-rs=box][style*="--rs-box-bg"]{
216
+ background:var(--rs-box-bg);
217
+ }
218
+ [data-rs=box][style*="--rs-box-display"]{
219
+ display:var(--rs-box-display);
220
+ }
221
+
222
+ @media (max-width: calc(576px - 1px)){
223
+ [data-visible-from=xs]{
224
+ display:none !important;
225
+ }
226
+ }
227
+ @media (min-width: 576px){
228
+ [data-hidden-from=xs]{
229
+ display:none !important;
230
+ }
231
+ }
232
+ @media (max-width: calc(768px - 1px)){
233
+ [data-visible-from=sm]{
234
+ display:none !important;
235
+ }
236
+ }
237
+ @media (min-width: 768px){
238
+ [data-hidden-from=sm]{
239
+ display:none !important;
369
240
  }
370
241
  }
371
- :root {
372
- --rs-btn-size-xs: 1.5rem;
373
- --rs-btn-size-sm: 1.875rem;
374
- --rs-btn-size-md: 2.25rem;
375
- --rs-btn-size-lg: 2.625rem;
376
- --rs-btn-font-size-xs: var(--rs-font-size-xs);
377
- --rs-btn-font-size-sm: var(--rs-font-size-sm);
378
- --rs-btn-font-size-md: var(--rs-font-size-sm);
379
- --rs-btn-font-size-lg: var(--rs-font-size-md);
380
- --rs-btn-line-height-xs: 1.25rem;
381
- --rs-btn-line-height-sm: 1.25rem;
382
- --rs-btn-line-height-md: 1.25rem;
383
- --rs-btn-line-height-lg: 1.375rem;
384
- --rs-btn-padding-inline-xs: calc(var(--rs-spacing) * 2);
385
- --rs-btn-padding-inline-sm: calc(var(--rs-spacing) * 2.5);
386
- --rs-btn-padding-inline-md: calc(var(--rs-spacing) * 3);
387
- --rs-btn-padding-inline-lg: calc(var(--rs-spacing) * 3.5);
388
- --rs-btn-padding-block-xs: calc(var(--rs-spacing) / 2);
389
- --rs-btn-padding-block-sm: calc(var(--rs-spacing) * 1.25);
390
- --rs-btn-padding-block-md: calc(var(--rs-spacing) * 2);
391
- --rs-btn-padding-block-lg: calc(var(--rs-spacing) * 2.5);
392
- }
393
- .rs-btn {
394
- display: inline-flex;
395
- align-items: center;
396
- justify-content: center;
397
- margin-bottom: 0;
398
- font-weight: normal;
399
- font-size: var(--rs-btn-font-size, var(--rs-font-size-sm));
400
- line-height: var(--rs-btn-line-height, 1.25rem);
401
- height: var(--rs-btn-size, 2.25rem);
402
- text-align: center;
403
- vertical-align: middle;
404
- cursor: pointer;
405
- white-space: nowrap;
406
- transition: color 0.15s ease-out, background-color 0.15s ease-out;
407
- border-width: 0;
408
- border-style: solid;
409
- border-color: var(--rs-btn-default-border-color, none);
410
- -webkit-user-select: none;
411
- -moz-user-select: none;
412
- user-select: none;
413
- text-decoration: none;
414
- color: var(--rs-btn-default-text);
415
- background-color: var(--rs-btn-default-bg);
416
- border-radius: var(--rs-radius-md);
417
- padding-inline: var(--rs-btn-padding-inline);
418
- padding-block: var(--rs-btn-padding-block);
419
- overflow: hidden;
420
- position: relative;
421
- }
422
- .rs-theme-high-contrast .rs-btn {
423
- transition: none;
424
- border-width: 1px;
425
- border-color: var(--rs-btn-default-border-color);
426
- }
427
- .rs-btn:focus-visible {
428
- outline: 2px solid var(--rs-color-focus-ring);
429
- outline-offset: -1px;
430
- }
431
- .rs-btn:hover {
432
- color: var(--rs-btn-default-hover-text);
433
- background-color: var(--rs-btn-default-hover-bg);
434
- text-decoration: none;
435
- }
436
- .rs-btn:active,
437
- .rs-btn.rs-btn-active {
438
- color: var(--rs-btn-default-active-text);
439
- background-color: var(--rs-btn-default-active-bg);
440
- }
441
- .rs-btn:disabled,
442
- .rs-btn.rs-btn-disabled {
443
- cursor: not-allowed;
444
- color: var(--rs-btn-default-disabled-text);
445
- background-color: var(--rs-btn-default-disabled-bg);
446
- }
447
- .rs-theme-high-contrast .rs-btn:disabled,
448
- .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
449
- border-color: var(--rs-btn-default-disabled-boreder-color);
450
- }
451
- @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
452
- .rs-btn {
453
- /* stylelint-disable */
454
- -webkit-mask-image: -webkit-radial-gradient(white, black);
455
- /* stylelint-enable */
242
+ @media (max-width: calc(992px - 1px)){
243
+ [data-visible-from=md]{
244
+ display:none !important;
456
245
  }
457
246
  }
458
- .rs-btn.rs-btn-lg {
459
- --rs-btn-size: var(--rs-btn-size-lg);
460
- --rs-btn-font-size: var(--rs-btn-font-size-lg);
461
- --rs-btn-line-height: var(--rs-btn-line-height-lg);
462
- --rs-btn-padding-inline: var(--rs-btn-padding-inline-lg);
463
- --rs-btn-padding-block: var(--rs-btn-padding-block-lg);
464
- }
465
- .rs-btn.rs-btn-md {
466
- --rs-btn-size: var(--rs-btn-size-md);
467
- --rs-btn-font-size: var(--rs-btn-font-size-md);
468
- --rs-btn-line-height: var(--rs-btn-line-height-md);
469
- --rs-btn-padding-inline: var(--rs-btn-padding-inline-md);
470
- --rs-btn-padding-block: var(--rs-btn-padding-block-md);
471
- }
472
- .rs-btn.rs-btn-sm {
473
- --rs-btn-size: var(--rs-btn-size-sm);
474
- --rs-btn-font-size: var(--rs-btn-font-size-sm);
475
- --rs-btn-line-height: var(--rs-btn-line-height-sm);
476
- --rs-btn-padding-inline: var(--rs-btn-padding-inline-sm);
477
- --rs-btn-padding-block: var(--rs-btn-padding-block-sm);
478
- }
479
- .rs-btn.rs-btn-xs {
480
- --rs-btn-size: var(--rs-btn-size-xs);
481
- --rs-btn-font-size: var(--rs-btn-font-size-xs);
482
- --rs-btn-line-height: var(--rs-btn-line-height-xs);
483
- --rs-btn-padding-inline: var(--rs-btn-padding-inline-xs);
484
- --rs-btn-padding-block: var(--rs-btn-padding-block-xs);
485
- }
486
- .rs-btn-start-icon {
487
- line-height: 0;
488
- margin-inline-end: 5px;
489
- }
490
- .rs-btn-end-icon {
491
- line-height: 0;
492
- margin-inline-start: 5px;
493
- }
494
- .rs-btn-primary {
495
- color: var(--rs-btn-primary-text);
496
- background-color: var(--rs-btn-primary-bg);
497
- border-color: var(--rs-btn-primary-border-color);
498
- }
499
- .rs-btn-primary:hover {
500
- color: var(--rs-btn-primary-text);
501
- background-color: var(--rs-btn-primary-hover-bg);
502
- }
503
- .rs-btn-primary:active,
504
- .rs-btn-primary.rs-btn-active {
505
- color: var(--rs-btn-primary-text);
506
- background-color: var(--rs-btn-primary-active-bg);
507
- }
508
- .rs-btn-primary:disabled,
509
- .rs-btn-primary.rs-btn-disabled {
510
- color: var(--rs-btn-primary-text);
511
- background-color: var(--rs-btn-primary-bg);
512
- opacity: 0.3;
513
- }
514
- .rs-theme-high-contrast .rs-btn-primary:disabled,
515
- .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
516
- border-color: var(--rs-btn-default-disabled-boreder-color);
517
- }
518
- .rs-btn-subtle {
519
- color: var(--rs-btn-subtle-text);
520
- background-color: transparent;
521
- }
522
- .rs-btn-subtle:hover {
523
- color: var(--rs-btn-subtle-hover-text);
524
- background-color: var(--rs-btn-subtle-hover-bg);
525
- }
526
- .rs-btn-subtle:active,
527
- .rs-btn-subtle.rs-btn-active {
528
- color: var(--rs-btn-subtle-active-text);
529
- background-color: var(--rs-btn-subtle-active-bg);
530
- }
531
- .rs-btn-subtle:disabled,
532
- .rs-btn-subtle.rs-btn-disabled {
533
- color: var(--rs-btn-subtle-disabled-text);
534
- background: none;
535
- }
536
- .rs-theme-high-contrast .rs-btn-subtle:disabled,
537
- .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
538
- border-color: var(--rs-btn-default-disabled-boreder-color);
539
- }
540
- .rs-btn-link {
541
- color: var(--rs-btn-link-text);
542
- background-color: transparent;
543
- }
544
- .rs-btn-link:hover {
545
- color: var(--rs-btn-link-hover-text);
546
- background-color: transparent;
547
- text-decoration: underline;
548
- }
549
- .rs-btn-link:active,
550
- .rs-btn-link.rs-btn-active {
551
- color: var(--rs-btn-link-active-text);
552
- background-color: transparent;
553
- }
554
- .rs-btn-link:disabled,
555
- .rs-btn-link.rs-btn-disabled {
556
- color: var(--rs-btn-link-hover-text);
557
- background-color: transparent;
558
- text-decoration: none;
559
- opacity: 0.3;
560
- }
561
- .rs-theme-high-contrast .rs-btn-link:disabled,
562
- .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
563
- border-color: var(--rs-btn-default-disabled-boreder-color);
564
- }
565
- .rs-btn-ghost {
566
- color: var(--rs-btn-ghost-text);
567
- background-color: transparent;
568
- border: 1px solid var(--rs-btn-ghost-border);
569
- padding-inline: calc(var(--rs-btn-padding-inline) - 1px);
570
- }
571
- .rs-btn-ghost:hover {
572
- color: var(--rs-btn-ghost-hover-text);
573
- background-color: transparent;
574
- border-color: var(--rs-btn-ghost-hover-border);
575
- box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
576
- }
577
- .rs-btn-ghost:active,
578
- .rs-btn-ghost.rs-btn-active {
579
- color: var(--rs-btn-ghost-active-text);
580
- background-color: transparent;
581
- border-color: var(--rs-btn-ghost-active-border);
582
- }
583
- .rs-btn-ghost:disabled,
584
- .rs-btn-ghost.rs-btn-disabled {
585
- color: var(--rs-btn-ghost-text);
586
- background-color: transparent;
587
- opacity: 0.3;
588
- border-color: var(--rs-btn-ghost-border);
589
- box-shadow: var(--rs-shadow-none);
590
- }
591
- .rs-theme-high-contrast .rs-btn-ghost:disabled,
592
- .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
593
- border-color: var(--rs-btn-default-disabled-boreder-color);
594
- }
595
- .rs-btn-red {
596
- --rs-btn-primary-bg: var(--rs-red-500);
597
- --rs-btn-primary-hover-bg: var(--rs-red-700);
598
- --rs-btn-primary-active-bg: var(--rs-red-800);
599
- --rs-btn-primary-border-color: var(--rs-red-700);
600
- --rs-btn-subtle-hover-bg: var(--rs-red-500);
601
- --rs-btn-subtle-hover-text: #e5e5ea;
602
- --rs-btn-subtle-active-bg: var(--rs-red-600);
603
- --rs-btn-subtle-active-text: #343434;
604
- --rs-btn-ghost-border: var(--rs-red-700);
605
- --rs-btn-ghost-text: var(--rs-red-700);
606
- --rs-btn-ghost-hover-border: var(--rs-red-900);
607
- --rs-btn-ghost-hover-text: var(--rs-red-800);
608
- --rs-btn-ghost-active-border: var(--rs-red-900);
609
- --rs-btn-ghost-active-text: var(--rs-red-900);
610
- --rs-btn-link-text: var(--rs-red-700);
611
- --rs-btn-link-hover-text: var(--rs-red-800);
612
- --rs-btn-link-active-text: var(--rs-red-900);
613
- }
614
- .rs-theme-dark .rs-btn-red {
615
- --rs-btn-primary-bg: var(--rs-red-700);
616
- --rs-btn-primary-hover-bg: var(--rs-red-500);
617
- --rs-btn-primary-active-bg: var(--rs-red-400);
618
- --rs-btn-primary-border-color: var(--rs-red-800);
619
- --rs-btn-subtle-hover-bg: var(--rs-red-600);
620
- --rs-btn-subtle-hover-text: #fff;
621
- --rs-btn-subtle-active-bg: var(--rs-red-400);
622
- --rs-btn-subtle-active-text: #fff;
623
- --rs-btn-ghost-border: var(--rs-red-500);
624
- --rs-btn-ghost-text: var(--rs-red-500);
625
- --rs-btn-ghost-hover-border: var(--rs-red-400);
626
- --rs-btn-ghost-hover-text: var(--rs-red-400);
627
- --rs-btn-ghost-active-border: var(--rs-red-200);
628
- --rs-btn-ghost-active-text: var(--rs-red-200);
629
- --rs-btn-link-text: var(--rs-red-500);
630
- --rs-btn-link-hover-text: var(--rs-red-400);
631
- --rs-btn-link-active-text: var(--rs-red-200);
632
- }
633
- .rs-theme-high-contrast .rs-btn-red {
634
- --rs-btn-primary-bg: var(--rs-red-700);
635
- --rs-btn-primary-hover-bg: var(--rs-red-600);
636
- --rs-btn-primary-active-bg: var(--rs-red-400);
637
- --rs-btn-subtle-hover-bg: var(--rs-red-600);
638
- --rs-btn-subtle-hover-text: var(--rs-gray-900);
639
- --rs-btn-subtle-active-bg: var(--rs-red-400);
640
- --rs-btn-subtle-active-text: var(--rs-gray-900);
641
- --rs-btn-ghost-border: var(--rs-red-500);
642
- --rs-btn-ghost-text: var(--rs-red-500);
643
- --rs-btn-ghost-hover-border: var(--rs-red-400);
644
- --rs-btn-ghost-hover-text: var(--rs-red-400);
645
- --rs-btn-ghost-active-border: var(--rs-red-200);
646
- --rs-btn-ghost-active-text: var(--rs-red-200);
647
- --rs-btn-link-text: var(--rs-red-500);
648
- --rs-btn-link-hover-text: var(--rs-red-400);
649
- --rs-btn-link-active-text: var(--rs-red-200);
650
- }
651
- .rs-btn-orange {
652
- --rs-btn-primary-bg: var(--rs-orange-500);
653
- --rs-btn-primary-hover-bg: var(--rs-orange-700);
654
- --rs-btn-primary-active-bg: var(--rs-orange-800);
655
- --rs-btn-primary-border-color: var(--rs-orange-700);
656
- --rs-btn-subtle-hover-bg: var(--rs-orange-500);
657
- --rs-btn-subtle-hover-text: #e5e5ea;
658
- --rs-btn-subtle-active-bg: var(--rs-orange-600);
659
- --rs-btn-subtle-active-text: #343434;
660
- --rs-btn-ghost-border: var(--rs-orange-700);
661
- --rs-btn-ghost-text: var(--rs-orange-700);
662
- --rs-btn-ghost-hover-border: var(--rs-orange-900);
663
- --rs-btn-ghost-hover-text: var(--rs-orange-800);
664
- --rs-btn-ghost-active-border: var(--rs-orange-900);
665
- --rs-btn-ghost-active-text: var(--rs-orange-900);
666
- --rs-btn-link-text: var(--rs-orange-700);
667
- --rs-btn-link-hover-text: var(--rs-orange-800);
668
- --rs-btn-link-active-text: var(--rs-orange-900);
669
- }
670
- .rs-theme-dark .rs-btn-orange {
671
- --rs-btn-primary-bg: var(--rs-orange-700);
672
- --rs-btn-primary-hover-bg: var(--rs-orange-500);
673
- --rs-btn-primary-active-bg: var(--rs-orange-400);
674
- --rs-btn-primary-border-color: var(--rs-orange-800);
675
- --rs-btn-subtle-hover-bg: var(--rs-orange-600);
676
- --rs-btn-subtle-hover-text: #fff;
677
- --rs-btn-subtle-active-bg: var(--rs-orange-400);
678
- --rs-btn-subtle-active-text: #fff;
679
- --rs-btn-ghost-border: var(--rs-orange-500);
680
- --rs-btn-ghost-text: var(--rs-orange-500);
681
- --rs-btn-ghost-hover-border: var(--rs-orange-400);
682
- --rs-btn-ghost-hover-text: var(--rs-orange-400);
683
- --rs-btn-ghost-active-border: var(--rs-orange-200);
684
- --rs-btn-ghost-active-text: var(--rs-orange-200);
685
- --rs-btn-link-text: var(--rs-orange-500);
686
- --rs-btn-link-hover-text: var(--rs-orange-400);
687
- --rs-btn-link-active-text: var(--rs-orange-200);
688
- }
689
- .rs-theme-high-contrast .rs-btn-orange {
690
- --rs-btn-primary-bg: var(--rs-orange-700);
691
- --rs-btn-primary-hover-bg: var(--rs-orange-600);
692
- --rs-btn-primary-active-bg: var(--rs-orange-400);
693
- --rs-btn-subtle-hover-bg: var(--rs-orange-600);
694
- --rs-btn-subtle-hover-text: var(--rs-gray-900);
695
- --rs-btn-subtle-active-bg: var(--rs-orange-400);
696
- --rs-btn-subtle-active-text: var(--rs-gray-900);
697
- --rs-btn-ghost-border: var(--rs-orange-500);
698
- --rs-btn-ghost-text: var(--rs-orange-500);
699
- --rs-btn-ghost-hover-border: var(--rs-orange-400);
700
- --rs-btn-ghost-hover-text: var(--rs-orange-400);
701
- --rs-btn-ghost-active-border: var(--rs-orange-200);
702
- --rs-btn-ghost-active-text: var(--rs-orange-200);
703
- --rs-btn-link-text: var(--rs-orange-500);
704
- --rs-btn-link-hover-text: var(--rs-orange-400);
705
- --rs-btn-link-active-text: var(--rs-orange-200);
706
- }
707
- .rs-btn-yellow {
708
- --rs-btn-primary-bg: var(--rs-yellow-500);
709
- --rs-btn-primary-hover-bg: var(--rs-yellow-700);
710
- --rs-btn-primary-active-bg: var(--rs-yellow-800);
711
- --rs-btn-primary-border-color: var(--rs-yellow-700);
712
- --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
713
- --rs-btn-subtle-hover-text: #e5e5ea;
714
- --rs-btn-subtle-active-bg: var(--rs-yellow-600);
715
- --rs-btn-subtle-active-text: #343434;
716
- --rs-btn-ghost-border: var(--rs-yellow-700);
717
- --rs-btn-ghost-text: var(--rs-yellow-700);
718
- --rs-btn-ghost-hover-border: var(--rs-yellow-900);
719
- --rs-btn-ghost-hover-text: var(--rs-yellow-800);
720
- --rs-btn-ghost-active-border: var(--rs-yellow-900);
721
- --rs-btn-ghost-active-text: var(--rs-yellow-900);
722
- --rs-btn-link-text: var(--rs-yellow-700);
723
- --rs-btn-link-hover-text: var(--rs-yellow-800);
724
- --rs-btn-link-active-text: var(--rs-yellow-900);
725
- }
726
- .rs-theme-dark .rs-btn-yellow {
727
- --rs-btn-primary-bg: var(--rs-yellow-700);
728
- --rs-btn-primary-hover-bg: var(--rs-yellow-500);
729
- --rs-btn-primary-active-bg: var(--rs-yellow-400);
730
- --rs-btn-primary-border-color: var(--rs-yellow-800);
731
- --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
732
- --rs-btn-subtle-hover-text: #fff;
733
- --rs-btn-subtle-active-bg: var(--rs-yellow-400);
734
- --rs-btn-subtle-active-text: #fff;
735
- --rs-btn-ghost-border: var(--rs-yellow-500);
736
- --rs-btn-ghost-text: var(--rs-yellow-500);
737
- --rs-btn-ghost-hover-border: var(--rs-yellow-400);
738
- --rs-btn-ghost-hover-text: var(--rs-yellow-400);
739
- --rs-btn-ghost-active-border: var(--rs-yellow-200);
740
- --rs-btn-ghost-active-text: var(--rs-yellow-200);
741
- --rs-btn-link-text: var(--rs-yellow-500);
742
- --rs-btn-link-hover-text: var(--rs-yellow-400);
743
- --rs-btn-link-active-text: var(--rs-yellow-200);
744
- }
745
- .rs-theme-high-contrast .rs-btn-yellow {
746
- --rs-btn-primary-bg: var(--rs-yellow-700);
747
- --rs-btn-primary-hover-bg: var(--rs-yellow-600);
748
- --rs-btn-primary-active-bg: var(--rs-yellow-400);
749
- --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
750
- --rs-btn-subtle-hover-text: var(--rs-gray-900);
751
- --rs-btn-subtle-active-bg: var(--rs-yellow-400);
752
- --rs-btn-subtle-active-text: var(--rs-gray-900);
753
- --rs-btn-ghost-border: var(--rs-yellow-500);
754
- --rs-btn-ghost-text: var(--rs-yellow-500);
755
- --rs-btn-ghost-hover-border: var(--rs-yellow-400);
756
- --rs-btn-ghost-hover-text: var(--rs-yellow-400);
757
- --rs-btn-ghost-active-border: var(--rs-yellow-200);
758
- --rs-btn-ghost-active-text: var(--rs-yellow-200);
759
- --rs-btn-link-text: var(--rs-yellow-500);
760
- --rs-btn-link-hover-text: var(--rs-yellow-400);
761
- --rs-btn-link-active-text: var(--rs-yellow-200);
762
- }
763
- .rs-btn-green {
764
- --rs-btn-primary-bg: var(--rs-green-500);
765
- --rs-btn-primary-hover-bg: var(--rs-green-700);
766
- --rs-btn-primary-active-bg: var(--rs-green-800);
767
- --rs-btn-primary-border-color: var(--rs-green-700);
768
- --rs-btn-subtle-hover-bg: var(--rs-green-500);
769
- --rs-btn-subtle-hover-text: #e5e5ea;
770
- --rs-btn-subtle-active-bg: var(--rs-green-600);
771
- --rs-btn-subtle-active-text: #343434;
772
- --rs-btn-ghost-border: var(--rs-green-700);
773
- --rs-btn-ghost-text: var(--rs-green-700);
774
- --rs-btn-ghost-hover-border: var(--rs-green-900);
775
- --rs-btn-ghost-hover-text: var(--rs-green-800);
776
- --rs-btn-ghost-active-border: var(--rs-green-900);
777
- --rs-btn-ghost-active-text: var(--rs-green-900);
778
- --rs-btn-link-text: var(--rs-green-700);
779
- --rs-btn-link-hover-text: var(--rs-green-800);
780
- --rs-btn-link-active-text: var(--rs-green-900);
781
- }
782
- .rs-theme-dark .rs-btn-green {
783
- --rs-btn-primary-bg: var(--rs-green-700);
784
- --rs-btn-primary-hover-bg: var(--rs-green-500);
785
- --rs-btn-primary-active-bg: var(--rs-green-400);
786
- --rs-btn-primary-border-color: var(--rs-green-800);
787
- --rs-btn-subtle-hover-bg: var(--rs-green-600);
788
- --rs-btn-subtle-hover-text: #fff;
789
- --rs-btn-subtle-active-bg: var(--rs-green-400);
790
- --rs-btn-subtle-active-text: #fff;
791
- --rs-btn-ghost-border: var(--rs-green-500);
792
- --rs-btn-ghost-text: var(--rs-green-500);
793
- --rs-btn-ghost-hover-border: var(--rs-green-400);
794
- --rs-btn-ghost-hover-text: var(--rs-green-400);
795
- --rs-btn-ghost-active-border: var(--rs-green-200);
796
- --rs-btn-ghost-active-text: var(--rs-green-200);
797
- --rs-btn-link-text: var(--rs-green-500);
798
- --rs-btn-link-hover-text: var(--rs-green-400);
799
- --rs-btn-link-active-text: var(--rs-green-200);
800
- }
801
- .rs-theme-high-contrast .rs-btn-green {
802
- --rs-btn-primary-bg: var(--rs-green-700);
803
- --rs-btn-primary-hover-bg: var(--rs-green-600);
804
- --rs-btn-primary-active-bg: var(--rs-green-400);
805
- --rs-btn-subtle-hover-bg: var(--rs-green-600);
806
- --rs-btn-subtle-hover-text: var(--rs-gray-900);
807
- --rs-btn-subtle-active-bg: var(--rs-green-400);
808
- --rs-btn-subtle-active-text: var(--rs-gray-900);
809
- --rs-btn-ghost-border: var(--rs-green-500);
810
- --rs-btn-ghost-text: var(--rs-green-500);
811
- --rs-btn-ghost-hover-border: var(--rs-green-400);
812
- --rs-btn-ghost-hover-text: var(--rs-green-400);
813
- --rs-btn-ghost-active-border: var(--rs-green-200);
814
- --rs-btn-ghost-active-text: var(--rs-green-200);
815
- --rs-btn-link-text: var(--rs-green-500);
816
- --rs-btn-link-hover-text: var(--rs-green-400);
817
- --rs-btn-link-active-text: var(--rs-green-200);
818
- }
819
- .rs-btn-cyan {
820
- --rs-btn-primary-bg: var(--rs-cyan-500);
821
- --rs-btn-primary-hover-bg: var(--rs-cyan-700);
822
- --rs-btn-primary-active-bg: var(--rs-cyan-800);
823
- --rs-btn-primary-border-color: var(--rs-cyan-700);
824
- --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
825
- --rs-btn-subtle-hover-text: #e5e5ea;
826
- --rs-btn-subtle-active-bg: var(--rs-cyan-600);
827
- --rs-btn-subtle-active-text: #343434;
828
- --rs-btn-ghost-border: var(--rs-cyan-700);
829
- --rs-btn-ghost-text: var(--rs-cyan-700);
830
- --rs-btn-ghost-hover-border: var(--rs-cyan-900);
831
- --rs-btn-ghost-hover-text: var(--rs-cyan-800);
832
- --rs-btn-ghost-active-border: var(--rs-cyan-900);
833
- --rs-btn-ghost-active-text: var(--rs-cyan-900);
834
- --rs-btn-link-text: var(--rs-cyan-700);
835
- --rs-btn-link-hover-text: var(--rs-cyan-800);
836
- --rs-btn-link-active-text: var(--rs-cyan-900);
837
- }
838
- .rs-theme-dark .rs-btn-cyan {
839
- --rs-btn-primary-bg: var(--rs-cyan-700);
840
- --rs-btn-primary-hover-bg: var(--rs-cyan-500);
841
- --rs-btn-primary-active-bg: var(--rs-cyan-400);
842
- --rs-btn-primary-border-color: var(--rs-cyan-800);
843
- --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
844
- --rs-btn-subtle-hover-text: #fff;
845
- --rs-btn-subtle-active-bg: var(--rs-cyan-400);
846
- --rs-btn-subtle-active-text: #fff;
847
- --rs-btn-ghost-border: var(--rs-cyan-500);
848
- --rs-btn-ghost-text: var(--rs-cyan-500);
849
- --rs-btn-ghost-hover-border: var(--rs-cyan-400);
850
- --rs-btn-ghost-hover-text: var(--rs-cyan-400);
851
- --rs-btn-ghost-active-border: var(--rs-cyan-200);
852
- --rs-btn-ghost-active-text: var(--rs-cyan-200);
853
- --rs-btn-link-text: var(--rs-cyan-500);
854
- --rs-btn-link-hover-text: var(--rs-cyan-400);
855
- --rs-btn-link-active-text: var(--rs-cyan-200);
856
- }
857
- .rs-theme-high-contrast .rs-btn-cyan {
858
- --rs-btn-primary-bg: var(--rs-cyan-700);
859
- --rs-btn-primary-hover-bg: var(--rs-cyan-600);
860
- --rs-btn-primary-active-bg: var(--rs-cyan-400);
861
- --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
862
- --rs-btn-subtle-hover-text: var(--rs-gray-900);
863
- --rs-btn-subtle-active-bg: var(--rs-cyan-400);
864
- --rs-btn-subtle-active-text: var(--rs-gray-900);
865
- --rs-btn-ghost-border: var(--rs-cyan-500);
866
- --rs-btn-ghost-text: var(--rs-cyan-500);
867
- --rs-btn-ghost-hover-border: var(--rs-cyan-400);
868
- --rs-btn-ghost-hover-text: var(--rs-cyan-400);
869
- --rs-btn-ghost-active-border: var(--rs-cyan-200);
870
- --rs-btn-ghost-active-text: var(--rs-cyan-200);
871
- --rs-btn-link-text: var(--rs-cyan-500);
872
- --rs-btn-link-hover-text: var(--rs-cyan-400);
873
- --rs-btn-link-active-text: var(--rs-cyan-200);
874
- }
875
- .rs-btn-blue {
876
- --rs-btn-primary-bg: var(--rs-blue-500);
877
- --rs-btn-primary-hover-bg: var(--rs-blue-700);
878
- --rs-btn-primary-active-bg: var(--rs-blue-800);
879
- --rs-btn-primary-border-color: var(--rs-blue-700);
880
- --rs-btn-subtle-hover-bg: var(--rs-blue-500);
881
- --rs-btn-subtle-hover-text: #e5e5ea;
882
- --rs-btn-subtle-active-bg: var(--rs-blue-600);
883
- --rs-btn-subtle-active-text: #343434;
884
- --rs-btn-ghost-border: var(--rs-blue-700);
885
- --rs-btn-ghost-text: var(--rs-blue-700);
886
- --rs-btn-ghost-hover-border: var(--rs-blue-900);
887
- --rs-btn-ghost-hover-text: var(--rs-blue-800);
888
- --rs-btn-ghost-active-border: var(--rs-blue-900);
889
- --rs-btn-ghost-active-text: var(--rs-blue-900);
890
- --rs-btn-link-text: var(--rs-blue-700);
891
- --rs-btn-link-hover-text: var(--rs-blue-800);
892
- --rs-btn-link-active-text: var(--rs-blue-900);
893
- }
894
- .rs-theme-dark .rs-btn-blue {
895
- --rs-btn-primary-bg: var(--rs-blue-700);
896
- --rs-btn-primary-hover-bg: var(--rs-blue-500);
897
- --rs-btn-primary-active-bg: var(--rs-blue-400);
898
- --rs-btn-primary-border-color: var(--rs-blue-800);
899
- --rs-btn-subtle-hover-bg: var(--rs-blue-600);
900
- --rs-btn-subtle-hover-text: #fff;
901
- --rs-btn-subtle-active-bg: var(--rs-blue-400);
902
- --rs-btn-subtle-active-text: #fff;
903
- --rs-btn-ghost-border: var(--rs-blue-500);
904
- --rs-btn-ghost-text: var(--rs-blue-500);
905
- --rs-btn-ghost-hover-border: var(--rs-blue-400);
906
- --rs-btn-ghost-hover-text: var(--rs-blue-400);
907
- --rs-btn-ghost-active-border: var(--rs-blue-200);
908
- --rs-btn-ghost-active-text: var(--rs-blue-200);
909
- --rs-btn-link-text: var(--rs-blue-500);
910
- --rs-btn-link-hover-text: var(--rs-blue-400);
911
- --rs-btn-link-active-text: var(--rs-blue-200);
912
- }
913
- .rs-theme-high-contrast .rs-btn-blue {
914
- --rs-btn-primary-bg: var(--rs-blue-700);
915
- --rs-btn-primary-hover-bg: var(--rs-blue-600);
916
- --rs-btn-primary-active-bg: var(--rs-blue-400);
917
- --rs-btn-subtle-hover-bg: var(--rs-blue-600);
918
- --rs-btn-subtle-hover-text: var(--rs-gray-900);
919
- --rs-btn-subtle-active-bg: var(--rs-blue-400);
920
- --rs-btn-subtle-active-text: var(--rs-gray-900);
921
- --rs-btn-ghost-border: var(--rs-blue-500);
922
- --rs-btn-ghost-text: var(--rs-blue-500);
923
- --rs-btn-ghost-hover-border: var(--rs-blue-400);
924
- --rs-btn-ghost-hover-text: var(--rs-blue-400);
925
- --rs-btn-ghost-active-border: var(--rs-blue-200);
926
- --rs-btn-ghost-active-text: var(--rs-blue-200);
927
- --rs-btn-link-text: var(--rs-blue-500);
928
- --rs-btn-link-hover-text: var(--rs-blue-400);
929
- --rs-btn-link-active-text: var(--rs-blue-200);
930
- }
931
- .rs-btn-violet {
932
- --rs-btn-primary-bg: var(--rs-violet-500);
933
- --rs-btn-primary-hover-bg: var(--rs-violet-700);
934
- --rs-btn-primary-active-bg: var(--rs-violet-800);
935
- --rs-btn-primary-border-color: var(--rs-violet-700);
936
- --rs-btn-subtle-hover-bg: var(--rs-violet-500);
937
- --rs-btn-subtle-hover-text: #e5e5ea;
938
- --rs-btn-subtle-active-bg: var(--rs-violet-600);
939
- --rs-btn-subtle-active-text: #343434;
940
- --rs-btn-ghost-border: var(--rs-violet-700);
941
- --rs-btn-ghost-text: var(--rs-violet-700);
942
- --rs-btn-ghost-hover-border: var(--rs-violet-900);
943
- --rs-btn-ghost-hover-text: var(--rs-violet-800);
944
- --rs-btn-ghost-active-border: var(--rs-violet-900);
945
- --rs-btn-ghost-active-text: var(--rs-violet-900);
946
- --rs-btn-link-text: var(--rs-violet-700);
947
- --rs-btn-link-hover-text: var(--rs-violet-800);
948
- --rs-btn-link-active-text: var(--rs-violet-900);
949
- }
950
- .rs-theme-dark .rs-btn-violet {
951
- --rs-btn-primary-bg: var(--rs-violet-700);
952
- --rs-btn-primary-hover-bg: var(--rs-violet-500);
953
- --rs-btn-primary-active-bg: var(--rs-violet-400);
954
- --rs-btn-primary-border-color: var(--rs-violet-800);
955
- --rs-btn-subtle-hover-bg: var(--rs-violet-600);
956
- --rs-btn-subtle-hover-text: #fff;
957
- --rs-btn-subtle-active-bg: var(--rs-violet-400);
958
- --rs-btn-subtle-active-text: #fff;
959
- --rs-btn-ghost-border: var(--rs-violet-500);
960
- --rs-btn-ghost-text: var(--rs-violet-500);
961
- --rs-btn-ghost-hover-border: var(--rs-violet-400);
962
- --rs-btn-ghost-hover-text: var(--rs-violet-400);
963
- --rs-btn-ghost-active-border: var(--rs-violet-200);
964
- --rs-btn-ghost-active-text: var(--rs-violet-200);
965
- --rs-btn-link-text: var(--rs-violet-500);
966
- --rs-btn-link-hover-text: var(--rs-violet-400);
967
- --rs-btn-link-active-text: var(--rs-violet-200);
968
- }
969
- .rs-theme-high-contrast .rs-btn-violet {
970
- --rs-btn-primary-bg: var(--rs-violet-700);
971
- --rs-btn-primary-hover-bg: var(--rs-violet-600);
972
- --rs-btn-primary-active-bg: var(--rs-violet-400);
973
- --rs-btn-subtle-hover-bg: var(--rs-violet-600);
974
- --rs-btn-subtle-hover-text: var(--rs-gray-900);
975
- --rs-btn-subtle-active-bg: var(--rs-violet-400);
976
- --rs-btn-subtle-active-text: var(--rs-gray-900);
977
- --rs-btn-ghost-border: var(--rs-violet-500);
978
- --rs-btn-ghost-text: var(--rs-violet-500);
979
- --rs-btn-ghost-hover-border: var(--rs-violet-400);
980
- --rs-btn-ghost-hover-text: var(--rs-violet-400);
981
- --rs-btn-ghost-active-border: var(--rs-violet-200);
982
- --rs-btn-ghost-active-text: var(--rs-violet-200);
983
- --rs-btn-link-text: var(--rs-violet-500);
984
- --rs-btn-link-hover-text: var(--rs-violet-400);
985
- --rs-btn-link-active-text: var(--rs-violet-200);
986
- }
987
- .rs-btn-block {
988
- width: 100%;
989
- }
990
- .rs-btn-block + .rs-btn-block {
991
- margin-top: 5px;
992
- }
993
- .rs-btn-loading {
994
- color: transparent !important;
995
- position: relative;
996
- cursor: default;
997
- pointer-events: none;
998
- }
999
- .rs-btn-loading > .rs-btn-spin::before,
1000
- .rs-btn-loading > .rs-btn-spin::after {
1001
- content: '';
1002
- position: absolute;
1003
- width: 18px;
1004
- height: 18px;
1005
- margin: auto;
1006
- top: 0;
1007
- bottom: 0;
1008
- inset-inline-end: 0;
1009
- inset-inline-start: 0;
1010
- border-radius: var(--rs-radius-full);
1011
- z-index: 1;
1012
- }
1013
- .rs-btn-xs.rs-btn-loading > .rs-btn-spin::before,
1014
- .rs-btn-xs.rs-btn-loading > .rs-btn-spin::after {
1015
- width: 16px;
1016
- height: 16px;
1017
- }
1018
- .rs-btn-loading > .rs-btn-spin::before {
1019
- border: 3px solid var(--rs-loader-ring);
1020
- }
1021
- .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1022
- border-color: rgba(248, 247, 250, 0.3);
1023
- }
1024
- .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
1025
- border-color: var(--rs-loader-ring-inverse);
1026
- }
1027
- .rs-btn-loading > .rs-btn-spin::after {
1028
- border-width: 3px;
1029
- border-color: var(--rs-loader-rotor) transparent transparent;
1030
- border-style: solid;
1031
- animation: buttonSpin 0.6s infinite linear;
1032
- }
1033
- .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1034
- border-top-color: #fff;
1035
- }
1036
- .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
1037
- border-top-color: var(--rs-loader-rotor-inverse);
1038
- }
1039
- @keyframes buttonSpin {
1040
- from {
1041
- transform: rotate(0);
247
+ @media (min-width: 992px){
248
+ [data-hidden-from=md]{
249
+ display:none !important;
1042
250
  }
1043
- to {
1044
- transform: rotate(360deg);
251
+ }
252
+ @media (max-width: calc(1200px - 1px)){
253
+ [data-visible-from=lg]{
254
+ display:none !important;
1045
255
  }
1046
256
  }
1047
- .rs-input-group {
1048
- --rs-input-group-input-height-xs: calc(24px - 2px);
1049
- --rs-input-group-input-height-sm: calc(30px - 2px);
1050
- --rs-input-group-input-height-md: calc(36px - 2px);
1051
- --rs-input-group-input-height-lg: calc(42px - 2px);
1052
- --rs-input-group-inside-btn-m-x-xs: calc(2px / 2);
1053
- --rs-input-group-inside-btn-m-x-sm: calc(5px / 2);
1054
- --rs-input-group-inside-btn-m-x-md: calc(8px / 2);
1055
- --rs-input-group-inside-btn-m-x-lg: calc(10px / 2);
1056
- --rs-input-group-inside-btn-p-x-xs: calc(8px / 2);
1057
- --rs-input-group-inside-btn-p-x-sm: calc(10px / 2);
1058
- --rs-input-group-inside-btn-p-x-md: calc(12px / 2);
1059
- --rs-input-group-inside-btn-p-x-lg: calc(16px / 2);
1060
- --rs-input-group-border-radius: var(--rs-radius-md);
1061
- --rs-input-group-font-size-xs: var(--rs-font-size-xs);
1062
- --rs-input-group-font-size-sm: var(--rs-font-size-sm);
1063
- --rs-input-group-font-size-md: var(--rs-font-size-sm);
1064
- --rs-input-group-font-size-lg: var(--rs-font-size-md);
1065
- position: relative;
1066
- display: flex;
1067
- border-radius: var(--rs-input-group-border-radius);
1068
- transition: border-color ease-in-out 0.15s;
1069
- width: 100%;
1070
- cursor: text;
1071
- color: var(--rs-text-primary);
1072
- border: 1px solid var(--rs-border-primary);
1073
- overflow: hidden;
1074
- }
1075
- .rs-input-group.rs-input-group-xs {
1076
- --rs-input-group-input-height: var(--rs-input-group-input-height-xs);
1077
- --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-xs);
1078
- --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-xs);
1079
- --rs-input-group-font-size: var(--rs-input-group-font-size-xs);
1080
- }
1081
- .rs-input-group.rs-input-group-sm {
1082
- --rs-input-group-input-height: var(--rs-input-group-input-height-sm);
1083
- --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-sm);
1084
- --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-sm);
1085
- --rs-input-group-font-size: var(--rs-input-group-font-size-sm);
1086
- }
1087
- .rs-input-group.rs-input-group-md {
1088
- --rs-input-group-input-height: var(--rs-input-group-input-height-md);
1089
- --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-md);
1090
- --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-md);
1091
- --rs-input-group-font-size: var(--rs-input-group-font-size-md);
1092
- }
1093
- .rs-input-group.rs-input-group-lg {
1094
- --rs-input-group-input-height: var(--rs-input-group-input-height-lg);
1095
- --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-lg);
1096
- --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-lg);
1097
- --rs-input-group-font-size: var(--rs-input-group-font-size-lg);
1098
- }
1099
- .rs-theme-high-contrast .rs-input-group {
1100
- transition: none;
1101
- }
1102
- .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
1103
- .rs-input-group:focus-within {
1104
- border-color: var(--rs-input-focus-border);
1105
- }
1106
- .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
1107
- .rs-input-group:focus-within {
1108
- outline: 2px solid var(--rs-color-focus-ring);
1109
- outline-offset: -1px;
1110
- }
1111
- .rs-input-group .rs-input-group {
1112
- outline: none !important;
1113
- border-color: transparent !important;
1114
- }
1115
- .rs-input-group .rs-input-group-btn {
1116
- height: var(--rs-input-group-input-height);
257
+ @media (min-width: 1200px){
258
+ [data-hidden-from=lg]{
259
+ display:none !important;
260
+ }
261
+ }
262
+ @media (max-width: calc(1400px - 1px)){
263
+ [data-visible-from=xl]{
264
+ display:none !important;
265
+ }
266
+ }
267
+ @media (min-width: 1400px){
268
+ [data-hidden-from=xl]{
269
+ display:none !important;
270
+ }
271
+ }
272
+ .rs-input-group{
273
+ --rs-input-height-xs:calc(var(--rs-line-height-base) + (var(--rs-spacing-block-xs) * 2));
274
+ --rs-input-height-sm:calc(var(--rs-line-height-base) + (var(--rs-spacing-block-sm) * 2));
275
+ --rs-input-height-md:calc(var(--rs-line-height-base) + (var(--rs-padding-block-md) * 2));
276
+ --rs-input-height-lg:calc(var(--rs-line-height-plus) + (var(--rs-spacing-block-lg) * 2));
277
+ --rs-input-group-input-height-xs:calc(var(--rs-input-height-xs) - 2px);
278
+ --rs-input-group-input-height-sm:calc(var(--rs-input-height-sm) - 2px);
279
+ --rs-input-group-input-height-md:calc(var(--rs-input-height-md) - 2px);
280
+ --rs-input-group-input-height-lg:calc(var(--rs-input-height-lg) - 2px);
281
+ --rs-input-group-inside-btn-m-x-xs:calc(var(--rs-spacing-block-xs) / 2);
282
+ --rs-input-group-inside-btn-m-x-sm:calc(var(--rs-spacing-block-sm) / 2);
283
+ --rs-input-group-inside-btn-m-x-md:calc(var(--rs-padding-block-md) / 2);
284
+ --rs-input-group-inside-btn-m-x-lg:calc(var(--rs-spacing-block-lg) / 2);
285
+ --rs-input-group-inside-btn-p-x-xs:calc(var(--rs-spacing-inline-xs) / 2);
286
+ --rs-input-group-inside-btn-p-x-sm:calc(var(--rs-spacing-inline-sm) / 2);
287
+ --rs-input-group-inside-btn-p-x-md:calc(var(--rs-padding-inline-md) / 2);
288
+ --rs-input-group-inside-btn-p-x-lg:calc(var(--rs-spacing-inline-lg) / 2);
289
+ --rs-input-group-border-radius:var(--rs-radius-md);
290
+ --rs-input-group-font-size-xs:var(--rs-font-size-xs);
291
+ --rs-input-group-font-size-sm:var(--rs-font-size-sm);
292
+ --rs-input-group-font-size-md:var(--rs-font-size-sm);
293
+ --rs-input-group-font-size-lg:var(--rs-font-size-md);
294
+ --rs-input-group-width:var(--rs-box-w, 100%);
295
+ position:relative;
296
+ display:flex;
297
+ border-radius:var(--rs-input-group-border-radius);
298
+ transition:var(--rs-input-transition);
299
+ width:var(--rs-input-group-width);
300
+ cursor:text;
301
+ color:var(--rs-text-primary);
302
+ border:1px solid var(--rs-border-primary);
303
+ overflow:hidden;
304
+ }
305
+ .rs-input-group.rs-input-group-xs{
306
+ --rs-input-group-input-height:var(--rs-input-group-input-height-xs);
307
+ --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-xs);
308
+ --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-xs);
309
+ --rs-input-group-font-size:var(--rs-input-group-font-size-xs);
310
+ }
311
+ .rs-input-group.rs-input-group-sm{
312
+ --rs-input-group-input-height:var(--rs-input-group-input-height-sm);
313
+ --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-sm);
314
+ --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-sm);
315
+ --rs-input-group-font-size:var(--rs-input-group-font-size-sm);
316
+ }
317
+ .rs-input-group.rs-input-group-md{
318
+ --rs-input-group-input-height:var(--rs-input-group-input-height-md);
319
+ --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-md);
320
+ --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-md);
321
+ --rs-input-group-font-size:var(--rs-input-group-font-size-md);
322
+ }
323
+ .rs-input-group.rs-input-group-lg{
324
+ --rs-input-group-input-height:var(--rs-input-group-input-height-lg);
325
+ --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-lg);
326
+ --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-lg);
327
+ --rs-input-group-font-size:var(--rs-input-group-font-size-lg);
328
+ }
329
+ [data-theme=high-contrast] .rs-input-group, .rs-theme-high-contrast .rs-input-group{
330
+ transition:none;
331
+ }
332
+ .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus, .rs-input-group:focus-within{
333
+ border-color:var(--rs-input-focus-border);
334
+ }
335
+ .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus, .rs-input-group:focus-within{
336
+ outline:2px solid var(--rs-color-focus-ring);
337
+ outline-offset:-1px;
338
+ }
339
+ .rs-input-group .rs-input-group{
340
+ outline:none !important;
341
+ border-color:transparent !important;
342
+ }
343
+ .rs-input-group .rs-input-group-btn{
344
+ height:var(--rs-input-group-input-height);
1117
345
  }
1118
346
  .rs-input-group .rs-number-input,
1119
347
  .rs-input-group .rs-input-group-addon,
1120
348
  .rs-input-group .rs-input-group-btn,
1121
- .rs-input-group .rs-picker[data-picker='date'] .rs-picker-toggle {
1122
- border: none;
1123
- border-radius: var(--rs-radius-none);
1124
- outline: none;
349
+ .rs-input-group .rs-picker[data-picker=date] .rs-picker-toggle{
350
+ border:none;
351
+ border-radius:var(--rs-radius-none);
352
+ outline:none;
1125
353
  }
1126
354
  .rs-input-group > .rs-input,
1127
- .rs-input-group > .rs-form-control-wrapper {
1128
- flex: 1 1 auto;
355
+ .rs-input-group > .rs-form-control-wrapper{
356
+ flex:1 1 auto;
1129
357
  }
1130
- .rs-input-group .rs-form-control-wrapper > .rs-input {
1131
- width: 100%;
358
+ .rs-input-group .rs-form-control-wrapper > .rs-input{
359
+ width:100%;
1132
360
  }
1133
- .rs-input-group > .rs-input {
1134
- position: relative;
1135
- height: var(--rs-input-group-input-height);
1136
- border: none;
1137
- border-radius: var(--rs-radius-none);
1138
- outline: none;
361
+ .rs-input-group > .rs-input{
362
+ position:relative;
363
+ height:var(--rs-input-group-input-height);
364
+ border:none;
365
+ border-radius:var(--rs-radius-none);
366
+ outline:none;
1139
367
  }
1140
- .rs-input-group > .rs-input-group-addon > .rs-icon {
1141
- font-size: inherit;
368
+ .rs-input-group > .rs-input-group-addon > .rs-icon{
369
+ font-size:inherit;
1142
370
  }
1143
- .rs-input-group.rs-input-group-inside {
1144
- width: 100%;
1145
- align-items: center;
1146
- background-color: var(--rs-input-bg);
371
+ .rs-input-group.rs-input-group-inside{
372
+ width:var(--rs-input-group-width);
373
+ align-items:center;
374
+ background-color:var(--rs-input-bg);
1147
375
  }
1148
- .rs-input-group.rs-input-group-inside .rs-input {
1149
- display: block;
1150
- width: 100%;
1151
- border: none;
1152
- outline: none;
376
+ .rs-input-group.rs-input-group-inside .rs-input{
377
+ display:block;
378
+ width:100%;
379
+ border:none;
380
+ outline:none;
1153
381
  }
1154
382
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
1155
- .rs-input-group.rs-input-group-inside .rs-input-group-addon {
1156
- flex: 0 0 auto;
1157
- width: auto;
1158
- }
1159
- .rs-input-group.rs-input-group-inside .rs-input-group-btn {
1160
- border-radius: var(--rs-input-group-border-radius);
1161
- height: calc(var(--rs-input-group-input-height) - var(--rs-input-group-inside-btn-spacing) * 2);
1162
- margin-inline: var(--rs-input-group-inside-btn-spacing);
1163
- padding-inline: var(--rs-input-group-inside-btn-padding);
1164
- color: var(--rs-btn-subtle-text);
1165
- background-color: transparent;
1166
- color: inherit;
1167
- }
1168
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1169
- color: var(--rs-btn-subtle-hover-text);
1170
- background-color: var(--rs-btn-subtle-hover-bg);
1171
- }
1172
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
1173
- .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
1174
- color: var(--rs-btn-subtle-active-text);
1175
- background-color: var(--rs-btn-subtle-active-bg);
1176
- }
1177
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1178
- .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1179
- color: var(--rs-btn-subtle-disabled-text);
1180
- background: none;
1181
- }
1182
- .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1183
- .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1184
- border-color: var(--rs-btn-default-disabled-boreder-color);
1185
- }
1186
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1187
- outline: none;
1188
- }
1189
- .rs-input-group.rs-input-group-inside .rs-input-group-addon {
1190
- background: none;
1191
- border: none;
383
+ .rs-input-group.rs-input-group-inside .rs-input-group-addon{
384
+ flex:0 0 auto;
385
+ width:auto;
386
+ }
387
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn{
388
+ border-radius:var(--rs-input-group-border-radius);
389
+ height:calc(var(--rs-input-group-input-height) - var(--rs-input-group-inside-btn-spacing) * 2);
390
+ margin-inline:var(--rs-input-group-inside-btn-spacing);
391
+ padding-inline:var(--rs-input-group-inside-btn-padding);
392
+ color:var(--rs-btn-subtle-text);
393
+ background-color:transparent;
394
+ color:inherit;
395
+ }
396
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover{
397
+ color:var(--rs-btn-subtle-hover-text);
398
+ background-color:var(--rs-btn-subtle-hover-bg);
399
+ }
400
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:active, .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active{
401
+ color:var(--rs-btn-subtle-active-text);
402
+ background-color:var(--rs-btn-subtle-active-bg);
403
+ }
404
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled, .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled{
405
+ color:var(--rs-btn-subtle-disabled-text);
406
+ background:none;
407
+ }
408
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus{
409
+ outline:none;
410
+ }
411
+ .rs-input-group.rs-input-group-inside .rs-input-group-addon{
412
+ background:none;
413
+ border:none;
1192
414
  }
1193
415
  .rs-input-group.rs-input-group-inside .rs-input:not(:first-child),
1194
- .rs-input-group.rs-input-group-inside .rs-auto-complete:not(:first-child) .rs-input {
1195
- padding-inline-start: 0;
416
+ .rs-input-group.rs-input-group-inside .rs-auto-complete:not(:first-child) .rs-input{
417
+ padding-inline-start:0;
1196
418
  }
1197
419
  .rs-input-group.rs-input-group-inside .rs-input:not(:last-child),
1198
- .rs-input-group.rs-input-group-inside .rs-auto-complete:not(:last-child) .rs-input {
1199
- padding-inline-end: 0;
420
+ .rs-input-group.rs-input-group-inside .rs-auto-complete:not(:last-child) .rs-input{
421
+ padding-inline-end:0;
1200
422
  }
1201
- .rs-input-group.rs-input-group-disabled {
1202
- background-color: var(--rs-input-disabled-bg);
1203
- color: var(--rs-text-disabled);
1204
- cursor: not-allowed;
423
+
424
+ .rs-input-group.rs-input-group-disabled{
425
+ background-color:var(--rs-input-disabled-bg);
426
+ color:var(--rs-text-disabled);
427
+ cursor:not-allowed;
1205
428
  }
1206
429
  .rs-input-group.rs-input-group-disabled .rs-input,
1207
430
  .rs-input-group.rs-input-group-disabled .rs-input-group-btn,
1208
- .rs-input-group.rs-input-group-disabled .rs-input-group-addon {
1209
- color: inherit;
1210
- }
1211
- .rs-input-group-addon {
1212
- flex: 0 0 auto;
1213
- display: flex;
1214
- align-items: center;
1215
- justify-content: center;
1216
- white-space: nowrap;
1217
- vertical-align: middle;
1218
- color: var(--rs-text-primary);
1219
- font-size: var(--rs-input-group-font-size);
1220
- font-weight: normal;
1221
- line-height: 1;
1222
- text-align: center;
1223
- background-color: var(--rs-btn-default-bg);
1224
- padding-inline: var(--rs-spacing);
1225
- min-width: var(--rs-input-group-input-height);
1226
- }
1227
- .rs-input-group-addon.rs-input-sm {
1228
- padding: 5px 10px;
1229
- font-size: var(--rs-font-size-sm);
1230
- }
1231
- .rs-input-group-addon.rs-input-xs {
1232
- padding: 8px 8px;
1233
- font-size: var(--rs-font-size-xs);
1234
- }
1235
- .rs-input-group-addon.rs-input-lg {
1236
- padding: 10px 16px;
1237
- font-size: var(--rs-font-size-md);
1238
- }
1239
- .rs-input-group-addon input[type='radio'],
1240
- .rs-input-group-addon input[type='checkbox'] {
1241
- margin-top: 0;
1242
- }
1243
- .rs-input-group-btn {
1244
- display: flex;
1245
- align-items: center;
1246
- position: relative;
1247
- line-height: 1;
1248
- white-space: nowrap;
1249
- border-radius: var(--rs-radius-none);
1250
- font-size: var(--rs-input-group-font-size);
1251
- }
431
+ .rs-input-group.rs-input-group-disabled .rs-input-group-addon{
432
+ color:inherit;
433
+ }
434
+
435
+ .rs-input-group-addon{
436
+ flex:0 0 auto;
437
+ display:flex;
438
+ align-items:center;
439
+ justify-content:center;
440
+ white-space:nowrap;
441
+ vertical-align:middle;
442
+ color:var(--rs-text-primary);
443
+ font-size:var(--rs-input-group-font-size);
444
+ font-weight:normal;
445
+ line-height:1;
446
+ text-align:center;
447
+ background-color:var(--rs-btn-default-bg);
448
+ padding-inline:var(--rs-spacing);
449
+ min-width:var(--rs-input-group-input-height);
450
+ }
451
+ .rs-input-group-addon.rs-input-sm{
452
+ padding-block:var(--rs-spacing-block-sm);
453
+ padding-inline:var(--rs-spacing-inline-sm);
454
+ font-size:var(--rs-font-size-sm);
455
+ }
456
+ .rs-input-group-addon.rs-input-xs{
457
+ padding:var(--rs-spacing-inline-xs);
458
+ font-size:var(--rs-font-size-xs);
459
+ }
460
+ .rs-input-group-addon.rs-input-lg{
461
+ padding-block:var(--rs-spacing-block-lg);
462
+ padding-inline:var(--rs-spacing-inline-lg);
463
+ font-size:var(--rs-font-size-md);
464
+ }
465
+ .rs-input-group-addon input[type=radio],
466
+ .rs-input-group-addon input[type=checkbox]{
467
+ margin-top:0;
468
+ }
469
+
470
+ .rs-input-group-btn{
471
+ display:flex;
472
+ align-items:center;
473
+ position:relative;
474
+ line-height:1;
475
+ white-space:nowrap;
476
+ border-radius:var(--rs-radius-none);
477
+ font-size:var(--rs-input-group-font-size);
478
+ }