rsuite 6.0.0-canary-20241227 → 6.0.0-canary-20250103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (313) hide show
  1. package/AutoComplete/styles/index.css +8 -16
  2. package/Badge/styles/index.css +83 -17
  3. package/Badge/styles/index.less +68 -9
  4. package/Button/styles/index.css +5 -10
  5. package/Button/styles/mixin.less +1 -2
  6. package/CHANGELOG.md +18 -0
  7. package/Calendar/styles/index.css +6 -12
  8. package/Cascader/styles/index.css +8 -16
  9. package/CheckPicker/styles/index.css +8 -16
  10. package/CheckTree/styles/index.css +8 -16
  11. package/CheckTreePicker/styles/index.css +8 -16
  12. package/DatePicker/styles/index.css +9 -18
  13. package/DateRangePicker/styles/index.css +9 -18
  14. package/Dropdown/styles/index.css +5 -10
  15. package/IconButton/styles/index.css +7 -14
  16. package/InputGroup/styles/index.css +6 -12
  17. package/InputNumber/styles/index.css +6 -12
  18. package/InputPicker/styles/index.css +8 -16
  19. package/MultiCascadeTree/styles/index.css +8 -16
  20. package/MultiCascader/styles/index.css +8 -16
  21. package/Nav/styles/index.css +5 -10
  22. package/Navbar/styles/index.css +5 -10
  23. package/Pagination/styles/index.css +11 -22
  24. package/Rate/styles/index.css +16 -8
  25. package/Rate/styles/index.less +6 -2
  26. package/SelectPicker/styles/index.css +8 -16
  27. package/Stat/styles/index.css +7 -14
  28. package/Table/styles/index.css +2 -2
  29. package/Tabs/styles/index.css +5 -10
  30. package/Tag/styles/index.css +29 -21
  31. package/Tag/styles/index.less +6 -3
  32. package/TagInput/styles/index.css +8 -16
  33. package/TagPicker/styles/index.css +8 -16
  34. package/TimePicker/styles/index.css +9 -18
  35. package/TimeRangePicker/styles/index.css +9 -18
  36. package/Tree/styles/index.css +8 -16
  37. package/TreePicker/styles/index.css +8 -16
  38. package/Uploader/styles/index.css +7 -14
  39. package/cjs/Accordion/Accordion.js +1 -1
  40. package/cjs/AutoComplete/AutoComplete.d.ts +2 -2
  41. package/cjs/AutoComplete/Combobox.js +1 -1
  42. package/cjs/Badge/Badge.d.ts +40 -5
  43. package/cjs/Badge/Badge.js +30 -19
  44. package/cjs/Breadcrumb/Breadcrumb.js +1 -1
  45. package/cjs/Button/Button.d.ts +5 -1
  46. package/cjs/Button/Button.js +17 -3
  47. package/cjs/Card/Card.js +1 -1
  48. package/cjs/CascadeTree/utils.js +1 -1
  49. package/cjs/CustomProvider/CustomProvider.d.ts +12 -4
  50. package/cjs/CustomProvider/CustomProvider.js +4 -3
  51. package/cjs/DateInput/hooks/useDateInputState.js +10 -8
  52. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +1 -0
  53. package/cjs/DatePicker/PredefinedRanges.js +1 -1
  54. package/cjs/DateRangePicker/DateRangePicker.js +1 -1
  55. package/cjs/Drawer/Drawer.d.ts +2 -2
  56. package/cjs/Drawer/Drawer.js +1 -1
  57. package/cjs/Drawer/DrawerBody.js +7 -5
  58. package/cjs/Drawer/DrawerFooter.js +7 -5
  59. package/cjs/Drawer/DrawerHeader.js +7 -5
  60. package/cjs/Drawer/DrawerTitle.js +7 -5
  61. package/cjs/Dropdown/Dropdown.d.ts +2 -2
  62. package/cjs/Dropdown/Dropdown.js +1 -1
  63. package/cjs/Dropdown/DropdownContext.d.ts +1 -1
  64. package/cjs/Dropdown/DropdownMenu.d.ts +2 -2
  65. package/cjs/Dropdown/DropdownToggle.d.ts +2 -2
  66. package/cjs/FlexboxGrid/FlexboxGrid.js +1 -1
  67. package/cjs/Form/Form.js +1 -1
  68. package/cjs/FormControl/FormControl.d.ts +2 -2
  69. package/cjs/FormErrorMessage/FormErrorMessage.d.ts +2 -2
  70. package/cjs/InlineEdit/EditableControls.js +1 -1
  71. package/cjs/InputGroup/InputGroup.js +1 -1
  72. package/cjs/InputNumber/InputNumber.js +1 -1
  73. package/cjs/InputPicker/InputPicker.js +0 -1
  74. package/cjs/InputPicker/TagList.js +1 -0
  75. package/cjs/InputPicker/TextBox.js +1 -0
  76. package/cjs/InputPicker/hooks/useMaxWidth.js +0 -1
  77. package/cjs/List/List.js +1 -1
  78. package/cjs/MaskedInput/MaskedInput.js +1 -0
  79. package/cjs/MaskedInput/conformToMask.js +0 -1
  80. package/cjs/Modal/Modal.js +1 -1
  81. package/cjs/Modal/utils.js +0 -1
  82. package/cjs/Nav/Nav.js +1 -1
  83. package/cjs/Nav/NavDropdown.d.ts +2 -2
  84. package/cjs/Nav/NavDropdown.js +1 -1
  85. package/cjs/Nav/NavDropdownToggle.d.ts +2 -2
  86. package/cjs/Navbar/Navbar.js +1 -1
  87. package/cjs/Navbar/NavbarDropdown.d.ts +2 -2
  88. package/cjs/Navbar/NavbarDropdown.js +1 -1
  89. package/cjs/Navbar/NavbarDropdownToggle.d.ts +2 -2
  90. package/cjs/Navbar/index.js +0 -0
  91. package/cjs/RangeSlider/RangeSlider.js +4 -4
  92. package/cjs/Rate/Character.js +6 -6
  93. package/cjs/Rate/Rate.d.ts +4 -4
  94. package/cjs/Rate/Rate.js +16 -15
  95. package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts +2 -2
  96. package/cjs/Sidenav/Sidenav.js +1 -1
  97. package/cjs/Sidenav/SidenavDropdown.d.ts +2 -2
  98. package/cjs/Sidenav/SidenavDropdown.js +1 -1
  99. package/cjs/Sidenav/SidenavDropdownToggle.d.ts +2 -2
  100. package/cjs/Stack/HStack.js +1 -1
  101. package/cjs/Stack/Stack.js +1 -1
  102. package/cjs/Stack/VStack.js +1 -1
  103. package/cjs/Stat/Stat.js +1 -1
  104. package/cjs/Steps/Steps.js +1 -1
  105. package/cjs/Table/Table.js +2 -2
  106. package/cjs/Tabs/Tabs.js +8 -9
  107. package/cjs/Tag/Tag.d.ts +2 -2
  108. package/cjs/Tag/Tag.js +12 -6
  109. package/cjs/Timeline/Timeline.js +8 -5
  110. package/cjs/Tooltip/Tooltip.d.ts +2 -2
  111. package/cjs/Tree/hooks/useFlattenTree.js +1 -3
  112. package/cjs/Tree/hooks/useFocusTree.js +0 -1
  113. package/cjs/Tree/hooks/useTreeSearch.js +0 -1
  114. package/cjs/Uploader/UploadTrigger.js +13 -28
  115. package/cjs/Uploader/utils/ajaxUpload.js +1 -1
  116. package/cjs/internals/Disclosure/Disclosure.js +1 -0
  117. package/cjs/internals/Menu/useMenu.js +51 -49
  118. package/cjs/internals/Overlay/Overlay.d.ts +2 -2
  119. package/cjs/internals/Overlay/OverlayTrigger.d.ts +2 -2
  120. package/cjs/internals/Overlay/Position.d.ts +2 -2
  121. package/cjs/internals/Overlay/positionUtils.d.ts +2 -2
  122. package/cjs/internals/Picker/PickerToggle.d.ts +2 -2
  123. package/cjs/internals/Picker/PickerToggleTrigger.d.ts +2 -2
  124. package/cjs/internals/Picker/hooks/useFocusItemValue.js +1 -1
  125. package/cjs/internals/Picker/hooks/usePickerClassName.d.ts +2 -2
  126. package/cjs/internals/ScrollView/hooks/useScrollState.d.ts +1 -1
  127. package/cjs/internals/Tree/TreeView.js +2 -1
  128. package/cjs/internals/Tree/utils/getPathTowardsItem.js +1 -1
  129. package/cjs/internals/Windowing/AutoSizer.js +1 -0
  130. package/cjs/internals/Windowing/List.js +2 -1
  131. package/cjs/internals/hooks/useClassNames.d.ts +1 -2
  132. package/cjs/internals/hooks/useClassNames.js +0 -2
  133. package/cjs/internals/hooks/usePortal.js +1 -1
  134. package/cjs/internals/hooks/useToggleCaret.d.ts +2 -2
  135. package/cjs/internals/hooks/useToggleCaret.js +1 -1
  136. package/cjs/internals/hooks/useUpdateEffect.js +0 -1
  137. package/cjs/internals/hooks/useWillUnmount.js +0 -2
  138. package/cjs/internals/symbols.d.ts +1 -0
  139. package/cjs/internals/symbols.js +3 -2
  140. package/cjs/internals/types/colours.d.ts +10 -0
  141. package/cjs/internals/types/colours.js +15 -0
  142. package/cjs/internals/types/index.d.ts +6 -7
  143. package/cjs/internals/types/index.js +13 -1
  144. package/cjs/internals/types/placement.d.ts +5 -0
  145. package/cjs/internals/types/placement.js +4 -0
  146. package/cjs/internals/utils/BrowserDetection.d.ts +0 -2
  147. package/cjs/internals/utils/BrowserDetection.js +2 -12
  148. package/cjs/internals/utils/ReactChildren.js +0 -2
  149. package/cjs/internals/utils/colours.d.ts +21 -0
  150. package/cjs/internals/utils/colours.js +86 -0
  151. package/cjs/internals/utils/css.d.ts +13 -1
  152. package/cjs/internals/utils/css.js +42 -3
  153. package/cjs/internals/utils/getDOMNode.js +2 -2
  154. package/cjs/internals/utils/getSafeRegExpString.js +2 -1
  155. package/cjs/internals/utils/index.d.ts +2 -2
  156. package/cjs/internals/utils/index.js +17 -9
  157. package/cjs/toaster/ToastContainer.d.ts +8 -8
  158. package/cjs/toaster/ToastContainer.js +39 -36
  159. package/cjs/toaster/render.d.ts +2 -0
  160. package/cjs/toaster/render.js +25 -0
  161. package/cjs/toaster/toaster.js +29 -19
  162. package/cjs/useMediaQuery/useMediaQuery.js +1 -3
  163. package/cjs/useToaster/useToaster.js +10 -5
  164. package/dist/rsuite-no-reset-rtl.css +143 -74
  165. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  166. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  167. package/dist/rsuite-no-reset.css +143 -74
  168. package/dist/rsuite-no-reset.min.css +1 -1
  169. package/dist/rsuite-no-reset.min.css.map +1 -1
  170. package/dist/rsuite-rtl.css +143 -74
  171. package/dist/rsuite-rtl.min.css +1 -1
  172. package/dist/rsuite-rtl.min.css.map +1 -1
  173. package/dist/rsuite.css +143 -74
  174. package/dist/rsuite.js +113 -91
  175. package/dist/rsuite.js.map +1 -1
  176. package/dist/rsuite.min.css +1 -1
  177. package/dist/rsuite.min.css.map +1 -1
  178. package/dist/rsuite.min.js +1 -1
  179. package/dist/rsuite.min.js.map +1 -1
  180. package/esm/Accordion/Accordion.js +1 -1
  181. package/esm/AutoComplete/AutoComplete.d.ts +2 -2
  182. package/esm/AutoComplete/Combobox.js +1 -1
  183. package/esm/Badge/Badge.d.ts +40 -5
  184. package/esm/Badge/Badge.js +28 -19
  185. package/esm/Breadcrumb/Breadcrumb.js +1 -1
  186. package/esm/Button/Button.d.ts +5 -1
  187. package/esm/Button/Button.js +18 -4
  188. package/esm/Card/Card.js +1 -1
  189. package/esm/CascadeTree/utils.js +1 -1
  190. package/esm/CustomProvider/CustomProvider.d.ts +12 -4
  191. package/esm/CustomProvider/CustomProvider.js +5 -4
  192. package/esm/DateInput/hooks/useDateInputState.js +10 -8
  193. package/esm/DateInput/hooks/useKeyboardInputEvent.js +1 -0
  194. package/esm/DatePicker/PredefinedRanges.js +1 -1
  195. package/esm/DateRangePicker/DateRangePicker.js +1 -1
  196. package/esm/Drawer/Drawer.d.ts +2 -2
  197. package/esm/Drawer/Drawer.js +1 -1
  198. package/esm/Drawer/DrawerBody.js +7 -5
  199. package/esm/Drawer/DrawerFooter.js +7 -5
  200. package/esm/Drawer/DrawerHeader.js +7 -5
  201. package/esm/Drawer/DrawerTitle.js +7 -5
  202. package/esm/Dropdown/Dropdown.d.ts +2 -2
  203. package/esm/Dropdown/Dropdown.js +1 -1
  204. package/esm/Dropdown/DropdownContext.d.ts +1 -1
  205. package/esm/Dropdown/DropdownMenu.d.ts +2 -2
  206. package/esm/Dropdown/DropdownToggle.d.ts +2 -2
  207. package/esm/FlexboxGrid/FlexboxGrid.js +1 -1
  208. package/esm/Form/Form.js +1 -1
  209. package/esm/FormControl/FormControl.d.ts +2 -2
  210. package/esm/FormErrorMessage/FormErrorMessage.d.ts +2 -2
  211. package/esm/InlineEdit/EditableControls.js +1 -1
  212. package/esm/InputGroup/InputGroup.js +1 -1
  213. package/esm/InputNumber/InputNumber.js +1 -1
  214. package/esm/InputPicker/InputPicker.js +0 -1
  215. package/esm/InputPicker/TagList.js +1 -0
  216. package/esm/InputPicker/TextBox.js +1 -0
  217. package/esm/InputPicker/hooks/useMaxWidth.js +0 -1
  218. package/esm/List/List.js +1 -1
  219. package/esm/MaskedInput/MaskedInput.js +1 -0
  220. package/esm/MaskedInput/conformToMask.js +0 -1
  221. package/esm/Modal/Modal.js +1 -1
  222. package/esm/Modal/utils.js +0 -1
  223. package/esm/Nav/Nav.js +1 -1
  224. package/esm/Nav/NavDropdown.d.ts +2 -2
  225. package/esm/Nav/NavDropdown.js +1 -1
  226. package/esm/Nav/NavDropdownToggle.d.ts +2 -2
  227. package/esm/Navbar/Navbar.js +1 -1
  228. package/esm/Navbar/NavbarDropdown.d.ts +2 -2
  229. package/esm/Navbar/NavbarDropdown.js +1 -1
  230. package/esm/Navbar/NavbarDropdownToggle.d.ts +2 -2
  231. package/esm/Navbar/index.js +0 -0
  232. package/esm/RangeSlider/RangeSlider.js +4 -4
  233. package/esm/Rate/Character.js +8 -8
  234. package/esm/Rate/Rate.d.ts +4 -4
  235. package/esm/Rate/Rate.js +19 -18
  236. package/esm/Sidenav/ExpandedSidenavDropdown.d.ts +2 -2
  237. package/esm/Sidenav/Sidenav.js +1 -1
  238. package/esm/Sidenav/SidenavDropdown.d.ts +2 -2
  239. package/esm/Sidenav/SidenavDropdown.js +1 -1
  240. package/esm/Sidenav/SidenavDropdownToggle.d.ts +2 -2
  241. package/esm/Stack/HStack.js +1 -1
  242. package/esm/Stack/Stack.js +1 -1
  243. package/esm/Stack/VStack.js +1 -1
  244. package/esm/Stat/Stat.js +1 -1
  245. package/esm/Steps/Steps.js +1 -1
  246. package/esm/Table/Table.js +2 -2
  247. package/esm/Tabs/Tabs.js +8 -9
  248. package/esm/Tag/Tag.d.ts +2 -2
  249. package/esm/Tag/Tag.js +10 -6
  250. package/esm/Timeline/Timeline.js +8 -5
  251. package/esm/Tooltip/Tooltip.d.ts +2 -2
  252. package/esm/Tree/hooks/useFlattenTree.js +1 -3
  253. package/esm/Tree/hooks/useFocusTree.js +0 -1
  254. package/esm/Tree/hooks/useTreeSearch.js +0 -1
  255. package/esm/Uploader/UploadTrigger.js +15 -30
  256. package/esm/Uploader/utils/ajaxUpload.js +1 -1
  257. package/esm/internals/Disclosure/Disclosure.js +1 -0
  258. package/esm/internals/Menu/useMenu.js +51 -49
  259. package/esm/internals/Overlay/Overlay.d.ts +2 -2
  260. package/esm/internals/Overlay/OverlayTrigger.d.ts +2 -2
  261. package/esm/internals/Overlay/Position.d.ts +2 -2
  262. package/esm/internals/Overlay/positionUtils.d.ts +2 -2
  263. package/esm/internals/Picker/PickerToggle.d.ts +2 -2
  264. package/esm/internals/Picker/PickerToggleTrigger.d.ts +2 -2
  265. package/esm/internals/Picker/hooks/useFocusItemValue.js +1 -1
  266. package/esm/internals/Picker/hooks/usePickerClassName.d.ts +2 -2
  267. package/esm/internals/ScrollView/hooks/useScrollState.d.ts +1 -1
  268. package/esm/internals/Tree/TreeView.js +2 -1
  269. package/esm/internals/Tree/utils/getPathTowardsItem.js +1 -1
  270. package/esm/internals/Windowing/AutoSizer.js +1 -0
  271. package/esm/internals/Windowing/List.js +2 -1
  272. package/esm/internals/hooks/useClassNames.d.ts +1 -2
  273. package/esm/internals/hooks/useClassNames.js +0 -2
  274. package/esm/internals/hooks/usePortal.js +1 -1
  275. package/esm/internals/hooks/useToggleCaret.d.ts +2 -2
  276. package/esm/internals/hooks/useToggleCaret.js +1 -1
  277. package/esm/internals/hooks/useUpdateEffect.js +0 -1
  278. package/esm/internals/hooks/useWillUnmount.js +0 -2
  279. package/esm/internals/symbols.d.ts +1 -0
  280. package/esm/internals/symbols.js +2 -1
  281. package/esm/internals/types/colours.d.ts +10 -0
  282. package/esm/internals/types/colours.js +11 -0
  283. package/esm/internals/types/index.d.ts +6 -7
  284. package/esm/internals/types/index.js +6 -0
  285. package/esm/internals/types/placement.d.ts +5 -0
  286. package/esm/internals/types/placement.js +2 -0
  287. package/esm/internals/utils/BrowserDetection.d.ts +0 -2
  288. package/esm/internals/utils/BrowserDetection.js +1 -9
  289. package/esm/internals/utils/ReactChildren.js +0 -2
  290. package/esm/internals/utils/colours.d.ts +21 -0
  291. package/esm/internals/utils/colours.js +77 -0
  292. package/esm/internals/utils/css.d.ts +13 -1
  293. package/esm/internals/utils/css.js +40 -3
  294. package/esm/internals/utils/getDOMNode.js +1 -2
  295. package/esm/internals/utils/getSafeRegExpString.js +2 -1
  296. package/esm/internals/utils/index.d.ts +2 -2
  297. package/esm/internals/utils/index.js +3 -3
  298. package/esm/toaster/ToastContainer.d.ts +8 -8
  299. package/esm/toaster/ToastContainer.js +39 -37
  300. package/esm/toaster/render.d.ts +2 -0
  301. package/esm/toaster/render.js +21 -0
  302. package/esm/toaster/toaster.js +27 -18
  303. package/esm/useMediaQuery/useMediaQuery.js +1 -3
  304. package/esm/useToaster/useToaster.js +10 -5
  305. package/package.json +1 -1
  306. package/styles/color-modes/dark.less +1 -0
  307. package/styles/color-modes/high-contrast.less +1 -0
  308. package/styles/color-modes/light.less +1 -0
  309. package/styles/variables.less +1 -1
  310. package/cjs/internals/utils/render.d.ts +0 -7
  311. package/cjs/internals/utils/render.js +0 -26
  312. package/esm/internals/utils/render.d.ts +0 -7
  313. package/esm/internals/utils/render.js +0 -22
package/MultiCascadeTree/styles/index.css CHANGED
@@ -668,8 +668,7 @@
668
668
  .rs-theme-high-contrast .rs-btn:focus-visible {
669
669
  outline-offset: 2px;
670
670
  }
671
- .rs-btn:hover,
672
- .rs-btn:focus {
671
+ .rs-btn:hover {
673
672
  color: var(--rs-btn-default-hover-text);
674
673
  background-color: var(--rs-btn-default-hover-bg);
675
674
  text-decoration: none;
@@ -709,8 +708,7 @@
709
708
  background-color: var(--rs-btn-primary-bg);
710
709
  border: none;
711
710
  }
712
- .rs-btn-primary:hover,
713
- .rs-btn-primary:focus {
711
+ .rs-btn-primary:hover {
714
712
  color: var(--rs-btn-primary-text);
715
713
  background-color: var(--rs-btn-primary-hover-bg);
716
714
  }
@@ -734,8 +732,7 @@
734
732
  background-color: transparent;
735
733
  border: none;
736
734
  }
737
- .rs-btn-subtle:hover,
738
- .rs-btn-subtle:focus {
735
+ .rs-btn-subtle:hover {
739
736
  color: var(--rs-btn-subtle-hover-text);
740
737
  background-color: var(--rs-btn-subtle-hover-bg);
741
738
  }
@@ -758,8 +755,7 @@
758
755
  background-color: transparent;
759
756
  border: none;
760
757
  }
761
- .rs-btn-link:hover,
762
- .rs-btn-link:focus {
758
+ .rs-btn-link:hover {
763
759
  color: var(--rs-btn-link-hover-text);
764
760
  background-color: transparent;
765
761
  text-decoration: underline;
@@ -785,8 +781,7 @@
785
781
  background-color: transparent;
786
782
  border: 1px solid var(--rs-btn-ghost-border);
787
783
  }
788
- .rs-btn-ghost:hover,
789
- .rs-btn-ghost:focus {
784
+ .rs-btn-ghost:hover {
790
785
  color: var(--rs-btn-ghost-hover-text);
791
786
  background-color: transparent;
792
787
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1829,8 +1824,7 @@ textarea.rs-input-sm {
1829
1824
  padding: 7px 11px;
1830
1825
  border-radius: 0 6px 6px 0;
1831
1826
  }
1832
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1833
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1827
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1834
1828
  color: var(--rs-btn-subtle-hover-text);
1835
1829
  background-color: var(--rs-btn-subtle-hover-bg);
1836
1830
  }
@@ -2369,8 +2363,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2369
2363
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2370
2364
  outline-offset: 2px;
2371
2365
  }
2372
- .rs-picker-toggle:hover,
2373
- .rs-picker-toggle:focus {
2366
+ .rs-picker-toggle:hover {
2374
2367
  color: var(--rs-btn-default-hover-text);
2375
2368
  background-color: var(--rs-btn-default-hover-bg);
2376
2369
  text-decoration: none;
@@ -2442,8 +2435,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2442
2435
  border: none;
2443
2436
  transition: none;
2444
2437
  }
2445
- .rs-picker-subtle .rs-picker-toggle:hover,
2446
- .rs-picker-subtle .rs-picker-toggle:focus {
2438
+ .rs-picker-subtle .rs-picker-toggle:hover {
2447
2439
  color: var(--rs-btn-subtle-hover-text);
2448
2440
  background-color: var(--rs-btn-subtle-hover-bg);
2449
2441
  }
package/MultiCascader/styles/index.css CHANGED
@@ -910,8 +910,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
910
910
  .rs-theme-high-contrast .rs-btn:focus-visible {
911
911
  outline-offset: 2px;
912
912
  }
913
- .rs-btn:hover,
914
- .rs-btn:focus {
913
+ .rs-btn:hover {
915
914
  color: var(--rs-btn-default-hover-text);
916
915
  background-color: var(--rs-btn-default-hover-bg);
917
916
  text-decoration: none;
@@ -951,8 +950,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
951
950
  background-color: var(--rs-btn-primary-bg);
952
951
  border: none;
953
952
  }
954
- .rs-btn-primary:hover,
955
- .rs-btn-primary:focus {
953
+ .rs-btn-primary:hover {
956
954
  color: var(--rs-btn-primary-text);
957
955
  background-color: var(--rs-btn-primary-hover-bg);
958
956
  }
@@ -976,8 +974,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
976
974
  background-color: transparent;
977
975
  border: none;
978
976
  }
979
- .rs-btn-subtle:hover,
980
- .rs-btn-subtle:focus {
977
+ .rs-btn-subtle:hover {
981
978
  color: var(--rs-btn-subtle-hover-text);
982
979
  background-color: var(--rs-btn-subtle-hover-bg);
983
980
  }
@@ -1000,8 +997,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1000
997
  background-color: transparent;
1001
998
  border: none;
1002
999
  }
1003
- .rs-btn-link:hover,
1004
- .rs-btn-link:focus {
1000
+ .rs-btn-link:hover {
1005
1001
  color: var(--rs-btn-link-hover-text);
1006
1002
  background-color: transparent;
1007
1003
  text-decoration: underline;
@@ -1027,8 +1023,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
1027
1023
  background-color: transparent;
1028
1024
  border: 1px solid var(--rs-btn-ghost-border);
1029
1025
  }
1030
- .rs-btn-ghost:hover,
1031
- .rs-btn-ghost:focus {
1026
+ .rs-btn-ghost:hover {
1032
1027
  color: var(--rs-btn-ghost-hover-text);
1033
1028
  background-color: transparent;
1034
1029
  border-color: var(--rs-btn-ghost-hover-border);
@@ -2071,8 +2066,7 @@ textarea.rs-input-sm {
2071
2066
  padding: 7px 11px;
2072
2067
  border-radius: 0 6px 6px 0;
2073
2068
  }
2074
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
2075
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
2069
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
2076
2070
  color: var(--rs-btn-subtle-hover-text);
2077
2071
  background-color: var(--rs-btn-subtle-hover-bg);
2078
2072
  }
@@ -2617,8 +2611,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2617
2611
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2618
2612
  outline-offset: 2px;
2619
2613
  }
2620
- .rs-picker-toggle:hover,
2621
- .rs-picker-toggle:focus {
2614
+ .rs-picker-toggle:hover {
2622
2615
  color: var(--rs-btn-default-hover-text);
2623
2616
  background-color: var(--rs-btn-default-hover-bg);
2624
2617
  text-decoration: none;
@@ -2690,8 +2683,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2690
2683
  border: none;
2691
2684
  transition: none;
2692
2685
  }
2693
- .rs-picker-subtle .rs-picker-toggle:hover,
2694
- .rs-picker-subtle .rs-picker-toggle:focus {
2686
+ .rs-picker-subtle .rs-picker-toggle:hover {
2695
2687
  color: var(--rs-btn-subtle-hover-text);
2696
2688
  background-color: var(--rs-btn-subtle-hover-bg);
2697
2689
  }
package/Nav/styles/index.css CHANGED
@@ -487,8 +487,7 @@
487
487
  .rs-theme-high-contrast .rs-btn:focus-visible {
488
488
  outline-offset: 2px;
489
489
  }
490
- .rs-btn:hover,
491
- .rs-btn:focus {
490
+ .rs-btn:hover {
492
491
  color: var(--rs-btn-default-hover-text);
493
492
  background-color: var(--rs-btn-default-hover-bg);
494
493
  text-decoration: none;
@@ -528,8 +527,7 @@
528
527
  background-color: var(--rs-btn-primary-bg);
529
528
  border: none;
530
529
  }
531
- .rs-btn-primary:hover,
532
- .rs-btn-primary:focus {
530
+ .rs-btn-primary:hover {
533
531
  color: var(--rs-btn-primary-text);
534
532
  background-color: var(--rs-btn-primary-hover-bg);
535
533
  }
@@ -553,8 +551,7 @@
553
551
  background-color: transparent;
554
552
  border: none;
555
553
  }
556
- .rs-btn-subtle:hover,
557
- .rs-btn-subtle:focus {
554
+ .rs-btn-subtle:hover {
558
555
  color: var(--rs-btn-subtle-hover-text);
559
556
  background-color: var(--rs-btn-subtle-hover-bg);
560
557
  }
@@ -577,8 +574,7 @@
577
574
  background-color: transparent;
578
575
  border: none;
579
576
  }
580
- .rs-btn-link:hover,
581
- .rs-btn-link:focus {
577
+ .rs-btn-link:hover {
582
578
  color: var(--rs-btn-link-hover-text);
583
579
  background-color: transparent;
584
580
  text-decoration: underline;
@@ -604,8 +600,7 @@
604
600
  background-color: transparent;
605
601
  border: 1px solid var(--rs-btn-ghost-border);
606
602
  }
607
- .rs-btn-ghost:hover,
608
- .rs-btn-ghost:focus {
603
+ .rs-btn-ghost:hover {
609
604
  color: var(--rs-btn-ghost-hover-text);
610
605
  background-color: transparent;
611
606
  border-color: var(--rs-btn-ghost-hover-border);
package/Navbar/styles/index.css CHANGED
@@ -487,8 +487,7 @@
487
487
  .rs-theme-high-contrast .rs-btn:focus-visible {
488
488
  outline-offset: 2px;
489
489
  }
490
- .rs-btn:hover,
491
- .rs-btn:focus {
490
+ .rs-btn:hover {
492
491
  color: var(--rs-btn-default-hover-text);
493
492
  background-color: var(--rs-btn-default-hover-bg);
494
493
  text-decoration: none;
@@ -528,8 +527,7 @@
528
527
  background-color: var(--rs-btn-primary-bg);
529
528
  border: none;
530
529
  }
531
- .rs-btn-primary:hover,
532
- .rs-btn-primary:focus {
530
+ .rs-btn-primary:hover {
533
531
  color: var(--rs-btn-primary-text);
534
532
  background-color: var(--rs-btn-primary-hover-bg);
535
533
  }
@@ -553,8 +551,7 @@
553
551
  background-color: transparent;
554
552
  border: none;
555
553
  }
556
- .rs-btn-subtle:hover,
557
- .rs-btn-subtle:focus {
554
+ .rs-btn-subtle:hover {
558
555
  color: var(--rs-btn-subtle-hover-text);
559
556
  background-color: var(--rs-btn-subtle-hover-bg);
560
557
  }
@@ -577,8 +574,7 @@
577
574
  background-color: transparent;
578
575
  border: none;
579
576
  }
580
- .rs-btn-link:hover,
581
- .rs-btn-link:focus {
577
+ .rs-btn-link:hover {
582
578
  color: var(--rs-btn-link-hover-text);
583
579
  background-color: transparent;
584
580
  text-decoration: underline;
@@ -604,8 +600,7 @@
604
600
  background-color: transparent;
605
601
  border: 1px solid var(--rs-btn-ghost-border);
606
602
  }
607
- .rs-btn-ghost:hover,
608
- .rs-btn-ghost:focus {
603
+ .rs-btn-ghost:hover {
609
604
  color: var(--rs-btn-ghost-hover-text);
610
605
  background-color: transparent;
611
606
  border-color: var(--rs-btn-ghost-hover-border);
package/Pagination/styles/index.css CHANGED
@@ -508,8 +508,7 @@
508
508
  .rs-theme-high-contrast .rs-btn:focus-visible {
509
509
  outline-offset: 2px;
510
510
  }
511
- .rs-btn:hover,
512
- .rs-btn:focus {
511
+ .rs-btn:hover {
513
512
  color: var(--rs-btn-default-hover-text);
514
513
  background-color: var(--rs-btn-default-hover-bg);
515
514
  text-decoration: none;
@@ -549,8 +548,7 @@
549
548
  background-color: var(--rs-btn-primary-bg);
550
549
  border: none;
551
550
  }
552
- .rs-btn-primary:hover,
553
- .rs-btn-primary:focus {
551
+ .rs-btn-primary:hover {
554
552
  color: var(--rs-btn-primary-text);
555
553
  background-color: var(--rs-btn-primary-hover-bg);
556
554
  }
@@ -574,8 +572,7 @@
574
572
  background-color: transparent;
575
573
  border: none;
576
574
  }
577
- .rs-btn-subtle:hover,
578
- .rs-btn-subtle:focus {
575
+ .rs-btn-subtle:hover {
579
576
  color: var(--rs-btn-subtle-hover-text);
580
577
  background-color: var(--rs-btn-subtle-hover-bg);
581
578
  }
@@ -598,8 +595,7 @@
598
595
  background-color: transparent;
599
596
  border: none;
600
597
  }
601
- .rs-btn-link:hover,
602
- .rs-btn-link:focus {
598
+ .rs-btn-link:hover {
603
599
  color: var(--rs-btn-link-hover-text);
604
600
  background-color: transparent;
605
601
  text-decoration: underline;
@@ -625,8 +621,7 @@
625
621
  background-color: transparent;
626
622
  border: 1px solid var(--rs-btn-ghost-border);
627
623
  }
628
- .rs-btn-ghost:hover,
629
- .rs-btn-ghost:focus {
624
+ .rs-btn-ghost:hover {
630
625
  color: var(--rs-btn-ghost-hover-text);
631
626
  background-color: transparent;
632
627
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1702,8 +1697,7 @@ textarea.rs-input-sm {
1702
1697
  padding: 7px 11px;
1703
1698
  border-radius: 0 6px 6px 0;
1704
1699
  }
1705
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1706
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1700
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1707
1701
  color: var(--rs-btn-subtle-hover-text);
1708
1702
  background-color: var(--rs-btn-subtle-hover-bg);
1709
1703
  }
@@ -2248,8 +2242,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2248
2242
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2249
2243
  outline-offset: 2px;
2250
2244
  }
2251
- .rs-picker-toggle:hover,
2252
- .rs-picker-toggle:focus {
2245
+ .rs-picker-toggle:hover {
2253
2246
  color: var(--rs-btn-default-hover-text);
2254
2247
  background-color: var(--rs-btn-default-hover-bg);
2255
2248
  text-decoration: none;
@@ -2321,8 +2314,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2321
2314
  border: none;
2322
2315
  transition: none;
2323
2316
  }
2324
- .rs-picker-subtle .rs-picker-toggle:hover,
2325
- .rs-picker-subtle .rs-picker-toggle:focus {
2317
+ .rs-picker-subtle .rs-picker-toggle:hover {
2326
2318
  color: var(--rs-btn-subtle-hover-text);
2327
2319
  background-color: var(--rs-btn-subtle-hover-bg);
2328
2320
  }
@@ -3242,8 +3234,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3242
3234
  .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
3243
3235
  outline-offset: 2px;
3244
3236
  }
3245
- .rs-pagination-btn:hover,
3246
- .rs-pagination-btn:focus {
3237
+ .rs-pagination-btn:hover {
3247
3238
  color: var(--rs-btn-default-hover-text);
3248
3239
  background-color: var(--rs-btn-default-hover-bg);
3249
3240
  text-decoration: none;
@@ -3270,8 +3261,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3270
3261
  /* stylelint-enable */
3271
3262
  }
3272
3263
  }
3273
- .rs-pagination-btn:hover,
3274
- .rs-pagination-btn:focus {
3264
+ .rs-pagination-btn:hover {
3275
3265
  color: var(--rs-btn-subtle-hover-text);
3276
3266
  background-color: var(--rs-btn-subtle-hover-bg);
3277
3267
  }
@@ -3340,8 +3330,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3340
3330
  background-color: transparent;
3341
3331
  border: 1px solid var(--rs-btn-ghost-border);
3342
3332
  }
3343
- .rs-pagination-btn.rs-pagination-btn-active:hover,
3344
- .rs-pagination-btn.rs-pagination-btn-active:focus {
3333
+ .rs-pagination-btn.rs-pagination-btn-active:hover {
3345
3334
  color: var(--rs-btn-ghost-hover-text);
3346
3335
  background-color: transparent;
3347
3336
  border-color: var(--rs-btn-ghost-hover-border);
package/Rate/styles/index.css CHANGED
@@ -114,7 +114,8 @@
114
114
  flex-direction: column-reverse;
115
115
  bottom: 3px;
116
116
  }
117
- .rs-rate-character .rs-icon {
117
+ .rs-rate-character .rs-icon,
118
+ .rs-rate-character svg {
118
119
  position: absolute;
119
120
  height: 1em;
120
121
  width: 1em;
@@ -165,23 +166,30 @@
165
166
  height: 24px;
166
167
  }
167
168
  .rs-rate-red {
168
- color: var(--rs-red-500);
169
+ --rs-rate-symbol-checked: var(--rs-red-500);
170
+ color: var(--rs-rate-symbol-checked);
169
171
  }
170
172
  .rs-rate-orange {
171
- color: var(--rs-orange-500);
173
+ --rs-rate-symbol-checked: var(--rs-orange-500);
174
+ color: var(--rs-rate-symbol-checked);
172
175
  }
173
176
  .rs-rate-yellow {
174
- color: var(--rs-yellow-500);
177
+ --rs-rate-symbol-checked: var(--rs-yellow-500);
178
+ color: var(--rs-rate-symbol-checked);
175
179
  }
176
180
  .rs-rate-green {
177
- color: var(--rs-green-500);
181
+ --rs-rate-symbol-checked: var(--rs-green-500);
182
+ color: var(--rs-rate-symbol-checked);
178
183
  }
179
184
  .rs-rate-cyan {
180
- color: var(--rs-cyan-500);
185
+ --rs-rate-symbol-checked: var(--rs-cyan-500);
186
+ color: var(--rs-rate-symbol-checked);
181
187
  }
182
188
  .rs-rate-blue {
183
- color: var(--rs-blue-500);
189
+ --rs-rate-symbol-checked: var(--rs-blue-500);
190
+ color: var(--rs-rate-symbol-checked);
184
191
  }
185
192
  .rs-rate-violet {
186
- color: var(--rs-violet-500);
193
+ --rs-rate-symbol-checked: var(--rs-violet-500);
194
+ color: var(--rs-rate-symbol-checked);
187
195
  }
package/Rate/styles/index.less CHANGED
@@ -71,7 +71,8 @@
71
71
  bottom: 3px;
72
72
  }
73
73
 
74
- .rs-icon {
74
+ .rs-icon,
75
+ svg {
75
76
  position: absolute;
76
77
  height: 1em;
77
78
  width: 1em;
@@ -122,7 +123,10 @@
122
123
  // Color variants
123
124
  each(@spectrum, .(@color) {
124
125
  &-@{color} {
125
- color: var(~'--rs-@{color}-500');
126
+
127
+ --rs-rate-symbol-checked: var(~'--rs-@{color}-500');
128
+
129
+ color: var(--rs-rate-symbol-checked);
126
130
  }
127
131
  });
128
132
  }
package/SelectPicker/styles/index.css CHANGED
@@ -503,8 +503,7 @@
503
503
  .rs-theme-high-contrast .rs-btn:focus-visible {
504
504
  outline-offset: 2px;
505
505
  }
506
- .rs-btn:hover,
507
- .rs-btn:focus {
506
+ .rs-btn:hover {
508
507
  color: var(--rs-btn-default-hover-text);
509
508
  background-color: var(--rs-btn-default-hover-bg);
510
509
  text-decoration: none;
@@ -544,8 +543,7 @@
544
543
  background-color: var(--rs-btn-primary-bg);
545
544
  border: none;
546
545
  }
547
- .rs-btn-primary:hover,
548
- .rs-btn-primary:focus {
546
+ .rs-btn-primary:hover {
549
547
  color: var(--rs-btn-primary-text);
550
548
  background-color: var(--rs-btn-primary-hover-bg);
551
549
  }
@@ -569,8 +567,7 @@
569
567
  background-color: transparent;
570
568
  border: none;
571
569
  }
572
- .rs-btn-subtle:hover,
573
- .rs-btn-subtle:focus {
570
+ .rs-btn-subtle:hover {
574
571
  color: var(--rs-btn-subtle-hover-text);
575
572
  background-color: var(--rs-btn-subtle-hover-bg);
576
573
  }
@@ -593,8 +590,7 @@
593
590
  background-color: transparent;
594
591
  border: none;
595
592
  }
596
- .rs-btn-link:hover,
597
- .rs-btn-link:focus {
593
+ .rs-btn-link:hover {
598
594
  color: var(--rs-btn-link-hover-text);
599
595
  background-color: transparent;
600
596
  text-decoration: underline;
@@ -620,8 +616,7 @@
620
616
  background-color: transparent;
621
617
  border: 1px solid var(--rs-btn-ghost-border);
622
618
  }
623
- .rs-btn-ghost:hover,
624
- .rs-btn-ghost:focus {
619
+ .rs-btn-ghost:hover {
625
620
  color: var(--rs-btn-ghost-hover-text);
626
621
  background-color: transparent;
627
622
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1664,8 +1659,7 @@ textarea.rs-input-sm {
1664
1659
  padding: 7px 11px;
1665
1660
  border-radius: 0 6px 6px 0;
1666
1661
  }
1667
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1668
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1662
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1669
1663
  color: var(--rs-btn-subtle-hover-text);
1670
1664
  background-color: var(--rs-btn-subtle-hover-bg);
1671
1665
  }
@@ -2210,8 +2204,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2210
2204
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2211
2205
  outline-offset: 2px;
2212
2206
  }
2213
- .rs-picker-toggle:hover,
2214
- .rs-picker-toggle:focus {
2207
+ .rs-picker-toggle:hover {
2215
2208
  color: var(--rs-btn-default-hover-text);
2216
2209
  background-color: var(--rs-btn-default-hover-bg);
2217
2210
  text-decoration: none;
@@ -2283,8 +2276,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2283
2276
  border: none;
2284
2277
  transition: none;
2285
2278
  }
2286
- .rs-picker-subtle .rs-picker-toggle:hover,
2287
- .rs-picker-subtle .rs-picker-toggle:focus {
2279
+ .rs-picker-subtle .rs-picker-toggle:hover {
2288
2280
  color: var(--rs-btn-subtle-hover-text);
2289
2281
  background-color: var(--rs-btn-subtle-hover-bg);
2290
2282
  }
package/Stat/styles/index.css CHANGED
@@ -465,8 +465,7 @@
465
465
  .rs-theme-high-contrast .rs-btn:focus-visible {
466
466
  outline-offset: 2px;
467
467
  }
468
- .rs-btn:hover,
469
- .rs-btn:focus {
468
+ .rs-btn:hover {
470
469
  color: var(--rs-btn-default-hover-text);
471
470
  background-color: var(--rs-btn-default-hover-bg);
472
471
  text-decoration: none;
@@ -506,8 +505,7 @@
506
505
  background-color: var(--rs-btn-primary-bg);
507
506
  border: none;
508
507
  }
509
- .rs-btn-primary:hover,
510
- .rs-btn-primary:focus {
508
+ .rs-btn-primary:hover {
511
509
  color: var(--rs-btn-primary-text);
512
510
  background-color: var(--rs-btn-primary-hover-bg);
513
511
  }
@@ -531,8 +529,7 @@
531
529
  background-color: transparent;
532
530
  border: none;
533
531
  }
534
- .rs-btn-subtle:hover,
535
- .rs-btn-subtle:focus {
532
+ .rs-btn-subtle:hover {
536
533
  color: var(--rs-btn-subtle-hover-text);
537
534
  background-color: var(--rs-btn-subtle-hover-bg);
538
535
  }
@@ -555,8 +552,7 @@
555
552
  background-color: transparent;
556
553
  border: none;
557
554
  }
558
- .rs-btn-link:hover,
559
- .rs-btn-link:focus {
555
+ .rs-btn-link:hover {
560
556
  color: var(--rs-btn-link-hover-text);
561
557
  background-color: transparent;
562
558
  text-decoration: underline;
@@ -582,8 +578,7 @@
582
578
  background-color: transparent;
583
579
  border: 1px solid var(--rs-btn-ghost-border);
584
580
  }
585
- .rs-btn-ghost:hover,
586
- .rs-btn-ghost:focus {
581
+ .rs-btn-ghost:hover {
587
582
  color: var(--rs-btn-ghost-hover-text);
588
583
  background-color: transparent;
589
584
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1245,8 +1240,7 @@
1245
1240
  background-color: var(--rs-iconbtn-addon);
1246
1241
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
1247
1242
  }
1248
- .rs-btn-icon-with-text:hover > .rs-icon,
1249
- .rs-btn-icon-with-text:focus > .rs-icon {
1243
+ .rs-btn-icon-with-text:hover > .rs-icon {
1250
1244
  background-color: var(--rs-iconbtn-activated-addon);
1251
1245
  }
1252
1246
  .rs-btn-icon-with-text:active > .rs-icon,
@@ -1264,8 +1258,7 @@
1264
1258
  .rs-btn-icon-with-text.rs-btn-primary > .rs-icon {
1265
1259
  background-color: var(--rs-iconbtn-primary-addon);
1266
1260
  }
1267
- .rs-btn-icon-with-text.rs-btn-primary:hover > .rs-icon,
1268
- .rs-btn-icon-with-text.rs-btn-primary:focus > .rs-icon {
1261
+ .rs-btn-icon-with-text.rs-btn-primary:hover > .rs-icon {
1269
1262
  background-color: var(--rs-iconbtn-primary-activated-addon);
1270
1263
  }
1271
1264
  .rs-btn-icon-with-text.rs-btn-primary:active > .rs-icon,
package/Table/styles/index.css CHANGED
@@ -475,7 +475,7 @@
475
475
  .rs-table-scrollbar-horizontal .rs-table-scrollbar-handle {
476
476
  height: 8px;
477
477
  left: 0 /* rtl:ignore */;
478
- top: 1px;
478
+ top: 2px/2;
479
479
  }
480
480
  .rs-table-scrollbar-pressed.rs-table-scrollbar-horizontal:hover,
481
481
  .rs-table-scrollbar-horizontal:hover {
@@ -493,7 +493,7 @@
493
493
  min-height: 20px;
494
494
  width: 8px;
495
495
  top: 0;
496
- left: 1px;
496
+ left: 2px/2;
497
497
  }
498
498
  .rs-table-scrollbar-pressed.rs-table-scrollbar-vertical:hover,
499
499
  .rs-table-scrollbar-vertical:hover {
package/Tabs/styles/index.css CHANGED
@@ -487,8 +487,7 @@
487
487
  .rs-theme-high-contrast .rs-btn:focus-visible {
488
488
  outline-offset: 2px;
489
489
  }
490
- .rs-btn:hover,
491
- .rs-btn:focus {
490
+ .rs-btn:hover {
492
491
  color: var(--rs-btn-default-hover-text);
493
492
  background-color: var(--rs-btn-default-hover-bg);
494
493
  text-decoration: none;
@@ -528,8 +527,7 @@
528
527
  background-color: var(--rs-btn-primary-bg);
529
528
  border: none;
530
529
  }
531
- .rs-btn-primary:hover,
532
- .rs-btn-primary:focus {
530
+ .rs-btn-primary:hover {
533
531
  color: var(--rs-btn-primary-text);
534
532
  background-color: var(--rs-btn-primary-hover-bg);
535
533
  }
@@ -553,8 +551,7 @@
553
551
  background-color: transparent;
554
552
  border: none;
555
553
  }
556
- .rs-btn-subtle:hover,
557
- .rs-btn-subtle:focus {
554
+ .rs-btn-subtle:hover {
558
555
  color: var(--rs-btn-subtle-hover-text);
559
556
  background-color: var(--rs-btn-subtle-hover-bg);
560
557
  }
@@ -577,8 +574,7 @@
577
574
  background-color: transparent;
578
575
  border: none;
579
576
  }
580
- .rs-btn-link:hover,
581
- .rs-btn-link:focus {
577
+ .rs-btn-link:hover {
582
578
  color: var(--rs-btn-link-hover-text);
583
579
  background-color: transparent;
584
580
  text-decoration: underline;
@@ -604,8 +600,7 @@
604
600
  background-color: transparent;
605
601
  border: 1px solid var(--rs-btn-ghost-border);
606
602
  }
607
- .rs-btn-ghost:hover,
608
- .rs-btn-ghost:focus {
603
+ .rs-btn-ghost:hover {
609
604
  color: var(--rs-btn-ghost-hover-text);
610
605
  background-color: transparent;
611
606
  border-color: var(--rs-btn-ghost-hover-border);