rsuite 5.65.1 → 5.67.0

package/CHANGELOG.md

@@ -1,3 +1,35 @@
+# [5.67.0](https://github.com/rsuite/rsuite/compare/v5.66.0...v5.67.0) (2024-07-19)
+
+
+### Bug Fixes
+
+* **Button:** fix the misalignment of icons and text in block buttons ([#3880](https://github.com/rsuite/rsuite/issues/3880)) ([aa4f02b](https://github.com/rsuite/rsuite/commit/aa4f02bd434f0753c85b8584e034a57a1050b7f6))
+* **NavItem:** fix NavItem cannot be used in Navbar and Sidenav ([#3882](https://github.com/rsuite/rsuite/issues/3882)) ([be6b2b1](https://github.com/rsuite/rsuite/commit/be6b2b165459afd27f06cf387df0fde73d210e94))
+* **Stack:** fix StackItem cannot be rendered correctly in server-side rendering ([#3884](https://github.com/rsuite/rsuite/issues/3884)) ([a552e35](https://github.com/rsuite/rsuite/commit/a552e357f1fd8a3043012f7de08b9369100d6fee))
+
+
+### Features
+
+* **locales:** add support for Catalan ([#3878](https://github.com/rsuite/rsuite/issues/3878)) ([c0bae4d](https://github.com/rsuite/rsuite/commit/c0bae4d2fb244ef270869ef7338c10d71165a3ef))
+* **Uploader:** add `event` parameter to `onChange` callback ([#3881](https://github.com/rsuite/rsuite/issues/3881)) ([a1c1667](https://github.com/rsuite/rsuite/commit/a1c1667e9180e278ba9e7212743f662b086be1e6))
+
+
+
+# [5.66.0](https://github.com/rsuite/rsuite/compare/v5.65.1...v5.66.0) (2024-07-12)
+
+
+### Bug Fixes
+
+* **accessibility:** improve font color contrast ([#3877](https://github.com/rsuite/rsuite/issues/3877)) ([105b6c6](https://github.com/rsuite/rsuite/commit/105b6c6e45b36b809c609ea66c2ed5fd74f0afd2))
+* **TreePicker, CheckTreePicker:** fix `locale` cannot override default localization configuration ([#3873](https://github.com/rsuite/rsuite/issues/3873)) ([01ac8c5](https://github.com/rsuite/rsuite/commit/01ac8c5c7ffa0131979210b9787294d79def02d4))
+
+
+### Features
+
+* **Loader:** add `paused` value to the `speed` property to control the animation pause ([#3875](https://github.com/rsuite/rsuite/issues/3875)) ([85326c5](https://github.com/rsuite/rsuite/commit/85326c5c0ee149aaaecc8e8233d10a2291897cec))
+
+
+
 ## [5.65.1](https://github.com/rsuite/rsuite/compare/v5.65.0...v5.65.1) (2024-07-05)
 
 

package/Calendar/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;
@@ -426,7 +426,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);
@@ -491,7 +491,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);
@@ -499,7 +499,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);
@@ -557,28 +557,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;
 }
@@ -666,7 +666,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);
@@ -720,7 +720,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);
@@ -774,7 +774,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);
@@ -828,7 +828,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);
@@ -882,7 +882,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);
@@ -936,7 +936,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);
@@ -990,7 +990,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);
@@ -1194,7 +1194,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {
@@ -1238,7 +1237,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;
@@ -1533,7 +1532,7 @@
   margin-left: 4px;
 }
 .rs-calendar-header-error {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -1545,21 +1544,21 @@
 }
 .rs-calendar-header-error:hover,
 .rs-calendar-header-error:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-calendar-header-error:active,
 .rs-calendar-header-error.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-calendar-header-error:disabled,
 .rs-calendar-header-error.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -1667,7 +1666,7 @@
 .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
 .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
 .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
@@ -1764,7 +1763,7 @@
 }
 .rs-calendar-table-header-cell-content {
   display: inline-block;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   font-size: 12px;
   line-height: 1.66666667;
@@ -1784,7 +1783,7 @@
   padding: 1px;
   text-align: center;
   vertical-align: middle;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   background-color: #f7f7fa;
   background-color: var(--rs-bg-well);
@@ -1878,7 +1877,7 @@
   background-color: var(--rs-state-hover-bg);
 }
 .rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   background: none;
   text-decoration: line-through;
@@ -1908,7 +1907,7 @@
   width: 100%;
   background-color: #fff;
   background-color: var(--rs-bg-overlay);
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   overflow: hidden;
   z-index: 1;
@@ -1943,7 +1942,7 @@
   width: 100%;
   background-color: #f7f7fa;
   background-color: var(--rs-calendar-time-unit-bg);
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   text-align: center;
   font-size: 12px;
@@ -2008,7 +2007,7 @@
   outline-offset: 2px;
 }
 .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   background: none;
   cursor: not-allowed;

package/Carousel/styles/index.css

@@ -1,7 +1,7 @@
 :root,
 .rs-theme-light {
   --rs-gray-0: #fff;
-  --rs-gray-600: #8e8e93;
+  --rs-gray-600: #717273;
   --rs-primary-500: #3498ff;
   --rs-carousel-bg: var(--rs-gray-600);
   --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
@@ -56,7 +56,7 @@
   position: relative;
   height: 400px;
   overflow: hidden;
-  background-color: #8e8e93;
+  background-color: #717273;
   background-color: var(--rs-carousel-bg);
 }
 .rs-carousel-content {
@@ -76,7 +76,7 @@
   will-change: transform;
 }
 .rs-carousel-slider-item {
-  background-color: #8e8e93;
+  background-color: #717273;
   background-color: var(--rs-carousel-bg);
   float: left;
   height: 100%;
@@ -87,7 +87,7 @@
   left: 0;
   height: 100%;
   width: 100%;
-  background-color: #8e8e93;
+  background-color: #717273;
   background-color: var(--rs-carousel-bg);
   top: 0;
   -webkit-animation: moveLeftHalf 0.3s ease forwards;

package/CascadeTree/styles/index.css

@@ -2,10 +2,10 @@
 .rs-theme-light {
   --rs-gray-0: #fff;
   --rs-gray-50: #f7f7fa;
-  --rs-gray-400: #c5c6c7;
-  --rs-gray-500: #a6a6a6;
-  --rs-gray-600: #8e8e93;
-  --rs-gray-800: #575757;
+  --rs-gray-400: #b6b7b8;
+  --rs-gray-500: #939393;
+  --rs-gray-600: #717273;
+  --rs-gray-800: #343434;
   --rs-primary-50: #f2faff;
   --rs-primary-100: #cce9ff;
   --rs-primary-500: #3498ff;
@@ -102,7 +102,7 @@
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -146,7 +146,7 @@
 }
 .rs-cascade-search-view-row:disabled,
 .rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
@@ -200,7 +200,7 @@
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -247,12 +247,12 @@
   text-decoration: underline;
 }
 .rs-cascade-tree-item.rs-cascade-tree-item-active .rs-cascade-tree-caret {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-cascade-tree-item:disabled,
 .rs-cascade-tree-item.rs-cascade-tree-item-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;