rsuite 5.76.0 → 6.0.0-canary-20241227

package/List/styles/index.css

@@ -1,3 +1,8 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 :root,
 .rs-theme-light {
   --rs-gray-0: #fff;
@@ -62,13 +67,11 @@
 }
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-list {
   position: relative;
@@ -77,16 +80,13 @@
 }
 .rs-list-bordered {
   border-radius: 6px;
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-list-border);
 }
 .rs-list-hover .rs-list-item:hover {
-  background-color: #f2faff;
   background-color: var(--rs-list-hover-bg);
 }
 .rs-list-sortable .rs-list-item {
   cursor: move;
-  cursor: -webkit-grab;
   cursor: grab;
 }
 .rs-list-sortable .rs-list-item-disabled,
@@ -119,15 +119,12 @@
 /* rtl:begin:ignore */
 /* stylelint-disable-next-line */
 .rs-list-item {
-  background-color: #fff;
   background-color: var(--rs-list-bg);
 }
 .rs-list-item-helper {
   position: absolute;
-  background-color: #fff;
   background-color: var(--rs-list-bg);
-  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
   width: calc(100% - 2px);
   border-radius: 6px;
   top: 0;
@@ -143,7 +140,6 @@
   z-index: 1149;
 }
 .rs-list-item-holder {
-  background-color: rgb(from #f2faff r g b / 50%);
   background-color: var(--rs-list-placeholder-bg);
   visibility: hidden;
 }
@@ -155,11 +151,9 @@
   left: 1px;
   width: calc(100% - 2 * 1px);
   height: calc(100% - 2 * 1px);
-  border: 1px #3498ff dashed;
   border: 1px var(--rs-list-placeholder-border) dashed;
 }
 .rs-list-divider .rs-list-item + .rs-list-item {
-  border-top: 1px solid #e5e5ea;
   border-top: 1px solid var(--rs-list-border);
 }
 /* rtl:end:ignore */

package/Loader/styles/index.css

@@ -1,3 +1,8 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 :root,
 .rs-theme-light {
   --rs-gray-0: #fff;
@@ -68,13 +73,11 @@
 }
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-loader {
   display: inline-block;
@@ -121,16 +124,13 @@
   border-radius: 50%;
 }
 .rs-loader-spin::before {
-  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-loader-spin::after {
   border-width: 3px;
   border-style: solid;
-  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;
+  animation: loaderSpin 0.6s infinite linear;
 }
 .rs-loader-content {
   float: left;
@@ -148,7 +148,6 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgb(from #fff r g b / 90%);
   background: var(--rs-loader-backdrop);
 }
 .rs-loader-vertical {
@@ -156,10 +155,7 @@
   display: inline-block;
 }
 .rs-loader-vertical .rs-loader {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 .rs-loader-vertical .rs-loader-spin {
   margin: 0 auto;
@@ -178,36 +174,28 @@
   margin-top: 10px;
 }
 .rs-loader-inverse .rs-loader-content {
-  color: #f7f7fa;
   color: var(--rs-text-inverse);
 }
 .rs-loader-inverse .rs-loader-backdrop {
-  background: rgb(from #121212 r g b / 83%);
   background: var(--rs-loader-backdrop-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::before {
-  border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-loader-ring-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::after {
-  border-top-color: #fff;
   border-top-color: var(--rs-loader-rotor-inverse);
 }
 .rs-loader-speed-fast .rs-loader-spin::after {
-  -webkit-animation-duration: 0.4s;
-          animation-duration: 0.4s;
+  animation-duration: 0.4s;
 }
 .rs-loader-speed-normal .rs-loader-spin::after {
-  -webkit-animation-duration: 0.6s;
-          animation-duration: 0.6s;
+  animation-duration: 0.6s;
 }
 .rs-loader-speed-slow .rs-loader-spin::after {
-  -webkit-animation-duration: 0.8s;
-          animation-duration: 0.8s;
+  animation-duration: 0.8s;
 }
 .rs-loader-speed-paused .rs-loader-spin::after {
-  -webkit-animation-play-state: paused;
-          animation-play-state: paused;
+  animation-play-state: paused;
 }
 .rs-loader-center,
 .rs-loader-backdrop-wrapper {
@@ -222,35 +210,21 @@
 }
 .rs-loader-center .rs-loader,
 .rs-loader-backdrop-wrapper .rs-loader {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
 }
 .rs-loader-center:not(.rs-loader-vertical) .rs-loader,
 .rs-loader-backdrop-wrapper:not(.rs-loader-vertical) .rs-loader {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .rs-loader-center.rs-loader-vertical .rs-loader,
 .rs-loader-backdrop-wrapper.rs-loader-vertical .rs-loader {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
 }
@@ -339,23 +313,11 @@
   width: auto;
   line-height: 0;
 }
-@-webkit-keyframes loaderSpin {
-  from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
 @keyframes loaderSpin {
   from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
+    transform: rotate(0);
   }
   to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }

package/Message/styles/index.css

@@ -1,3 +1,8 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 :root,
 .rs-theme-light {
   --rs-gray-0: #fff;
@@ -179,128 +184,55 @@
 }
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-@-webkit-keyframes notificationMoveIn {
-  0% {
-    opacity: 0;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
+  box-sizing: border-box;
 }
 @keyframes notificationMoveIn {
   0% {
     opacity: 0;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
+    transform-origin: 0% 0%;
+    transform: scaleY(0.8);
   }
   100% {
     opacity: 1;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-}
-@-webkit-keyframes notificationMoveInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-            transform: translate3d(-100%, 0, 0);
-  }
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-            transform: none;
+    transform-origin: 0% 0%;
+    transform: scaleY(1);
   }
 }
 @keyframes notificationMoveInLeft {
   from {
     opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-            transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
   }
   to {
     opacity: 1;
-    -webkit-transform: none;
-            transform: none;
-  }
-}
-@-webkit-keyframes notificationMoveInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-            transform: translate3d(100%, 0, 0);
-  }
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-            transform: none;
+    transform: none;
   }
 }
 @keyframes notificationMoveInRight {
   from {
     opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-            transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
   }
   to {
     opacity: 1;
-    -webkit-transform: none;
-            transform: none;
-  }
-}
-@-webkit-keyframes notificationMoveOut {
-  0% {
-    opacity: 1;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-    max-height: 100px;
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-    max-height: 0;
-    overflow: hidden;
+    transform: none;
   }
 }
 @keyframes notificationMoveOut {
   0% {
     opacity: 1;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
+    transform-origin: 0% 0%;
+    transform: scaleY(1);
     max-height: 100px;
   }
   100% {
     opacity: 0;
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
+    transform-origin: 0% 0%;
+    transform: scaleY(0.8);
     max-height: 0;
     overflow: hidden;
   }
@@ -317,12 +249,10 @@
 }
 .rs-btn-close:hover,
 .rs-btn-close:focus {
-  color: #f44336;
   color: var(--rs-close-button-hover-color);
 }
 .rs-btn-close:hover svg path,
 .rs-btn-close:focus svg path {
-  stroke: #f44336;
   stroke: var(--rs-close-button-hover-color);
   stroke-width: 1;
 }
@@ -331,31 +261,22 @@
   font-size: 14px;
   line-height: 1.42857143;
   position: relative;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
   overflow: hidden;
 }
 .rs-message-container {
   padding: 20px;
   padding-right: 28px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .rs-message-centered .rs-message-container {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  flex-direction: column;
+  align-items: center;
   text-align: center;
   gap: 20px;
 }
 .rs-message-centered .rs-message-icon {
-  -ms-flex-item-align: center !important;
-      align-self: center !important;
+  align-self: center !important;
 }
 .rs-message-centered .rs-message-icon .rs-icon {
   font-size: 40px !important;
@@ -365,24 +286,18 @@
   border-top-width: 4px !important;
 }
 .rs-message-icon {
-  -ms-flex-item-align: center;
-      align-self: center;
+  align-self: center;
   font-size: 0;
   margin-right: 10px;
 }
 .rs-message-icon .rs-icon {
   font-size: 16px;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .rs-message-content {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
 }
 .rs-message-header {
-  color: #121212;
   color: var(--rs-text-heading);
   line-height: 1.71428571;
   font-weight: bold;
@@ -395,19 +310,16 @@
   margin-top: 4px;
 }
 .rs-message-body {
-  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-message-body ul,
 .rs-message-body ol {
   margin: 0;
   padding: 0;
-  -webkit-padding-start: 16px;
-          padding-inline-start: 16px;
+  padding-inline-start: 16px;
 }
 .rs-message.rs-message-has-title .rs-message-icon {
-  -ms-flex-item-align: start;
-      align-self: flex-start;
+  align-self: flex-start;
 }
 .rs-message.rs-message-has-title .rs-message-icon .rs-icon {
   font-size: 24px;
@@ -417,13 +329,11 @@
   margin-top: 10px;
 }
 .rs-message:not(.rs-message-hiding) + .rs-message.rs-message-hiding:last-child {
-  -webkit-transition: margin-top 0.1s linear 0.3s;
   transition: margin-top 0.1s linear 0.3s;
   margin-top: 0;
 }
 .rs-message.rs-message-hiding {
-  -webkit-animation: notificationMoveOut 0.3s ease-in forwards;
-          animation: notificationMoveOut 0.3s ease-in forwards;
+  animation: notificationMoveOut 0.3s ease-in forwards;
 }
 .rs-theme-dark .rs-message .rs-btn-link,
 .rs-theme-dark .rs-message a {
@@ -442,27 +352,21 @@
   background-color: #fff;
 }
 .rs-message-success.rs-message-bordered {
-  border: 1px solid #4caf50;
   border: 1px solid var(--rs-message-success-border);
   border-left-width: 4px;
 }
 .rs-message-success.rs-message-bordered .rs-message-icon {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  border: 4px solid #a5e0a4;
+  box-sizing: content-box;
   border: 4px solid var(--rs-message-success-icon-border);
   border-radius: 50%;
 }
 .rs-message-success .rs-message-container {
-  background-color: rgb(from #c8f0c7 r g b / 60%);
   background-color: var(--rs-message-success-bg);
 }
 .rs-message-success .rs-message-header {
-  color: #121212;
   color: var(--rs-message-success-header);
 }
 .rs-message-success .rs-message-body {
-  color: #343434;
   color: var(--rs-message-success-text);
 }
 .rs-message-success .rs-btn-close {
@@ -474,38 +378,30 @@
 }
 .rs-message-success .rs-message-icon > .rs-icon,
 .rs-message-success .rs-btn-close {
-  color: #4caf50;
   color: var(--rs-message-success-icon);
 }
 .rs-theme-high-contrast .rs-message-success {
-  border: 1px solid #4caf50;
   border: 1px solid var(--rs-message-success-border);
 }
 .rs-message-info {
   background-color: #fff;
 }
 .rs-message-info.rs-message-bordered {
-  border: 1px solid #2196f3;
   border: 1px solid var(--rs-message-info-border);
   border-left-width: 4px;
 }
 .rs-message-info.rs-message-bordered .rs-message-icon {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  border: 4px solid #9bd4fa;
+  box-sizing: content-box;
   border: 4px solid var(--rs-message-info-icon-border);
   border-radius: 50%;
 }
 .rs-message-info .rs-message-container {
-  background-color: rgb(from #c5e7fc r g b / 60%);
   background-color: var(--rs-message-info-bg);
 }
 .rs-message-info .rs-message-header {
-  color: #121212;
   color: var(--rs-message-info-header);
 }
 .rs-message-info .rs-message-body {
-  color: #343434;
   color: var(--rs-message-info-text);
 }
 .rs-message-info .rs-btn-close {
@@ -517,38 +413,30 @@
 }
 .rs-message-info .rs-message-icon > .rs-icon,
 .rs-message-info .rs-btn-close {
-  color: #2196f3;
   color: var(--rs-message-info-icon);
 }
 .rs-theme-high-contrast .rs-message-info {
-  border: 1px solid #2196f3;
   border: 1px solid var(--rs-message-info-border);
 }
 .rs-message-warning {
   background-color: #fff;
 }
 .rs-message-warning.rs-message-bordered {
-  border: 1px solid #ffb300;
   border: 1px solid var(--rs-message-warning-border);
   border-left-width: 4px;
 }
 .rs-message-warning.rs-message-bordered .rs-message-icon {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  border: 4px solid #ffd991;
+  box-sizing: content-box;
   border: 4px solid var(--rs-message-warning-icon-border);
   border-radius: 50%;
 }
 .rs-message-warning .rs-message-container {
-  background-color: rgb(from #ffe9c2 r g b / 60%);
   background-color: var(--rs-message-warning-bg);
 }
 .rs-message-warning .rs-message-header {
-  color: #121212;
   color: var(--rs-message-warning-header);
 }
 .rs-message-warning .rs-message-body {
-  color: #343434;
   color: var(--rs-message-warning-text);
 }
 .rs-message-warning .rs-btn-close {
@@ -560,38 +448,30 @@
 }
 .rs-message-warning .rs-message-icon > .rs-icon,
 .rs-message-warning .rs-btn-close {
-  color: #ffb300;
   color: var(--rs-message-warning-icon);
 }
 .rs-theme-high-contrast .rs-message-warning {
-  border: 1px solid #ffb300;
   border: 1px solid var(--rs-message-warning-border);
 }
 .rs-message-error {
   background-color: #fff;
 }
 .rs-message-error.rs-message-bordered {
-  border: 1px solid #f44336;
   border: 1px solid var(--rs-message-error-border);
   border-left-width: 4px;
 }
 .rs-message-error.rs-message-bordered .rs-message-icon {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  border: 4px solid #faa9a7;
+  box-sizing: content-box;
   border: 4px solid var(--rs-message-error-icon-border);
   border-radius: 50%;
 }
 .rs-message-error .rs-message-container {
-  background-color: rgb(from #fccfcf r g b / 60%);
   background-color: var(--rs-message-error-bg);
 }
 .rs-message-error .rs-message-header {
-  color: #121212;
   color: var(--rs-message-error-header);
 }
 .rs-message-error .rs-message-body {
-  color: #343434;
   color: var(--rs-message-error-text);
 }
 .rs-message-error .rs-btn-close {
@@ -603,10 +483,8 @@
 }
 .rs-message-error .rs-message-icon > .rs-icon,
 .rs-message-error .rs-btn-close {
-  color: #f44336;
   color: var(--rs-message-error-icon);
 }
 .rs-theme-high-contrast .rs-message-error {
-  border: 1px solid #f44336;
   border: 1px solid var(--rs-message-error-border);
 }