rsuite 5.60.1 → 5.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (475) hide show
  1. package/Accordion/styles/index.css +4 -4
  2. package/AutoComplete/styles/index.css +58 -22
  3. package/Button/styles/index.css +12 -8
  4. package/Button/styles/mixin.less +1 -1
  5. package/CHANGELOG.md +37 -0
  6. package/Calendar/styles/index.css +16 -15
  7. package/CascadeTree/styles/index.css +11 -9
  8. package/CascadeTree/styles/index.less +7 -0
  9. package/CascadeTree/styles/search.less +0 -10
  10. package/Cascader/styles/index.css +60 -31
  11. package/CheckPicker/styles/index.css +59 -27
  12. package/CheckPicker/styles/index.less +3 -3
  13. package/CheckTree/styles/index.css +160 -134
  14. package/CheckTree/styles/index.less +141 -1
  15. package/CheckTreePicker/styles/index.css +170 -126
  16. package/CheckTreePicker/styles/index.less +8 -181
  17. package/Checkbox/styles/index.css +7 -8
  18. package/Checkbox/styles/index.less +1 -5
  19. package/DateInput/styles/index.css +4 -4
  20. package/DatePicker/styles/index.css +63 -26
  21. package/DatePicker/styles/index.less +1 -0
  22. package/DateRangeInput/styles/index.css +4 -4
  23. package/DateRangePicker/styles/index.css +69 -26
  24. package/DateRangePicker/styles/index.less +3 -0
  25. package/Dropdown/styles/index.css +14 -13
  26. package/Highlight/package.json +7 -0
  27. package/Highlight/styles/index.css +8 -0
  28. package/Highlight/styles/index.less +6 -0
  29. package/IconButton/styles/index.css +11 -10
  30. package/Input/styles/index.css +4 -4
  31. package/InputGroup/styles/index.css +18 -17
  32. package/InputGroup/styles/index.less +1 -1
  33. package/InputNumber/styles/index.css +19 -18
  34. package/InputPicker/styles/index.css +58 -22
  35. package/LICENSE +1 -1
  36. package/MultiCascadeTree/styles/index.css +61 -36
  37. package/MultiCascadeTree/styles/index.less +1 -1
  38. package/MultiCascader/styles/index.css +704 -679
  39. package/MultiCascader/styles/index.less +0 -1
  40. package/Nav/styles/index.css +15 -14
  41. package/Navbar/styles/index.css +14 -13
  42. package/Pagination/styles/index.css +62 -26
  43. package/Panel/styles/index.css +4 -4
  44. package/Placeholder/styles/index.css +2 -3
  45. package/Placeholder/styles/index.less +2 -3
  46. package/README.md +53 -90
  47. package/Radio/styles/index.css +7 -7
  48. package/Radio/styles/index.less +1 -5
  49. package/RangeSlider/styles/index.css +2 -2
  50. package/Rate/styles/index.css +1 -1
  51. package/Rate/styles/index.less +1 -1
  52. package/SelectPicker/styles/index.css +58 -22
  53. package/Slider/styles/index.css +2 -2
  54. package/Slider/styles/index.less +2 -2
  55. package/Steps/styles/index.css +6 -1
  56. package/Steps/styles/index.less +2 -1
  57. package/Tabs/styles/index.css +15 -14
  58. package/TagInput/styles/index.css +59 -27
  59. package/TagPicker/styles/index.css +59 -27
  60. package/Toggle/styles/index.css +16 -8
  61. package/Toggle/styles/index.less +2 -1
  62. package/Tree/styles/indent-line.less +8 -0
  63. package/Tree/styles/index.css +140 -141
  64. package/Tree/styles/index.less +188 -1
  65. package/Tree/styles/toggle.less +36 -0
  66. package/TreePicker/styles/index.css +142 -134
  67. package/TreePicker/styles/index.less +4 -234
  68. package/Uploader/styles/index.css +12 -11
  69. package/cjs/@types/common.d.ts +41 -4
  70. package/cjs/AutoComplete/AutoComplete.js +2 -1
  71. package/cjs/CascadeTree/CascadeTree.js +8 -7
  72. package/cjs/CascadeTree/SearchView.js +7 -14
  73. package/cjs/CascadeTree/hooks/usePaths.js +4 -4
  74. package/cjs/CascadeTree/hooks/useSearch.js +2 -1
  75. package/cjs/CascadeTree/utils.d.ts +0 -11
  76. package/cjs/CascadeTree/utils.js +0 -23
  77. package/cjs/Cascader/Cascader.js +17 -16
  78. package/cjs/CheckPicker/CheckPicker.js +26 -29
  79. package/cjs/CheckTree/CheckTree.d.ts +16 -0
  80. package/cjs/CheckTree/CheckTree.js +112 -0
  81. package/cjs/CheckTree/CheckTreeNode.d.ts +72 -0
  82. package/cjs/CheckTree/CheckTreeNode.js +117 -0
  83. package/cjs/CheckTree/CheckTreeView.d.ts +70 -0
  84. package/cjs/CheckTree/CheckTreeView.js +310 -0
  85. package/cjs/CheckTree/hooks/useTreeCheckState.d.ts +10 -0
  86. package/cjs/CheckTree/hooks/useTreeCheckState.js +93 -0
  87. package/cjs/CheckTree/hooks/useTreeNodeProps.d.ts +22 -0
  88. package/cjs/CheckTree/hooks/useTreeNodeProps.js +59 -0
  89. package/cjs/CheckTree/hooks/useTreeValue.d.ts +5 -0
  90. package/cjs/CheckTree/hooks/useTreeValue.js +21 -0
  91. package/cjs/CheckTree/index.d.ts +2 -14
  92. package/cjs/CheckTree/index.js +2 -23
  93. package/cjs/CheckTree/utils.d.ts +53 -0
  94. package/cjs/{CheckTreePicker → CheckTree}/utils.js +76 -26
  95. package/cjs/CheckTreePicker/CheckTreePicker.d.ts +30 -12
  96. package/cjs/CheckTreePicker/CheckTreePicker.js +153 -603
  97. package/cjs/CheckTreePicker/hooks/useFocusState.d.ts +16 -0
  98. package/cjs/CheckTreePicker/hooks/useFocusState.js +42 -0
  99. package/cjs/DateInput/DateField.js +3 -1
  100. package/cjs/DateInput/DateInput.js +17 -16
  101. package/{esm/DateInput → cjs/DateInput/hooks}/useDateInputState.d.ts +1 -1
  102. package/cjs/DateInput/{useDateInputState.js → hooks/useDateInputState.js} +2 -2
  103. package/cjs/DateInput/hooks/useFieldCursor.d.ts +6 -0
  104. package/cjs/DateInput/hooks/useFieldCursor.js +56 -0
  105. package/cjs/DateInput/hooks/useSelectedState.d.ts +14 -0
  106. package/cjs/DateInput/hooks/useSelectedState.js +23 -0
  107. package/cjs/DateInput/index.d.ts +5 -3
  108. package/cjs/DateInput/index.js +11 -5
  109. package/cjs/DateInput/utils.d.ts +0 -1
  110. package/cjs/DateInput/utils.js +2 -24
  111. package/cjs/DatePicker/DatePicker.d.ts +4 -0
  112. package/cjs/DatePicker/DatePicker.js +20 -5
  113. package/cjs/DatePicker/types.d.ts +0 -4
  114. package/cjs/DateRangeInput/DateRangeInput.js +16 -17
  115. package/cjs/DateRangePicker/DateRangePicker.d.ts +51 -23
  116. package/cjs/DateRangePicker/DateRangePicker.js +71 -51
  117. package/cjs/DateRangePicker/hooks/useDateDisabled.d.ts +16 -0
  118. package/cjs/DateRangePicker/hooks/useDateDisabled.js +31 -0
  119. package/cjs/DateRangePicker/types.d.ts +1 -0
  120. package/cjs/Highlight/Highlight.d.ts +14 -0
  121. package/cjs/Highlight/Highlight.js +58 -0
  122. package/cjs/Highlight/index.d.ts +3 -0
  123. package/cjs/Highlight/index.js +9 -0
  124. package/cjs/Highlight/utils/highlightText.d.ts +5 -0
  125. package/cjs/Highlight/utils/highlightText.js +29 -0
  126. package/cjs/InputPicker/InputPicker.js +37 -41
  127. package/cjs/MultiCascadeTree/SearchView.js +6 -14
  128. package/cjs/MultiCascadeTree/hooks/useCascadeValue.js +15 -1
  129. package/cjs/MultiCascadeTree/hooks/useColumnData.js +2 -2
  130. package/cjs/MultiCascadeTree/hooks/useFlattenData.js +3 -3
  131. package/cjs/MultiCascadeTree/hooks/useSearch.js +2 -1
  132. package/cjs/MultiCascadeTree/utils.d.ts +4 -4
  133. package/cjs/MultiCascadeTree/utils.js +20 -11
  134. package/cjs/MultiCascader/MultiCascader.js +12 -12
  135. package/cjs/SelectPicker/SelectPicker.js +2 -6
  136. package/cjs/Tree/IndentLine.d.ts +3 -0
  137. package/cjs/Tree/IndentLine.js +18 -0
  138. package/cjs/Tree/Tree.d.ts +4 -92
  139. package/cjs/Tree/Tree.js +79 -20
  140. package/cjs/Tree/TreeNode.d.ts +101 -0
  141. package/cjs/Tree/TreeNode.js +147 -0
  142. package/cjs/Tree/TreeNodeToggle.d.ts +9 -0
  143. package/cjs/Tree/TreeNodeToggle.js +56 -0
  144. package/cjs/Tree/TreeProvider.d.ts +52 -0
  145. package/cjs/Tree/TreeProvider.js +84 -0
  146. package/cjs/Tree/TreeView.d.ts +68 -0
  147. package/cjs/Tree/TreeView.js +305 -0
  148. package/cjs/Tree/hooks/useExpandTree.d.ts +60 -0
  149. package/cjs/Tree/hooks/useExpandTree.js +77 -0
  150. package/cjs/Tree/hooks/useFlattenTree.d.ts +42 -0
  151. package/cjs/Tree/hooks/useFlattenTree.js +98 -0
  152. package/cjs/Tree/hooks/useFocusTree.d.ts +24 -0
  153. package/cjs/Tree/hooks/useFocusTree.js +158 -0
  154. package/cjs/Tree/hooks/useForceUpdate.d.ts +2 -0
  155. package/cjs/Tree/hooks/useForceUpdate.js +16 -0
  156. package/cjs/Tree/hooks/useTreeDrag.d.ts +32 -0
  157. package/cjs/Tree/hooks/useTreeDrag.js +268 -0
  158. package/cjs/Tree/hooks/useTreeNodeProps.d.ts +29 -0
  159. package/cjs/Tree/hooks/useTreeNodeProps.js +83 -0
  160. package/cjs/Tree/hooks/useTreeNodeRefs.d.ts +6 -0
  161. package/cjs/Tree/hooks/useTreeNodeRefs.js +22 -0
  162. package/cjs/Tree/hooks/useTreeSearch.d.ts +18 -0
  163. package/cjs/Tree/hooks/useTreeSearch.js +74 -0
  164. package/cjs/Tree/hooks/useTreeWithChildren.d.ts +14 -0
  165. package/cjs/Tree/hooks/useTreeWithChildren.js +64 -0
  166. package/cjs/Tree/hooks/useVirtualizedTreeData.d.ts +7 -0
  167. package/cjs/Tree/hooks/useVirtualizedTreeData.js +82 -0
  168. package/cjs/Tree/types.d.ts +257 -0
  169. package/cjs/Tree/types.js +33 -0
  170. package/cjs/Tree/utils/flattenTree.d.ts +25 -0
  171. package/cjs/Tree/utils/flattenTree.js +95 -0
  172. package/cjs/Tree/utils/focusableTree.d.ts +55 -0
  173. package/cjs/Tree/utils/focusableTree.js +157 -0
  174. package/cjs/Tree/utils/formatNodeRefKey.d.ts +4 -0
  175. package/cjs/Tree/utils/formatNodeRefKey.js +11 -0
  176. package/cjs/Tree/utils/getExpandItemValues.d.ts +11 -0
  177. package/cjs/Tree/utils/getExpandItemValues.js +21 -0
  178. package/cjs/Tree/utils/getNodeParentKeys.d.ts +5 -0
  179. package/cjs/Tree/utils/getNodeParentKeys.js +21 -0
  180. package/cjs/Tree/utils/getTreeActiveNode.d.ts +5 -0
  181. package/cjs/Tree/utils/getTreeActiveNode.js +21 -0
  182. package/cjs/Tree/utils/hasVisibleChildren.d.ts +5 -0
  183. package/cjs/Tree/utils/hasVisibleChildren.js +16 -0
  184. package/cjs/Tree/utils/indentTreeNode.d.ts +3 -0
  185. package/cjs/Tree/utils/indentTreeNode.js +18 -0
  186. package/cjs/Tree/utils/index.d.ts +11 -0
  187. package/cjs/Tree/utils/index.js +35 -0
  188. package/cjs/Tree/utils/isExpand.d.ts +6 -0
  189. package/cjs/Tree/utils/isExpand.js +14 -0
  190. package/cjs/Tree/utils/isSearching.d.ts +1 -0
  191. package/cjs/Tree/utils/isSearching.js +10 -0
  192. package/cjs/Tree/utils/treeKeyboardInteractions.d.ts +21 -0
  193. package/cjs/Tree/utils/treeKeyboardInteractions.js +49 -0
  194. package/cjs/TreePicker/TreePicker.d.ts +27 -21
  195. package/cjs/TreePicker/TreePicker.js +155 -575
  196. package/cjs/TreePicker/hooks/useFocusState.d.ts +20 -0
  197. package/cjs/TreePicker/hooks/useFocusState.js +53 -0
  198. package/cjs/index.d.ts +2 -0
  199. package/cjs/index.js +3 -1
  200. package/cjs/internals/Picker/Listbox.d.ts +40 -10
  201. package/cjs/internals/Picker/Listbox.js +21 -16
  202. package/cjs/internals/Picker/PickerIndicator.d.ts +2 -1
  203. package/cjs/internals/Picker/PickerIndicator.js +7 -3
  204. package/cjs/internals/Picker/hooks/useFocusItemValue.js +4 -4
  205. package/cjs/internals/Picker/hooks/usePickerRef.d.ts +1 -4
  206. package/cjs/internals/Picker/hooks/usePickerRef.js +3 -20
  207. package/cjs/internals/Picker/index.d.ts +0 -1
  208. package/cjs/internals/Picker/index.js +1 -4
  209. package/cjs/internals/Picker/utils.js +12 -12
  210. package/cjs/internals/{Picker → Tree}/TreeView.js +1 -1
  211. package/cjs/internals/Tree/index.d.ts +1 -0
  212. package/cjs/internals/Tree/index.js +8 -0
  213. package/cjs/internals/Tree/utils/filterNodesOfTree.d.ts +5 -0
  214. package/cjs/internals/Tree/utils/filterNodesOfTree.js +31 -0
  215. package/cjs/internals/Tree/utils/findNodeOfTree.d.ts +1 -0
  216. package/cjs/internals/Tree/utils/findNodeOfTree.js +26 -0
  217. package/cjs/internals/Tree/utils/getParentMap.d.ts +15 -0
  218. package/cjs/internals/Tree/utils/getParentMap.js +52 -0
  219. package/cjs/internals/Tree/utils/getPathTowardsItem.d.ts +4 -0
  220. package/cjs/internals/Tree/utils/getPathTowardsItem.js +16 -0
  221. package/cjs/internals/Tree/utils/index.d.ts +4 -0
  222. package/cjs/internals/Tree/utils/index.js +14 -0
  223. package/cjs/internals/Windowing/List.d.ts +1 -0
  224. package/cjs/internals/Windowing/List.js +5 -1
  225. package/cjs/internals/Windowing/index.d.ts +1 -1
  226. package/cjs/internals/Windowing/index.js +4 -2
  227. package/cjs/internals/hooks/index.d.ts +1 -0
  228. package/cjs/internals/hooks/index.js +8 -0
  229. package/cjs/internals/hooks/useFoucsVirtualListItem.d.ts +7 -0
  230. package/cjs/internals/hooks/useFoucsVirtualListItem.js +26 -0
  231. package/cjs/{utils → internals/utils}/getSafeRegExpString.d.ts +1 -1
  232. package/cjs/{utils → internals/utils}/getSafeRegExpString.js +1 -1
  233. package/cjs/internals/utils/index.d.ts +2 -0
  234. package/cjs/internals/utils/index.js +9 -0
  235. package/cjs/internals/utils/stringifyReactNode.d.ts +2 -0
  236. package/cjs/internals/utils/stringifyReactNode.js +17 -0
  237. package/cjs/utils/constants.d.ts +0 -2
  238. package/cjs/utils/constants.js +1 -6
  239. package/cjs/utils/getDataGroupBy.js +3 -3
  240. package/cjs/utils/index.d.ts +0 -3
  241. package/cjs/utils/index.js +1 -10
  242. package/cjs/utils/useIsomorphicLayoutEffect.d.ts +2 -2
  243. package/dist/rsuite-no-reset-rtl.css +301 -302
  244. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  245. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  246. package/dist/rsuite-no-reset.css +303 -306
  247. package/dist/rsuite-no-reset.min.css +1 -1
  248. package/dist/rsuite-no-reset.min.css.map +1 -1
  249. package/dist/rsuite-rtl.css +302 -303
  250. package/dist/rsuite-rtl.min.css +1 -1
  251. package/dist/rsuite-rtl.min.css.map +1 -1
  252. package/dist/rsuite.css +304 -307
  253. package/dist/rsuite.js +657 -140
  254. package/dist/rsuite.js.map +1 -1
  255. package/dist/rsuite.min.css +1 -1
  256. package/dist/rsuite.min.css.map +1 -1
  257. package/dist/rsuite.min.js +1 -1
  258. package/dist/rsuite.min.js.map +1 -1
  259. package/esm/@types/common.d.ts +41 -4
  260. package/esm/AutoComplete/AutoComplete.js +2 -1
  261. package/esm/CascadeTree/CascadeTree.js +2 -1
  262. package/esm/CascadeTree/SearchView.js +6 -13
  263. package/esm/CascadeTree/hooks/usePaths.js +1 -1
  264. package/esm/CascadeTree/hooks/useSearch.js +2 -1
  265. package/esm/CascadeTree/utils.d.ts +0 -11
  266. package/esm/CascadeTree/utils.js +0 -22
  267. package/esm/Cascader/Cascader.js +2 -1
  268. package/esm/CheckPicker/CheckPicker.js +4 -7
  269. package/esm/CheckTree/CheckTree.d.ts +16 -0
  270. package/esm/CheckTree/CheckTree.js +105 -0
  271. package/esm/CheckTree/CheckTreeNode.d.ts +72 -0
  272. package/esm/CheckTree/CheckTreeNode.js +110 -0
  273. package/esm/CheckTree/CheckTreeView.d.ts +70 -0
  274. package/esm/CheckTree/CheckTreeView.js +304 -0
  275. package/esm/CheckTree/hooks/useTreeCheckState.d.ts +10 -0
  276. package/esm/CheckTree/hooks/useTreeCheckState.js +87 -0
  277. package/esm/CheckTree/hooks/useTreeNodeProps.d.ts +22 -0
  278. package/esm/CheckTree/hooks/useTreeNodeProps.js +52 -0
  279. package/esm/CheckTree/hooks/useTreeValue.d.ts +5 -0
  280. package/esm/CheckTree/hooks/useTreeValue.js +16 -0
  281. package/esm/CheckTree/index.d.ts +2 -14
  282. package/esm/CheckTree/index.js +1 -21
  283. package/esm/CheckTree/utils.d.ts +53 -0
  284. package/esm/{CheckTreePicker → CheckTree}/utils.js +72 -22
  285. package/esm/CheckTreePicker/CheckTreePicker.d.ts +30 -12
  286. package/esm/CheckTreePicker/CheckTreePicker.js +156 -607
  287. package/esm/CheckTreePicker/hooks/useFocusState.d.ts +16 -0
  288. package/esm/CheckTreePicker/hooks/useFocusState.js +37 -0
  289. package/esm/DateInput/DateField.js +3 -1
  290. package/esm/DateInput/DateInput.js +19 -18
  291. package/{cjs/DateInput → esm/DateInput/hooks}/useDateInputState.d.ts +1 -1
  292. package/esm/DateInput/{useDateInputState.js → hooks/useDateInputState.js} +2 -2
  293. package/esm/DateInput/hooks/useFieldCursor.d.ts +6 -0
  294. package/esm/DateInput/hooks/useFieldCursor.js +49 -0
  295. package/esm/DateInput/hooks/useSelectedState.d.ts +14 -0
  296. package/esm/DateInput/hooks/useSelectedState.js +17 -0
  297. package/esm/DateInput/index.d.ts +5 -3
  298. package/esm/DateInput/index.js +5 -3
  299. package/esm/DateInput/utils.d.ts +0 -1
  300. package/esm/DateInput/utils.js +2 -23
  301. package/esm/DatePicker/DatePicker.d.ts +4 -0
  302. package/esm/DatePicker/DatePicker.js +20 -5
  303. package/esm/DatePicker/types.d.ts +0 -4
  304. package/esm/DateRangeInput/DateRangeInput.js +17 -18
  305. package/esm/DateRangePicker/DateRangePicker.d.ts +51 -23
  306. package/esm/DateRangePicker/DateRangePicker.js +71 -51
  307. package/esm/DateRangePicker/hooks/useDateDisabled.d.ts +16 -0
  308. package/esm/DateRangePicker/hooks/useDateDisabled.js +26 -0
  309. package/esm/DateRangePicker/types.d.ts +1 -0
  310. package/esm/Highlight/Highlight.d.ts +14 -0
  311. package/esm/Highlight/Highlight.js +52 -0
  312. package/esm/Highlight/index.d.ts +3 -0
  313. package/esm/Highlight/index.js +3 -0
  314. package/esm/Highlight/utils/highlightText.d.ts +5 -0
  315. package/esm/Highlight/utils/highlightText.js +25 -0
  316. package/esm/InputPicker/InputPicker.js +3 -7
  317. package/esm/MultiCascadeTree/SearchView.js +6 -14
  318. package/esm/MultiCascadeTree/hooks/useCascadeValue.js +15 -1
  319. package/esm/MultiCascadeTree/hooks/useColumnData.js +1 -1
  320. package/esm/MultiCascadeTree/hooks/useFlattenData.js +1 -1
  321. package/esm/MultiCascadeTree/hooks/useSearch.js +2 -1
  322. package/esm/MultiCascadeTree/utils.d.ts +4 -4
  323. package/esm/MultiCascadeTree/utils.js +18 -9
  324. package/esm/MultiCascader/MultiCascader.js +1 -1
  325. package/esm/SelectPicker/SelectPicker.js +2 -6
  326. package/esm/Tree/IndentLine.d.ts +3 -0
  327. package/esm/Tree/IndentLine.js +12 -0
  328. package/esm/Tree/Tree.d.ts +4 -92
  329. package/esm/Tree/Tree.js +78 -18
  330. package/esm/Tree/TreeNode.d.ts +101 -0
  331. package/esm/Tree/TreeNode.js +141 -0
  332. package/esm/Tree/TreeNodeToggle.d.ts +9 -0
  333. package/esm/Tree/TreeNodeToggle.js +50 -0
  334. package/esm/Tree/TreeProvider.d.ts +52 -0
  335. package/esm/Tree/TreeProvider.js +74 -0
  336. package/esm/Tree/TreeView.d.ts +68 -0
  337. package/esm/Tree/TreeView.js +299 -0
  338. package/esm/Tree/hooks/useExpandTree.d.ts +60 -0
  339. package/esm/Tree/hooks/useExpandTree.js +70 -0
  340. package/esm/Tree/hooks/useFlattenTree.d.ts +42 -0
  341. package/esm/Tree/hooks/useFlattenTree.js +92 -0
  342. package/esm/Tree/hooks/useFocusTree.d.ts +24 -0
  343. package/esm/Tree/hooks/useFocusTree.js +153 -0
  344. package/esm/Tree/hooks/useForceUpdate.d.ts +2 -0
  345. package/esm/Tree/hooks/useForceUpdate.js +11 -0
  346. package/esm/Tree/hooks/useTreeDrag.d.ts +32 -0
  347. package/esm/Tree/hooks/useTreeDrag.js +264 -0
  348. package/esm/Tree/hooks/useTreeNodeProps.d.ts +29 -0
  349. package/esm/Tree/hooks/useTreeNodeProps.js +76 -0
  350. package/esm/Tree/hooks/useTreeNodeRefs.d.ts +6 -0
  351. package/esm/Tree/hooks/useTreeNodeRefs.js +18 -0
  352. package/esm/Tree/hooks/useTreeSearch.d.ts +18 -0
  353. package/esm/Tree/hooks/useTreeSearch.js +69 -0
  354. package/esm/Tree/hooks/useTreeWithChildren.d.ts +14 -0
  355. package/esm/Tree/hooks/useTreeWithChildren.js +59 -0
  356. package/esm/Tree/hooks/useVirtualizedTreeData.d.ts +7 -0
  357. package/esm/Tree/hooks/useVirtualizedTreeData.js +77 -0
  358. package/esm/Tree/types.d.ts +257 -0
  359. package/esm/Tree/types.js +30 -0
  360. package/esm/Tree/utils/flattenTree.d.ts +25 -0
  361. package/esm/Tree/utils/flattenTree.js +88 -0
  362. package/esm/Tree/utils/focusableTree.d.ts +55 -0
  363. package/esm/Tree/utils/focusableTree.js +146 -0
  364. package/esm/Tree/utils/formatNodeRefKey.d.ts +4 -0
  365. package/esm/Tree/utils/formatNodeRefKey.js +7 -0
  366. package/esm/Tree/utils/getExpandItemValues.d.ts +11 -0
  367. package/esm/Tree/utils/getExpandItemValues.js +17 -0
  368. package/esm/Tree/utils/getNodeParentKeys.d.ts +5 -0
  369. package/esm/Tree/utils/getNodeParentKeys.js +17 -0
  370. package/esm/Tree/utils/getTreeActiveNode.d.ts +5 -0
  371. package/esm/Tree/utils/getTreeActiveNode.js +16 -0
  372. package/esm/Tree/utils/hasVisibleChildren.d.ts +5 -0
  373. package/esm/Tree/utils/hasVisibleChildren.js +12 -0
  374. package/esm/Tree/utils/indentTreeNode.d.ts +3 -0
  375. package/esm/Tree/utils/indentTreeNode.js +14 -0
  376. package/esm/Tree/utils/index.d.ts +11 -0
  377. package/esm/Tree/utils/index.js +14 -0
  378. package/esm/Tree/utils/isExpand.d.ts +6 -0
  379. package/esm/Tree/utils/isExpand.js +11 -0
  380. package/esm/Tree/utils/isSearching.d.ts +1 -0
  381. package/esm/Tree/utils/isSearching.js +5 -0
  382. package/esm/Tree/utils/treeKeyboardInteractions.d.ts +21 -0
  383. package/esm/Tree/utils/treeKeyboardInteractions.js +43 -0
  384. package/esm/TreePicker/TreePicker.d.ts +27 -21
  385. package/esm/TreePicker/TreePicker.js +158 -579
  386. package/esm/TreePicker/hooks/useFocusState.d.ts +20 -0
  387. package/esm/TreePicker/hooks/useFocusState.js +48 -0
  388. package/esm/index.d.ts +2 -0
  389. package/esm/index.js +1 -0
  390. package/esm/internals/Picker/Listbox.d.ts +40 -10
  391. package/esm/internals/Picker/Listbox.js +22 -16
  392. package/esm/internals/Picker/PickerIndicator.d.ts +2 -1
  393. package/esm/internals/Picker/PickerIndicator.js +7 -3
  394. package/esm/internals/Picker/hooks/useFocusItemValue.js +1 -1
  395. package/esm/internals/Picker/hooks/usePickerRef.d.ts +1 -4
  396. package/esm/internals/Picker/hooks/usePickerRef.js +3 -20
  397. package/esm/internals/Picker/index.d.ts +0 -1
  398. package/esm/internals/Picker/index.js +0 -1
  399. package/esm/internals/Picker/utils.js +1 -1
  400. package/esm/internals/{Picker → Tree}/TreeView.js +1 -1
  401. package/esm/internals/Tree/index.d.ts +1 -0
  402. package/esm/internals/Tree/index.js +2 -0
  403. package/esm/internals/Tree/utils/filterNodesOfTree.d.ts +5 -0
  404. package/esm/internals/Tree/utils/filterNodesOfTree.js +26 -0
  405. package/esm/internals/Tree/utils/findNodeOfTree.d.ts +1 -0
  406. package/esm/internals/Tree/utils/findNodeOfTree.js +22 -0
  407. package/esm/internals/Tree/utils/getParentMap.d.ts +15 -0
  408. package/esm/internals/Tree/utils/getParentMap.js +47 -0
  409. package/esm/internals/Tree/utils/getPathTowardsItem.d.ts +4 -0
  410. package/esm/internals/Tree/utils/getPathTowardsItem.js +12 -0
  411. package/esm/internals/Tree/utils/index.d.ts +4 -0
  412. package/esm/internals/Tree/utils/index.js +5 -0
  413. package/esm/internals/Windowing/List.d.ts +1 -0
  414. package/esm/internals/Windowing/List.js +3 -0
  415. package/esm/internals/Windowing/index.d.ts +1 -1
  416. package/esm/internals/Windowing/index.js +1 -1
  417. package/esm/internals/hooks/index.d.ts +1 -0
  418. package/esm/internals/hooks/index.js +2 -0
  419. package/esm/internals/hooks/useFoucsVirtualListItem.d.ts +7 -0
  420. package/esm/internals/hooks/useFoucsVirtualListItem.js +22 -0
  421. package/esm/{utils → internals/utils}/getSafeRegExpString.d.ts +1 -1
  422. package/esm/{utils → internals/utils}/getSafeRegExpString.js +1 -1
  423. package/esm/internals/utils/index.d.ts +2 -0
  424. package/esm/internals/utils/index.js +3 -0
  425. package/esm/internals/utils/stringifyReactNode.d.ts +2 -0
  426. package/esm/internals/utils/stringifyReactNode.js +12 -0
  427. package/esm/utils/constants.d.ts +0 -2
  428. package/esm/utils/constants.js +0 -3
  429. package/esm/utils/getDataGroupBy.js +1 -1
  430. package/esm/utils/index.d.ts +0 -3
  431. package/esm/utils/index.js +0 -3
  432. package/esm/utils/useIsomorphicLayoutEffect.d.ts +2 -2
  433. package/internals/Picker/styles/index.less +27 -1
  434. package/package.json +2 -2
  435. package/styles/color-modes/dark.less +5 -1
  436. package/styles/color-modes/high-contrast.less +8 -2
  437. package/styles/color-modes/light.less +10 -5
  438. package/styles/index.less +1 -0
  439. package/TreePicker/styles/mixin.less +0 -7
  440. package/cjs/CheckTreePicker/CheckTreeNode.d.ts +0 -28
  441. package/cjs/CheckTreePicker/CheckTreeNode.js +0 -140
  442. package/cjs/CheckTreePicker/utils.d.ts +0 -44
  443. package/cjs/Tree/TreeContext.d.ts +0 -6
  444. package/cjs/Tree/TreeContext.js +0 -10
  445. package/cjs/TreePicker/TreeNode.d.ts +0 -36
  446. package/cjs/TreePicker/TreeNode.js +0 -174
  447. package/cjs/utils/appendTooltip.d.ts +0 -10
  448. package/cjs/utils/appendTooltip.js +0 -20
  449. package/cjs/utils/stringToObject.d.ts +0 -2
  450. package/cjs/utils/stringToObject.js +0 -19
  451. package/cjs/utils/treeUtils.d.ts +0 -304
  452. package/cjs/utils/treeUtils.js +0 -1095
  453. package/esm/CheckTreePicker/CheckTreeNode.d.ts +0 -28
  454. package/esm/CheckTreePicker/CheckTreeNode.js +0 -133
  455. package/esm/CheckTreePicker/utils.d.ts +0 -44
  456. package/esm/Tree/TreeContext.d.ts +0 -6
  457. package/esm/Tree/TreeContext.js +0 -4
  458. package/esm/TreePicker/TreeNode.d.ts +0 -36
  459. package/esm/TreePicker/TreeNode.js +0 -167
  460. package/esm/utils/appendTooltip.d.ts +0 -10
  461. package/esm/utils/appendTooltip.js +0 -15
  462. package/esm/utils/stringToObject.d.ts +0 -2
  463. package/esm/utils/stringToObject.js +0 -14
  464. package/esm/utils/treeUtils.d.ts +0 -304
  465. package/esm/utils/treeUtils.js +0 -1043
  466. /package/cjs/DateInput/{useIsFocused.d.ts → hooks/useIsFocused.d.ts} +0 -0
  467. /package/cjs/DateInput/{useIsFocused.js → hooks/useIsFocused.js} +0 -0
  468. /package/cjs/DateInput/{useKeyboardInputEvent.d.ts → hooks/useKeyboardInputEvent.d.ts} +0 -0
  469. /package/cjs/DateInput/{useKeyboardInputEvent.js → hooks/useKeyboardInputEvent.js} +0 -0
  470. /package/cjs/internals/{Picker → Tree}/TreeView.d.ts +0 -0
  471. /package/esm/DateInput/{useIsFocused.d.ts → hooks/useIsFocused.d.ts} +0 -0
  472. /package/esm/DateInput/{useIsFocused.js → hooks/useIsFocused.js} +0 -0
  473. /package/esm/DateInput/{useKeyboardInputEvent.d.ts → hooks/useKeyboardInputEvent.d.ts} +0 -0
  474. /package/esm/DateInput/{useKeyboardInputEvent.js → hooks/useKeyboardInputEvent.js} +0 -0
  475. /package/esm/internals/{Picker → Tree}/TreeView.d.ts +0 -0
package/InputGroup/styles/index.css CHANGED
@@ -40,7 +40,7 @@
40
40
  --rs-violet-500: #673ab7;
41
41
  --rs-violet-600: #5f2bb3;
42
42
  --rs-text-primary: var(--rs-gray-800);
43
- --rs-text-disabled: var(--rs-gray-400);
43
+ --rs-text-disabled: var(--rs-gray-600);
44
44
  --rs-border-primary: var(--rs-gray-200);
45
45
  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
46
46
  --rs-btn-default-bg: var(--rs-gray-50);
@@ -49,7 +49,7 @@
49
49
  --rs-btn-default-active-bg: var(--rs-gray-300);
50
50
  --rs-btn-default-active-text: var(--rs-gray-900);
51
51
  --rs-btn-default-disabled-bg: var(--rs-gray-50);
52
- --rs-btn-default-disabled-text: var(--rs-gray-400);
52
+ --rs-btn-default-disabled-text: var(--rs-gray-600);
53
53
  --rs-btn-primary-bg: var(--rs-primary-500);
54
54
  --rs-btn-primary-text: var(--rs-gray-0);
55
55
  --rs-btn-primary-hover-bg: var(--rs-primary-600);
@@ -126,7 +126,7 @@
126
126
  --rs-violet-500: #673ab7;
127
127
  --rs-violet-600: #5f2bb3;
128
128
  --rs-text-primary: var(--rs-gray-50);
129
- --rs-text-disabled: var(--rs-gray-500);
129
+ --rs-text-disabled: var(--rs-gray-400);
130
130
  --rs-border-primary: var(--rs-gray-600);
131
131
  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
132
132
  --rs-btn-default-bg: var(--rs-gray-600);
@@ -211,7 +211,7 @@
211
211
  --rs-violet-500: #673ab7;
212
212
  --rs-violet-600: #5f2bb3;
213
213
  --rs-text-primary: var(--rs-gray-50);
214
- --rs-text-disabled: var(--rs-gray-500);
214
+ --rs-text-disabled: var(--rs-gray-400);
215
215
  --rs-border-primary: var(--rs-gray-100);
216
216
  --rs-color-focus-ring: var(--rs-gray-0);
217
217
  --rs-btn-default-bg: transparent;
@@ -222,7 +222,8 @@
222
222
  --rs-btn-default-active-bg: transparent;
223
223
  --rs-btn-default-active-text: var(--rs-primary-200);
224
224
  --rs-btn-default-disabled-bg: transparent;
225
- --rs-btn-default-disabled-text: var(--rs-primary-500);
225
+ --rs-btn-default-disabled-text: var(--rs-primary-900);
226
+ --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
226
227
  --rs-btn-primary-bg: var(--rs-primary-500);
227
228
  --rs-btn-primary-text: var(--rs-gray-900);
228
229
  --rs-btn-primary-hover-bg: var(--rs-primary-400);
@@ -364,14 +365,14 @@
364
365
  .rs-btn:disabled,
365
366
  .rs-btn.rs-btn-disabled {
366
367
  cursor: not-allowed;
367
- color: #c5c6c7;
368
+ color: #8e8e93;
368
369
  color: var(--rs-btn-default-disabled-text);
369
370
  background-color: #f7f7fa;
370
371
  background-color: var(--rs-btn-default-disabled-bg);
371
372
  }
372
373
  .rs-theme-high-contrast .rs-btn:disabled,
373
374
  .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
374
- opacity: 0.5;
375
+ border-color: var(--rs-btn-default-disabled-boreder-color);
375
376
  }
376
377
  @media not all and (min-resolution: 0.001dpcm) {
377
378
  .rs-btn {
@@ -419,7 +420,7 @@
419
420
  }
420
421
  .rs-theme-high-contrast .rs-btn-primary:disabled,
421
422
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
422
- opacity: 0.5;
423
+ border-color: var(--rs-btn-default-disabled-boreder-color);
423
424
  }
424
425
  .rs-btn-subtle {
425
426
  color: #575757;
@@ -449,7 +450,7 @@
449
450
  }
450
451
  .rs-theme-high-contrast .rs-btn-subtle:disabled,
451
452
  .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
452
- opacity: 0.5;
453
+ border-color: var(--rs-btn-default-disabled-boreder-color);
453
454
  }
454
455
  .rs-btn-link {
455
456
  color: #1675e0;
@@ -480,7 +481,7 @@
480
481
  }
481
482
  .rs-theme-high-contrast .rs-btn-link:disabled,
482
483
  .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
483
- opacity: 0.5;
484
+ border-color: var(--rs-btn-default-disabled-boreder-color);
484
485
  }
485
486
  .rs-btn-ghost {
486
487
  color: #1675e0;
@@ -522,7 +523,7 @@
522
523
  }
523
524
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
524
525
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
525
- opacity: 0.5;
526
+ border-color: var(--rs-btn-default-disabled-boreder-color);
526
527
  }
527
528
  .rs-btn-red {
528
529
  --rs-btn-primary-bg: var(--rs-red-500);
@@ -1285,7 +1286,7 @@
1285
1286
  }
1286
1287
  .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1287
1288
  .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1288
- opacity: 0.5;
1289
+ border-color: var(--rs-btn-default-disabled-boreder-color);
1289
1290
  }
1290
1291
  .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
1291
1292
  font-size: 14px;
@@ -1332,16 +1333,16 @@
1332
1333
  left: inherit;
1333
1334
  right: 1px;
1334
1335
  }
1335
- .rs-input-group-disabled {
1336
+ .rs-input-group.rs-input-group-disabled {
1336
1337
  background-color: #f7f7fa;
1337
1338
  background-color: var(--rs-input-disabled-bg);
1338
- color: #c5c6c7;
1339
+ color: #8e8e93;
1339
1340
  color: var(--rs-text-disabled);
1340
1341
  cursor: not-allowed;
1341
1342
  }
1342
- .rs-input-group-disabled .rs-input,
1343
- .rs-input-group-disabled .rs-input-group-btn,
1344
- .rs-input-group-disabled .rs-input-group-addon {
1343
+ .rs-input-group.rs-input-group-disabled .rs-input,
1344
+ .rs-input-group.rs-input-group-disabled .rs-input-group-btn,
1345
+ .rs-input-group.rs-input-group-disabled .rs-input-group-addon {
1345
1346
  color: inherit;
1346
1347
  }
1347
1348
  .rs-input-group-lg > .rs-input {
package/InputGroup/styles/index.less CHANGED
@@ -191,7 +191,7 @@
191
191
  }
192
192
  }
193
193
 
194
- .rs-input-group-disabled {
194
+ .rs-input-group.rs-input-group-disabled {
195
195
  background-color: var(--rs-input-disabled-bg);
196
196
  color: var(--rs-text-disabled);
197
197
  cursor: not-allowed;
package/InputNumber/styles/index.css CHANGED
@@ -41,7 +41,7 @@
41
41
  --rs-violet-600: #5f2bb3;
42
42
  --rs-text-primary: var(--rs-gray-800);
43
43
  --rs-text-secondary: var(--rs-gray-600);
44
- --rs-text-disabled: var(--rs-gray-400);
44
+ --rs-text-disabled: var(--rs-gray-600);
45
45
  --rs-border-primary: var(--rs-gray-200);
46
46
  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
47
47
  --rs-btn-default-bg: var(--rs-gray-50);
@@ -50,7 +50,7 @@
50
50
  --rs-btn-default-active-bg: var(--rs-gray-300);
51
51
  --rs-btn-default-active-text: var(--rs-gray-900);
52
52
  --rs-btn-default-disabled-bg: var(--rs-gray-50);
53
- --rs-btn-default-disabled-text: var(--rs-gray-400);
53
+ --rs-btn-default-disabled-text: var(--rs-gray-600);
54
54
  --rs-btn-primary-bg: var(--rs-primary-500);
55
55
  --rs-btn-primary-text: var(--rs-gray-0);
56
56
  --rs-btn-primary-hover-bg: var(--rs-primary-600);
@@ -128,7 +128,7 @@
128
128
  --rs-violet-600: #5f2bb3;
129
129
  --rs-text-primary: var(--rs-gray-50);
130
130
  --rs-text-secondary: var(--rs-gray-200);
131
- --rs-text-disabled: var(--rs-gray-500);
131
+ --rs-text-disabled: var(--rs-gray-400);
132
132
  --rs-border-primary: var(--rs-gray-600);
133
133
  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
134
134
  --rs-btn-default-bg: var(--rs-gray-600);
@@ -214,7 +214,7 @@
214
214
  --rs-violet-600: #5f2bb3;
215
215
  --rs-text-primary: var(--rs-gray-50);
216
216
  --rs-text-secondary: var(--rs-gray-200);
217
- --rs-text-disabled: var(--rs-gray-500);
217
+ --rs-text-disabled: var(--rs-gray-400);
218
218
  --rs-border-primary: var(--rs-gray-100);
219
219
  --rs-color-focus-ring: var(--rs-gray-0);
220
220
  --rs-btn-default-bg: transparent;
@@ -225,7 +225,8 @@
225
225
  --rs-btn-default-active-bg: transparent;
226
226
  --rs-btn-default-active-text: var(--rs-primary-200);
227
227
  --rs-btn-default-disabled-bg: transparent;
228
- --rs-btn-default-disabled-text: var(--rs-primary-500);
228
+ --rs-btn-default-disabled-text: var(--rs-primary-900);
229
+ --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
229
230
  --rs-btn-primary-bg: var(--rs-primary-500);
230
231
  --rs-btn-primary-text: var(--rs-gray-900);
231
232
  --rs-btn-primary-hover-bg: var(--rs-primary-400);
@@ -331,7 +332,7 @@ textarea.rs-input {
331
332
  .rs-input:disabled {
332
333
  background-color: #f7f7fa;
333
334
  background-color: var(--rs-input-disabled-bg);
334
- color: #c5c6c7;
335
+ color: #8e8e93;
335
336
  color: var(--rs-text-disabled);
336
337
  }
337
338
  textarea.rs-input {
@@ -481,14 +482,14 @@ textarea.rs-input-sm {
481
482
  .rs-btn:disabled,
482
483
  .rs-btn.rs-btn-disabled {
483
484
  cursor: not-allowed;
484
- color: #c5c6c7;
485
+ color: #8e8e93;
485
486
  color: var(--rs-btn-default-disabled-text);
486
487
  background-color: #f7f7fa;
487
488
  background-color: var(--rs-btn-default-disabled-bg);
488
489
  }
489
490
  .rs-theme-high-contrast .rs-btn:disabled,
490
491
  .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
491
- opacity: 0.5;
492
+ border-color: var(--rs-btn-default-disabled-boreder-color);
492
493
  }
493
494
  @media not all and (min-resolution: 0.001dpcm) {
494
495
  .rs-btn {
@@ -536,7 +537,7 @@ textarea.rs-input-sm {
536
537
  }
537
538
  .rs-theme-high-contrast .rs-btn-primary:disabled,
538
539
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
539
- opacity: 0.5;
540
+ border-color: var(--rs-btn-default-disabled-boreder-color);
540
541
  }
541
542
  .rs-btn-subtle {
542
543
  color: #575757;
@@ -566,7 +567,7 @@ textarea.rs-input-sm {
566
567
  }
567
568
  .rs-theme-high-contrast .rs-btn-subtle:disabled,
568
569
  .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
569
- opacity: 0.5;
570
+ border-color: var(--rs-btn-default-disabled-boreder-color);
570
571
  }
571
572
  .rs-btn-link {
572
573
  color: #1675e0;
@@ -597,7 +598,7 @@ textarea.rs-input-sm {
597
598
  }
598
599
  .rs-theme-high-contrast .rs-btn-link:disabled,
599
600
  .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
600
- opacity: 0.5;
601
+ border-color: var(--rs-btn-default-disabled-boreder-color);
601
602
  }
602
603
  .rs-btn-ghost {
603
604
  color: #1675e0;
@@ -639,7 +640,7 @@ textarea.rs-input-sm {
639
640
  }
640
641
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
641
642
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
642
- opacity: 0.5;
643
+ border-color: var(--rs-btn-default-disabled-boreder-color);
643
644
  }
644
645
  .rs-btn-red {
645
646
  --rs-btn-primary-bg: var(--rs-red-500);
@@ -1402,7 +1403,7 @@ textarea.rs-input-sm {
1402
1403
  }
1403
1404
  .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1404
1405
  .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1405
- opacity: 0.5;
1406
+ border-color: var(--rs-btn-default-disabled-boreder-color);
1406
1407
  }
1407
1408
  .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
1408
1409
  font-size: 14px;
@@ -1449,16 +1450,16 @@ textarea.rs-input-sm {
1449
1450
  left: inherit;
1450
1451
  right: 1px;
1451
1452
  }
1452
- .rs-input-group-disabled {
1453
+ .rs-input-group.rs-input-group-disabled {
1453
1454
  background-color: #f7f7fa;
1454
1455
  background-color: var(--rs-input-disabled-bg);
1455
- color: #c5c6c7;
1456
+ color: #8e8e93;
1456
1457
  color: var(--rs-text-disabled);
1457
1458
  cursor: not-allowed;
1458
1459
  }
1459
- .rs-input-group-disabled .rs-input,
1460
- .rs-input-group-disabled .rs-input-group-btn,
1461
- .rs-input-group-disabled .rs-input-group-addon {
1460
+ .rs-input-group.rs-input-group-disabled .rs-input,
1461
+ .rs-input-group.rs-input-group-disabled .rs-input-group-btn,
1462
+ .rs-input-group.rs-input-group-disabled .rs-input-group-addon {
1462
1463
  color: inherit;
1463
1464
  }
1464
1465
  .rs-input-group-lg > .rs-input {
package/InputPicker/styles/index.css CHANGED
@@ -47,7 +47,8 @@
47
47
  --rs-text-secondary: var(--rs-gray-600);
48
48
  --rs-text-heading: var(--rs-gray-900);
49
49
  --rs-text-inverse: var(--rs-gray-50);
50
- --rs-text-disabled: var(--rs-gray-400);
50
+ --rs-text-disabled: var(--rs-gray-600);
51
+ --rs-text-highlight-bg: #fff6c9;
51
52
  --rs-border-primary: var(--rs-gray-200);
52
53
  --rs-bg-overlay: var(--rs-gray-0);
53
54
  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
@@ -60,7 +61,7 @@
60
61
  --rs-btn-default-active-bg: var(--rs-gray-300);
61
62
  --rs-btn-default-active-text: var(--rs-gray-900);
62
63
  --rs-btn-default-disabled-bg: var(--rs-gray-50);
63
- --rs-btn-default-disabled-text: var(--rs-gray-400);
64
+ --rs-btn-default-disabled-text: var(--rs-gray-600);
64
65
  --rs-btn-primary-bg: var(--rs-primary-500);
65
66
  --rs-btn-primary-text: var(--rs-gray-0);
66
67
  --rs-btn-primary-hover-bg: var(--rs-primary-600);
@@ -89,6 +90,7 @@
89
90
  --rs-input-bg: var(--rs-gray-0);
90
91
  --rs-input-focus-border: var(--rs-primary-500);
91
92
  --rs-input-disabled-bg: var(--rs-gray-50);
93
+ --rs-listbox-option-group-bg: var(--rs-gray-0);
92
94
  --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
93
95
  --rs-listbox-option-hover-text: var(--rs-primary-700);
94
96
  --rs-listbox-option-selected-text: var(--rs-primary-700);
@@ -159,7 +161,7 @@
159
161
  --rs-text-secondary: var(--rs-gray-200);
160
162
  --rs-text-heading: var(--rs-gray-0);
161
163
  --rs-text-inverse: var(--rs-gray-800);
162
- --rs-text-disabled: var(--rs-gray-500);
164
+ --rs-text-disabled: var(--rs-gray-400);
163
165
  --rs-border-primary: var(--rs-gray-600);
164
166
  --rs-bg-overlay: var(--rs-gray-700);
165
167
  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
@@ -201,6 +203,7 @@
201
203
  --rs-input-bg: var(--rs-gray-800);
202
204
  --rs-input-focus-border: var(--rs-primary-500);
203
205
  --rs-input-disabled-bg: var(--rs-gray-700);
206
+ --rs-listbox-option-group-bg: var(--rs-gray-700);
204
207
  --rs-listbox-option-hover-bg: var(--rs-gray-600);
205
208
  --rs-listbox-option-hover-text: currentColor;
206
209
  --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -270,7 +273,8 @@
270
273
  --rs-text-secondary: var(--rs-gray-200);
271
274
  --rs-text-heading: var(--rs-gray-0);
272
275
  --rs-text-inverse: var(--rs-gray-800);
273
- --rs-text-disabled: var(--rs-gray-500);
276
+ --rs-text-disabled: var(--rs-gray-400);
277
+ --rs-text-highlight-bg: var(--rs-primary-500);
274
278
  --rs-border-primary: var(--rs-gray-100);
275
279
  --rs-bg-overlay: var(--rs-gray-800);
276
280
  --rs-color-focus-ring: var(--rs-gray-0);
@@ -285,7 +289,8 @@
285
289
  --rs-btn-default-active-bg: transparent;
286
290
  --rs-btn-default-active-text: var(--rs-primary-200);
287
291
  --rs-btn-default-disabled-bg: transparent;
288
- --rs-btn-default-disabled-text: var(--rs-primary-500);
292
+ --rs-btn-default-disabled-text: var(--rs-primary-900);
293
+ --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
289
294
  --rs-btn-primary-bg: var(--rs-primary-500);
290
295
  --rs-btn-primary-text: var(--rs-gray-900);
291
296
  --rs-btn-primary-hover-bg: var(--rs-primary-400);
@@ -314,6 +319,7 @@
314
319
  --rs-input-bg: var(--rs-gray-800);
315
320
  --rs-input-focus-border: var(--rs-primary-500);
316
321
  --rs-input-disabled-bg: var(--rs-gray-700);
322
+ --rs-listbox-option-group-bg: var(--rs-gray-800);
317
323
  --rs-listbox-option-hover-bg: transparent;
318
324
  --rs-listbox-option-hover-text: var(--rs-primary-500);
319
325
  --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -404,7 +410,7 @@ textarea.rs-input {
404
410
  .rs-input:disabled {
405
411
  background-color: #f7f7fa;
406
412
  background-color: var(--rs-input-disabled-bg);
407
- color: #c5c6c7;
413
+ color: #8e8e93;
408
414
  color: var(--rs-text-disabled);
409
415
  }
410
416
  textarea.rs-input {
@@ -646,14 +652,14 @@ textarea.rs-input-sm {
646
652
  .rs-btn:disabled,
647
653
  .rs-btn.rs-btn-disabled {
648
654
  cursor: not-allowed;
649
- color: #c5c6c7;
655
+ color: #8e8e93;
650
656
  color: var(--rs-btn-default-disabled-text);
651
657
  background-color: #f7f7fa;
652
658
  background-color: var(--rs-btn-default-disabled-bg);
653
659
  }
654
660
  .rs-theme-high-contrast .rs-btn:disabled,
655
661
  .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
656
- opacity: 0.5;
662
+ border-color: var(--rs-btn-default-disabled-boreder-color);
657
663
  }
658
664
  @media not all and (min-resolution: 0.001dpcm) {
659
665
  .rs-btn {
@@ -701,7 +707,7 @@ textarea.rs-input-sm {
701
707
  }
702
708
  .rs-theme-high-contrast .rs-btn-primary:disabled,
703
709
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
704
- opacity: 0.5;
710
+ border-color: var(--rs-btn-default-disabled-boreder-color);
705
711
  }
706
712
  .rs-btn-subtle {
707
713
  color: #575757;
@@ -731,7 +737,7 @@ textarea.rs-input-sm {
731
737
  }
732
738
  .rs-theme-high-contrast .rs-btn-subtle:disabled,
733
739
  .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
734
- opacity: 0.5;
740
+ border-color: var(--rs-btn-default-disabled-boreder-color);
735
741
  }
736
742
  .rs-btn-link {
737
743
  color: #1675e0;
@@ -762,7 +768,7 @@ textarea.rs-input-sm {
762
768
  }
763
769
  .rs-theme-high-contrast .rs-btn-link:disabled,
764
770
  .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
765
- opacity: 0.5;
771
+ border-color: var(--rs-btn-default-disabled-boreder-color);
766
772
  }
767
773
  .rs-btn-ghost {
768
774
  color: #1675e0;
@@ -804,7 +810,7 @@ textarea.rs-input-sm {
804
810
  }
805
811
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
806
812
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
807
- opacity: 0.5;
813
+ border-color: var(--rs-btn-default-disabled-boreder-color);
808
814
  }
809
815
  .rs-btn-red {
810
816
  --rs-btn-primary-bg: var(--rs-red-500);
@@ -1872,7 +1878,7 @@ textarea.rs-input-sm {
1872
1878
  }
1873
1879
  .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1874
1880
  .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1875
- opacity: 0.5;
1881
+ border-color: var(--rs-btn-default-disabled-boreder-color);
1876
1882
  }
1877
1883
  .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
1878
1884
  font-size: 14px;
@@ -1919,16 +1925,16 @@ textarea.rs-input-sm {
1919
1925
  left: inherit;
1920
1926
  right: 1px;
1921
1927
  }
1922
- .rs-input-group-disabled {
1928
+ .rs-input-group.rs-input-group-disabled {
1923
1929
  background-color: #f7f7fa;
1924
1930
  background-color: var(--rs-input-disabled-bg);
1925
- color: #c5c6c7;
1931
+ color: #8e8e93;
1926
1932
  color: var(--rs-text-disabled);
1927
1933
  cursor: not-allowed;
1928
1934
  }
1929
- .rs-input-group-disabled .rs-input,
1930
- .rs-input-group-disabled .rs-input-group-btn,
1931
- .rs-input-group-disabled .rs-input-group-addon {
1935
+ .rs-input-group.rs-input-group-disabled .rs-input,
1936
+ .rs-input-group.rs-input-group-disabled .rs-input-group-btn,
1937
+ .rs-input-group.rs-input-group-disabled .rs-input-group-addon {
1932
1938
  color: inherit;
1933
1939
  }
1934
1940
  .rs-input-group-lg > .rs-input {
@@ -2280,6 +2286,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2280
2286
  .rs-input-group-btn:last-child > .rs-btn-group {
2281
2287
  margin-left: -1px;
2282
2288
  }
2289
+ .rs-highlight-mark {
2290
+ background-color: #fff6c9;
2291
+ background-color: var(--rs-text-highlight-bg);
2292
+ padding: 0 0.2em;
2293
+ font-weight: bolder;
2294
+ border-radius: 4px;
2295
+ }
2283
2296
  .rs-picker-subtle .picker-subtle-toggle {
2284
2297
  position: relative;
2285
2298
  z-index: 5;
@@ -2311,7 +2324,16 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2311
2324
  display: block;
2312
2325
  }
2313
2326
  .rs-picker-disabled {
2314
- opacity: 0.3;
2327
+ cursor: not-allowed;
2328
+ }
2329
+ .rs-picker-disabled .rs-picker-toggle-value,
2330
+ .rs-picker-disabled .rs-picker-toggle-indicator,
2331
+ .rs-picker-disabled .rs-picker-tag-list .rs-tag {
2332
+ color: #8e8e93 !important;
2333
+ color: var(--rs-text-disabled) !important;
2334
+ }
2335
+ .rs-picker-disabled .rs-picker-value-count {
2336
+ opacity: 0.5;
2315
2337
  }
2316
2338
  .rs-picker-toggle .rs-picker-toggle-placeholder {
2317
2339
  color: #8e8e93;
@@ -2492,14 +2514,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2492
2514
  .rs-picker-toggle:disabled,
2493
2515
  .rs-picker-toggle.rs-btn-disabled {
2494
2516
  cursor: not-allowed;
2495
- color: #c5c6c7;
2517
+ color: #8e8e93;
2496
2518
  color: var(--rs-btn-default-disabled-text);
2497
2519
  background-color: #f7f7fa;
2498
2520
  background-color: var(--rs-btn-default-disabled-bg);
2499
2521
  }
2500
2522
  .rs-theme-high-contrast .rs-picker-toggle:disabled,
2501
2523
  .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
2502
- opacity: 0.5;
2524
+ border-color: var(--rs-btn-default-disabled-boreder-color);
2503
2525
  }
2504
2526
  @media not all and (min-resolution: 0.001dpcm) {
2505
2527
  .rs-picker-toggle {
@@ -2582,7 +2604,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
2582
2604
  }
2583
2605
  .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
2584
2606
  .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
2585
- opacity: 0.5;
2607
+ border-color: var(--rs-btn-default-disabled-boreder-color);
2586
2608
  }
2587
2609
  .rs-picker-subtle .rs-picker-toggle-active {
2588
2610
  background-color: #e5e5ea;
@@ -3067,6 +3089,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3067
3089
  .rs-picker-popup .rs-search-box {
3068
3090
  padding: 6px 12px 6px;
3069
3091
  }
3092
+ .rs-picker-popup .rs-highlight .rs-highlight-mark {
3093
+ padding: 0;
3094
+ }
3070
3095
  .rs-picker-default .rs-btn,
3071
3096
  .rs-picker-input .rs-btn,
3072
3097
  .rs-picker-default .rs-picker-toggle,
@@ -3081,6 +3106,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3081
3106
  background-color: #f7f7fa !important;
3082
3107
  background-color: var(--rs-input-disabled-bg) !important;
3083
3108
  }
3109
+ .rs-picker-default.rs-picker-disabled .rs-input-group,
3110
+ .rs-picker-input.rs-picker-disabled .rs-input-group {
3111
+ pointer-events: none;
3112
+ }
3084
3113
  .rs-check-item {
3085
3114
  display: block;
3086
3115
  }
@@ -3148,6 +3177,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
3148
3177
  .rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
3149
3178
  left: 26px;
3150
3179
  }
3180
+ .rs-picker-menu-group {
3181
+ background-color: #fff;
3182
+ background-color: var(--rs-listbox-option-group-bg);
3183
+ position: sticky;
3184
+ top: -1px;
3185
+ z-index: 1;
3186
+ }
3151
3187
  .rs-picker-input {
3152
3188
  position: relative;
3153
3189
  border: 1px solid #e5e5ea;
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  The MIT License (MIT)
2
2
 
3
- Copyright (c) HYPERS, Inc. and its affiliates.
3
+ Copyright (c) 2016-present React Suite Team.
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal