rsuite 6.0.0-canary-20250624 → 6.0.0-canary-20250702

package/Steps/styles/index.css

@@ -156,7 +156,7 @@ body{
   --rs-steps-description-line-height:var(--rs-line-height-md);
   min-height:var(--rs-steps-icon-size);
 }
-.rs-steps.rs-steps-small{
+.rs-steps[data-size=small]{
   --rs-steps-icon-size:1.5rem;
   --rs-steps-icon-font-size:var(--rs-font-size-sm);
   --rs-steps-item-spacing:calc(var(--rs-spacing) * 8.5);
@@ -171,10 +171,10 @@ body{
   position:relative;
   width:100%;
 }
-.rs-steps-item-status-process .rs-steps .rs-steps-item-content{
+.rs-steps .rs-steps-item[data-status=process] .rs-steps-item-content{
   color:var(--rs-text-primary);
 }
-.rs-steps-item-status-error .rs-steps .rs-steps-item-content{
+.rs-steps .rs-steps-item[data-status=error] .rs-steps-item-content{
   color:var(--rs-text-error);
 }
 .rs-steps .rs-steps-item-title{
@@ -214,23 +214,24 @@ body{
   border:1px solid var(--rs-steps-border);
   border-radius:var(--rs-radius-full);
 }
-.rs-steps-item-status-finish .rs-steps-item-icon-wrapper{
+.rs-steps-item:where([data-status=finish]) .rs-steps-item-icon-wrapper{
   border-color:var(--rs-steps-state-finish);
   color:var(--rs-steps-state-finish);
 }
-.rs-steps-item-status-error .rs-steps-item-icon-wrapper{
+.rs-steps-item:where([data-status=error]) .rs-steps-item-icon-wrapper{
   border-color:var(--rs-steps-state-error);
   color:var(--rs-steps-state-error);
 }
-.rs-steps-item-status-process .rs-steps-item-icon-wrapper{
+.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper{
   border-color:var(--rs-steps-state-process);
   background-color:var(--rs-steps-state-process);
   color:var(--rs-text-inverse);
 }
-.rs-steps-item-status-process .rs-steps-item-icon-wrapper .rs-icon{
+.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper .rs-icon,
+.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper svg{
   color:var(--rs-steps-icon-state-process);
 }
-.rs-steps-item-icon-wrapper.rs-steps-item-custom-icon{
+.rs-steps-item[data-custom-icon=true] .rs-steps-item-icon-wrapper{
   border:none;
   background:none;
 }
@@ -251,42 +252,42 @@ body{
   position:absolute;
   border-color:var(--rs-steps-border);
 }
-.rs-steps-item-status-process .rs-steps-item-tail,
-.rs-steps-item-status-process .rs-steps-item-title::after{
+.rs-steps-item:where([data-status=process]) .rs-steps-item-tail,
+.rs-steps-item:where([data-status=process]) .rs-steps-item-title::after{
   border-color:var(--rs-steps-border);
 }
-.rs-steps-item-status-finish .rs-steps-item-tail,
-.rs-steps-item-status-finish .rs-steps-item-title::after{
+.rs-steps-item:where([data-status=finish]) .rs-steps-item-tail,
+.rs-steps-item:where([data-status=finish]) .rs-steps-item-title::after{
   border-color:var(--rs-steps-state-finish);
 }
-.rs-steps-next-error .rs-steps-item-tail,
-.rs-steps-next-error .rs-steps-item-title::after{
+.rs-steps-item[data-next-error=true] .rs-steps-item-tail,
+.rs-steps-item[data-next-error=true] .rs-steps-item-title::after{
   border-color:var(--rs-steps-border-state-error);
 }
 
-.rs-steps-horizontal{
+.rs-steps[data-direction=horizontal]{
   display:flex;
   justify-content:space-between;
 }
-.rs-steps-horizontal .rs-steps-item{
+.rs-steps[data-direction=horizontal] .rs-steps-item{
   flex-grow:1;
   flex-shrink:1;
   min-height:var(--rs-steps-icon-size);
 }
-.rs-steps-horizontal .rs-steps-item:last-child{
+.rs-steps[data-direction=horizontal] .rs-steps-item:last-child{
   flex-grow:0;
   flex-shrink:0;
 }
-.rs-steps-horizontal .rs-steps-item:last-child .rs-steps-item-title::after{
+.rs-steps[data-direction=horizontal] .rs-steps-item:last-child .rs-steps-item-title::after{
   display:none;
 }
-.rs-steps-horizontal .rs-steps-item:not(:first-child){
+.rs-steps[data-direction=horizontal] .rs-steps-item:not(:first-child){
   padding-inline-start:calc(var(--rs-steps-icon-size) + var(--rs-spacing) * 5);
 }
-.rs-steps-horizontal .rs-steps-item:not(:first-child) .rs-steps-item-icon-wrapper{
+.rs-steps[data-direction=horizontal] .rs-steps-item:not(:first-child) .rs-steps-item-icon-wrapper{
   inset-inline-start:calc(var(--rs-spacing) * 2.5);
 }
-.rs-steps-horizontal .rs-steps-item-title::after{
+.rs-steps[data-direction=horizontal] .rs-steps-item-title::after{
   content:"";
   top:calc(var(--rs-steps-icon-size) / 2);
   inset-inline-start:100%;
@@ -295,16 +296,16 @@ body{
   border-top-style:solid;
 }
 
-.rs-steps-vertical .rs-steps-item{
+.rs-steps[data-direction=vertical] .rs-steps-item{
   padding-bottom:calc(var(--rs-spacing) * 5);
 }
-.rs-steps-vertical .rs-steps-item:not(:first-child){
+.rs-steps[data-direction=vertical] .rs-steps-item:not(:first-child){
   margin-top:calc(var(--rs-spacing) * 2.5);
 }
-.rs-steps-vertical .rs-steps-item:last-child .rs-steps-item-tail{
+.rs-steps[data-direction=vertical] .rs-steps-item:last-child .rs-steps-item-tail{
   display:none;
 }
-.rs-steps-vertical .rs-steps-item-tail{
+.rs-steps[data-direction=vertical] .rs-steps-item-tail{
   top:var(--rs-steps-item-spacing);
   bottom:0;
   inset-inline-start:calc(var(--rs-steps-icon-size) / 2);

package/Table/styles/index.css

@@ -37,6 +37,7 @@ body{
   --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);
   --rs-table-scrollbar-track:var(--rs-gray-200);
   --rs-table-scrollbar-thumb:var(--rs-gray-800);
@@ -75,6 +76,7 @@ body{
   --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);
   --rs-table-scrollbar-track:var(--rs-gray-700);
   --rs-table-scrollbar-thumb:var(--rs-gray-200);
@@ -113,6 +115,7 @@ body{
   --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);
   --rs-table-scrollbar-track:var(--rs-gray-700);
   --rs-table-scrollbar-thumb:var(--rs-gray-200);
@@ -132,6 +135,7 @@ body{
   --rs-font-size-xs:0.75rem;
   --rs-font-size-sm:0.875rem;
   --rs-font-size-md:1rem;
+  --rs-font-size-base:var(--rs-font-size-sm);
   --rs-line-height-sm:calc(20 / 12);
   --rs-line-height-md:calc(20 / 14);
   --rs-radius-sm:0.25rem;
@@ -376,6 +380,13 @@ body{
   cursor:pointer;
   margin-inline-end:var(--rs-table-header-sort-margin-start);
 }
+.rs-table-cell-header-icon-sort{
+  font-size:var(--rs-font-size-base);
+  line-height:var(--rs-table-header-line-height);
+}
+.rs-table-cell:where([aria-sort]) .rs-table-cell-header-icon-sort{
+  color:var(--rs-table-sort);
+}
 .rs-table-cell-header-sort-asc, .rs-table-cell-header-sort-desc{
   color:var(--rs-text-primary);
 }