rsuite 6.0.0-canary-2025032014 → 6.0.0-canary-20250403

package/AutoComplete/styles/index.css

@@ -1278,7 +1278,7 @@ textarea.rs-input {
 .rs-input-group .rs-input-number,
 .rs-input-group .rs-input-group-addon,
 .rs-input-group .rs-input-group-btn,
-.rs-input-group .rs-picker-date .rs-picker-toggle {
+.rs-input-group .rs-picker[data-picker='date'] .rs-picker-toggle {
   border: none;
   border-radius: var(--rs-radius-none);
   outline: none;
@@ -1678,22 +1678,22 @@ textarea.rs-input {
   stroke: var(--rs-close-button-hover-color);
   stroke-width: 1;
 }
-.rs-picker-subtle .picker-subtle-toggle {
+.rs-picker[data-variant='subtle'] .picker-subtle-toggle {
   --rs-picker-toggle-border-width: 0px;
   position: relative;
   z-index: 5;
 }
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle {
   cursor: not-allowed;
 }
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active {
   background: none;
 }
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover::after,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus::after,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active::after {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover::after,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus::after,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active::after {
   display: none;
 }
 .rs-picker {
@@ -1701,25 +1701,23 @@ textarea.rs-input {
   --rs-picker-loader-size: 20px;
   --rs-picker-toggle-border-width: 1px;
   --rs-picker-toggle-bg: var(--rs-input-bg);
-}
-.rs-picker-toggle-wrapper {
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
 }
-.rs-picker-block {
+.rs-picker[data-block='true'] {
   display: block;
   width: 100%;
 }
-.rs-picker-disabled {
+.rs-picker[data-disabled='true'] {
   cursor: not-allowed;
 }
-.rs-picker-disabled .rs-picker-toggle-value,
-.rs-picker-disabled .rs-picker-toggle-indicator,
-.rs-picker-disabled .rs-picker-tag-list .rs-tag {
+.rs-picker[data-disabled='true'] .rs-picker-toggle-value,
+.rs-picker[data-disabled='true'] .rs-picker-toggle-indicator,
+.rs-picker[data-disabled='true'] .rs-picker-tag-list .rs-tag {
   color: var(--rs-text-disabled) !important;
 }
-.rs-picker-disabled .rs-picker-value-count {
+.rs-picker[data-disabled='true'] .rs-picker-value-count {
   opacity: 0.5;
 }
 .rs-picker-toggle .rs-picker-toggle-placeholder {
@@ -1729,10 +1727,6 @@ textarea.rs-input {
 .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
   color: var(--rs-picker-value);
 }
-.rs-picker-countable .rs-picker-toggle-value {
-  display: flex;
-  align-items: center;
-}
 .rs-picker-value-list {
   flex: 0 1 auto;
   overflow: hidden;
@@ -1743,11 +1737,12 @@ textarea.rs-input {
   margin-inline: var(--rs-picker-value-count-margin);
   background-color: var(--rs-picker-count-bg);
   color: var(--rs-picker-count-text);
+  flex-shrink: 0;
 }
 .rs-picker-value-separator {
   margin: 0 var(--rs-spacing) 0 0;
 }
-.rs-picker:not(.rs-picker-disabled):hover,
+.rs-picker:not([data-disabled='true']):hover,
 .rs-picker.rs-picker-focused {
   border-color: var(--rs-input-focus-border);
 }
@@ -1783,6 +1778,7 @@ textarea.rs-input {
   --rs-picker-popup-shadow: var(--rs-shadow-md);
   --rs-picker-popup-position-x: var(--rs-position-x);
   --rs-picker-popup-position-y: var(--rs-position-y);
+  --rs-picker-min-width: 0;
   position: absolute;
   top: var(--rs-picker-popup-position-y);
   left: var(--rs-picker-popup-position-x) /* rtl:ignore */;
@@ -1796,6 +1792,7 @@ textarea.rs-input {
   background-color: var(--rs-bg-overlay);
   box-shadow: var(--rs-picker-popup-shadow);
   padding-block: var(--rs-picker-popup-border-radius);
+  min-width: var(--rs-picker-min-width);
 }
 .rs-theme-high-contrast .rs-picker-popup {
   border: 1px solid var(--rs-border-primary);
@@ -1821,37 +1818,74 @@ textarea.rs-input {
   color: var(--rs-text-secondary);
   cursor: default;
 }
-.rs-picker-default .rs-picker-toggle {
+.rs-picker-popup .rs-picker-listbox {
+  max-height: var(--rs-picker-listbox-max-height);
+}
+.rs-picker-popup[data-breakpoint='xs'] {
+  min-width: unset;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+.rs-picker-popup[data-breakpoint='xs'] .rs-picker-listbox {
+  height: unset;
+  max-height: unset;
+}
+.rs-picker-popup[data-breakpoint='xs'] .rs-tree,
+.rs-picker-popup[data-breakpoint='xs'] .rs-check-tree {
+  display: flex;
+  flex-direction: column;
+}
+.rs-picker-popup[data-breakpoint='xs'] .rs-tree-view,
+.rs-picker-popup[data-breakpoint='xs'] .rs-check-tree-view {
+  max-height: unset;
+  flex: 1 1 auto;
+}
+.rs-picker-popup[data-breakpoint='xs'] .rs-calendar-table {
+  width: 100%;
+}
+.rs-picker-popup[data-breakpoint='xs'] .rs-picker-box {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.rs-picker-popup[data-breakpoint='xs'].rs-picker-popup-date .rs-calendar,
+.rs-picker-popup[data-breakpoint='xs'] .rs-picker-daterange-panel-only-time .rs-calendar {
+  height: 348px;
+}
+[data-variant='default'] .rs-picker-toggle {
   color: var(--rs-text-primary);
   border: var(--rs-picker-toggle-border-width) solid var(--rs-border-primary);
 }
-.rs-picker-disabled .rs-picker-toggle {
+[data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):hover,
-.rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):focus {
+.rs-picker-toggle [data-variant='default']:not([data-disabled='true']):hover,
+.rs-picker-toggle [data-variant='default']:not([data-disabled='true']):focus {
   border-color: var(--rs-input-focus-border);
 }
-.rs-picker-subtle .rs-picker-toggle {
+.rs-picker[data-variant='subtle'] .rs-picker-toggle {
   --rs-picker-toggle-border-width: 0px;
   position: relative;
   z-index: 5;
 }
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active {
   background: none;
 }
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover::after,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus::after,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active::after {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover::after,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus::after,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active::after {
   display: none;
 }
 .rs-picker-toggle-label {
-  color: var(--rs-text-primary);
+  color: var(--rs-text-secondary);
 }
 .rs-picker-toggle .rs-picker-toggle-stack {
   flex: 1 1 auto;
@@ -1890,44 +1924,67 @@ textarea.rs-input {
 .rs-picker-toggle-read-only {
   opacity: 0;
 }
-.rs-picker-default .rs-picker-toggle {
+.rs-picker-toggle .rs-picker[data-variant='default'],
+.rs-picker-toggle {
   transition: border-color ease-in-out 0.15s;
 }
-.rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
+.rs-theme-high-contrast .rs-picker-toggle .rs-picker[data-variant='default'],
+.rs-theme-high-contrast .rs-picker-toggle {
   transition: none;
 }
-.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
-.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,
-.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active {
+.rs-picker-toggle .rs-picker[data-variant='default']:hover,
+:not([data-disabled='true']) .rs-picker-toggle:hover,
+.rs-picker-toggle .rs-picker[data-variant='default']:focus,
+:not([data-disabled='true']) .rs-picker-toggle:focus,
+.rs-picker-toggle .rs-picker[data-variant='default']-active,
+:not([data-disabled='true']) .rs-picker-toggle-active {
   border-color: var(--rs-input-focus-border);
 }
-.rs-picker-subtle .rs-picker-toggle {
+.rs-picker[data-variant='subtle'] .rs-picker-toggle {
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   transition: none;
 }
-.rs-picker-subtle .rs-picker-toggle:hover {
+.rs-picker[data-variant='subtle'] .rs-picker-toggle:hover {
   color: var(--rs-btn-subtle-hover-text);
   background-color: var(--rs-btn-subtle-hover-bg);
 }
-.rs-picker-subtle .rs-picker-toggle:active,
-.rs-picker-subtle .rs-picker-toggle.rs-btn-active {
+.rs-picker[data-variant='subtle'] .rs-picker-toggle:active,
+.rs-picker[data-variant='subtle'] .rs-picker-toggle.rs-btn-active {
   color: var(--rs-btn-subtle-active-text);
   background-color: var(--rs-btn-subtle-active-bg);
 }
-.rs-picker-subtle .rs-picker-toggle:disabled,
-.rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
+.rs-picker[data-variant='subtle'] .rs-picker-toggle:disabled,
+.rs-picker[data-variant='subtle'] .rs-picker-toggle.rs-btn-disabled {
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
-.rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
-.rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
+.rs-theme-high-contrast .rs-picker[data-variant='subtle'] .rs-picker-toggle:disabled,
+.rs-theme-high-contrast .rs-picker[data-variant='subtle'] .rs-picker-toggle.rs-btn-disabled {
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
-.rs-picker-subtle .rs-picker-toggle-active {
+.rs-picker[data-variant='subtle'] .rs-picker-toggle-active {
   background-color: var(--rs-btn-subtle-hover-bg);
   color: var(--rs-btn-subtle-hover-text);
 }
+.rs-picker-toggle[data-size='lg'] .rs-picker-clean .rs-icon {
+  width: 16px;
+  height: 16px;
+}
+.rs-picker-toggle[data-size='sm'] .rs-picker-clean {
+  height: 18px;
+}
+.rs-picker-toggle[data-size='xs'] .rs-picker-clean {
+  height: 18px;
+}
+.rs-picker-toggle[data-size='xs'] .rs-picker-clean .rs-icon {
+  width: 12px;
+  height: 12px;
+}
+.rs-picker-toggle[data-countable='true'] .rs-picker-toggle-value {
+  display: flex;
+  align-items: center;
+}
 .rs-picker-toggle.rs-btn {
   text-align: start;
   display: inline-flex;
@@ -1961,18 +2018,18 @@ textarea.rs-input {
   font-size: var(--rs-font-size-md);
   color: var(--rs-text-secondary);
 }
-.rs-picker-default .rs-btn,
+.rs-picker[data-variant='default'] .rs-btn,
 .rs-picker-input .rs-btn,
-.rs-picker-default .rs-picker-toggle,
+.rs-picker[data-variant='default'] .rs-picker-toggle,
 .rs-picker-input .rs-picker-toggle {
   background-color: var(--rs-picker-toggle-bg);
 }
-.rs-picker-default.rs-picker-disabled,
-.rs-picker-input.rs-picker-disabled {
+.rs-picker[data-variant='default'][data-disabled='true'],
+.rs-picker-input[data-disabled='true'] {
   --rs-picker-toggle-bg: var(--rs-input-disabled-bg);
 }
-.rs-picker-default.rs-picker-disabled .rs-input-group,
-.rs-picker-input.rs-picker-disabled .rs-input-group {
+.rs-picker[data-variant='default'][data-disabled='true'] .rs-input-group,
+.rs-picker-input[data-disabled='true'] .rs-input-group {
   pointer-events: none;
 }
 .rs-check-item {

package/AutoComplete/styles/index.less

@@ -7,7 +7,7 @@
 .rs-auto-complete {
   &-menu > {
     // Auto complete items style the same to Picker menu items
-    .picker-menu-items-reset();
+    .picker-listbox-reset();
   }
 
   // The same to Picker select menu item

package/Box/styles/index.css

@@ -59,6 +59,18 @@
 [data-rs='box'][style*='--rs-box-h'] {
   height: var(--rs-box-h);
 }
+[data-rs='box'][style*='--rs-box-maxw'] {
+  max-width: var(--rs-box-maxw);
+}
+[data-rs='box'][style*='--rs-box-maxh'] {
+  max-height: var(--rs-box-maxh);
+}
+[data-rs='box'][style*='--rs-box-minw'] {
+  min-width: var(--rs-box-minw);
+}
+[data-rs='box'][style*='--rs-box-minh'] {
+  min-height: var(--rs-box-minh);
+}
 [data-rs='box'][style*='--rs-box-c'] {
   color: var(--rs-box-c);
 }

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## [5.79.1](https://github.com/rsuite/rsuite/compare/v5.79.0...v5.79.1) (2025-04-03)
+
+
+### Bug Fixes
+
+* **List:** fix sorting issue on mobile devices ([#4215](https://github.com/rsuite/rsuite/issues/4215)) ([5b74d8b](https://github.com/rsuite/rsuite/commit/5b74d8b6e09e3d662e63f0c437a28585f2535a94))
+
+
+
+# [5.79.0](https://github.com/rsuite/rsuite/compare/v5.78.1...v5.79.0) (2025-03-26)
+
+
+### Bug Fixes
+
+* **Form:** support explicit type of array type when use rule of formControl ([#4165](https://github.com/rsuite/rsuite/issues/4165)) ([55df308](https://github.com/rsuite/rsuite/commit/55df3080ebcb57ab5e3a8482e381220499600831))
+* **useToaster:** fix the incorrect [@see](https://github.com/see) link in the useToaster comment ([#4200](https://github.com/rsuite/rsuite/issues/4200)) ([cd8087a](https://github.com/rsuite/rsuite/commit/cd8087a4529fad814378104a4f19c2734bcd55f2))
+
+
+### Features
+
+* **Slider,RangeSlider:** add support for `keepTooltipOpen` prop ([#4186](https://github.com/rsuite/rsuite/issues/4186)) ([a1bdea4](https://github.com/rsuite/rsuite/commit/a1bdea4fad33feca63636631aa1cac7989c0eb87))
+
+
+
 ## [5.78.1](https://github.com/rsuite/rsuite/compare/v5.78.0...v5.78.1) (2025-03-14)
 
 

package/Calendar/styles/index.css

@@ -1096,21 +1096,21 @@
     transform: rotate(360deg);
   }
 }
-.rs-picker-subtle .picker-subtle-toggle {
+.rs-picker[data-variant='subtle'] .picker-subtle-toggle {
   position: relative;
   z-index: 5;
 }
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle {
   cursor: not-allowed;
 }
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active {
   background: none;
 }
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover::after,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus::after,
-.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active::after {
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover::after,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus::after,
+.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active::after {
   display: none;
 }
 .rs-calendar {
@@ -1118,6 +1118,7 @@
   --rs-calendar-cell-line-height: 1.42857143;
   --rs-calendar-cell-padding: 5px;
   --rs-calendar-border-radius: var(--rs-radius-md);
+  --rs-calendar-table-width: 100%;
   padding-top: 10px;
   position: relative;
   min-height: 266px;
@@ -1433,7 +1434,7 @@
 .rs-calendar-table {
   display: table;
   table-layout: fixed;
-  width: 100%;
+  width: var(--rs-calendar-table-width);
 }
 .rs-calendar-table-row {
   display: table-row;
@@ -1782,6 +1783,7 @@
 }
 .rs-calendar-only-time .rs-calendar-time-dropdown-column {
   min-width: 60px;
+  flex: 1;
 }
 @keyframes slideDown {
   from {

package/Calendar/styles/index.less

@@ -11,6 +11,7 @@
   --rs-calendar-cell-line-height: @calendar-table-cell-content-line-height;
   --rs-calendar-cell-padding: @calendar-table-cell-content-padding;
   --rs-calendar-border-radius: var(--rs-radius-md);
+  --rs-calendar-table-width: 100%;
 
   padding-top: @calendar-picker-padding;
   position: relative;
@@ -359,7 +360,7 @@
 .rs-calendar-table {
   display: table;
   table-layout: fixed;
-  width: 100%;
+  width: var(--rs-calendar-table-width);
 }
 
 .rs-calendar-table-row {
@@ -662,6 +663,7 @@
 
   .rs-calendar-time-dropdown-column {
     min-width: 60px;
+    flex: 1;
   }
 }