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/AutoComplete/styles/index.css CHANGED
@@ -562,8 +562,7 @@ textarea.rs-input-sm {
562
562
  .rs-theme-high-contrast .rs-btn:focus-visible {
563
563
  outline-offset: 2px;
564
564
  }
565
- .rs-btn:hover,
566
- .rs-btn:focus {
565
+ .rs-btn:hover {
567
566
  color: var(--rs-btn-default-hover-text);
568
567
  background-color: var(--rs-btn-default-hover-bg);
569
568
  text-decoration: none;
@@ -603,8 +602,7 @@ textarea.rs-input-sm {
603
602
  background-color: var(--rs-btn-primary-bg);
604
603
  border: none;
605
604
  }
606
- .rs-btn-primary:hover,
607
- .rs-btn-primary:focus {
605
+ .rs-btn-primary:hover {
608
606
  color: var(--rs-btn-primary-text);
609
607
  background-color: var(--rs-btn-primary-hover-bg);
610
608
  }
@@ -628,8 +626,7 @@ textarea.rs-input-sm {
628
626
  background-color: transparent;
629
627
  border: none;
630
628
  }
631
- .rs-btn-subtle:hover,
632
- .rs-btn-subtle:focus {
629
+ .rs-btn-subtle:hover {
633
630
  color: var(--rs-btn-subtle-hover-text);
634
631
  background-color: var(--rs-btn-subtle-hover-bg);
635
632
  }
@@ -652,8 +649,7 @@ textarea.rs-input-sm {
652
649
  background-color: transparent;
653
650
  border: none;
654
651
  }
655
- .rs-btn-link:hover,
656
- .rs-btn-link:focus {
652
+ .rs-btn-link:hover {
657
653
  color: var(--rs-btn-link-hover-text);
658
654
  background-color: transparent;
659
655
  text-decoration: underline;
@@ -679,8 +675,7 @@ textarea.rs-input-sm {
679
675
  background-color: transparent;
680
676
  border: 1px solid var(--rs-btn-ghost-border);
681
677
  }
682
- .rs-btn-ghost:hover,
683
- .rs-btn-ghost:focus {
678
+ .rs-btn-ghost:hover {
684
679
  color: var(--rs-btn-ghost-hover-text);
685
680
  background-color: transparent;
686
681
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1405,8 +1400,7 @@ textarea.rs-input-sm {
1405
1400
  padding: 7px 11px;
1406
1401
  border-radius: 0 6px 6px 0;
1407
1402
  }
1408
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1409
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1403
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1410
1404
  color: var(--rs-btn-subtle-hover-text);
1411
1405
  background-color: var(--rs-btn-subtle-hover-bg);
1412
1406
  }
@@ -2196,8 +2190,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2196
2190
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2197
2191
  outline-offset: 2px;
2198
2192
  }
2199
- .rs-picker-toggle:hover,
2200
- .rs-picker-toggle:focus {
2193
+ .rs-picker-toggle:hover {
2201
2194
  color: var(--rs-btn-default-hover-text);
2202
2195
  background-color: var(--rs-btn-default-hover-bg);
2203
2196
  text-decoration: none;
@@ -2269,8 +2262,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2269
2262
  border: none;
2270
2263
  transition: none;
2271
2264
  }
2272
- .rs-picker-subtle .rs-picker-toggle:hover,
2273
- .rs-picker-subtle .rs-picker-toggle:focus {
2265
+ .rs-picker-subtle .rs-picker-toggle:hover {
2274
2266
  color: var(--rs-btn-subtle-hover-text);
2275
2267
  background-color: var(--rs-btn-subtle-hover-bg);
2276
2268
  }
package/Badge/styles/index.css CHANGED
@@ -6,6 +6,7 @@
6
6
  :root,
7
7
  .rs-theme-light {
8
8
  --rs-gray-0: #fff;
9
+ --rs-gray-900: #121212;
9
10
  --rs-color-red: #f44336;
10
11
  --rs-red-500: #f44336;
11
12
  --rs-orange-500: #fa8900;
@@ -16,9 +17,11 @@
16
17
  --rs-violet-500: #673ab7;
17
18
  --rs-badge-bg: var(--rs-color-red);
18
19
  --rs-badge-text: var(--rs-gray-0);
20
+ --rs-badge-border: var(--rs-gray-0);
19
21
  }
20
22
  .rs-theme-dark {
21
23
  --rs-gray-0: #fff;
24
+ --rs-gray-900: #0f131a;
22
25
  --rs-color-red: #f04f43;
23
26
  --rs-red-500: #f04f43;
24
27
  --rs-orange-500: #ff9800;
@@ -29,9 +32,11 @@
29
32
  --rs-violet-500: #673ab7;
30
33
  --rs-badge-bg: var(--rs-color-red);
31
34
  --rs-badge-text: var(--rs-gray-0);
35
+ --rs-badge-border: var(--rs-gray-900);
32
36
  }
33
37
  .rs-theme-high-contrast {
34
38
  --rs-gray-0: #fff;
39
+ --rs-gray-900: #0f131a;
35
40
  --rs-color-red: #bd1732;
36
41
  --rs-red-500: #bd1732;
37
42
  --rs-orange-500: #ff9800;
@@ -42,6 +47,7 @@
42
47
  --rs-violet-500: #673ab7;
43
48
  --rs-badge-bg: var(--rs-red-500);
44
49
  --rs-badge-text: var(--rs-gray-0);
50
+ --rs-badge-border: var(--rs-gray-900);
45
51
  }
46
52
  /* stylelint-disable */
47
53
  *[class*='rs-'] {
@@ -55,56 +61,116 @@
55
61
  position: relative;
56
62
  }
57
63
  .rs-badge {
58
- display: inline-block;
64
+ --rs-badge-offset-x: 5%;
65
+ --rs-badge-offset-y: 5%;
66
+ --rs-badge-translate: 40%;
67
+ display: inline-flex;
68
+ }
69
+ .rs-badge-circle {
70
+ --rs-badge-translate: 30%;
59
71
  }
60
72
  .rs-badge-independent,
61
73
  .rs-badge-content {
74
+ opacity: 1;
75
+ display: flex;
76
+ align-items: center;
62
77
  background-color: var(--rs-badge-bg);
63
78
  color: var(--rs-badge-text);
64
- border-radius: 8px;
79
+ border-radius: 999px;
65
80
  font-size: 12px;
66
81
  line-height: 16px;
67
82
  padding: 0 5px;
83
+ transition: opacity 0.3s ease-in-out;
84
+ }
85
+ .rs-badge-hidden .rs-badge-content,
86
+ .rs-badge-hidden.rs-badge-independent {
87
+ opacity: 0;
88
+ }
89
+ .rs-badge-compact .rs-badge-content,
90
+ .rs-badge-compact.rs-badge-independent {
91
+ padding: 0;
68
92
  }
69
- .rs-badge-independent.rs-badge-dot,
70
- .rs-badge-wrapper .rs-badge-content:empty {
71
- width: 8px;
72
- height: 8px;
73
- border-radius: 4px;
93
+ .rs-badge:empty,
94
+ .rs-badge-content:empty {
95
+ width: 10px;
96
+ height: 10px;
97
+ border-radius: 50%;
74
98
  padding: 0;
75
99
  }
76
100
  .rs-badge-wrapper .rs-badge-content {
77
101
  position: absolute;
78
- top: 0;
79
- right: 0;
80
- transform: translate(50%, -50%);
81
102
  z-index: 1;
82
103
  }
104
+ .rs-badge-outline .rs-badge-content {
105
+ box-sizing: content-box;
106
+ border: 2px solid var(--rs-badge-border);
107
+ }
108
+ .rs-badge-top-start .rs-badge-content {
109
+ transform: translate(calc(0px - var(--rs-badge-translate)), calc(0px - var(--rs-badge-translate)));
110
+ top: var(--rs-badge-offset-y);
111
+ left: var(--rs-badge-offset-x);
112
+ }
113
+ .rs-badge-top-end .rs-badge-content {
114
+ transform: translate(var(--rs-badge-translate), calc(0px - var(--rs-badge-translate)));
115
+ top: var(--rs-badge-offset-y);
116
+ right: var(--rs-badge-offset-x);
117
+ }
118
+ .rs-badge-bottom-start .rs-badge-content {
119
+ transform: translate(calc(0px - var(--rs-badge-translate)), var(--rs-badge-translate));
120
+ bottom: var(--rs-badge-offset-y);
121
+ left: var(--rs-badge-offset-x);
122
+ }
123
+ .rs-badge-bottom-end .rs-badge-content {
124
+ transform: translate(var(--rs-badge-translate), var(--rs-badge-translate));
125
+ bottom: var(--rs-badge-offset-y);
126
+ right: var(--rs-badge-offset-x);
127
+ }
128
+ .rs-badge-red {
129
+ --rs-badge-bg: var(--rs-red-500);
130
+ }
83
131
  .rs-badge-red.rs-badge-independent,
84
132
  .rs-badge-red .rs-badge-content {
85
- background-color: var(--rs-red-500);
133
+ background-color: var(--rs-badge-bg);
134
+ }
135
+ .rs-badge-orange {
136
+ --rs-badge-bg: var(--rs-orange-500);
86
137
  }
87
138
  .rs-badge-orange.rs-badge-independent,
88
139
  .rs-badge-orange .rs-badge-content {
89
- background-color: var(--rs-orange-500);
140
+ background-color: var(--rs-badge-bg);
141
+ }
142
+ .rs-badge-yellow {
143
+ --rs-badge-bg: var(--rs-yellow-500);
90
144
  }
91
145
  .rs-badge-yellow.rs-badge-independent,
92
146
  .rs-badge-yellow .rs-badge-content {
93
- background-color: var(--rs-yellow-500);
147
+ background-color: var(--rs-badge-bg);
148
+ }
149
+ .rs-badge-green {
150
+ --rs-badge-bg: var(--rs-green-500);
94
151
  }
95
152
  .rs-badge-green.rs-badge-independent,
96
153
  .rs-badge-green .rs-badge-content {
97
- background-color: var(--rs-green-500);
154
+ background-color: var(--rs-badge-bg);
155
+ }
156
+ .rs-badge-cyan {
157
+ --rs-badge-bg: var(--rs-cyan-500);
98
158
  }
99
159
  .rs-badge-cyan.rs-badge-independent,
100
160
  .rs-badge-cyan .rs-badge-content {
101
- background-color: var(--rs-cyan-500);
161
+ background-color: var(--rs-badge-bg);
162
+ }
163
+ .rs-badge-blue {
164
+ --rs-badge-bg: var(--rs-blue-500);
102
165
  }
103
166
  .rs-badge-blue.rs-badge-independent,
104
167
  .rs-badge-blue .rs-badge-content {
105
- background-color: var(--rs-blue-500);
168
+ background-color: var(--rs-badge-bg);
169
+ }
170
+ .rs-badge-violet {
171
+ --rs-badge-bg: var(--rs-violet-500);
106
172
  }
107
173
  .rs-badge-violet.rs-badge-independent,
108
174
  .rs-badge-violet .rs-badge-content {
109
- background-color: var(--rs-violet-500);
175
+ background-color: var(--rs-badge-bg);
110
176
  }
package/Badge/styles/index.less CHANGED
@@ -5,40 +5,99 @@
5
5
  }
6
6
 
7
7
  .rs-badge {
8
- display: inline-block;
8
+ --rs-badge-offset-x: 5%;
9
+ --rs-badge-offset-y: 5%;
10
+ --rs-badge-translate: 40%;
11
+
12
+ &-circle {
13
+ --rs-badge-translate: 30%;
14
+ }
15
+
16
+ display: inline-flex;
9
17
 
10
18
  &-independent,
11
19
  &-content {
20
+ opacity: 1;
21
+ display: flex;
22
+ align-items: center;
12
23
  background-color: var(--rs-badge-bg);
13
24
  color: var(--rs-badge-text);
14
- border-radius: 8px;
25
+ border-radius: 999px;
15
26
  font-size: 12px;
16
27
  line-height: 16px;
17
28
  padding: 0 5px;
29
+ transition: opacity 0.3s ease-in-out;
30
+ }
31
+
32
+ &-hidden &-content,
33
+ &-hidden&-independent {
34
+ opacity: 0;
35
+ }
36
+
37
+ &-compact &-content,
38
+ &-compact&-independent {
39
+ padding: 0;
18
40
  }
19
41
 
20
- &-independent&-dot,
21
- &-wrapper &-content:empty {
42
+ &:empty,
43
+ &-content:empty {
22
44
  width: @badge-dot-size;
23
45
  height: @badge-dot-size;
24
- border-radius: (@badge-dot-size / 2);
46
+ border-radius: 50%;
25
47
  padding: 0;
26
48
  }
27
49
 
28
50
  &-wrapper &-content {
29
51
  position: absolute;
30
- top: 0;
31
- right: 0;
32
- transform: translate(50%, -50%);
52
+
33
53
  z-index: @zindex-badge-content;
34
54
  }
55
+
56
+ &-outline &-content {
57
+ box-sizing: content-box;
58
+ border: 2px solid var(--rs-badge-border);
59
+ }
60
+
61
+ &-top {
62
+ &-start .rs-badge-content {
63
+ transform: translate(
64
+ calc(0px - var(--rs-badge-translate)),
65
+ calc(0px - var(--rs-badge-translate))
66
+ );
67
+ top: var(--rs-badge-offset-y);
68
+ left: var(--rs-badge-offset-x);
69
+ }
70
+
71
+ &-end .rs-badge-content {
72
+ transform: translate(var(--rs-badge-translate), calc(0px - var(--rs-badge-translate)));
73
+ top: var(--rs-badge-offset-y);
74
+ right: var(--rs-badge-offset-x);
75
+ }
76
+ }
77
+
78
+ &-bottom {
79
+ &-start .rs-badge-content {
80
+ transform: translate(calc(0px - var(--rs-badge-translate)), var(--rs-badge-translate));
81
+ bottom: var(--rs-badge-offset-y);
82
+ left: var(--rs-badge-offset-x);
83
+ }
84
+
85
+ &-end .rs-badge-content {
86
+ transform: translate(var(--rs-badge-translate), var(--rs-badge-translate));
87
+ bottom: var(--rs-badge-offset-y);
88
+ right: var(--rs-badge-offset-x);
89
+ }
90
+ }
35
91
  }
36
92
 
37
93
  each(@spectrum, .(@color) {
38
94
  .rs-badge-@{color} {
95
+
96
+ --rs-badge-bg: var(~'--rs-@{color}-500');
97
+
39
98
  &.rs-badge-independent,
40
99
  .rs-badge-content {
41
- background-color: var(~'--rs-@{color}-500');
100
+ background-color: var(--rs-badge-bg);
42
101
  }
43
102
  }
44
103
  });
package/Button/styles/index.css CHANGED
@@ -399,8 +399,7 @@
399
399
  .rs-theme-high-contrast .rs-btn:focus-visible {
400
400
  outline-offset: 2px;
401
401
  }
402
- .rs-btn:hover,
403
- .rs-btn:focus {
402
+ .rs-btn:hover {
404
403
  color: var(--rs-btn-default-hover-text);
405
404
  background-color: var(--rs-btn-default-hover-bg);
406
405
  text-decoration: none;
@@ -440,8 +439,7 @@
440
439
  background-color: var(--rs-btn-primary-bg);
441
440
  border: none;
442
441
  }
443
- .rs-btn-primary:hover,
444
- .rs-btn-primary:focus {
442
+ .rs-btn-primary:hover {
445
443
  color: var(--rs-btn-primary-text);
446
444
  background-color: var(--rs-btn-primary-hover-bg);
447
445
  }
@@ -465,8 +463,7 @@
465
463
  background-color: transparent;
466
464
  border: none;
467
465
  }
468
- .rs-btn-subtle:hover,
469
- .rs-btn-subtle:focus {
466
+ .rs-btn-subtle:hover {
470
467
  color: var(--rs-btn-subtle-hover-text);
471
468
  background-color: var(--rs-btn-subtle-hover-bg);
472
469
  }
@@ -489,8 +486,7 @@
489
486
  background-color: transparent;
490
487
  border: none;
491
488
  }
492
- .rs-btn-link:hover,
493
- .rs-btn-link:focus {
489
+ .rs-btn-link:hover {
494
490
  color: var(--rs-btn-link-hover-text);
495
491
  background-color: transparent;
496
492
  text-decoration: underline;
@@ -516,8 +512,7 @@
516
512
  background-color: transparent;
517
513
  border: 1px solid var(--rs-btn-ghost-border);
518
514
  }
519
- .rs-btn-ghost:hover,
520
- .rs-btn-ghost:focus {
515
+ .rs-btn-ghost:hover {
521
516
  color: var(--rs-btn-ghost-hover-text);
522
517
  background-color: transparent;
523
518
  border-color: var(--rs-btn-ghost-hover-border);
package/Button/styles/mixin.less CHANGED
@@ -2,8 +2,7 @@
2
2
  // States
3
3
 
4
4
  .button-activated(@rules) {
5
- &:hover,
6
- &:focus {
5
+ &:hover {
7
6
  @rules();
8
7
  }
9
8
  }
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ ## [5.76.2](https://github.com/rsuite/rsuite/compare/v5.76.1...v5.76.2) (2025-01-01)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **ToastContainer:** fix the server-side rendering error ([#4099](https://github.com/rsuite/rsuite/issues/4099)) ([e5113a2](https://github.com/rsuite/rsuite/commit/e5113a2478fce93ea45353c8e808c0691eed02ee))
7
+
8
+
9
+
10
+ ## [5.76.1](https://github.com/rsuite/rsuite/compare/v5.76.0...v5.76.1) (2024-12-30)
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * **useToaster:** support dynamic container of useToaster with correct styles ([#4088](https://github.com/rsuite/rsuite/issues/4088)) ([62b1a12](https://github.com/rsuite/rsuite/commit/62b1a128bd0f68ddc22a5b0f1acf27c5bc56a69e))
16
+
17
+
18
+
1
19
  # [5.76.0](https://github.com/rsuite/rsuite/compare/v5.75.0...v5.76.0) (2024-12-20)
2
20
 
3
21
 
package/Calendar/styles/index.css CHANGED
@@ -470,8 +470,7 @@
470
470
  .rs-theme-high-contrast .rs-btn:focus-visible {
471
471
  outline-offset: 2px;
472
472
  }
473
- .rs-btn:hover,
474
- .rs-btn:focus {
473
+ .rs-btn:hover {
475
474
  color: var(--rs-btn-default-hover-text);
476
475
  background-color: var(--rs-btn-default-hover-bg);
477
476
  text-decoration: none;
@@ -511,8 +510,7 @@
511
510
  background-color: var(--rs-btn-primary-bg);
512
511
  border: none;
513
512
  }
514
- .rs-btn-primary:hover,
515
- .rs-btn-primary:focus {
513
+ .rs-btn-primary:hover {
516
514
  color: var(--rs-btn-primary-text);
517
515
  background-color: var(--rs-btn-primary-hover-bg);
518
516
  }
@@ -536,8 +534,7 @@
536
534
  background-color: transparent;
537
535
  border: none;
538
536
  }
539
- .rs-btn-subtle:hover,
540
- .rs-btn-subtle:focus {
537
+ .rs-btn-subtle:hover {
541
538
  color: var(--rs-btn-subtle-hover-text);
542
539
  background-color: var(--rs-btn-subtle-hover-bg);
543
540
  }
@@ -560,8 +557,7 @@
560
557
  background-color: transparent;
561
558
  border: none;
562
559
  }
563
- .rs-btn-link:hover,
564
- .rs-btn-link:focus {
560
+ .rs-btn-link:hover {
565
561
  color: var(--rs-btn-link-hover-text);
566
562
  background-color: transparent;
567
563
  text-decoration: underline;
@@ -587,8 +583,7 @@
587
583
  background-color: transparent;
588
584
  border: 1px solid var(--rs-btn-ghost-border);
589
585
  }
590
- .rs-btn-ghost:hover,
591
- .rs-btn-ghost:focus {
586
+ .rs-btn-ghost:hover {
592
587
  color: var(--rs-btn-ghost-hover-text);
593
588
  background-color: transparent;
594
589
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1453,8 +1448,7 @@
1453
1448
  --rs-btn-subtle-active-bg: var(--rs-red-600);
1454
1449
  --rs-btn-subtle-active-text: #fff;
1455
1450
  }
1456
- .rs-calendar-header-error:hover,
1457
- .rs-calendar-header-error:focus {
1451
+ .rs-calendar-header-error:hover {
1458
1452
  color: var(--rs-btn-subtle-hover-text);
1459
1453
  background-color: var(--rs-btn-subtle-hover-bg);
1460
1454
  }
package/Cascader/styles/index.css CHANGED
@@ -656,8 +656,7 @@
656
656
  .rs-theme-high-contrast .rs-btn:focus-visible {
657
657
  outline-offset: 2px;
658
658
  }
659
- .rs-btn:hover,
660
- .rs-btn:focus {
659
+ .rs-btn:hover {
661
660
  color: var(--rs-btn-default-hover-text);
662
661
  background-color: var(--rs-btn-default-hover-bg);
663
662
  text-decoration: none;
@@ -697,8 +696,7 @@
697
696
  background-color: var(--rs-btn-primary-bg);
698
697
  border: none;
699
698
  }
700
- .rs-btn-primary:hover,
701
- .rs-btn-primary:focus {
699
+ .rs-btn-primary:hover {
702
700
  color: var(--rs-btn-primary-text);
703
701
  background-color: var(--rs-btn-primary-hover-bg);
704
702
  }
@@ -722,8 +720,7 @@
722
720
  background-color: transparent;
723
721
  border: none;
724
722
  }
725
- .rs-btn-subtle:hover,
726
- .rs-btn-subtle:focus {
723
+ .rs-btn-subtle:hover {
727
724
  color: var(--rs-btn-subtle-hover-text);
728
725
  background-color: var(--rs-btn-subtle-hover-bg);
729
726
  }
@@ -746,8 +743,7 @@
746
743
  background-color: transparent;
747
744
  border: none;
748
745
  }
749
- .rs-btn-link:hover,
750
- .rs-btn-link:focus {
746
+ .rs-btn-link:hover {
751
747
  color: var(--rs-btn-link-hover-text);
752
748
  background-color: transparent;
753
749
  text-decoration: underline;
@@ -773,8 +769,7 @@
773
769
  background-color: transparent;
774
770
  border: 1px solid var(--rs-btn-ghost-border);
775
771
  }
776
- .rs-btn-ghost:hover,
777
- .rs-btn-ghost:focus {
772
+ .rs-btn-ghost:hover {
778
773
  color: var(--rs-btn-ghost-hover-text);
779
774
  background-color: transparent;
780
775
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1817,8 +1812,7 @@ textarea.rs-input-sm {
1817
1812
  padding: 7px 11px;
1818
1813
  border-radius: 0 6px 6px 0;
1819
1814
  }
1820
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1821
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1815
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1822
1816
  color: var(--rs-btn-subtle-hover-text);
1823
1817
  background-color: var(--rs-btn-subtle-hover-bg);
1824
1818
  }
@@ -2357,8 +2351,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2357
2351
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2358
2352
  outline-offset: 2px;
2359
2353
  }
2360
- .rs-picker-toggle:hover,
2361
- .rs-picker-toggle:focus {
2354
+ .rs-picker-toggle:hover {
2362
2355
  color: var(--rs-btn-default-hover-text);
2363
2356
  background-color: var(--rs-btn-default-hover-bg);
2364
2357
  text-decoration: none;
@@ -2430,8 +2423,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2430
2423
  border: none;
2431
2424
  transition: none;
2432
2425
  }
2433
- .rs-picker-subtle .rs-picker-toggle:hover,
2434
- .rs-picker-subtle .rs-picker-toggle:focus {
2426
+ .rs-picker-subtle .rs-picker-toggle:hover {
2435
2427
  color: var(--rs-btn-subtle-hover-text);
2436
2428
  background-color: var(--rs-btn-subtle-hover-bg);
2437
2429
  }
package/CheckPicker/styles/index.css CHANGED
@@ -732,8 +732,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
732
732
  .rs-theme-high-contrast .rs-btn:focus-visible {
733
733
  outline-offset: 2px;
734
734
  }
735
- .rs-btn:hover,
736
- .rs-btn:focus {
735
+ .rs-btn:hover {
737
736
  color: var(--rs-btn-default-hover-text);
738
737
  background-color: var(--rs-btn-default-hover-bg);
739
738
  text-decoration: none;
@@ -773,8 +772,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
773
772
  background-color: var(--rs-btn-primary-bg);
774
773
  border: none;
775
774
  }
776
- .rs-btn-primary:hover,
777
- .rs-btn-primary:focus {
775
+ .rs-btn-primary:hover {
778
776
  color: var(--rs-btn-primary-text);
779
777
  background-color: var(--rs-btn-primary-hover-bg);
780
778
  }
@@ -798,8 +796,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
798
796
  background-color: transparent;
799
797
  border: none;
800
798
  }
801
- .rs-btn-subtle:hover,
802
- .rs-btn-subtle:focus {
799
+ .rs-btn-subtle:hover {
803
800
  color: var(--rs-btn-subtle-hover-text);
804
801
  background-color: var(--rs-btn-subtle-hover-bg);
805
802
  }
@@ -822,8 +819,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
822
819
  background-color: transparent;
823
820
  border: none;
824
821
  }
825
- .rs-btn-link:hover,
826
- .rs-btn-link:focus {
822
+ .rs-btn-link:hover {
827
823
  color: var(--rs-btn-link-hover-text);
828
824
  background-color: transparent;
829
825
  text-decoration: underline;
@@ -849,8 +845,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
849
845
  background-color: transparent;
850
846
  border: 1px solid var(--rs-btn-ghost-border);
851
847
  }
852
- .rs-btn-ghost:hover,
853
- .rs-btn-ghost:focus {
848
+ .rs-btn-ghost:hover {
854
849
  color: var(--rs-btn-ghost-hover-text);
855
850
  background-color: transparent;
856
851
  border-color: var(--rs-btn-ghost-hover-border);
@@ -1893,8 +1888,7 @@ textarea.rs-input-sm {
1893
1888
  padding: 7px 11px;
1894
1889
  border-radius: 0 6px 6px 0;
1895
1890
  }
1896
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1897
- .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1891
+ .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
1898
1892
  color: var(--rs-btn-subtle-hover-text);
1899
1893
  background-color: var(--rs-btn-subtle-hover-bg);
1900
1894
  }
@@ -2439,8 +2433,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2439
2433
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
2440
2434
  outline-offset: 2px;
2441
2435
  }
2442
- .rs-picker-toggle:hover,
2443
- .rs-picker-toggle:focus {
2436
+ .rs-picker-toggle:hover {
2444
2437
  color: var(--rs-btn-default-hover-text);
2445
2438
  background-color: var(--rs-btn-default-hover-bg);
2446
2439
  text-decoration: none;
@@ -2512,8 +2505,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2512
2505
  border: none;
2513
2506
  transition: none;
2514
2507
  }
2515
- .rs-picker-subtle .rs-picker-toggle:hover,
2516
- .rs-picker-subtle .rs-picker-toggle:focus {
2508
+ .rs-picker-subtle .rs-picker-toggle:hover {
2517
2509
  color: var(--rs-btn-subtle-hover-text);
2518
2510
  background-color: var(--rs-btn-subtle-hover-bg);
2519
2511
  }