rsuite 5.24.1 → 5.25.0

package/dist/rsuite.css

@@ -135,7 +135,7 @@
   --rs-btn-primary-hover-bg: #2589f5;
   --rs-btn-primary-active-bg: #1675e0;
   --rs-btn-subtle-text: #8e8e93;
-  --rs-btn-subtle-hover-bg: #f7f7fa;
+  --rs-btn-subtle-hover-bg: #e5e5ea;
   --rs-btn-subtle-hover-text: #575757;
   --rs-btn-subtle-active-bg: #e5e5ea;
   --rs-btn-subtle-active-text: #272c36;
@@ -186,6 +186,7 @@
   --rs-progress-bar-fail: #f44336;
   --rs-placeholder: #f2f2f5;
   --rs-placeholder-active: #e5e5ea;
+  --rs-breadcrumb-item-active-text: #272c36;
   --rs-dropdown-divider: #e5e5ea;
   --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
   --rs-dropdown-item-bg-active: #f2faff;
@@ -452,13 +453,13 @@
   --rs-btn-default-active-bg: #858b94;
   --rs-btn-default-active-text: #fff;
   --rs-btn-default-disabled-bg: #3c3f43;
-  --rs-btn-default-disabled-text: #5c6066;
+  --rs-btn-default-disabled-text: #6a6f76;
   --rs-btn-primary-bg: #169de0;
   --rs-btn-primary-text: #fff;
   --rs-btn-primary-hover-bg: #25b3f5;
   --rs-btn-primary-active-bg: #59d0ff;
   --rs-btn-subtle-text: #a4a9b3;
-  --rs-btn-subtle-hover-bg: #292d33;
+  --rs-btn-subtle-hover-bg: #5c6066;
   --rs-btn-subtle-hover-text: #e9ebf0;
   --rs-btn-subtle-active-bg: #6a6f76;
   --rs-btn-subtle-active-text: #fff;
@@ -509,6 +510,7 @@
   --rs-progress-bar-fail: #f44336;
   --rs-placeholder: #3c3f43;
   --rs-placeholder-active: #484c50;
+  --rs-breadcrumb-item-active-text: #fff;
   --rs-dropdown-divider: #3c3f43;
   --rs-dropdown-item-bg-hover: #3c3f43;
   --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
@@ -837,6 +839,7 @@
   --rs-progress-bar-fail: #f44336;
   --rs-placeholder: #3c3f43;
   --rs-placeholder-active: #484c50;
+  --rs-breadcrumb-item-active-text: #fff;
   --rs-dropdown-divider: #3c3f43;
   --rs-dropdown-item-bg-hover: #3c3f43;
   --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
@@ -1838,6 +1841,10 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-breadcrumb-item:focus {
   outline: 0;
 }
+.rs-breadcrumb-item-active {
+  color: #272c36;
+  color: var(--rs-breadcrumb-item-active-text);
+}
 .rs-breadcrumb-separator {
   margin: 0 4px;
 }
@@ -1990,7 +1997,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-btn-subtle:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-btn-subtle:active,
@@ -2055,6 +2062,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   background-color: transparent;
   border-color: #0a5dc2;
   border-color: var(--rs-btn-ghost-hover-border);
+  -webkit-box-shadow: 0 0 0 1px #0a5dc2;
+  -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
+          box-shadow: 0 0 0 1px #0a5dc2;
+          box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
 }
 .rs-btn-ghost:active,
 .rs-btn-ghost.rs-btn-active {
@@ -2070,6 +2081,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-btn-ghost-text);
   background-color: transparent;
   opacity: 0.3;
+  border-color: #1675e0;
+  border-color: var(--rs-btn-ghost-border);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .rs-theme-high-contrast .rs-btn-ghost:disabled,
 .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
@@ -2077,15 +2092,15 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-500);
-  --rs-btn-primary-hover-bg: var(--rs-red-600);
-  --rs-btn-primary-active-bg: var(--rs-red-700);
+  --rs-btn-primary-hover-bg: var(--rs-red-700);
+  --rs-btn-primary-active-bg: var(--rs-red-800);
   --rs-btn-subtle-hover-bg: var(--rs-red-500);
-  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-red-600);
-  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-subtle-active-text: #575757;
   --rs-btn-ghost-border: var(--rs-red-700);
   --rs-btn-ghost-text: var(--rs-red-700);
-  --rs-btn-ghost-hover-border: var(--rs-red-800);
+  --rs-btn-ghost-hover-border: var(--rs-red-900);
   --rs-btn-ghost-hover-text: var(--rs-red-800);
   --rs-btn-ghost-active-border: var(--rs-red-900);
   --rs-btn-ghost-active-text: var(--rs-red-900);
@@ -2093,12 +2108,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-red-800);
   --rs-btn-link-active-text: var(--rs-red-900);
   --rs-iconbtn-primary-addon: var(--rs-red-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-red-700);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-red-800);
+  --rs-iconbtn-primary-activated-addon: var(--rs-red-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-red-900);
 }
 .rs-theme-dark .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-700);
-  --rs-btn-primary-hover-bg: var(--rs-red-600);
+  --rs-btn-primary-hover-bg: var(--rs-red-500);
   --rs-btn-primary-active-bg: var(--rs-red-400);
   --rs-btn-subtle-hover-bg: var(--rs-red-600);
   --rs-btn-subtle-hover-text: #fff;
@@ -2114,8 +2129,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-red-400);
   --rs-btn-link-active-text: var(--rs-red-200);
   --rs-iconbtn-primary-addon: var(--rs-red-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-red-500);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-red-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-red-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-red-300);
 }
 .rs-theme-high-contrast .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-700);
@@ -2137,15 +2152,15 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-orange {
   --rs-btn-primary-bg: var(--rs-orange-500);
-  --rs-btn-primary-hover-bg: var(--rs-orange-600);
-  --rs-btn-primary-active-bg: var(--rs-orange-700);
+  --rs-btn-primary-hover-bg: var(--rs-orange-700);
+  --rs-btn-primary-active-bg: var(--rs-orange-800);
   --rs-btn-subtle-hover-bg: var(--rs-orange-500);
-  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-orange-600);
-  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-subtle-active-text: #575757;
   --rs-btn-ghost-border: var(--rs-orange-700);
   --rs-btn-ghost-text: var(--rs-orange-700);
-  --rs-btn-ghost-hover-border: var(--rs-orange-800);
+  --rs-btn-ghost-hover-border: var(--rs-orange-900);
   --rs-btn-ghost-hover-text: var(--rs-orange-800);
   --rs-btn-ghost-active-border: var(--rs-orange-900);
   --rs-btn-ghost-active-text: var(--rs-orange-900);
@@ -2153,12 +2168,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-orange-800);
   --rs-btn-link-active-text: var(--rs-orange-900);
   --rs-iconbtn-primary-addon: var(--rs-orange-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-orange-700);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-800);
+  --rs-iconbtn-primary-activated-addon: var(--rs-orange-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-900);
 }
 .rs-theme-dark .rs-btn-orange {
   --rs-btn-primary-bg: var(--rs-orange-700);
-  --rs-btn-primary-hover-bg: var(--rs-orange-600);
+  --rs-btn-primary-hover-bg: var(--rs-orange-500);
   --rs-btn-primary-active-bg: var(--rs-orange-400);
   --rs-btn-subtle-hover-bg: var(--rs-orange-600);
   --rs-btn-subtle-hover-text: #fff;
@@ -2174,8 +2189,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-orange-400);
   --rs-btn-link-active-text: var(--rs-orange-200);
   --rs-iconbtn-primary-addon: var(--rs-orange-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-orange-500);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-orange-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-300);
 }
 .rs-theme-high-contrast .rs-btn-orange {
   --rs-btn-primary-bg: var(--rs-orange-700);
@@ -2197,15 +2212,15 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-yellow {
   --rs-btn-primary-bg: var(--rs-yellow-500);
-  --rs-btn-primary-hover-bg: var(--rs-yellow-600);
-  --rs-btn-primary-active-bg: var(--rs-yellow-700);
+  --rs-btn-primary-hover-bg: var(--rs-yellow-700);
+  --rs-btn-primary-active-bg: var(--rs-yellow-800);
   --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
-  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-yellow-600);
-  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-subtle-active-text: #575757;
   --rs-btn-ghost-border: var(--rs-yellow-700);
   --rs-btn-ghost-text: var(--rs-yellow-700);
-  --rs-btn-ghost-hover-border: var(--rs-yellow-800);
+  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
   --rs-btn-ghost-hover-text: var(--rs-yellow-800);
   --rs-btn-ghost-active-border: var(--rs-yellow-900);
   --rs-btn-ghost-active-text: var(--rs-yellow-900);
@@ -2213,12 +2228,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-yellow-800);
   --rs-btn-link-active-text: var(--rs-yellow-900);
   --rs-iconbtn-primary-addon: var(--rs-yellow-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-700);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-800);
+  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-900);
 }
 .rs-theme-dark .rs-btn-yellow {
   --rs-btn-primary-bg: var(--rs-yellow-700);
-  --rs-btn-primary-hover-bg: var(--rs-yellow-600);
+  --rs-btn-primary-hover-bg: var(--rs-yellow-500);
   --rs-btn-primary-active-bg: var(--rs-yellow-400);
   --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
   --rs-btn-subtle-hover-text: #fff;
@@ -2234,8 +2249,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-yellow-400);
   --rs-btn-link-active-text: var(--rs-yellow-200);
   --rs-iconbtn-primary-addon: var(--rs-yellow-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-500);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-300);
 }
 .rs-theme-high-contrast .rs-btn-yellow {
   --rs-btn-primary-bg: var(--rs-yellow-700);
@@ -2257,15 +2272,15 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-green {
   --rs-btn-primary-bg: var(--rs-green-500);
-  --rs-btn-primary-hover-bg: var(--rs-green-600);
-  --rs-btn-primary-active-bg: var(--rs-green-700);
+  --rs-btn-primary-hover-bg: var(--rs-green-700);
+  --rs-btn-primary-active-bg: var(--rs-green-800);
   --rs-btn-subtle-hover-bg: var(--rs-green-500);
-  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-green-600);
-  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-subtle-active-text: #575757;
   --rs-btn-ghost-border: var(--rs-green-700);
   --rs-btn-ghost-text: var(--rs-green-700);
-  --rs-btn-ghost-hover-border: var(--rs-green-800);
+  --rs-btn-ghost-hover-border: var(--rs-green-900);
   --rs-btn-ghost-hover-text: var(--rs-green-800);
   --rs-btn-ghost-active-border: var(--rs-green-900);
   --rs-btn-ghost-active-text: var(--rs-green-900);
@@ -2273,12 +2288,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-green-800);
   --rs-btn-link-active-text: var(--rs-green-900);
   --rs-iconbtn-primary-addon: var(--rs-green-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-green-700);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-green-800);
+  --rs-iconbtn-primary-activated-addon: var(--rs-green-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-green-900);
 }
 .rs-theme-dark .rs-btn-green {
   --rs-btn-primary-bg: var(--rs-green-700);
-  --rs-btn-primary-hover-bg: var(--rs-green-600);
+  --rs-btn-primary-hover-bg: var(--rs-green-500);
   --rs-btn-primary-active-bg: var(--rs-green-400);
   --rs-btn-subtle-hover-bg: var(--rs-green-600);
   --rs-btn-subtle-hover-text: #fff;
@@ -2294,8 +2309,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-green-400);
   --rs-btn-link-active-text: var(--rs-green-200);
   --rs-iconbtn-primary-addon: var(--rs-green-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-green-500);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-green-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-green-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-green-300);
 }
 .rs-theme-high-contrast .rs-btn-green {
   --rs-btn-primary-bg: var(--rs-green-700);
@@ -2317,15 +2332,15 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-cyan {
   --rs-btn-primary-bg: var(--rs-cyan-500);
-  --rs-btn-primary-hover-bg: var(--rs-cyan-600);
-  --rs-btn-primary-active-bg: var(--rs-cyan-700);
+  --rs-btn-primary-hover-bg: var(--rs-cyan-700);
+  --rs-btn-primary-active-bg: var(--rs-cyan-800);
   --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
-  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-cyan-600);
-  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-subtle-active-text: #575757;
   --rs-btn-ghost-border: var(--rs-cyan-700);
   --rs-btn-ghost-text: var(--rs-cyan-700);
-  --rs-btn-ghost-hover-border: var(--rs-cyan-800);
+  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
   --rs-btn-ghost-hover-text: var(--rs-cyan-800);
   --rs-btn-ghost-active-border: var(--rs-cyan-900);
   --rs-btn-ghost-active-text: var(--rs-cyan-900);
@@ -2333,12 +2348,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-cyan-800);
   --rs-btn-link-active-text: var(--rs-cyan-900);
   --rs-iconbtn-primary-addon: var(--rs-cyan-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-700);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-800);
+  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-900);
 }
 .rs-theme-dark .rs-btn-cyan {
   --rs-btn-primary-bg: var(--rs-cyan-700);
-  --rs-btn-primary-hover-bg: var(--rs-cyan-600);
+  --rs-btn-primary-hover-bg: var(--rs-cyan-500);
   --rs-btn-primary-active-bg: var(--rs-cyan-400);
   --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
   --rs-btn-subtle-hover-text: #fff;
@@ -2354,8 +2369,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-cyan-400);
   --rs-btn-link-active-text: var(--rs-cyan-200);
   --rs-iconbtn-primary-addon: var(--rs-cyan-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-500);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-300);
 }
 .rs-theme-high-contrast .rs-btn-cyan {
   --rs-btn-primary-bg: var(--rs-cyan-700);
@@ -2377,15 +2392,15 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-blue {
   --rs-btn-primary-bg: var(--rs-blue-500);
-  --rs-btn-primary-hover-bg: var(--rs-blue-600);
-  --rs-btn-primary-active-bg: var(--rs-blue-700);
+  --rs-btn-primary-hover-bg: var(--rs-blue-700);
+  --rs-btn-primary-active-bg: var(--rs-blue-800);
   --rs-btn-subtle-hover-bg: var(--rs-blue-500);
-  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-blue-600);
-  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-subtle-active-text: #575757;
   --rs-btn-ghost-border: var(--rs-blue-700);
   --rs-btn-ghost-text: var(--rs-blue-700);
-  --rs-btn-ghost-hover-border: var(--rs-blue-800);
+  --rs-btn-ghost-hover-border: var(--rs-blue-900);
   --rs-btn-ghost-hover-text: var(--rs-blue-800);
   --rs-btn-ghost-active-border: var(--rs-blue-900);
   --rs-btn-ghost-active-text: var(--rs-blue-900);
@@ -2393,12 +2408,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-blue-800);
   --rs-btn-link-active-text: var(--rs-blue-900);
   --rs-iconbtn-primary-addon: var(--rs-blue-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-blue-700);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-800);
+  --rs-iconbtn-primary-activated-addon: var(--rs-blue-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-900);
 }
 .rs-theme-dark .rs-btn-blue {
   --rs-btn-primary-bg: var(--rs-blue-700);
-  --rs-btn-primary-hover-bg: var(--rs-blue-600);
+  --rs-btn-primary-hover-bg: var(--rs-blue-500);
   --rs-btn-primary-active-bg: var(--rs-blue-400);
   --rs-btn-subtle-hover-bg: var(--rs-blue-600);
   --rs-btn-subtle-hover-text: #fff;
@@ -2414,8 +2429,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-blue-400);
   --rs-btn-link-active-text: var(--rs-blue-200);
   --rs-iconbtn-primary-addon: var(--rs-blue-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-blue-500);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-blue-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-300);
 }
 .rs-theme-high-contrast .rs-btn-blue {
   --rs-btn-primary-bg: var(--rs-blue-700);
@@ -2437,15 +2452,15 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-violet {
   --rs-btn-primary-bg: var(--rs-violet-500);
-  --rs-btn-primary-hover-bg: var(--rs-violet-600);
-  --rs-btn-primary-active-bg: var(--rs-violet-700);
+  --rs-btn-primary-hover-bg: var(--rs-violet-700);
+  --rs-btn-primary-active-bg: var(--rs-violet-800);
   --rs-btn-subtle-hover-bg: var(--rs-violet-500);
-  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-violet-600);
-  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-subtle-active-text: #575757;
   --rs-btn-ghost-border: var(--rs-violet-700);
   --rs-btn-ghost-text: var(--rs-violet-700);
-  --rs-btn-ghost-hover-border: var(--rs-violet-800);
+  --rs-btn-ghost-hover-border: var(--rs-violet-900);
   --rs-btn-ghost-hover-text: var(--rs-violet-800);
   --rs-btn-ghost-active-border: var(--rs-violet-900);
   --rs-btn-ghost-active-text: var(--rs-violet-900);
@@ -2453,12 +2468,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-violet-800);
   --rs-btn-link-active-text: var(--rs-violet-900);
   --rs-iconbtn-primary-addon: var(--rs-violet-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-violet-700);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-800);
+  --rs-iconbtn-primary-activated-addon: var(--rs-violet-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-900);
 }
 .rs-theme-dark .rs-btn-violet {
   --rs-btn-primary-bg: var(--rs-violet-700);
-  --rs-btn-primary-hover-bg: var(--rs-violet-600);
+  --rs-btn-primary-hover-bg: var(--rs-violet-500);
   --rs-btn-primary-active-bg: var(--rs-violet-400);
   --rs-btn-subtle-hover-bg: var(--rs-violet-600);
   --rs-btn-subtle-hover-text: #fff;
@@ -2474,8 +2489,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-hover-text: var(--rs-violet-400);
   --rs-btn-link-active-text: var(--rs-violet-200);
   --rs-iconbtn-primary-addon: var(--rs-violet-600);
-  --rs-iconbtn-primary-activated-addon: var(--rs-violet-500);
-  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-violet-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-300);
 }
 .rs-theme-high-contrast .rs-btn-violet {
   --rs-btn-primary-bg: var(--rs-violet-700);
@@ -3065,7 +3080,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-header-error:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-calendar-header-error:active,
@@ -8136,7 +8151,7 @@ textarea.rs-input-sm {
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
@@ -10537,7 +10552,7 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-pagination-btn:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-picker-subtle .rs-pagination-btn:active,
@@ -10558,7 +10573,7 @@ textarea.rs-picker-search-input {
   opacity: 0.5;
 }
 .rs-picker-subtle .rs-pagination-btn-active {
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
@@ -10567,7 +10582,7 @@ textarea.rs-picker-search-input {
 .rs-pagination-btn:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-pagination-btn:active,
@@ -10654,6 +10669,10 @@ textarea.rs-picker-search-input {
   background-color: transparent;
   border-color: #0a5dc2;
   border-color: var(--rs-btn-ghost-hover-border);
+  -webkit-box-shadow: 0 0 0 1px #0a5dc2;
+  -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
+          box-shadow: 0 0 0 1px #0a5dc2;
+          box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
 }
 .rs-pagination-btn.rs-pagination-btn-active:active,
 .rs-pagination-btn.rs-pagination-btn-active.rs-btn-active {
@@ -10669,6 +10688,10 @@ textarea.rs-picker-search-input {
   color: var(--rs-btn-ghost-text);
   background-color: transparent;
   opacity: 0.3;
+  border-color: #1675e0;
+  border-color: var(--rs-btn-ghost-border);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active:disabled,
 .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
@@ -10973,7 +10996,7 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-picker-toggle:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-picker-subtle .rs-picker-toggle:active,
@@ -10994,7 +11017,7 @@ textarea.rs-picker-search-input {
   opacity: 0.5;
 }
 .rs-picker-subtle .rs-picker-toggle-active {
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
@@ -11063,7 +11086,7 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-picker-toggle:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-picker-subtle .rs-btn:active,
@@ -11091,7 +11114,7 @@ textarea.rs-picker-search-input {
 }
 .rs-picker-subtle .rs-btn-active,
 .rs-picker-subtle .rs-picker-toggle-active {
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
@@ -11101,22 +11124,17 @@ textarea.rs-picker-search-input {
   padding-right: 32px;
 }
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
-  padding-right: 44px;
+  padding-right: 32px;
 }
 .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
 .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
   top: 8px;
+  right: 12px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
   top: 7px;
 }
-.rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
-  right: 12px;
-}
-.rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
-  right: 30px;
-}
 .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding: 7px 12px;
   font-size: 14px;
@@ -11151,6 +11169,7 @@ textarea.rs-picker-search-input {
 .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
 .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
   top: 8px;
+  right: 12px;
 }
 .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
@@ -11158,14 +11177,6 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
   top: 7px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
-  right: 12px;
-}
-.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
-  right: 30px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -11179,22 +11190,17 @@ textarea.rs-picker-search-input {
   padding-right: 36px;
 }
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
-  padding-right: 50px;
+  padding-right: 36px;
 }
 .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
 .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
   top: 10px;
+  right: 16px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
   top: 9px;
 }
-.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
-  right: 16px;
-}
-.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
-  right: 32px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
@@ -11232,6 +11238,7 @@ textarea.rs-picker-search-input {
 .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
   top: 10px;
+  right: 16px;
 }
 .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
@@ -11239,14 +11246,6 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
   top: 9px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
-  right: 16px;
-}
-.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
-  right: 36px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-top: 9px;
   padding-bottom: 9px;
@@ -11292,22 +11291,17 @@ textarea.rs-picker-search-input {
   padding-right: 32px;
 }
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
-  padding-right: 44px;
+  padding-right: 32px;
 }
 .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
 .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
   top: 8px;
+  right: 12px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
   top: 7px;
 }
-.rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
-  right: 12px;
-}
-.rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
-  right: 30px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
@@ -11345,6 +11339,7 @@ textarea.rs-picker-search-input {
 .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
   top: 8px;
+  right: 12px;
 }
 .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
@@ -11352,14 +11347,6 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
   top: 7px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
-  right: 12px;
-}
-.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
-  right: 30px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -11407,22 +11394,17 @@ textarea.rs-picker-search-input {
   padding-right: 30px;
 }
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
-  padding-right: 42px;
+  padding-right: 30px;
 }
 .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
 .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
   top: 5px;
+  right: 10px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
   top: 4px;
 }
-.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
-  right: 10px;
-}
-.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
-  right: 28px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
@@ -11460,6 +11442,7 @@ textarea.rs-picker-search-input {
 .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
   top: 4px;
+  right: 10px;
 }
 .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
@@ -11467,14 +11450,6 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
   top: 3px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
-  right: 10px;
-}
-.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
-  right: 28px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-top: 4px;
   padding-bottom: 4px;
@@ -11524,22 +11499,17 @@ textarea.rs-picker-search-input {
   padding-right: 28px;
 }
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
-  padding-right: 40px;
+  padding-right: 28px;
 }
 .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
 .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
   top: 2px;
+  right: 8px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
   top: 1px;
 }
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
-  right: 8px;
-}
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
-  right: 26px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }
@@ -11587,6 +11557,7 @@ textarea.rs-picker-search-input {
 .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
   top: 2px;
+  right: 8px;
 }
 .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
@@ -11594,14 +11565,6 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
   top: 1px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
-  right: 8px;
-}
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
-  right: 24px;
-}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-top: 1px;
   padding-bottom: 1px;
@@ -11671,10 +11634,6 @@ textarea.rs-picker-search-input {
 .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
   padding-right: 44px;
 }
-.rs-picker-date.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle,
-.rs-picker-daterange.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
-  padding-right: 52px;
-}
 .rs-picker-toggle-clean {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11702,6 +11661,11 @@ textarea.rs-picker-search-input {
   color: #f44336;
   color: var(--rs-state-error);
 }
+.rs-picker-toggle-clean:hover svg path {
+  stroke: #f44336;
+  stroke: var(--rs-state-error);
+  stroke-width: 1;
+}
 .rs-picker-date .rs-picker-toggle-clean,
 .rs-picker-daterange .rs-picker-toggle-clean {
   right: 38px;
@@ -12968,7 +12932,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:active,
@@ -12989,7 +12953,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   opacity: 0.5;
 }
 .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label-active {
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
@@ -12998,7 +12962,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-radio-group-picker .rs-radio-checker > label:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-radio-group-picker .rs-radio-checker > label:active,
@@ -16157,7 +16121,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:active,
@@ -16178,7 +16142,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   opacity: 0.5;
 }
 .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn-active {
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
@@ -16187,7 +16151,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-uploader-picture .rs-uploader-trigger-btn:focus {
   color: #575757;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:active,