rsuite 5.64.2 → 5.65.0

package/AutoComplete/styles/index.css

@@ -123,6 +123,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -2386,13 +2388,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [5.65.0](https://github.com/rsuite/rsuite/compare/v5.64.2...v5.65.0) (2024-06-28)
+
+
+### Bug Fixes
+
+* **DatePicker,DateRangePicker:** fix the priority of the style in the error state ([#3854](https://github.com/rsuite/rsuite/issues/3854)) ([36cb376](https://github.com/rsuite/rsuite/commit/36cb376160dd0d0bfd83c745c7b859a65eb8a852))
+* **Divider:** fix Stack horizontal divider not working ([#3856](https://github.com/rsuite/rsuite/issues/3856)) ([678876b](https://github.com/rsuite/rsuite/commit/678876bf063f7bab1c78c7be3134e22c4d885391))
+* **Table:** fix table row border not full ([#3858](https://github.com/rsuite/rsuite/issues/3858)) ([2a2bdb9](https://github.com/rsuite/rsuite/commit/2a2bdb9b43430d4611f2d24726b0cca03a8a4120))
+* **theme:** add less variable to opt-out of high-contrast theme bundling ([#3861](https://github.com/rsuite/rsuite/issues/3861)) ([0db8cb9](https://github.com/rsuite/rsuite/commit/0db8cb991cc4a5eb368130e0f17c2ee32a3f8dbb))
+* **uploader:** background color on hover when disabled ([#3852](https://github.com/rsuite/rsuite/issues/3852)) ([29e79a5](https://github.com/rsuite/rsuite/commit/29e79a56d2a74fdae14c22eccdf0e0cc874dcfb2))
+
+
+### Features
+
+* add support for HStack and VStack ([#3857](https://github.com/rsuite/rsuite/issues/3857)) ([ddbe3ca](https://github.com/rsuite/rsuite/commit/ddbe3ca1bef84ef9998402a5beaae62e603067b1))
+* **useToaster:** add support for `mouseReset` parameter in push method ([#3846](https://github.com/rsuite/rsuite/issues/3846)) ([7361e40](https://github.com/rsuite/rsuite/commit/7361e406ed75a80bda005c99b635f4d1d21b98eb))
+
+
+
 ## [5.64.2](https://github.com/rsuite/rsuite/compare/v5.64.1...v5.64.2) (2024-06-21)
 
 

package/Cascader/styles/index.css

@@ -127,6 +127,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -2577,13 +2579,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/CheckPicker/styles/index.css

@@ -128,6 +128,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -2687,13 +2689,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/CheckTree/styles/index.css

@@ -129,6 +129,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
   --rs-tree-indent-line-color: rgba(0, 0, 0, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
@@ -2405,13 +2407,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/CheckTreePicker/styles/index.css

@@ -129,6 +129,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
   --rs-tree-indent-line-color: rgba(0, 0, 0, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
@@ -2405,13 +2407,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/DatePicker/styles/index.css

@@ -130,6 +130,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
   --rs-calendar-today-bg: var(--rs-primary-500);
   --rs-calendar-today-text: #fff;
   --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
@@ -3167,13 +3169,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/DateRangePicker/styles/index.css

@@ -130,6 +130,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
   --rs-calendar-today-bg: var(--rs-primary-500);
   --rs-calendar-today-text: #fff;
   --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
@@ -3167,13 +3169,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/Divider/styles/index.css

@@ -30,13 +30,15 @@
 }
 .rs-divider-vertical {
   display: inline-block;
-  height: 1em;
+  min-height: 1em;
+  height: 100%;
   width: 1px;
   vertical-align: middle;
   margin: 0 12px;
 }
 .rs-divider-horizontal {
   height: 1px;
+  width: 100%;
   margin: 24px 0;
 }
 .rs-divider-horizontal.rs-divider-with-text {

package/Divider/styles/index.less

@@ -5,7 +5,8 @@
 
   &-vertical {
     display: inline-block;
-    height: 1em;
+    min-height: 1em;
+    height: 100%;
     width: 1px;
     vertical-align: middle;
     margin: 0 @divider-vertical-margin;
@@ -13,6 +14,7 @@
 
   &-horizontal {
     height: 1px;
+    width: 100%;
     margin: @divider-horizontal-margin 0;
   }
 

package/HStack/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/HStack",
+  "private": true,
+  "main": "../cjs/Stack/HStack.js",
+  "module": "../esm/Stack/HStack.js",
+  "types": "../esm/Stack/HStack.d.ts"
+}

package/InputPicker/styles/index.css

@@ -128,6 +128,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -2492,13 +2494,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/MultiCascadeTree/styles/index.css

@@ -131,6 +131,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -2589,13 +2591,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/MultiCascader/styles/index.css

@@ -131,6 +131,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -2895,13 +2897,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/Pagination/styles/index.css

@@ -129,6 +129,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -1313,13 +1315,15 @@
 }
 .rs-divider-vertical {
   display: inline-block;
-  height: 1em;
+  min-height: 1em;
+  height: 100%;
   width: 1px;
   vertical-align: middle;
   margin: 0 12px;
 }
 .rs-divider-horizontal {
   height: 1px;
+  width: 100%;
   margin: 24px 0;
 }
 .rs-divider-horizontal.rs-divider-with-text {
@@ -2449,13 +2453,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/SelectPicker/styles/index.css

@@ -128,6 +128,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -2400,13 +2402,19 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;

package/Table/styles/index.css

@@ -18,6 +18,7 @@
   --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
   --rs-loader-rotor: var(--rs-gray-500);
   --rs-loader-backdrop: rgb(from var(--rs-gray-0) r g b / 90%);
+  --rs-table-border-color: var(--rs-border-secondary);
   --rs-table-shadow: rgba(9, 9, 9, 0.08);
   --rs-table-sort: var(--rs-primary-500);
   --rs-table-resize: var(--rs-primary-500);
@@ -53,6 +54,7 @@
   --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
   --rs-loader-rotor: var(--rs-gray-0);
   --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
+  --rs-table-border-color: var(--rs-border-secondary);
   --rs-table-shadow: rgba(9, 9, 9, 0.99);
   --rs-table-sort: var(--rs-primary-500);
   --rs-table-resize: var(--rs-primary-500);
@@ -86,6 +88,7 @@
   --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
   --rs-loader-rotor: var(--rs-gray-0);
   --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
+  --rs-table-border-color: var(--rs-border-secondary);
   --rs-table-shadow: rgba(9, 9, 9, 0.99);
   --rs-table-sort: var(--rs-primary-500);
   --rs-table-resize: var(--rs-primary-500);
@@ -143,7 +146,7 @@
   width: 100%;
   z-index: 4;
   border-top: 1px solid #f2f2f5;
-  border-top: 1px solid var(--rs-border-secondary);
+  border-top: 1px solid var(--rs-table-border-color);
   padding: 10px;
   background-color: #fff;
   background-color: var(--rs-bg-card);
@@ -289,7 +292,7 @@
   background-color: #fff;
   background-color: var(--rs-bg-card);
   border-bottom: 1px solid #f2f2f5;
-  border-bottom: 1px solid var(--rs-border-secondary);
+  border-bottom: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell.first {
   border-left-width: 0;
@@ -328,7 +331,7 @@
 }
 .rs-table-cell-rowspan {
   border-bottom: 1px solid #f2f2f5 !important;
-  border-bottom: 1px solid var(--rs-border-secondary) !important;
+  border-bottom: 1px solid var(--rs-table-border-color) !important;
 }
 .rs-table-cell-full-text:hover {
   z-index: 1 !important;
@@ -436,11 +439,11 @@
 }
 .rs-table-bordered {
   border: 1px solid #f2f2f5;
-  border: 1px solid var(--rs-border-secondary);
+  border: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell-bordered .rs-table-cell {
   border-right: 1px solid #f2f2f5;
-  border-right: 1px solid var(--rs-border-secondary);
+  border-right: 1px solid var(--rs-table-border-color);
 }
 .rs-table-column-group {
   position: absolute;
@@ -451,7 +454,7 @@
 }
 .rs-table-column-group-header {
   border-bottom: 1px solid #f2f2f5;
-  border-bottom: 1px solid var(--rs-border-secondary);
+  border-bottom: 1px solid var(--rs-table-border-color);
   position: absolute;
   width: 100%;
 }
@@ -462,7 +465,11 @@
 .rs-table-column-group-cell {
   position: absolute;
   border-right: 1px solid #f2f2f5;
-  border-right: 1px solid var(--rs-border-secondary);
+  border-right: 1px solid var(--rs-table-border-color);
+}
+.rs-table-row:not(.rs-table-row-rowspan) {
+  border-bottom: 1px solid #f2f2f5;
+  border-bottom: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell-expand-wrapper {
   margin-right: 10px;

package/Table/styles/index.less

@@ -34,7 +34,7 @@
     bottom: 0;
     width: 100%;
     z-index: 4;
-    border-top: 1px solid var(--rs-border-secondary);
+    border-top: 1px solid var(--rs-table-border-color);
     padding: 10px;
     background-color: var(--rs-bg-card);
   }
@@ -160,7 +160,7 @@
     position: absolute;
     white-space: normal;
     background-color: var(--rs-bg-card);
-    border-bottom: 1px solid var(--rs-border-secondary);
+    border-bottom: 1px solid var(--rs-table-border-color);
 
     &.first {
       border-left-width: 0;
@@ -204,7 +204,7 @@
     }
 
     &-rowspan {
-      border-bottom: 1px solid var(--rs-border-secondary) !important;
+      border-bottom: 1px solid var(--rs-table-border-color) !important;
     }
   }
 
@@ -308,11 +308,11 @@
   }
 
   &-bordered {
-    border: 1px solid var(--rs-border-secondary);
+    border: 1px solid var(--rs-table-border-color);
   }
 
   &-cell-bordered &-cell {
-    border-right: 1px solid var(--rs-border-secondary);
+    border-right: 1px solid var(--rs-table-border-color);
   }
 
   &-column-group {
@@ -323,7 +323,7 @@
     width: 100%;
 
     &-header {
-      border-bottom: 1px solid var(--rs-border-secondary);
+      border-bottom: 1px solid var(--rs-table-border-color);
       position: absolute;
       width: 100%;
 
@@ -335,11 +335,15 @@
 
     &-cell {
       position: absolute;
-      border-right: 1px solid var(--rs-border-secondary);
+      border-right: 1px solid var(--rs-table-border-color);
     }
   }
 }
 
+.rs-table-row:not(.rs-table-row-rowspan) {
+  border-bottom: 1px solid var(--rs-table-border-color);
+}
+
 // Tree Table
 
 .rs-table-cell-expand-wrapper {