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/Tag/styles/index.css CHANGED
@@ -7,7 +7,6 @@
7
7
  .rs-theme-light {
8
8
  --rs-gray-50: #f7f7fa;
9
9
  --rs-gray-600: #717273;
10
- --rs-gray-800: #343434;
11
10
  --rs-color-red: #f44336;
12
11
  --rs-red-500: #f44336;
13
12
  --rs-orange-500: #fa8900;
@@ -16,14 +15,12 @@
16
15
  --rs-cyan-500: #00bcd4;
17
16
  --rs-blue-500: #2196f3;
18
17
  --rs-violet-500: #673ab7;
19
- --rs-text-primary: var(--rs-gray-800);
20
18
  --rs-close-button-hover-color: var(--rs-color-red);
21
19
  --rs-tag-bg: var(--rs-gray-50);
22
20
  }
23
21
  .rs-theme-dark {
24
22
  --rs-gray-50: #e9ebf0;
25
23
  --rs-gray-600: #3c3f43;
26
- --rs-gray-800: #1a1d24;
27
24
  --rs-color-red: #f04f43;
28
25
  --rs-red-500: #f04f43;
29
26
  --rs-orange-500: #ff9800;
@@ -32,14 +29,12 @@
32
29
  --rs-cyan-500: #00bcd4;
33
30
  --rs-blue-500: #1499ef;
34
31
  --rs-violet-500: #673ab7;
35
- --rs-text-primary: var(--rs-gray-50);
36
32
  --rs-close-button-hover-color: var(--rs-color-red);
37
33
  --rs-tag-bg: var(--rs-gray-600);
38
34
  }
39
35
  .rs-theme-high-contrast {
40
36
  --rs-gray-50: #e9ebf0;
41
37
  --rs-gray-600: #3c3f43;
42
- --rs-gray-800: #1a1d24;
43
38
  --rs-color-red: #bd1732;
44
39
  --rs-red-500: #bd1732;
45
40
  --rs-orange-500: #ff9800;
@@ -48,7 +43,6 @@
48
43
  --rs-cyan-500: #00bcd4;
49
44
  --rs-blue-500: #1499ef;
50
45
  --rs-violet-500: #673ab7;
51
- --rs-text-primary: var(--rs-gray-50);
52
46
  --rs-close-button-hover-color: var(--rs-color-red);
53
47
  --rs-tag-bg: var(--rs-gray-600);
54
48
  }
@@ -82,7 +76,7 @@
82
76
  .rs-tag {
83
77
  display: inline-block;
84
78
  background-color: var(--rs-tag-bg);
85
- color: var(--rs-text-primary);
79
+ color: var(--rs-tag-text);
86
80
  border-radius: 6px;
87
81
  line-height: 20px;
88
82
  }
@@ -128,30 +122,44 @@
128
122
  margin-left: 10px;
129
123
  }
130
124
  .rs-tag-red {
131
- background-color: var(--rs-red-500);
132
- color: #ffffff;
125
+ --rs-tag-bg: var(--rs-red-500);
126
+ --rs-tag-text: #fff;
127
+ background-color: var(--rs-tag-bg);
128
+ color: var(--rs-tag-text);
133
129
  }
134
130
  .rs-tag-orange {
135
- background-color: var(--rs-orange-500);
136
- color: #ffffff;
131
+ --rs-tag-bg: var(--rs-orange-500);
132
+ --rs-tag-text: #fff;
133
+ background-color: var(--rs-tag-bg);
134
+ color: var(--rs-tag-text);
137
135
  }
138
136
  .rs-tag-yellow {
139
- background-color: var(--rs-yellow-500);
140
- color: #ffffff;
137
+ --rs-tag-bg: var(--rs-yellow-500);
138
+ --rs-tag-text: #fff;
139
+ background-color: var(--rs-tag-bg);
140
+ color: var(--rs-tag-text);
141
141
  }
142
142
  .rs-tag-green {
143
- background-color: var(--rs-green-500);
144
- color: #ffffff;
143
+ --rs-tag-bg: var(--rs-green-500);
144
+ --rs-tag-text: #fff;
145
+ background-color: var(--rs-tag-bg);
146
+ color: var(--rs-tag-text);
145
147
  }
146
148
  .rs-tag-cyan {
147
- background-color: var(--rs-cyan-500);
148
- color: #ffffff;
149
+ --rs-tag-bg: var(--rs-cyan-500);
150
+ --rs-tag-text: #fff;
151
+ background-color: var(--rs-tag-bg);
152
+ color: var(--rs-tag-text);
149
153
  }
150
154
  .rs-tag-blue {
151
- background-color: var(--rs-blue-500);
152
- color: #ffffff;
155
+ --rs-tag-bg: var(--rs-blue-500);
156
+ --rs-tag-text: #fff;
157
+ background-color: var(--rs-tag-bg);
158
+ color: var(--rs-tag-text);
153
159
  }
154
160
  .rs-tag-violet {
155
- background-color: var(--rs-violet-500);
156
- color: #ffffff;
161
+ --rs-tag-bg: var(--rs-violet-500);
162
+ --rs-tag-text: #fff;
163
+ background-color: var(--rs-tag-bg);
164
+ color: var(--rs-tag-text);
157
165
  }
package/Tag/styles/index.less CHANGED
@@ -8,7 +8,7 @@
8
8
  .rs-tag {
9
9
  display: inline-block;
10
10
  background-color: var(--rs-tag-bg);
11
- color: var(--rs-text-primary);
11
+ color: var(--rs-tag-text);
12
12
  border-radius: 6px;
13
13
  line-height: 20px;
14
14
 
@@ -69,7 +69,10 @@
69
69
  // Colorful tags
70
70
  each(@spectrum, .(@color) {
71
71
  .rs-tag-@{color} {
72
- background-color: var(~'--rs-@{color}-500');
73
- color: #ffffff;
72
+ --rs-tag-bg: var(~'--rs-@{color}-500');
73
+ --rs-tag-text: #fff;
74
+
75
+ background-color: var(--rs-tag-bg);
76
+ color: var(--rs-tag-text);
74
77
  }
75
78
  });
package/TagInput/styles/index.css CHANGED
@@ -918,8 +918,7 @@ textarea.rs-input-sm {
918
918
  .rs-theme-high-contrast .rs-btn:focus-visible {
919
919
  outline-offset: 2px;
920
920
  }
921
- .rs-btn:hover,
922
- .rs-btn:focus {
921
+ .rs-btn:hover {
923
922
  color: var(--rs-btn-default-hover-text);
924
923
  background-color: var(--rs-btn-default-hover-bg);
925
924
  text-decoration: none;
@@ -959,8 +958,7 @@ textarea.rs-input-sm {
959
958
  background-color: var(--rs-btn-primary-bg);
960
959
  border: none;
961
960
  }
962
- .rs-btn-primary:hover,
963
- .rs-btn-primary:focus {
961
+ .rs-btn-primary:hover {
964
962
  color: var(--rs-btn-primary-text);
965
963
  background-color: var(--rs-btn-primary-hover-bg);
966
964
  }
@@ -984,8 +982,7 @@ textarea.rs-input-sm {
984
982
  background-color: transparent;
985
983
  border: none;
986
984
  }
987
- .rs-btn-subtle:hover,
988
- .rs-btn-subtle:focus {
985
+ .rs-btn-subtle:hover {
989
986
  color: var(--rs-btn-subtle-hover-text);
990
987
  background-color: var(--rs-btn-subtle-hover-bg);
991
988
  }
@@ -1008,8 +1005,7 @@ textarea.rs-input-sm {
1008
1005
  background-color: transparent;
1009
1006
  border: none;
1010
1007
  }
1011
- .rs-btn-link:hover,
1012
- .rs-btn-link:focus {
1008
+ .rs-btn-link:hover {
1013
1009
  color: var(--rs-btn-link-hover-text);
1014
1010
  background-color: transparent;
1015
1011
  text-decoration: underline;
@@ -1035,8 +1031,7 @@ textarea.rs-input-sm {
1035
1031
  background-color: transparent;
1036
1032
  border: 1px solid var(--rs-btn-ghost-border);
1037
1033
  }
1038
- .rs-btn-ghost:hover,
1039
- .rs-btn-ghost:focus {
1034
+ .rs-btn-ghost:hover {
1040
1035
  color: var(--rs-btn-ghost-hover-text);
1041
1036
  background-color: transparent;
1042
1037
  border-color: var(--rs-btn-ghost-hover-border);
@@ -2004,8 +1999,7 @@ textarea.rs-input-sm {
2004
1999
  padding: 7px 11px;
2005
2000
  border-radius: 0 6px 6px 0;
2006
2001
  }
2007
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
2008
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
2002
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
2009
2003
  color: var(--rs-btn-subtle-hover-text);
2010
2004
  background-color: var(--rs-btn-subtle-hover-bg);
2011
2005
  }
@@ -2531,8 +2525,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2531
2525
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2532
2526
  outline-offset: 2px;
2533
2527
  }
2534
- .rs-picker-toggle:hover,
2535
- .rs-picker-toggle:focus {
2528
+ .rs-picker-toggle:hover {
2536
2529
  color: var(--rs-btn-default-hover-text);
2537
2530
  background-color: var(--rs-btn-default-hover-bg);
2538
2531
  text-decoration: none;
@@ -2604,8 +2597,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2604
2597
  border: none;
2605
2598
  transition: none;
2606
2599
  }
2607
- .rs-picker-subtle .rs-picker-toggle:hover,
2608
- .rs-picker-subtle .rs-picker-toggle:focus {
2600
+ .rs-picker-subtle .rs-picker-toggle:hover {
2609
2601
  color: var(--rs-btn-subtle-hover-text);
2610
2602
  background-color: var(--rs-btn-subtle-hover-bg);
2611
2603
  }
package/TagPicker/styles/index.css CHANGED
@@ -918,8 +918,7 @@ textarea.rs-input-sm {
918
918
  .rs-theme-high-contrast .rs-btn:focus-visible {
919
919
  outline-offset: 2px;
920
920
  }
921
- .rs-btn:hover,
922
- .rs-btn:focus {
921
+ .rs-btn:hover {
923
922
  color: var(--rs-btn-default-hover-text);
924
923
  background-color: var(--rs-btn-default-hover-bg);
925
924
  text-decoration: none;
@@ -959,8 +958,7 @@ textarea.rs-input-sm {
959
958
  background-color: var(--rs-btn-primary-bg);
960
959
  border: none;
961
960
  }
962
- .rs-btn-primary:hover,
963
- .rs-btn-primary:focus {
961
+ .rs-btn-primary:hover {
964
962
  color: var(--rs-btn-primary-text);
965
963
  background-color: var(--rs-btn-primary-hover-bg);
966
964
  }
@@ -984,8 +982,7 @@ textarea.rs-input-sm {
984
982
  background-color: transparent;
985
983
  border: none;
986
984
  }
987
- .rs-btn-subtle:hover,
988
- .rs-btn-subtle:focus {
985
+ .rs-btn-subtle:hover {
989
986
  color: var(--rs-btn-subtle-hover-text);
990
987
  background-color: var(--rs-btn-subtle-hover-bg);
991
988
  }
@@ -1008,8 +1005,7 @@ textarea.rs-input-sm {
1008
1005
  background-color: transparent;
1009
1006
  border: none;
1010
1007
  }
1011
- .rs-btn-link:hover,
1012
- .rs-btn-link:focus {
1008
+ .rs-btn-link:hover {
1013
1009
  color: var(--rs-btn-link-hover-text);
1014
1010
  background-color: transparent;
1015
1011
  text-decoration: underline;
@@ -1035,8 +1031,7 @@ textarea.rs-input-sm {
1035
1031
  background-color: transparent;
1036
1032
  border: 1px solid var(--rs-btn-ghost-border);
1037
1033
  }
1038
- .rs-btn-ghost:hover,
1039
- .rs-btn-ghost:focus {
1034
+ .rs-btn-ghost:hover {
1040
1035
  color: var(--rs-btn-ghost-hover-text);
1041
1036
  background-color: transparent;
1042
1037
  border-color: var(--rs-btn-ghost-hover-border);
@@ -2004,8 +1999,7 @@ textarea.rs-input-sm {
2004
1999
  padding: 7px 11px;
2005
2000
  border-radius: 0 6px 6px 0;
2006
2001
  }
2007
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
2008
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
2002
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
2009
2003
  color: var(--rs-btn-subtle-hover-text);
2010
2004
  background-color: var(--rs-btn-subtle-hover-bg);
2011
2005
  }
@@ -2531,8 +2525,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2531
2525
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2532
2526
  outline-offset: 2px;
2533
2527
  }
2534
- .rs-picker-toggle:hover,
2535
- .rs-picker-toggle:focus {
2528
+ .rs-picker-toggle:hover {
2536
2529
  color: var(--rs-btn-default-hover-text);
2537
2530
  background-color: var(--rs-btn-default-hover-bg);
2538
2531
  text-decoration: none;
@@ -2604,8 +2597,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2604
2597
  border: none;
2605
2598
  transition: none;
2606
2599
  }
2607
- .rs-picker-subtle .rs-picker-toggle:hover,
2608
- .rs-picker-subtle .rs-picker-toggle:focus {
2600
+ .rs-picker-subtle .rs-picker-toggle:hover {
2609
2601
  color: var(--rs-btn-subtle-hover-text);
2610
2602
  background-color: var(--rs-btn-subtle-hover-bg);
2611
2603
  }
package/TimePicker/styles/index.css CHANGED
@@ -602,8 +602,7 @@ textarea.rs-input-sm {
602
602
  .rs-theme-high-contrast .rs-btn:focus-visible {
603
603
  outline-offset: 2px;
604
604
  }
605
- .rs-btn:hover,
606
- .rs-btn:focus {
605
+ .rs-btn:hover {
607
606
  color: var(--rs-btn-default-hover-text);
608
607
  background-color: var(--rs-btn-default-hover-bg);
609
608
  text-decoration: none;
@@ -643,8 +642,7 @@ textarea.rs-input-sm {
643
642
  background-color: var(--rs-btn-primary-bg);
644
643
  border: none;
645
644
  }
646
- .rs-btn-primary:hover,
647
- .rs-btn-primary:focus {
645
+ .rs-btn-primary:hover {
648
646
  color: var(--rs-btn-primary-text);
649
647
  background-color: var(--rs-btn-primary-hover-bg);
650
648
  }
@@ -668,8 +666,7 @@ textarea.rs-input-sm {
668
666
  background-color: transparent;
669
667
  border: none;
670
668
  }
671
- .rs-btn-subtle:hover,
672
- .rs-btn-subtle:focus {
669
+ .rs-btn-subtle:hover {
673
670
  color: var(--rs-btn-subtle-hover-text);
674
671
  background-color: var(--rs-btn-subtle-hover-bg);
675
672
  }
@@ -692,8 +689,7 @@ textarea.rs-input-sm {
692
689
  background-color: transparent;
693
690
  border: none;
694
691
  }
695
- .rs-btn-link:hover,
696
- .rs-btn-link:focus {
692
+ .rs-btn-link:hover {
697
693
  color: var(--rs-btn-link-hover-text);
698
694
  background-color: transparent;
699
695
  text-decoration: underline;
@@ -719,8 +715,7 @@ textarea.rs-input-sm {
719
715
  background-color: transparent;
720
716
  border: 1px solid var(--rs-btn-ghost-border);
721
717
  }
722
- .rs-btn-ghost:hover,
723
- .rs-btn-ghost:focus {
718
+ .rs-btn-ghost:hover {
724
719
  color: var(--rs-btn-ghost-hover-text);
725
720
  background-color: transparent;
726
721
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1443,8 +1438,7 @@ textarea.rs-input-sm {
1443
1438
  padding: 7px 11px;
1444
1439
  border-radius: 0 6px 6px 0;
1445
1440
  }
1446
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1447
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1441
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1448
1442
  color: var(--rs-btn-subtle-hover-text);
1449
1443
  background-color: var(--rs-btn-subtle-hover-bg);
1450
1444
  }
@@ -2052,8 +2046,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2052
2046
  --rs-btn-subtle-active-bg: var(--rs-red-600);
2053
2047
  --rs-btn-subtle-active-text: #fff;
2054
2048
  }
2055
- .rs-calendar-header-error:hover,
2056
- .rs-calendar-header-error:focus {
2049
+ .rs-calendar-header-error:hover {
2057
2050
  color: var(--rs-btn-subtle-hover-text);
2058
2051
  background-color: var(--rs-btn-subtle-hover-bg);
2059
2052
  }
@@ -2906,8 +2899,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2906
2899
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2907
2900
  outline-offset: 2px;
2908
2901
  }
2909
- .rs-picker-toggle:hover,
2910
- .rs-picker-toggle:focus {
2902
+ .rs-picker-toggle:hover {
2911
2903
  color: var(--rs-btn-default-hover-text);
2912
2904
  background-color: var(--rs-btn-default-hover-bg);
2913
2905
  text-decoration: none;
@@ -2979,8 +2971,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2979
2971
  border: none;
2980
2972
  transition: none;
2981
2973
  }
2982
- .rs-picker-subtle .rs-picker-toggle:hover,
2983
- .rs-picker-subtle .rs-picker-toggle:focus {
2974
+ .rs-picker-subtle .rs-picker-toggle:hover {
2984
2975
  color: var(--rs-btn-subtle-hover-text);
2985
2976
  background-color: var(--rs-btn-subtle-hover-bg);
2986
2977
  }
package/TimeRangePicker/styles/index.css CHANGED
@@ -527,8 +527,7 @@
527
527
  .rs-theme-high-contrast .rs-btn:focus-visible {
528
528
  outline-offset: 2px;
529
529
  }
530
- .rs-btn:hover,
531
- .rs-btn:focus {
530
+ .rs-btn:hover {
532
531
  color: var(--rs-btn-default-hover-text);
533
532
  background-color: var(--rs-btn-default-hover-bg);
534
533
  text-decoration: none;
@@ -568,8 +567,7 @@
568
567
  background-color: var(--rs-btn-primary-bg);
569
568
  border: none;
570
569
  }
571
- .rs-btn-primary:hover,
572
- .rs-btn-primary:focus {
570
+ .rs-btn-primary:hover {
573
571
  color: var(--rs-btn-primary-text);
574
572
  background-color: var(--rs-btn-primary-hover-bg);
575
573
  }
@@ -593,8 +591,7 @@
593
591
  background-color: transparent;
594
592
  border: none;
595
593
  }
596
- .rs-btn-subtle:hover,
597
- .rs-btn-subtle:focus {
594
+ .rs-btn-subtle:hover {
598
595
  color: var(--rs-btn-subtle-hover-text);
599
596
  background-color: var(--rs-btn-subtle-hover-bg);
600
597
  }
@@ -617,8 +614,7 @@
617
614
  background-color: transparent;
618
615
  border: none;
619
616
  }
620
- .rs-btn-link:hover,
621
- .rs-btn-link:focus {
617
+ .rs-btn-link:hover {
622
618
  color: var(--rs-btn-link-hover-text);
623
619
  background-color: transparent;
624
620
  text-decoration: underline;
@@ -644,8 +640,7 @@
644
640
  background-color: transparent;
645
641
  border: 1px solid var(--rs-btn-ghost-border);
646
642
  }
647
- .rs-btn-ghost:hover,
648
- .rs-btn-ghost:focus {
643
+ .rs-btn-ghost:hover {
649
644
  color: var(--rs-btn-ghost-hover-text);
650
645
  background-color: transparent;
651
646
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1443,8 +1438,7 @@ textarea.rs-input-sm {
1443
1438
  padding: 7px 11px;
1444
1439
  border-radius: 0 6px 6px 0;
1445
1440
  }
1446
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1447
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1441
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1448
1442
  color: var(--rs-btn-subtle-hover-text);
1449
1443
  background-color: var(--rs-btn-subtle-hover-bg);
1450
1444
  }
@@ -2052,8 +2046,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2052
2046
  --rs-btn-subtle-active-bg: var(--rs-red-600);
2053
2047
  --rs-btn-subtle-active-text: #fff;
2054
2048
  }
2055
- .rs-calendar-header-error:hover,
2056
- .rs-calendar-header-error:focus {
2049
+ .rs-calendar-header-error:hover {
2057
2050
  color: var(--rs-btn-subtle-hover-text);
2058
2051
  background-color: var(--rs-btn-subtle-hover-bg);
2059
2052
  }
@@ -2906,8 +2899,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2906
2899
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2907
2900
  outline-offset: 2px;
2908
2901
  }
2909
- .rs-picker-toggle:hover,
2910
- .rs-picker-toggle:focus {
2902
+ .rs-picker-toggle:hover {
2911
2903
  color: var(--rs-btn-default-hover-text);
2912
2904
  background-color: var(--rs-btn-default-hover-bg);
2913
2905
  text-decoration: none;
@@ -2979,8 +2971,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2979
2971
  border: none;
2980
2972
  transition: none;
2981
2973
  }
2982
- .rs-picker-subtle .rs-picker-toggle:hover,
2983
- .rs-picker-subtle .rs-picker-toggle:focus {
2974
+ .rs-picker-subtle .rs-picker-toggle:hover {
2984
2975
  color: var(--rs-btn-subtle-hover-text);
2985
2976
  background-color: var(--rs-btn-subtle-hover-bg);
2986
2977
  }
package/Tree/styles/index.css CHANGED
@@ -506,8 +506,7 @@
506
506
  .rs-theme-high-contrast .rs-btn:focus-visible {
507
507
  outline-offset: 2px;
508
508
  }
509
- .rs-btn:hover,
510
- .rs-btn:focus {
509
+ .rs-btn:hover {
511
510
  color: var(--rs-btn-default-hover-text);
512
511
  background-color: var(--rs-btn-default-hover-bg);
513
512
  text-decoration: none;
@@ -547,8 +546,7 @@
547
546
  background-color: var(--rs-btn-primary-bg);
548
547
  border: none;
549
548
  }
550
- .rs-btn-primary:hover,
551
- .rs-btn-primary:focus {
549
+ .rs-btn-primary:hover {
552
550
  color: var(--rs-btn-primary-text);
553
551
  background-color: var(--rs-btn-primary-hover-bg);
554
552
  }
@@ -572,8 +570,7 @@
572
570
  background-color: transparent;
573
571
  border: none;
574
572
  }
575
- .rs-btn-subtle:hover,
576
- .rs-btn-subtle:focus {
573
+ .rs-btn-subtle:hover {
577
574
  color: var(--rs-btn-subtle-hover-text);
578
575
  background-color: var(--rs-btn-subtle-hover-bg);
579
576
  }
@@ -596,8 +593,7 @@
596
593
  background-color: transparent;
597
594
  border: none;
598
595
  }
599
- .rs-btn-link:hover,
600
- .rs-btn-link:focus {
596
+ .rs-btn-link:hover {
601
597
  color: var(--rs-btn-link-hover-text);
602
598
  background-color: transparent;
603
599
  text-decoration: underline;
@@ -623,8 +619,7 @@
623
619
  background-color: transparent;
624
620
  border: 1px solid var(--rs-btn-ghost-border);
625
621
  }
626
- .rs-btn-ghost:hover,
627
- .rs-btn-ghost:focus {
622
+ .rs-btn-ghost:hover {
628
623
  color: var(--rs-btn-ghost-hover-text);
629
624
  background-color: transparent;
630
625
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1667,8 +1662,7 @@ textarea.rs-input-sm {
1667
1662
  padding: 7px 11px;
1668
1663
  border-radius: 0 6px 6px 0;
1669
1664
  }
1670
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1671
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1665
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1672
1666
  color: var(--rs-btn-subtle-hover-text);
1673
1667
  background-color: var(--rs-btn-subtle-hover-bg);
1674
1668
  }
@@ -2213,8 +2207,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2213
2207
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2214
2208
  outline-offset: 2px;
2215
2209
  }
2216
- .rs-picker-toggle:hover,
2217
- .rs-picker-toggle:focus {
2210
+ .rs-picker-toggle:hover {
2218
2211
  color: var(--rs-btn-default-hover-text);
2219
2212
  background-color: var(--rs-btn-default-hover-bg);
2220
2213
  text-decoration: none;
@@ -2286,8 +2279,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2286
2279
  border: none;
2287
2280
  transition: none;
2288
2281
  }
2289
- .rs-picker-subtle .rs-picker-toggle:hover,
2290
- .rs-picker-subtle .rs-picker-toggle:focus {
2282
+ .rs-picker-subtle .rs-picker-toggle:hover {
2291
2283
  color: var(--rs-btn-subtle-hover-text);
2292
2284
  background-color: var(--rs-btn-subtle-hover-bg);
2293
2285
  }
package/TreePicker/styles/index.css CHANGED
@@ -506,8 +506,7 @@
506
506
  .rs-theme-high-contrast .rs-btn:focus-visible {
507
507
  outline-offset: 2px;
508
508
  }
509
- .rs-btn:hover,
510
- .rs-btn:focus {
509
+ .rs-btn:hover {
511
510
  color: var(--rs-btn-default-hover-text);
512
511
  background-color: var(--rs-btn-default-hover-bg);
513
512
  text-decoration: none;
@@ -547,8 +546,7 @@
547
546
  background-color: var(--rs-btn-primary-bg);
548
547
  border: none;
549
548
  }
550
- .rs-btn-primary:hover,
551
- .rs-btn-primary:focus {
549
+ .rs-btn-primary:hover {
552
550
  color: var(--rs-btn-primary-text);
553
551
  background-color: var(--rs-btn-primary-hover-bg);
554
552
  }
@@ -572,8 +570,7 @@
572
570
  background-color: transparent;
573
571
  border: none;
574
572
  }
575
- .rs-btn-subtle:hover,
576
- .rs-btn-subtle:focus {
573
+ .rs-btn-subtle:hover {
577
574
  color: var(--rs-btn-subtle-hover-text);
578
575
  background-color: var(--rs-btn-subtle-hover-bg);
579
576
  }
@@ -596,8 +593,7 @@
596
593
  background-color: transparent;
597
594
  border: none;
598
595
  }
599
- .rs-btn-link:hover,
600
- .rs-btn-link:focus {
596
+ .rs-btn-link:hover {
601
597
  color: var(--rs-btn-link-hover-text);
602
598
  background-color: transparent;
603
599
  text-decoration: underline;
@@ -623,8 +619,7 @@
623
619
  background-color: transparent;
624
620
  border: 1px solid var(--rs-btn-ghost-border);
625
621
  }
626
- .rs-btn-ghost:hover,
627
- .rs-btn-ghost:focus {
622
+ .rs-btn-ghost:hover {
628
623
  color: var(--rs-btn-ghost-hover-text);
629
624
  background-color: transparent;
630
625
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1667,8 +1662,7 @@ textarea.rs-input-sm {
1667
1662
  padding: 7px 11px;
1668
1663
  border-radius: 0 6px 6px 0;
1669
1664
  }
1670
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1671
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1665
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1672
1666
  color: var(--rs-btn-subtle-hover-text);
1673
1667
  background-color: var(--rs-btn-subtle-hover-bg);
1674
1668
  }
@@ -2213,8 +2207,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2213
2207
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2214
2208
  outline-offset: 2px;
2215
2209
  }
2216
- .rs-picker-toggle:hover,
2217
- .rs-picker-toggle:focus {
2210
+ .rs-picker-toggle:hover {
2218
2211
  color: var(--rs-btn-default-hover-text);
2219
2212
  background-color: var(--rs-btn-default-hover-bg);
2220
2213
  text-decoration: none;
@@ -2286,8 +2279,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2286
2279
  border: none;
2287
2280
  transition: none;
2288
2281
  }
2289
- .rs-picker-subtle .rs-picker-toggle:hover,
2290
- .rs-picker-subtle .rs-picker-toggle:focus {
2282
+ .rs-picker-subtle .rs-picker-toggle:hover {
2291
2283
  color: var(--rs-btn-subtle-hover-text);
2292
2284
  background-color: var(--rs-btn-subtle-hover-bg);
2293
2285
  }
package/Uploader/styles/index.css CHANGED
@@ -439,8 +439,7 @@
439
439
  .rs-theme-high-contrast .rs-btn:focus-visible {
440
440
  outline-offset: 2px;
441
441
  }
442
- .rs-btn:hover,
443
- .rs-btn:focus {
442
+ .rs-btn:hover {
444
443
  color: var(--rs-btn-default-hover-text);
445
444
  background-color: var(--rs-btn-default-hover-bg);
446
445
  text-decoration: none;
@@ -480,8 +479,7 @@
480
479
  background-color: var(--rs-btn-primary-bg);
481
480
  border: none;
482
481
  }
483
- .rs-btn-primary:hover,
484
- .rs-btn-primary:focus {
482
+ .rs-btn-primary:hover {
485
483
  color: var(--rs-btn-primary-text);
486
484
  background-color: var(--rs-btn-primary-hover-bg);
487
485
  }
@@ -505,8 +503,7 @@
505
503
  background-color: transparent;
506
504
  border: none;
507
505
  }
508
- .rs-btn-subtle:hover,
509
- .rs-btn-subtle:focus {
506
+ .rs-btn-subtle:hover {
510
507
  color: var(--rs-btn-subtle-hover-text);
511
508
  background-color: var(--rs-btn-subtle-hover-bg);
512
509
  }
@@ -529,8 +526,7 @@
529
526
  background-color: transparent;
530
527
  border: none;
531
528
  }
532
- .rs-btn-link:hover,
533
- .rs-btn-link:focus {
529
+ .rs-btn-link:hover {
534
530
  color: var(--rs-btn-link-hover-text);
535
531
  background-color: transparent;
536
532
  text-decoration: underline;
@@ -556,8 +552,7 @@
556
552
  background-color: transparent;
557
553
  border: 1px solid var(--rs-btn-ghost-border);
558
554
  }
559
- .rs-btn-ghost:hover,
560
- .rs-btn-ghost:focus {
555
+ .rs-btn-ghost:hover {
561
556
  color: var(--rs-btn-ghost-hover-text);
562
557
  background-color: transparent;
563
558
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1391,8 +1386,7 @@
1391
1386
  .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
1392
1387
  outline-offset: 2px;
1393
1388
  }
1394
- .rs-uploader-picture .rs-uploader-trigger-btn:hover,
1395
- .rs-uploader-picture .rs-uploader-trigger-btn:focus {
1389
+ .rs-uploader-picture .rs-uploader-trigger-btn:hover {
1396
1390
  color: var(--rs-btn-default-hover-text);
1397
1391
  background-color: var(--rs-btn-default-hover-bg);
1398
1392
  text-decoration: none;
@@ -1419,8 +1413,7 @@
1419
1413
  /* stylelint-enable */
1420
1414
  }
1421
1415
  }
1422
- .rs-uploader-picture .rs-uploader-trigger-btn:hover,
1423
- .rs-uploader-picture .rs-uploader-trigger-btn:focus {
1416
+ .rs-uploader-picture .rs-uploader-trigger-btn:hover {
1424
1417
  color: var(--rs-btn-subtle-hover-text);
1425
1418
  background-color: var(--rs-btn-subtle-hover-bg);
1426
1419
  }