rsuite 6.0.0-canary-2025032014 → 6.0.0-canary-20250416

package/DateRangePicker/styles/index.css

@@ -1212,9 +1212,6 @@
   background-color: var(--rs-input-disabled-bg);
   color: var(--rs-text-disabled);
 }
-textarea.rs-input {
-  height: auto;
-}
 .rs-input.rs-input-xs {
   --rs-input-font-size: var(--rs-input-font-size-xs);
   --rs-input-line-height: var(--rs-input-line-height-xs);
@@ -1239,10 +1236,6 @@ textarea.rs-input {
   --rs-input-padding-block: var(--rs-input-padding-block-lg);
   --rs-input-padding-inline: var(--rs-input-padding-inline-lg);
 }
-textarea.rs-input {
-  overflow: auto;
-  resize: vertical;
-}
 .rs-input-group {
   --rs-input-group-input-height-xs: calc(24px - 2px);
   --rs-input-group-input-height-sm: calc(30px - 2px);
@@ -1321,7 +1314,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;
@@ -1452,22 +1445,22 @@ textarea.rs-input {
   border-radius: var(--rs-radius-none);
   font-size: var(--rs-input-group-font-size);
 }
-.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-calendar {
@@ -1475,6 +1468,7 @@ textarea.rs-input {
   --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;
@@ -1790,7 +1784,7 @@ textarea.rs-input {
 .rs-calendar-table {
   display: table;
   table-layout: fixed;
-  width: 100%;
+  width: var(--rs-calendar-table-width);
 }
 .rs-calendar-table-row {
   display: table-row;
@@ -2139,6 +2133,7 @@ textarea.rs-input {
 }
 .rs-calendar-only-time .rs-calendar-time-dropdown-column {
   min-width: 60px;
+  flex: 1;
 }
 @keyframes slideDown {
   from {
@@ -2305,25 +2300,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 {
@@ -2333,10 +2326,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;
@@ -2347,11 +2336,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);
 }
@@ -2387,6 +2377,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 */;
@@ -2400,6 +2391,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);
@@ -2425,37 +2417,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;
@@ -2494,44 +2523,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;
@@ -2565,18 +2617,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 {
@@ -2657,23 +2709,17 @@ textarea.rs-input {
   padding: 10px;
   border-top: 1px solid var(--rs-divider-border);
 }
-.rs-picker-date-inline {
-  height: 299px;
-}
-.rs-picker-date-inline .rs-calendar {
-  height: 286px;
-}
-.rs-picker-date .rs-input-group-addon {
+.rs-picker[data-picker='date'] .rs-input-group-addon {
   color: var(--rs-text-secondary);
   cursor: pointer;
 }
-.rs-picker-date .rs-input-group-addon .rs-btn-close {
+.rs-picker[data-picker='date'] .rs-input-group-addon .rs-btn-close {
   padding: 0;
 }
-.rs-picker-date.rs-picker-subtle .rs-input-group {
+.rs-picker[data-picker='date'].rs-picker[data-variant='subtle'] .rs-input-group {
   border-color: transparent;
 }
-.rs-picker-date > .rs-input-group.rs-input-group-inside .rs-input {
+.rs-picker[data-picker='date'] > .rs-input-group.rs-input-group-inside .rs-input {
   padding-inline-end: 0;
 }
 .rs-picker-date-predefined {
@@ -2784,9 +2830,11 @@ textarea.rs-input {
 }
 .rs-picker-popup .rs-calendar.rs-calendar-only-time {
   min-width: auto;
+  width: 100%;
+  flex: 1;
 }
 .rs-picker-popup .rs-calendar.rs-calendar-only-time .rs-calendar-time-dropdown-column > ul {
-  height: 240px;
+  height: 100%;
 }
 .rs-stack {
   --rs-stack-spacing: calc(var(--rs-spacing) * 1.5);
@@ -2903,17 +2951,17 @@ textarea.rs-input {
   flex-shrink: var(--rs-stack-item-shrink);
   flex-basis: var(--rs-stack-item-flex-basis);
 }
-.rs-picker-daterange .rs-input-group-addon {
+.rs-picker[data-picker='date-range'] .rs-input-group-addon {
   color: var(--rs-text-secondary);
   cursor: pointer;
 }
-.rs-picker-daterange .rs-input-group-addon .rs-btn-close {
+.rs-picker[data-picker='date-range'] .rs-input-group-addon .rs-btn-close {
   padding: 0;
 }
-.rs-picker-daterange.rs-picker-subtle .rs-input-group {
+.rs-picker[data-picker='date-range'].rs-picker[data-variant='subtle'] .rs-input-group {
   border-color: transparent;
 }
-.rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
+.rs-picker[data-picker='date-range'] > .rs-input-group.rs-input-group-inside .rs-input {
   padding-inline-end: 0;
 }
 .rs-picker-popup.rs-picker-popup-daterange {
@@ -2939,9 +2987,15 @@ textarea.rs-input {
 .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
   width: 190px;
 }
+.rs-picker-popup .rs-picker-daterange-panel-only-time {
+  height: 100%;
+}
 .rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-calendar-group {
   min-width: auto;
 }
+.rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-content {
+  flex: 1;
+}
 .rs-picker-popup .rs-picker-daterange-calendar-single .rs-calendar {
   border: 0;
   display: block;

package/DateRangePicker/styles/index.less

@@ -7,7 +7,7 @@
 @import '../../DatePicker/styles/index.less';
 @import '../../Stack/styles/index.less';
 
-.rs-picker-daterange {
+.rs-picker[data-picker='date-range'] {
   .rs-input-group-addon {
     color: var(--rs-text-secondary);
     cursor: pointer;
@@ -17,7 +17,7 @@
     }
   }
 
-  &.rs-picker-subtle {
+  &.rs-picker[data-variant='subtle'] {
     .rs-input-group {
       border-color: transparent;
     }
@@ -67,9 +67,15 @@
   }
 
   .rs-picker-daterange-panel-only-time {
+    height: 100%;
+
     .rs-picker-daterange-calendar-group {
       min-width: auto;
     }
+
+    .rs-picker-daterange-content {
+      flex: 1;
+    }
   }
 
   // Calendar single
@@ -106,14 +112,14 @@
       width: 50%;
       bottom: -1px;
       border-bottom: 2px solid #3498ff;
-      inset-inline-start:  0;
+      inset-inline-start: 0;
       transition: left 0.3s;
     }
   }
 
   &.rs-picker-tab-active-end {
     &::after {
-      inset-inline-start:  50%;
+      inset-inline-start: 50%;
     }
   }
 }

package/Divider/styles/index.css

@@ -88,9 +88,9 @@
 .rs-divider:where([data-orientation='horizontal'][data-with-label='true'])::after {
   margin-inline-start: var(--rs-divider-spacing-xs);
 }
-.rs-divider:where([data-position='left']):before {
+.rs-divider:where([data-placement='start']):before {
   display: none;
 }
-.rs-divider:where([data-position='right']):after {
+.rs-divider:where([data-placement='end']):after {
   display: none;
 }

package/Divider/styles/index.less

@@ -75,11 +75,11 @@
     }
   }
 
-  &:where([data-position='left']):before {
+  &:where([data-placement='start']):before {
     display: none;
   }
 
-  &:where([data-position='right']):after {
+  &:where([data-placement='end']):after {
     display: none;
   }
 }

package/Grid/styles/columns.less

@@ -6,8 +6,7 @@
   display: block;
   max-width: 100%;
   min-height: 1px;
-  padding-inline-start: var(--rs-col-gutter);
-  padding-inline-end: var(--rs-col-gutter);
+  padding-inline: var(--rs-col-gutter);
 
   &[class*='rs-col-auto-'] {
     flex-grow: var(--rs-col-auto-flex-grow);

package/Grid/styles/grid-framework.less

@@ -39,6 +39,7 @@
   }
   .rs-row {
     --rs-row-gutter: calc(var(~'--rs-grid-gutter-@{size}', var(--rs-grid-gutter)) / -2);
+    --rs-row-gap: var(~'--rs-grid-row-gutter-@{size}', var(--rs-grid-row-gutter));
 
     .responsive-align(@size);
     .responsive-justify(@size);

package/Grid/styles/index.css

@@ -22,8 +22,8 @@
 .rs-row {
   display: flex;
   flex-flow: row wrap;
-  margin-inline-start: var(--rs-row-gutter);
-  margin-inline-end: var(--rs-row-gutter);
+  margin-inline: var(--rs-row-gutter);
+  row-gap: var(--rs-row-gap);
 }
 .rs-row-top {
   align-items: flex-start;
@@ -78,8 +78,7 @@
   display: block;
   max-width: 100%;
   min-height: 1px;
-  padding-inline-start: var(--rs-col-gutter);
-  padding-inline-end: var(--rs-col-gutter);
+  padding-inline: var(--rs-col-gutter);
 }
 .rs-col[class*='rs-col-auto-'] {
   flex-grow: var(--rs-col-auto-flex-grow);
@@ -520,6 +519,7 @@
 }
 .rs-row {
   --rs-row-gutter: calc(var(--rs-grid-gutter-xs, var(--rs-grid-gutter)) / -2);
+  --rs-row-gap: var(--rs-grid-row-gutter-xs, var(--rs-grid-row-gutter));
 }
 .rs-row-xs-top {
   align-items: flex-start;
@@ -922,6 +922,7 @@
   }
   .rs-row {
     --rs-row-gutter: calc(var(--rs-grid-gutter-sm, var(--rs-grid-gutter)) / -2);
+    --rs-row-gap: var(--rs-grid-row-gutter-sm, var(--rs-grid-row-gutter));
   }
   .rs-row-sm-top {
     align-items: flex-start;
@@ -1325,6 +1326,7 @@
   }
   .rs-row {
     --rs-row-gutter: calc(var(--rs-grid-gutter-md, var(--rs-grid-gutter)) / -2);
+    --rs-row-gap: var(--rs-grid-row-gutter-md, var(--rs-grid-row-gutter));
   }
   .rs-row-md-top {
     align-items: flex-start;
@@ -1728,6 +1730,7 @@
   }
   .rs-row {
     --rs-row-gutter: calc(var(--rs-grid-gutter-lg, var(--rs-grid-gutter)) / -2);
+    --rs-row-gap: var(--rs-grid-row-gutter-lg, var(--rs-grid-row-gutter));
   }
   .rs-row-lg-top {
     align-items: flex-start;
@@ -2131,6 +2134,7 @@
   }
   .rs-row {
     --rs-row-gutter: calc(var(--rs-grid-gutter-xl, var(--rs-grid-gutter)) / -2);
+    --rs-row-gap: var(--rs-grid-row-gutter-xl, var(--rs-grid-row-gutter));
   }
   .rs-row-xl-top {
     align-items: flex-start;
@@ -2534,6 +2538,7 @@
   }
   .rs-row {
     --rs-row-gutter: calc(var(--rs-grid-gutter-xxl, var(--rs-grid-gutter)) / -2);
+    --rs-row-gap: var(--rs-grid-row-gutter-xxl, var(--rs-grid-row-gutter));
   }
   .rs-row-xxl-top {
     align-items: flex-start;

package/Grid/styles/row.less

@@ -6,8 +6,8 @@
   flex-flow: row wrap;
 
   // Base styles (xs breakpoint)
-  margin-inline-start: var(--rs-row-gutter);
-  margin-inline-end: var(--rs-row-gutter);
+  margin-inline: var(--rs-row-gutter);
+  row-gap: var(--rs-row-gap);
 
   // Default alignment without breakpoint prefix
   &-top {

package/Input/styles/index.css

@@ -146,9 +146,6 @@
   background-color: var(--rs-input-disabled-bg);
   color: var(--rs-text-disabled);
 }
-textarea.rs-input {
-  height: auto;
-}
 .rs-input.rs-input-xs {
   --rs-input-font-size: var(--rs-input-font-size-xs);
   --rs-input-line-height: var(--rs-input-line-height-xs);
@@ -173,7 +170,3 @@ textarea.rs-input {
   --rs-input-padding-block: var(--rs-input-padding-block-lg);
   --rs-input-padding-inline: var(--rs-input-padding-inline-lg);
 }
-textarea.rs-input {
-  overflow: auto;
-  resize: vertical;
-}

package/Input/styles/index.less

@@ -20,10 +20,4 @@
       --rs-input-padding-inline: var(~'--rs-input-padding-inline-@{size}');
     }
   });
-
-  // Reset height for `textarea`
-  textarea& {
-    overflow: auto;
-    resize: vertical;
-  }
 }

package/Input/styles/mixin.less

@@ -36,8 +36,4 @@
     background-color: var(--rs-input-disabled-bg);
     color: var(--rs-text-disabled);
   }
-
-  textarea& {
-    height: auto;
-  }
 }

package/InputGroup/styles/index.css

@@ -1124,7 +1124,7 @@
 .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;

package/InputGroup/styles/index.less

@@ -86,7 +86,7 @@
   .rs-input-number,
   .rs-input-group-addon,
   .rs-input-group-btn,
-  .rs-picker-date .rs-picker-toggle {
+  .rs-picker[data-picker='date'] .rs-picker-toggle {
     border: none;
     border-radius: var(--rs-radius-none);
     outline: none;