rsuite 6.2.0 → 6.2.1

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 (30) hide show
  1. package/AutoComplete/styles/index.css +3 -0
  2. package/CHANGELOG.md +9 -0
  3. package/Cascader/styles/index.css +3 -0
  4. package/CheckPicker/styles/index.css +3 -0
  5. package/CheckTree/styles/index.css +3 -0
  6. package/CheckTreePicker/styles/index.css +3 -0
  7. package/DatePicker/styles/index.css +3 -0
  8. package/DateRangePicker/styles/index.css +3 -0
  9. package/InputPicker/styles/index.css +3 -0
  10. package/MultiCascadeTree/styles/index.css +3 -0
  11. package/MultiCascader/styles/index.css +3 -0
  12. package/Pagination/styles/index.css +3 -0
  13. package/SelectPicker/styles/index.css +3 -0
  14. package/TagInput/styles/index.css +3 -0
  15. package/TagPicker/styles/index.css +3 -0
  16. package/TimePicker/styles/index.css +3 -0
  17. package/TimeRangePicker/styles/index.css +3 -0
  18. package/Tree/styles/index.css +3 -0
  19. package/TreePicker/styles/index.css +3 -0
  20. package/cjs/internals/Picker/PickerIndicator.js +15 -14
  21. package/dist/rsuite-no-reset.css +3 -0
  22. package/dist/rsuite-no-reset.min.css +1 -1
  23. package/dist/rsuite.css +3 -0
  24. package/dist/rsuite.js +1 -1
  25. package/dist/rsuite.min.css +1 -1
  26. package/dist/rsuite.min.js +1 -1
  27. package/dist/rsuite.min.js.map +1 -1
  28. package/esm/internals/Picker/PickerIndicator.js +15 -14
  29. package/internals/Picker/styles/index.scss +3 -0
  30. package/package.json +1 -1
package/AutoComplete/styles/index.css CHANGED
@@ -2223,6 +2223,9 @@
2223
2223
  align-items:center;
2224
2224
  }
2225
2225
  .rs-picker-toggle-indicator .rs-picker-clean{
2226
+ display:inline-flex;
2227
+ align-items:center;
2228
+ justify-content:center;
2226
2229
  color:var(--rs-text-secondary);
2227
2230
  transition:0.2s color linear;
2228
2231
  cursor:pointer;
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ ## [6.2.1](https://github.com/rsuite/rsuite/compare/v6.2.0...v6.2.1) (2026-06-12)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **picker:** hide caret when clear button is shown ([#4581](https://github.com/rsuite/rsuite/issues/4581)) ([d52842b](https://github.com/rsuite/rsuite/commit/d52842b0c6444bc6765595899e3f9917de52af7a))
7
+
8
+
9
+
1
10
  # [6.2.0](https://github.com/rsuite/rsuite/compare/v6.1.3...v6.2.0) (2026-06-12)
2
11
 
3
12
 
package/Cascader/styles/index.css CHANGED
@@ -2384,6 +2384,9 @@
2384
2384
  align-items:center;
2385
2385
  }
2386
2386
  .rs-picker-toggle-indicator .rs-picker-clean{
2387
+ display:inline-flex;
2388
+ align-items:center;
2389
+ justify-content:center;
2387
2390
  color:var(--rs-text-secondary);
2388
2391
  transition:0.2s color linear;
2389
2392
  cursor:pointer;
package/CheckPicker/styles/index.css CHANGED
@@ -2411,6 +2411,9 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
2411
2411
  align-items:center;
2412
2412
  }
2413
2413
  .rs-picker-toggle-indicator .rs-picker-clean{
2414
+ display:inline-flex;
2415
+ align-items:center;
2416
+ justify-content:center;
2414
2417
  color:var(--rs-text-secondary);
2415
2418
  transition:0.2s color linear;
2416
2419
  cursor:pointer;
package/CheckTree/styles/index.css CHANGED
@@ -2242,6 +2242,9 @@
2242
2242
  align-items:center;
2243
2243
  }
2244
2244
  .rs-picker-toggle-indicator .rs-picker-clean{
2245
+ display:inline-flex;
2246
+ align-items:center;
2247
+ justify-content:center;
2245
2248
  color:var(--rs-text-secondary);
2246
2249
  transition:0.2s color linear;
2247
2250
  cursor:pointer;
package/CheckTreePicker/styles/index.css CHANGED
@@ -2243,6 +2243,9 @@
2243
2243
  align-items:center;
2244
2244
  }
2245
2245
  .rs-picker-toggle-indicator .rs-picker-clean{
2246
+ display:inline-flex;
2247
+ align-items:center;
2248
+ justify-content:center;
2246
2249
  color:var(--rs-text-secondary);
2247
2250
  transition:0.2s color linear;
2248
2251
  cursor:pointer;
package/DatePicker/styles/index.css CHANGED
@@ -2275,6 +2275,9 @@
2275
2275
  align-items:center;
2276
2276
  }
2277
2277
  .rs-picker-toggle-indicator .rs-picker-clean{
2278
+ display:inline-flex;
2279
+ align-items:center;
2280
+ justify-content:center;
2278
2281
  color:var(--rs-text-secondary);
2279
2282
  transition:0.2s color linear;
2280
2283
  cursor:pointer;
package/DateRangePicker/styles/index.css CHANGED
@@ -2277,6 +2277,9 @@
2277
2277
  align-items:center;
2278
2278
  }
2279
2279
  .rs-picker-toggle-indicator .rs-picker-clean{
2280
+ display:inline-flex;
2281
+ align-items:center;
2282
+ justify-content:center;
2280
2283
  color:var(--rs-text-secondary);
2281
2284
  transition:0.2s color linear;
2282
2285
  cursor:pointer;
package/InputPicker/styles/index.css CHANGED
@@ -2244,6 +2244,9 @@
2244
2244
  align-items:center;
2245
2245
  }
2246
2246
  .rs-picker-toggle-indicator .rs-picker-clean{
2247
+ display:inline-flex;
2248
+ align-items:center;
2249
+ justify-content:center;
2247
2250
  color:var(--rs-text-secondary);
2248
2251
  transition:0.2s color linear;
2249
2252
  cursor:pointer;
package/MultiCascadeTree/styles/index.css CHANGED
@@ -2564,6 +2564,9 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
2564
2564
  align-items:center;
2565
2565
  }
2566
2566
  .rs-picker-toggle-indicator .rs-picker-clean{
2567
+ display:inline-flex;
2568
+ align-items:center;
2569
+ justify-content:center;
2567
2570
  color:var(--rs-text-secondary);
2568
2571
  transition:0.2s color linear;
2569
2572
  cursor:pointer;
package/MultiCascader/styles/index.css CHANGED
@@ -2564,6 +2564,9 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
2564
2564
  align-items:center;
2565
2565
  }
2566
2566
  .rs-picker-toggle-indicator .rs-picker-clean{
2567
+ display:inline-flex;
2568
+ align-items:center;
2569
+ justify-content:center;
2567
2570
  color:var(--rs-text-secondary);
2568
2571
  transition:0.2s color linear;
2569
2572
  cursor:pointer;
package/Pagination/styles/index.css CHANGED
@@ -2309,6 +2309,9 @@
2309
2309
  align-items:center;
2310
2310
  }
2311
2311
  .rs-picker-toggle-indicator .rs-picker-clean{
2312
+ display:inline-flex;
2313
+ align-items:center;
2314
+ justify-content:center;
2312
2315
  color:var(--rs-text-secondary);
2313
2316
  transition:0.2s color linear;
2314
2317
  cursor:pointer;
package/SelectPicker/styles/index.css CHANGED
@@ -2244,6 +2244,9 @@
2244
2244
  align-items:center;
2245
2245
  }
2246
2246
  .rs-picker-toggle-indicator .rs-picker-clean{
2247
+ display:inline-flex;
2248
+ align-items:center;
2249
+ justify-content:center;
2247
2250
  color:var(--rs-text-secondary);
2248
2251
  transition:0.2s color linear;
2249
2252
  cursor:pointer;
package/TagInput/styles/index.css CHANGED
@@ -2256,6 +2256,9 @@
2256
2256
  align-items:center;
2257
2257
  }
2258
2258
  .rs-picker-toggle-indicator .rs-picker-clean{
2259
+ display:inline-flex;
2260
+ align-items:center;
2261
+ justify-content:center;
2259
2262
  color:var(--rs-text-secondary);
2260
2263
  transition:0.2s color linear;
2261
2264
  cursor:pointer;
package/TagPicker/styles/index.css CHANGED
@@ -2256,6 +2256,9 @@
2256
2256
  align-items:center;
2257
2257
  }
2258
2258
  .rs-picker-toggle-indicator .rs-picker-clean{
2259
+ display:inline-flex;
2260
+ align-items:center;
2261
+ justify-content:center;
2259
2262
  color:var(--rs-text-secondary);
2260
2263
  transition:0.2s color linear;
2261
2264
  cursor:pointer;
package/TimePicker/styles/index.css CHANGED
@@ -2275,6 +2275,9 @@
2275
2275
  align-items:center;
2276
2276
  }
2277
2277
  .rs-picker-toggle-indicator .rs-picker-clean{
2278
+ display:inline-flex;
2279
+ align-items:center;
2280
+ justify-content:center;
2278
2281
  color:var(--rs-text-secondary);
2279
2282
  transition:0.2s color linear;
2280
2283
  cursor:pointer;
package/TimeRangePicker/styles/index.css CHANGED
@@ -2277,6 +2277,9 @@
2277
2277
  align-items:center;
2278
2278
  }
2279
2279
  .rs-picker-toggle-indicator .rs-picker-clean{
2280
+ display:inline-flex;
2281
+ align-items:center;
2282
+ justify-content:center;
2280
2283
  color:var(--rs-text-secondary);
2281
2284
  transition:0.2s color linear;
2282
2285
  cursor:pointer;
package/Tree/styles/index.css CHANGED
@@ -2242,6 +2242,9 @@
2242
2242
  align-items:center;
2243
2243
  }
2244
2244
  .rs-picker-toggle-indicator .rs-picker-clean{
2245
+ display:inline-flex;
2246
+ align-items:center;
2247
+ justify-content:center;
2245
2248
  color:var(--rs-text-secondary);
2246
2249
  transition:0.2s color linear;
2247
2250
  cursor:pointer;
package/TreePicker/styles/index.css CHANGED
@@ -2242,6 +2242,9 @@
2242
2242
  align-items:center;
2243
2243
  }
2244
2244
  .rs-picker-toggle-indicator .rs-picker-clean{
2245
+ display:inline-flex;
2246
+ align-items:center;
2247
+ justify-content:center;
2245
2248
  color:var(--rs-text-secondary);
2246
2249
  transition:0.2s color linear;
2247
2250
  cursor:pointer;
package/cjs/internals/Picker/PickerIndicator.js CHANGED
@@ -36,27 +36,28 @@ const PickerIndicator = ({
36
36
  size: size === 'xs' ? 'xs' : 'sm'
37
37
  });
38
38
  }
39
- const caret = caretAs && /*#__PURE__*/_react.default.createElement(_Icon.default, {
39
+ if (showCleanButton && !disabled) {
40
+ return /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
41
+ className: prefix('clean'),
42
+ tabIndex: -1,
43
+ locale: {
44
+ closeLabel: clear
45
+ },
46
+ onClick: onClose
47
+ });
48
+ }
49
+ return caretAs && /*#__PURE__*/_react.default.createElement(_Icon.default, {
40
50
  as: caretAs,
41
51
  className: prefix('caret-icon'),
42
52
  "data-testid": "caret"
43
53
  });
44
- const cleanButton = showCleanButton && !disabled && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
45
- className: prefix('clean'),
46
- tabIndex: -1,
47
- locale: {
48
- closeLabel: clear
49
- },
50
- onClick: onClose
51
- });
52
- if (caret && cleanButton) {
53
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, caret, cleanButton);
54
- }
55
- return cleanButton || caret || null;
56
54
  };
57
55
  const props = Component === _InputGroup.default.Addon ? {
56
+ className: prefix('toggle-indicator'),
58
57
  disabled
59
- } : undefined;
58
+ } : Component === _react.default.Fragment ? undefined : {
59
+ className: prefix('toggle-indicator')
60
+ };
60
61
  return /*#__PURE__*/_react.default.createElement(Component, props, addon());
61
62
  };
62
63
  var _default = exports.default = PickerIndicator;
package/dist/rsuite-no-reset.css CHANGED
@@ -3480,6 +3480,9 @@ tbody.rs-anim-collapse.rs-anim-in{
3480
3480
  align-items:center;
3481
3481
  }
3482
3482
  .rs-picker-toggle-indicator .rs-picker-clean{
3483
+ display:inline-flex;
3484
+ align-items:center;
3485
+ justify-content:center;
3483
3486
  color:var(--rs-text-secondary);
3484
3487
  transition:0.2s color linear;
3485
3488
  cursor:pointer;