rsuite 5.65.1 → 5.67.0

package/Slider/styles/index.css

@@ -3,11 +3,11 @@
   --rs-gray-0: #fff;
   --rs-gray-100: #f2f2f5;
   --rs-gray-200: #e5e5ea;
-  --rs-gray-500: #a6a6a6;
-  --rs-gray-600: #8e8e93;
-  --rs-gray-700: #7a7a7a;
-  --rs-gray-800: #575757;
-  --rs-gray-900: #272c36;
+  --rs-gray-500: #939393;
+  --rs-gray-600: #717273;
+  --rs-gray-700: #575757;
+  --rs-gray-800: #343434;
+  --rs-gray-900: #121212;
   --rs-primary-500: #3498ff;
   --rs-border-primary: var(--rs-gray-200);
   --rs-tooltip-bg: var(--rs-gray-900);
@@ -98,7 +98,7 @@
   padding: 2px 10px;
   color: #fff;
   color: var(--rs-tooltip-text);
-  background-color: #272c36;
+  background-color: #121212;
   background-color: var(--rs-tooltip-bg);
   border-radius: 4px;
   overflow-wrap: break-word;
@@ -149,7 +149,7 @@
   bottom: -6px;
   margin-left: -6px;
   border-width: 6px 6px 0;
-  border-top-color: #272c36;
+  border-top-color: #121212;
   border-top-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -191,7 +191,7 @@
   top: -6px;
   margin-left: -6px;
   border-width: 0 6px 6px;
-  border-bottom-color: #272c36;
+  border-bottom-color: #121212;
   border-bottom-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -234,7 +234,7 @@
   left: -6px;
   margin-top: -6px;
   border-width: 6px 6px 6px 0;
-  border-right-color: #272c36;
+  border-right-color: #121212;
   border-right-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -276,7 +276,7 @@
   right: -6px;
   margin-top: -6px;
   border-width: 6px 0 6px 6px;
-  border-left-color: #272c36;
+  border-left-color: #121212;
   border-left-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -411,9 +411,9 @@
 }
 .rs-slider-handle:hover::before,
 .rs-slider-handle:focus::before {
-  -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
+  -webkit-box-shadow: 0 0 0 8px rgb(from #939393 r g b / 25%);
   -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
-          box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
+          box-shadow: 0 0 0 8px rgb(from #939393 r g b / 25%);
           box-shadow: var(--rs-slider-thumb-hover-shadow);
 }
 .rs-slider-handle:active::before,

package/Steps/styles/index.css

@@ -2,8 +2,8 @@
 .rs-theme-light {
   --rs-gray-50: #f7f7fa;
   --rs-gray-200: #e5e5ea;
-  --rs-gray-600: #8e8e93;
-  --rs-gray-800: #575757;
+  --rs-gray-600: #717273;
+  --rs-gray-800: #343434;
   --rs-primary-500: #3498ff;
   --rs-primary-700: #1675e0;
   --rs-color-red: #f44336;
@@ -78,7 +78,7 @@
   text-align: center;
   font-size: 16px;
   line-height: 1.75;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   position: absolute;
   top: 0;
@@ -89,7 +89,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  border: 1px solid #8e8e93;
+  border: 1px solid #717273;
   border: 1px solid var(--rs-steps-border);
   border-radius: 50%;
 }
@@ -137,14 +137,14 @@
   vertical-align: middle;
 }
 .rs-steps-item-content {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   display: inline-block;
   position: relative;
   width: 100%;
 }
 .rs-steps-item-status-process .rs-steps-item-content {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-steps-item-status-error .rs-steps-item-content {
@@ -168,12 +168,12 @@
 .rs-steps-item-tail,
 .rs-steps-item-title::after {
   position: absolute;
-  border-color: #8e8e93;
+  border-color: #717273;
   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 {
-  border-color: #8e8e93;
+  border-color: #717273;
   border-color: var(--rs-steps-border);
 }
 .rs-steps-item-status-finish .rs-steps-item-tail,

package/Table/styles/index.css

@@ -4,11 +4,11 @@
   --rs-gray-50: #f7f7fa;
   --rs-gray-100: #f2f2f5;
   --rs-gray-200: #e5e5ea;
-  --rs-gray-500: #a6a6a6;
-  --rs-gray-600: #8e8e93;
-  --rs-gray-700: #7a7a7a;
-  --rs-gray-800: #575757;
-  --rs-gray-900: #272c36;
+  --rs-gray-500: #939393;
+  --rs-gray-600: #717273;
+  --rs-gray-700: #575757;
+  --rs-gray-800: #343434;
+  --rs-gray-900: #121212;
   --rs-primary-50: #f2faff;
   --rs-primary-500: #3498ff;
   --rs-text-secondary: var(--rs-gray-600);
@@ -187,7 +187,7 @@
   z-index: 2;
   position: relative;
   font-size: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-table-affix-header {
@@ -272,7 +272,7 @@
 .rs-table-loader-icon::after {
   border-width: 3px;
   border-style: solid;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   -webkit-animation: loaderSpin 0.6s infinite linear;
           animation: loaderSpin 0.6s infinite linear;
@@ -497,7 +497,7 @@
 }
 .rs-table-scrollbar-handle {
   position: absolute;
-  background-color: #575757;
+  background-color: #343434;
   background-color: var(--rs-table-scrollbar-thumb);
   border-radius: 4px;
 }
@@ -505,7 +505,7 @@
   z-index: 1;
 }
 .rs-table-scrollbar-pressed .rs-table-scrollbar-handle {
-  background-color: #272c36;
+  background-color: #121212;
   background-color: var(--rs-table-scrollbar-thumb-active);
 }
 .rs-table-scrollbar-horizontal {

package/Tabs/styles/index.css

@@ -5,12 +5,12 @@
   --rs-gray-100: #f2f2f5;
   --rs-gray-200: #e5e5ea;
   --rs-gray-300: #d9d9d9;
-  --rs-gray-400: #c5c6c7;
-  --rs-gray-500: #a6a6a6;
-  --rs-gray-600: #8e8e93;
-  --rs-gray-700: #7a7a7a;
-  --rs-gray-800: #575757;
-  --rs-gray-900: #272c36;
+  --rs-gray-400: #b6b7b8;
+  --rs-gray-500: #939393;
+  --rs-gray-600: #717273;
+  --rs-gray-700: #575757;
+  --rs-gray-800: #343434;
+  --rs-gray-900: #121212;
   --rs-primary-50: #f2faff;
   --rs-primary-100: #cce9ff;
   --rs-primary-200: #a6d7ff;
@@ -424,7 +424,7 @@
       -ms-user-select: none;
           user-select: none;
   text-decoration: none;
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-default-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
@@ -489,7 +489,7 @@
 }
 .rs-btn:active,
 .rs-btn.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-default-active-text);
   background-color: #d9d9d9;
   background-color: var(--rs-btn-default-active-bg);
@@ -497,7 +497,7 @@
 .rs-btn:disabled,
 .rs-btn.rs-btn-disabled {
   cursor: not-allowed;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
@@ -555,28 +555,28 @@
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-subtle {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
 }
 .rs-btn-subtle:hover,
 .rs-btn-subtle:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-btn-subtle:active,
 .rs-btn-subtle.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-subtle-active-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-btn-subtle:disabled,
 .rs-btn-subtle.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -664,7 +664,7 @@
   --rs-btn-subtle-hover-bg: var(--rs-red-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-red-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-red-700);
   --rs-btn-ghost-text: var(--rs-red-700);
   --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -718,7 +718,7 @@
   --rs-btn-subtle-hover-bg: var(--rs-orange-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-orange-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-orange-700);
   --rs-btn-ghost-text: var(--rs-orange-700);
   --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -772,7 +772,7 @@
   --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-yellow-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-yellow-700);
   --rs-btn-ghost-text: var(--rs-yellow-700);
   --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -826,7 +826,7 @@
   --rs-btn-subtle-hover-bg: var(--rs-green-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-green-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-green-700);
   --rs-btn-ghost-text: var(--rs-green-700);
   --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -880,7 +880,7 @@
   --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-cyan-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-cyan-700);
   --rs-btn-ghost-text: var(--rs-cyan-700);
   --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -934,7 +934,7 @@
   --rs-btn-subtle-hover-bg: var(--rs-blue-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-blue-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-blue-700);
   --rs-btn-ghost-text: var(--rs-blue-700);
   --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -988,7 +988,7 @@
   --rs-btn-subtle-hover-bg: var(--rs-violet-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-violet-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-violet-700);
   --rs-btn-ghost-text: var(--rs-violet-700);
   --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1192,7 +1192,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {
@@ -1236,7 +1235,7 @@
 }
 .rs-btn-loading > .rs-btn-spin::after {
   border-width: 3px;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   border-style: solid;
   -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1296,7 +1295,7 @@
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -1410,7 +1409,7 @@
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   white-space: nowrap;
   cursor: pointer;
@@ -1470,13 +1469,13 @@
   outline: 0;
 }
 .rs-dropdown-item-disabled {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-dropdown-item-disabled:hover,
@@ -1603,7 +1602,7 @@
   display: block;
   padding: 8px 12px;
   line-height: 1.42857143;
-  color: #a6a6a6;
+  color: #939393;
   color: var(--rs-dropdown-header-text);
   border-bottom: 1px solid #e5e5ea;
   border-bottom: 1px solid var(--rs-border-primary);
@@ -1663,7 +1662,7 @@
 .rs-nav-item {
   padding: 8px 12px;
   cursor: pointer;
-  color: #575757;
+  color: #343434;
   color: var(--rs-navs-text);
   -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
@@ -1692,7 +1691,7 @@
 .rs-nav-item:hover,
 .rs-nav-item:focus,
 .rs-nav-item.rs-nav-item-focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-navs-text-hover);
 }
 .rs-theme-high-contrast .rs-nav-item:hover,
@@ -1711,7 +1710,7 @@
   outline-offset: 2px;
 }
 .rs-nav-item:active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-navs-text-active);
 }
 .rs-theme-high-contrast .rs-nav-item:active {
@@ -1720,7 +1719,7 @@
 .rs-nav-item.rs-nav-item-disabled {
   cursor: not-allowed;
   pointer-events: none;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-nav-item.rs-nav-item-active {

package/Tag/styles/index.css

@@ -1,8 +1,8 @@
 :root,
 .rs-theme-light {
   --rs-gray-50: #f7f7fa;
-  --rs-gray-600: #8e8e93;
-  --rs-gray-800: #575757;
+  --rs-gray-600: #717273;
+  --rs-gray-800: #343434;
   --rs-color-red: #f44336;
   --rs-red-500: #f44336;
   --rs-orange-500: #fa8900;
@@ -82,7 +82,7 @@
   display: inline-block;
   background-color: #f7f7fa;
   background-color: var(--rs-tag-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   border-radius: 6px;
   line-height: 20px;