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

package/List/styles/index.css

@@ -161,41 +161,41 @@ body{
   overflow-x:hidden;
   overflow-y:auto;
 }
-.rs-list-bordered{
+.rs-list[data-bordered=true]{
   border-radius:var(--rs-radius-md);
   border:var(--rs-list-border-width) solid var(--rs-list-border);
 }
-.rs-list-hover .rs-list-item:hover{
+.rs-list[data-hover=true] .rs-list-item:hover{
   background-color:var(--rs-list-hover-bg);
 }
-.rs-list-sortable .rs-list-item{
+.rs-list[data-sortable=true] .rs-list-item{
   cursor:move;
   cursor:grab;
 }
-.rs-list-sortable .rs-list-item-disabled, .rs-list-sortable .rs-list-item-disabled:active{
+.rs-list[data-sortable=true] .rs-list-item-disabled, .rs-list[data-sortable=true] .rs-list-item-disabled:active{
   cursor:not-allowed;
 }
 
 .rs-list-item{
   position:relative;
 }
-.rs-list-item-bordered{
+.rs-list-item[data-bordered=true]{
   padding-inline-start:20px;
   padding-inline-end:20px;
 }
-.rs-list-item-lg{
+.rs-list-item[data-size=lg]{
   padding-top:20px;
   padding-bottom:20px;
 }
-.rs-list-item-md{
+.rs-list-item[data-size=md]{
   padding-top:13px;
   padding-bottom:13px;
 }
-.rs-list-item-sm{
+.rs-list-item[data-size=sm]{
   padding-top:8px;
   padding-bottom:8px;
 }
-.rs-list-item-xs{
+.rs-list-item[data-size=xs]{
   padding-top:2px;
   padding-bottom:2px;
 }
@@ -234,6 +234,6 @@ body{
   border:var(--rs-list-border-width) var(--rs-list-placeholder-border) dashed;
 }
 
-.rs-list-divider .rs-list-item + .rs-list-item{
+.rs-list[data-divider=true] .rs-list-item + .rs-list-item{
   border-top:var(--rs-list-border-width) solid var(--rs-list-border);
 }

package/Loader/styles/index.css

@@ -169,7 +169,7 @@ body{
   --rs-loader-spin-ring-width:3px;
 }
 
-.rs-loader{
+.rs-loader-box{
   display:inline-flex;
   align-items:center;
   justify-content:center;
@@ -211,34 +211,34 @@ body{
   height:100%;
   background:var(--rs-loader-backdrop);
 }
-.rs-loader-vertical .rs-loader{
+.rs-loader[data-direction=vertical] .rs-loader-box{
   flex-direction:column;
 }
-.rs-loader-inverse .rs-loader-content{
+.rs-loader[data-inverse=true] .rs-loader-content{
   color:var(--rs-text-inverse);
 }
-.rs-loader-inverse .rs-loader-backdrop{
+.rs-loader[data-inverse=true] .rs-loader-backdrop{
   background:var(--rs-loader-backdrop-inverse);
 }
-.rs-loader-inverse .rs-loader-spin::before{
+.rs-loader[data-inverse=true] .rs-loader-spin::before{
   border-color:var(--rs-loader-ring-inverse);
 }
-.rs-loader-inverse .rs-loader-spin::after{
+.rs-loader[data-inverse=true] .rs-loader-spin::after{
   border-top-color:var(--rs-loader-rotor-inverse);
 }
-.rs-loader-speed-fast .rs-loader-spin::after{
+.rs-loader[data-speed=fast] .rs-loader-spin::after{
   animation-duration:var(--rs-loader-duration-fast);
 }
-.rs-loader-speed-normal .rs-loader-spin::after{
+.rs-loader[data-speed=normal] .rs-loader-spin::after{
   animation-duration:var(--rs-loader-duration-normal);
 }
-.rs-loader-speed-slow .rs-loader-spin::after{
+.rs-loader[data-speed=slow] .rs-loader-spin::after{
   animation-duration:var(--rs-loader-duration-slow);
 }
-.rs-loader-speed-paused .rs-loader-spin::after{
+.rs-loader[data-speed=paused] .rs-loader-spin::after{
   animation-play-state:var(--rs-loader-duration-paused);
 }
-.rs-loader-center{
+.rs-loader[data-center=true]{
   position:absolute;
   top:0;
   bottom:0;
@@ -251,26 +251,26 @@ body{
   align-items:center;
   justify-content:center;
 }
-.rs-loader-center .rs-loader-content{
+.rs-loader[data-center=true] .rs-loader-content{
   z-index:1;
 }
 
-.rs-loader-xs{
+.rs-loader[data-size=xs]{
   --rs-loader-size:var(--rs-loader-size-xs);
   --rs-loader-font-size:var(--rs-loader-font-size-xs);
 }
 
-.rs-loader-sm{
+.rs-loader[data-size=sm]{
   --rs-loader-size:var(--rs-loader-size-sm);
   --rs-loader-font-size:var(--rs-loader-font-size-sm);
 }
 
-.rs-loader-md{
+.rs-loader[data-size=md]{
   --rs-loader-size:var(--rs-loader-size-md);
   --rs-loader-font-size:var(--rs-loader-font-size-md);
 }
 
-.rs-loader-lg{
+.rs-loader[data-size=lg]{
   --rs-loader-size:var(--rs-loader-size-lg);
   --rs-loader-font-size:var(--rs-loader-font-size-lg);
 }

package/Menu/styles/index.css

@@ -36,7 +36,7 @@ body{
   --rs-menuitem-bg-active:var(--rs-primary-50);
   --rs-menuitem-text-active:var(--rs-primary-700);
   --rs-menuitem-active-bg:var(--rs-gray-100);
-  --rs-menuitem-active-text:var(--rs-primary-700);
+  --rs-menuitem-active-text:var(--rs-text-primary);
 }
 
 [data-theme=dark],
@@ -94,7 +94,7 @@ body{
   --rs-menuitem-bg-active:rgb(from var(--rs-primary-900) r g b / 20%);
   --rs-menuitem-text-active:var(--rs-primary-500);
   --rs-menuitem-active-bg:transparent;
-  --rs-menuitem-active-text:var(--rs-primary-500);
+  --rs-menuitem-active-text:var(--rs-text-primary);
 }
 @supports not (color: rgb(from white r g b)){
   [data-theme=high-contrast],

package/Message/styles/index.css

@@ -417,8 +417,8 @@ body{
 .rs-message.rs-message-hiding{
   animation:notificationMoveOut 0.3s ease-in forwards;
 }
-[data-theme=dark] .rs-message .rs-btn-link,
-[data-theme=dark] .rs-message a, .rs-theme-dark .rs-message .rs-btn-link,
+[data-theme=dark] .rs-message .rs-btn[data-appearance=link],
+[data-theme=dark] .rs-message a, .rs-theme-dark .rs-message .rs-btn[data-appearance=link],
 .rs-theme-dark .rs-message a{
   color:inherit;
   text-decoration:underline;