rsuite 5.2.0 → 5.2.4

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 (80) hide show
  1. package/Button/styles/index.less +6 -0
  2. package/CHANGELOG.md +42 -0
  3. package/PanelGroup/styles/index.less +12 -12
  4. package/README.md +3 -44
  5. package/Sidenav/styles/index.less +4 -0
  6. package/Table/styles/index.less +0 -4
  7. package/cjs/Carousel/Carousel.d.ts +1 -1
  8. package/cjs/CheckTreePicker/CheckTreePicker.js +6 -3
  9. package/cjs/CheckTreePicker/utils.d.ts +1 -1
  10. package/cjs/CheckTreePicker/utils.js +7 -6
  11. package/cjs/CheckboxGroup/CheckboxGroup.js +2 -2
  12. package/cjs/DateRangePicker/Calendar.d.ts +2 -1
  13. package/cjs/DateRangePicker/Calendar.js +26 -5
  14. package/cjs/DateRangePicker/DateRangePicker.d.ts +2 -0
  15. package/cjs/DateRangePicker/DateRangePicker.js +25 -3
  16. package/cjs/Dropdown/DropdownItem.js +16 -19
  17. package/cjs/Dropdown/useRenderDropdownItem.d.ts +2 -0
  18. package/cjs/Dropdown/useRenderDropdownItem.js +26 -0
  19. package/cjs/InputPicker/InputPicker.js +1 -1
  20. package/cjs/MaskedInput/MaskedInput.d.ts +5 -42
  21. package/cjs/MaskedInput/MaskedInput.js +9 -63
  22. package/cjs/MaskedInput/TextMask.d.ts +43 -0
  23. package/cjs/MaskedInput/TextMask.js +80 -0
  24. package/cjs/Menu/Menu.js +46 -34
  25. package/cjs/Menu/MenuItem.js +16 -12
  26. package/cjs/Modal/utils.js +9 -10
  27. package/cjs/Overlay/Position.js +7 -4
  28. package/cjs/Picker/PickerToggle.js +7 -5
  29. package/cjs/Picker/VirtualizedList.d.ts +29 -2
  30. package/cjs/Picker/utils.d.ts +6 -14
  31. package/cjs/Picker/utils.js +54 -33
  32. package/cjs/RadioGroup/RadioGroup.js +2 -2
  33. package/cjs/Rate/Rate.js +3 -1
  34. package/cjs/Sidenav/SidenavDropdownItem.js +17 -10
  35. package/cjs/TreePicker/TreePicker.js +6 -3
  36. package/cjs/utils/useElementResize.d.ts +1 -1
  37. package/cjs/utils/useElementResize.js +11 -6
  38. package/dist/rsuite-rtl.css +48 -6
  39. package/dist/rsuite-rtl.min.css +1 -1
  40. package/dist/rsuite-rtl.min.css.map +1 -1
  41. package/dist/rsuite.css +48 -6
  42. package/dist/rsuite.js +349 -359
  43. package/dist/rsuite.js.map +1 -1
  44. package/dist/rsuite.min.css +1 -1
  45. package/dist/rsuite.min.css.map +1 -1
  46. package/dist/rsuite.min.js +1 -1
  47. package/dist/rsuite.min.js.LICENSE.txt +9 -0
  48. package/dist/rsuite.min.js.map +1 -1
  49. package/esm/Carousel/Carousel.d.ts +1 -1
  50. package/esm/CheckTreePicker/CheckTreePicker.js +6 -3
  51. package/esm/CheckTreePicker/utils.d.ts +1 -1
  52. package/esm/CheckTreePicker/utils.js +7 -6
  53. package/esm/CheckboxGroup/CheckboxGroup.js +2 -2
  54. package/esm/DateRangePicker/Calendar.d.ts +2 -1
  55. package/esm/DateRangePicker/Calendar.js +27 -5
  56. package/esm/DateRangePicker/DateRangePicker.d.ts +2 -0
  57. package/esm/DateRangePicker/DateRangePicker.js +23 -3
  58. package/esm/Dropdown/DropdownItem.js +15 -19
  59. package/esm/Dropdown/useRenderDropdownItem.d.ts +2 -0
  60. package/esm/Dropdown/useRenderDropdownItem.js +18 -0
  61. package/esm/InputPicker/InputPicker.js +1 -1
  62. package/esm/MaskedInput/MaskedInput.d.ts +5 -42
  63. package/esm/MaskedInput/MaskedInput.js +9 -63
  64. package/esm/MaskedInput/TextMask.d.ts +43 -0
  65. package/esm/MaskedInput/TextMask.js +67 -0
  66. package/esm/Menu/Menu.js +46 -36
  67. package/esm/Menu/MenuItem.js +16 -12
  68. package/esm/Modal/utils.js +8 -7
  69. package/esm/Overlay/Position.js +6 -3
  70. package/esm/Picker/PickerToggle.js +7 -5
  71. package/esm/Picker/VirtualizedList.d.ts +29 -2
  72. package/esm/Picker/utils.d.ts +6 -14
  73. package/esm/Picker/utils.js +54 -33
  74. package/esm/RadioGroup/RadioGroup.js +2 -2
  75. package/esm/Rate/Rate.js +2 -1
  76. package/esm/Sidenav/SidenavDropdownItem.js +16 -10
  77. package/esm/TreePicker/TreePicker.js +6 -3
  78. package/esm/utils/useElementResize.d.ts +1 -1
  79. package/esm/utils/useElementResize.js +12 -5
  80. package/package.json +3 -3
package/dist/rsuite.css CHANGED
@@ -2057,6 +2057,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2057
2057
  --rs-btn-link-text: var(--rs-red-700);
2058
2058
  --rs-btn-link-hover-text: var(--rs-red-800);
2059
2059
  --rs-btn-link-active-text: var(--rs-red-900);
2060
+ --rs-iconbtn-primary-addon: var(--rs-red-600);
2061
+ --rs-iconbtn-primary-activated-addon: var(--rs-red-700);
2062
+ --rs-iconbtn-primary-pressed-addon: var(--rs-red-800);
2060
2063
  }
2061
2064
  .rs-theme-dark .rs-btn-red {
2062
2065
  --rs-btn-primary-bg: var(--rs-red-700);
@@ -2075,6 +2078,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2075
2078
  --rs-btn-link-text: var(--rs-red-500);
2076
2079
  --rs-btn-link-hover-text: var(--rs-red-400);
2077
2080
  --rs-btn-link-active-text: var(--rs-red-200);
2081
+ --rs-iconbtn-primary-addon: var(--rs-red-600);
2082
+ --rs-iconbtn-primary-activated-addon: var(--rs-red-500);
2083
+ --rs-iconbtn-primary-pressed-addon: var(--rs-red-400);
2078
2084
  }
2079
2085
  .rs-theme-high-contrast .rs-btn-red {
2080
2086
  --rs-btn-primary-bg: var(--rs-red-700);
@@ -2111,6 +2117,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2111
2117
  --rs-btn-link-text: var(--rs-orange-700);
2112
2118
  --rs-btn-link-hover-text: var(--rs-orange-800);
2113
2119
  --rs-btn-link-active-text: var(--rs-orange-900);
2120
+ --rs-iconbtn-primary-addon: var(--rs-orange-600);
2121
+ --rs-iconbtn-primary-activated-addon: var(--rs-orange-700);
2122
+ --rs-iconbtn-primary-pressed-addon: var(--rs-orange-800);
2114
2123
  }
2115
2124
  .rs-theme-dark .rs-btn-orange {
2116
2125
  --rs-btn-primary-bg: var(--rs-orange-700);
@@ -2129,6 +2138,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2129
2138
  --rs-btn-link-text: var(--rs-orange-500);
2130
2139
  --rs-btn-link-hover-text: var(--rs-orange-400);
2131
2140
  --rs-btn-link-active-text: var(--rs-orange-200);
2141
+ --rs-iconbtn-primary-addon: var(--rs-orange-600);
2142
+ --rs-iconbtn-primary-activated-addon: var(--rs-orange-500);
2143
+ --rs-iconbtn-primary-pressed-addon: var(--rs-orange-400);
2132
2144
  }
2133
2145
  .rs-theme-high-contrast .rs-btn-orange {
2134
2146
  --rs-btn-primary-bg: var(--rs-orange-700);
@@ -2165,6 +2177,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2165
2177
  --rs-btn-link-text: var(--rs-yellow-700);
2166
2178
  --rs-btn-link-hover-text: var(--rs-yellow-800);
2167
2179
  --rs-btn-link-active-text: var(--rs-yellow-900);
2180
+ --rs-iconbtn-primary-addon: var(--rs-yellow-600);
2181
+ --rs-iconbtn-primary-activated-addon: var(--rs-yellow-700);
2182
+ --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-800);
2168
2183
  }
2169
2184
  .rs-theme-dark .rs-btn-yellow {
2170
2185
  --rs-btn-primary-bg: var(--rs-yellow-700);
@@ -2183,6 +2198,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2183
2198
  --rs-btn-link-text: var(--rs-yellow-500);
2184
2199
  --rs-btn-link-hover-text: var(--rs-yellow-400);
2185
2200
  --rs-btn-link-active-text: var(--rs-yellow-200);
2201
+ --rs-iconbtn-primary-addon: var(--rs-yellow-600);
2202
+ --rs-iconbtn-primary-activated-addon: var(--rs-yellow-500);
2203
+ --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-400);
2186
2204
  }
2187
2205
  .rs-theme-high-contrast .rs-btn-yellow {
2188
2206
  --rs-btn-primary-bg: var(--rs-yellow-700);
@@ -2219,6 +2237,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2219
2237
  --rs-btn-link-text: var(--rs-green-700);
2220
2238
  --rs-btn-link-hover-text: var(--rs-green-800);
2221
2239
  --rs-btn-link-active-text: var(--rs-green-900);
2240
+ --rs-iconbtn-primary-addon: var(--rs-green-600);
2241
+ --rs-iconbtn-primary-activated-addon: var(--rs-green-700);
2242
+ --rs-iconbtn-primary-pressed-addon: var(--rs-green-800);
2222
2243
  }
2223
2244
  .rs-theme-dark .rs-btn-green {
2224
2245
  --rs-btn-primary-bg: var(--rs-green-700);
@@ -2237,6 +2258,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2237
2258
  --rs-btn-link-text: var(--rs-green-500);
2238
2259
  --rs-btn-link-hover-text: var(--rs-green-400);
2239
2260
  --rs-btn-link-active-text: var(--rs-green-200);
2261
+ --rs-iconbtn-primary-addon: var(--rs-green-600);
2262
+ --rs-iconbtn-primary-activated-addon: var(--rs-green-500);
2263
+ --rs-iconbtn-primary-pressed-addon: var(--rs-green-400);
2240
2264
  }
2241
2265
  .rs-theme-high-contrast .rs-btn-green {
2242
2266
  --rs-btn-primary-bg: var(--rs-green-700);
@@ -2273,6 +2297,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2273
2297
  --rs-btn-link-text: var(--rs-cyan-700);
2274
2298
  --rs-btn-link-hover-text: var(--rs-cyan-800);
2275
2299
  --rs-btn-link-active-text: var(--rs-cyan-900);
2300
+ --rs-iconbtn-primary-addon: var(--rs-cyan-600);
2301
+ --rs-iconbtn-primary-activated-addon: var(--rs-cyan-700);
2302
+ --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-800);
2276
2303
  }
2277
2304
  .rs-theme-dark .rs-btn-cyan {
2278
2305
  --rs-btn-primary-bg: var(--rs-cyan-700);
@@ -2291,6 +2318,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2291
2318
  --rs-btn-link-text: var(--rs-cyan-500);
2292
2319
  --rs-btn-link-hover-text: var(--rs-cyan-400);
2293
2320
  --rs-btn-link-active-text: var(--rs-cyan-200);
2321
+ --rs-iconbtn-primary-addon: var(--rs-cyan-600);
2322
+ --rs-iconbtn-primary-activated-addon: var(--rs-cyan-500);
2323
+ --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-400);
2294
2324
  }
2295
2325
  .rs-theme-high-contrast .rs-btn-cyan {
2296
2326
  --rs-btn-primary-bg: var(--rs-cyan-700);
@@ -2327,6 +2357,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2327
2357
  --rs-btn-link-text: var(--rs-blue-700);
2328
2358
  --rs-btn-link-hover-text: var(--rs-blue-800);
2329
2359
  --rs-btn-link-active-text: var(--rs-blue-900);
2360
+ --rs-iconbtn-primary-addon: var(--rs-blue-600);
2361
+ --rs-iconbtn-primary-activated-addon: var(--rs-blue-700);
2362
+ --rs-iconbtn-primary-pressed-addon: var(--rs-blue-800);
2330
2363
  }
2331
2364
  .rs-theme-dark .rs-btn-blue {
2332
2365
  --rs-btn-primary-bg: var(--rs-blue-700);
@@ -2345,6 +2378,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2345
2378
  --rs-btn-link-text: var(--rs-blue-500);
2346
2379
  --rs-btn-link-hover-text: var(--rs-blue-400);
2347
2380
  --rs-btn-link-active-text: var(--rs-blue-200);
2381
+ --rs-iconbtn-primary-addon: var(--rs-blue-600);
2382
+ --rs-iconbtn-primary-activated-addon: var(--rs-blue-500);
2383
+ --rs-iconbtn-primary-pressed-addon: var(--rs-blue-400);
2348
2384
  }
2349
2385
  .rs-theme-high-contrast .rs-btn-blue {
2350
2386
  --rs-btn-primary-bg: var(--rs-blue-700);
@@ -2381,6 +2417,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2381
2417
  --rs-btn-link-text: var(--rs-violet-700);
2382
2418
  --rs-btn-link-hover-text: var(--rs-violet-800);
2383
2419
  --rs-btn-link-active-text: var(--rs-violet-900);
2420
+ --rs-iconbtn-primary-addon: var(--rs-violet-600);
2421
+ --rs-iconbtn-primary-activated-addon: var(--rs-violet-700);
2422
+ --rs-iconbtn-primary-pressed-addon: var(--rs-violet-800);
2384
2423
  }
2385
2424
  .rs-theme-dark .rs-btn-violet {
2386
2425
  --rs-btn-primary-bg: var(--rs-violet-700);
@@ -2399,6 +2438,9 @@ tbody.rs-anim-collapse.rs-anim-in {
2399
2438
  --rs-btn-link-text: var(--rs-violet-500);
2400
2439
  --rs-btn-link-hover-text: var(--rs-violet-400);
2401
2440
  --rs-btn-link-active-text: var(--rs-violet-200);
2441
+ --rs-iconbtn-primary-addon: var(--rs-violet-600);
2442
+ --rs-iconbtn-primary-activated-addon: var(--rs-violet-500);
2443
+ --rs-iconbtn-primary-pressed-addon: var(--rs-violet-400);
2402
2444
  }
2403
2445
  .rs-theme-high-contrast .rs-btn-violet {
2404
2446
  --rs-btn-primary-bg: var(--rs-violet-700);
@@ -10033,13 +10075,13 @@ textarea.rs-picker-search-input {
10033
10075
  border: 1px solid #e5e5ea;
10034
10076
  border: 1px solid var(--rs-border-primary);
10035
10077
  }
10036
- .rs-panel-group .rs-panel {
10078
+ .rs-panel-group > .rs-panel {
10037
10079
  border: none;
10038
10080
  }
10039
- .rs-panel-group .rs-panel + .rs-panel {
10081
+ .rs-panel-group > .rs-panel + .rs-panel {
10040
10082
  position: relative;
10041
10083
  }
10042
- .rs-panel-group .rs-panel + .rs-panel::before {
10084
+ .rs-panel-group > .rs-panel + .rs-panel::before {
10043
10085
  content: '';
10044
10086
  position: absolute;
10045
10087
  top: 0;
@@ -12581,6 +12623,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12581
12623
  outline: 0;
12582
12624
  overflow: hidden;
12583
12625
  }
12626
+ .rs-sidenav-item:hover {
12627
+ text-decoration: none;
12628
+ }
12584
12629
  .rs-sidenav-item:focus-visible,
12585
12630
  .rs-sidenav-item.rs-sidenav-item-focus {
12586
12631
  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
@@ -13851,9 +13896,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13851
13896
  border-right: 1px solid #f2f2f5;
13852
13897
  border-right: 1px solid var(--rs-border-secondary);
13853
13898
  }
13854
- .rs-table-column-group-cell-content {
13855
- display: table-cell;
13856
- }
13857
13899
  .rs-table-cell-expand-wrapper {
13858
13900
  margin-right: 10px;
13859
13901
  display: inline-block;