rsuite 5.76.0 → 6.0.0-canary-20241227

package/Steps/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-50: #f7f7fa;
@@ -56,13 +61,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-steps {
   min-height: 30px;
@@ -78,43 +81,29 @@
   text-align: center;
   font-size: 16px;
   line-height: 1.75;
-  color: #717273;
   color: var(--rs-text-secondary);
   position: absolute;
   top: 0;
   left: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  border: 1px solid #717273;
+  align-items: center;
   border: 1px solid var(--rs-steps-border);
   border-radius: 50%;
 }
 .rs-steps-item-status-finish .rs-steps-item-icon-wrapper {
-  border-color: #3498ff;
   border-color: var(--rs-steps-state-finish);
-  color: #3498ff;
   color: var(--rs-steps-state-finish);
 }
 .rs-steps-item-status-error .rs-steps-item-icon-wrapper {
-  border-color: #f44336;
   border-color: var(--rs-steps-state-error);
-  color: #f44336;
   color: var(--rs-steps-state-error);
 }
 .rs-steps-item-status-process .rs-steps-item-icon-wrapper {
-  border-color: #3498ff;
   border-color: var(--rs-steps-state-process);
-  background-color: #3498ff;
   background-color: var(--rs-steps-state-process);
-  color: #f7f7fa;
   color: var(--rs-text-inverse);
 }
 .rs-steps-item-status-process .rs-steps-item-icon-wrapper .rs-icon {
-  color: #3498ff;
   color: var(--rs-steps-icon-state-process);
 }
 .rs-steps-item-icon-wrapper.rs-steps-item-custom-icon {
@@ -123,12 +112,8 @@
 }
 .rs-steps-item-icon-wrapper > .rs-steps-item-icon {
   width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
   text-align: center;
   position: relative;
 }
@@ -137,18 +122,15 @@
   vertical-align: middle;
 }
 .rs-steps-item-content {
-  color: #717273;
   color: var(--rs-text-secondary);
   display: inline-block;
   position: relative;
   width: 100%;
 }
 .rs-steps-item-status-process .rs-steps-item-content {
-  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-steps-item-status-error .rs-steps-item-content {
-  color: #f44336;
   color: var(--rs-text-error);
 }
 .rs-steps-item-title {
@@ -168,46 +150,32 @@
 .rs-steps-item-tail,
 .rs-steps-item-title::after {
   position: absolute;
-  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: #717273;
   border-color: var(--rs-steps-border);
 }
 .rs-steps-item-status-finish .rs-steps-item-tail,
 .rs-steps-item-status-finish .rs-steps-item-title::after {
-  border-color: #3498ff;
   border-color: var(--rs-steps-state-finish);
 }
 .rs-steps-next-error .rs-steps-item-tail,
 .rs-steps-next-error .rs-steps-item-title::after {
-  border-color: #f44336;
   border-color: var(--rs-steps-border-state-error);
 }
 .rs-steps-horizontal {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  justify-content: space-between;
 }
 .rs-steps-horizontal .rs-steps-item {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
+  flex-grow: 1;
+  flex-shrink: 1;
   min-height: 30px;
 }
 .rs-steps-horizontal .rs-steps-item:last-child {
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
 }
 .rs-steps-horizontal .rs-steps-item:last-child .rs-steps-item-title::after {
   display: none;

package/Table/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;
@@ -105,13 +110,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-table {
   position: relative;
@@ -121,7 +124,6 @@
   cursor: ew-resize;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .rs-table-row {
@@ -134,7 +136,7 @@
 .rs-table-row.virtualized {
   pointer-events: none;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .rs-table-row.virtualized {
     visibility: hidden;
   }
@@ -145,49 +147,39 @@
   bottom: 0;
   width: 100%;
   z-index: 4;
-  border-top: 1px solid #f2f2f5;
   border-top: 1px solid var(--rs-table-border-color);
   padding: 10px;
-  background-color: #fff;
   background-color: var(--rs-bg-card);
 }
 .rs-table-hover .rs-table-row:hover .rs-table-cell-group {
-  background-color: #fff;
   background-color: var(--rs-bg-card);
 }
 .rs-table-hover .rs-table-row:hover .rs-table-cell {
-  background-color: #fff;
   background-color: var(--rs-bg-card);
 }
 .rs-table-row-header {
-  background-color: #fff;
   background-color: var(--rs-bg-card);
 }
 .rs-table-row-header .rs-table-cell {
-  background-color: #fff;
   background-color: var(--rs-bg-card);
 }
 .rs-table-row-header .rs-table-cell-group-shadow {
   z-index: 5;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .rs-table-hover .rs-table-row:not(.rs-table-row-header):hover,
 .rs-table-hover .rs-table-row:hover .rs-table-cell-group,
 .rs-table-hover .rs-table-row:hover .rs-table-cell {
-  background-color: #f2faff;
   background-color: var(--rs-state-hover-bg);
 }
 .rs-table-hover .rs-table-row-header:hover .rs-table-cell-group,
 .rs-table-hover .rs-table-row-header:hover .rs-table-cell {
-  background-color: #fff;
   background-color: var(--rs-bg-card);
 }
 .rs-table-header-row-wrapper {
   z-index: 2;
   position: relative;
   font-size: 12px;
-  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-table-affix-header {
@@ -223,14 +215,12 @@
   position: absolute;
   height: 100%;
   width: 100%;
-  background-color: rgb(from #fff r g b / 90%);
   background-color: var(--rs-loader-backdrop);
   opacity: 0;
-  -webkit-transition: opacity 0.2s ease-in;
   transition: opacity 0.2s ease-in;
   pointer-events: none;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .rs-table-loader-wrapper {
     visibility: hidden;
   }
@@ -266,16 +256,13 @@
   border-radius: 50%;
 }
 .rs-table-loader-icon::before {
-  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-table-loader-icon::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-table-loading .rs-table-loader-wrapper {
   visibility: visible;
@@ -289,9 +276,7 @@
   overflow: hidden;
   position: absolute;
   white-space: normal;
-  background-color: #fff;
   background-color: var(--rs-bg-card);
-  border-bottom: 1px solid #f2f2f5;
   border-bottom: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell.first {
@@ -324,22 +309,17 @@
   display: inline-block;
 }
 .rs-table-cell-header-icon-sort {
-  color: #3498ff;
   color: var(--rs-table-sort);
   font-size: 16px;
   line-height: 1.66666667;
 }
 .rs-table-cell-rowspan {
-  border-bottom: 1px solid #f2f2f5 !important;
   border-bottom: 1px solid var(--rs-table-border-color) !important;
 }
 .rs-table-cell-full-text:hover {
   z-index: 1 !important;
   width: auto !important;
-  -webkit-box-shadow: inset #3498ff 0px 0px 2px;
-  -webkit-box-shadow: inset var(--rs-primary-500) 0px 0px 2px;
-          box-shadow: inset #3498ff 0px 0px 2px;
-          box-shadow: inset var(--rs-primary-500) 0px 0px 2px;
+  box-shadow: inset var(--rs-primary-500) 0px 0px 2px;
 }
 .rs-table-cell-full-text:hover .rs-table-cell-content {
   width: auto !important;
@@ -354,8 +334,7 @@
   position: absolute;
   cursor: ew-resize !important;
   outline: none;
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
+  box-sizing: content-box;
 }
 .rs-table-column-resize-spanner::after,
 .rs-table-column-resize-spanner::before {
@@ -370,21 +349,18 @@
 }
 .rs-table-column-resize-spanner::before {
   border-style: dashed solid dashed dashed;
-  border-color: transparent #3498ff transparent transparent;
   border-color: transparent var(--rs-table-resize) transparent transparent;
   border-width: 3px;
   right: 4px;
 }
 .rs-table-column-resize-spanner::after {
   border-style: dashed dashed dashed solid;
-  border-color: transparent transparent transparent #3498ff;
   border-color: transparent transparent transparent var(--rs-table-resize);
   border-width: 3px;
   left: 4px;
 }
 .rs-table:not(.rs-table-column-resizing) .rs-table-cell-header .rs-table-cell:hover ~ .rs-table-column-resize-spanner,
 .rs-table:not(.rs-table-column-resizing) .rs-table-column-resize-spanner:hover {
-  background-color: #3498ff;
   background-color: var(--rs-table-resize);
 }
 .rs-table:not(.rs-table-column-resizing) .rs-table-cell-header .rs-table-cell:hover ~ .rs-table-column-resize-spanner::before,
@@ -397,25 +373,17 @@
 .rs-table-cell-group-fixed-left {
   position: absolute;
   z-index: 4;
-  background-color: #fff;
   background-color: var(--rs-bg-card);
 }
 .rs-table-cell-group-shadow,
 .rs-table-cell-group-left-shadow {
-  -webkit-box-shadow: 3px 0 5px rgba(9, 9, 9, 0.08) /* rtl:ignore */;
-  -webkit-box-shadow: 3px 0 5px var(--rs-table-shadow) /* rtl:ignore */;
-          box-shadow: 3px 0 5px rgba(9, 9, 9, 0.08) /* rtl:ignore */;
-          box-shadow: 3px 0 5px var(--rs-table-shadow) /* rtl:ignore */;
+  box-shadow: 3px 0 5px var(--rs-table-shadow) /* rtl:ignore */;
 }
 .rs-table-cell-group-right-shadow {
-  -webkit-box-shadow: -3px 0 5px rgba(9, 9, 9, 0.08) /* rtl:ignore */;
-  -webkit-box-shadow: -3px 0 5px var(--rs-table-shadow) /* rtl:ignore */;
-          box-shadow: -3px 0 5px rgba(9, 9, 9, 0.08) /* rtl:ignore */;
-          box-shadow: -3px 0 5px var(--rs-table-shadow) /* rtl:ignore */;
+  box-shadow: -3px 0 5px var(--rs-table-shadow) /* rtl:ignore */;
 }
 .rs-table-mouse-area {
   display: none;
-  background-color: #3498ff;
   background-color: var(--rs-table-resize);
   left: -1px;
   top: 0;
@@ -429,7 +397,6 @@
   z-index: 3;
   cursor: ew-resize !important;
   outline: none;
-  background-color: #3498ff;
   background-color: var(--rs-table-resize);
   position: absolute;
   left: -1.5px;
@@ -438,11 +405,9 @@
   white-space: normal;
 }
 .rs-table-bordered {
-  border: 1px solid #f2f2f5;
   border: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell-bordered .rs-table-cell {
-  border-right: 1px solid #f2f2f5;
   border-right: 1px solid var(--rs-table-border-color);
 }
 .rs-table-column-group {
@@ -453,7 +418,6 @@
   width: 100%;
 }
 .rs-table-column-group-header {
-  border-bottom: 1px solid #f2f2f5;
   border-bottom: 1px solid var(--rs-table-border-color);
   position: absolute;
   width: 100%;
@@ -464,11 +428,9 @@
 }
 .rs-table-column-group-cell {
   position: absolute;
-  border-right: 1px solid #f2f2f5;
   border-right: 1px solid var(--rs-table-border-color);
 }
 .rs-table:not(.rs-table-has-rowspan) .rs-table-row {
-  border-bottom: 1px solid #f2f2f5;
   border-bottom: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell-expand-wrapper {
@@ -482,13 +444,9 @@
   font-size: 16px;
 }
 .rs-table-scrollbar {
-  background-color: #e5e5ea;
   background-color: var(--rs-table-scrollbar-track);
   position: absolute;
-  -webkit-transition: background 0.1s linear, -webkit-transform 0.1s linear;
-  transition: background 0.1s linear, -webkit-transform 0.1s linear;
   transition: background 0.1s linear, transform 0.1s linear;
-  transition: background 0.1s linear, transform 0.1s linear, -webkit-transform 0.1s linear;
   opacity: 0.6;
   z-index: 1;
 }
@@ -497,7 +455,6 @@
 }
 .rs-table-scrollbar-handle {
   position: absolute;
-  background-color: #343434;
   background-color: var(--rs-table-scrollbar-thumb);
   border-radius: 4px;
 }
@@ -505,7 +462,6 @@
   z-index: 1;
 }
 .rs-table-scrollbar-pressed .rs-table-scrollbar-handle {
-  background-color: #121212;
   background-color: var(--rs-table-scrollbar-thumb-active);
 }
 .rs-table-scrollbar-horizontal {
@@ -523,17 +479,14 @@
 }
 .rs-table-scrollbar-pressed.rs-table-scrollbar-horizontal:hover,
 .rs-table-scrollbar-horizontal:hover {
-  -webkit-transform-origin: center bottom;
-          transform-origin: center bottom;
-  -webkit-transform: scaleY(1.3);
-          transform: scaleY(1.3);
+  transform-origin: center bottom;
+  transform: scaleY(1.3);
 }
 .rs-table-scrollbar-vertical {
   top: 0;
   right: 0;
   width: 10px;
   bottom: 10px;
-  background-color: rgb(from #e5e5ea r g b / 40%);
   background-color: var(--rs-table-scrollbar-vertical-track);
 }
 .rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
@@ -544,8 +497,6 @@
 }
 .rs-table-scrollbar-pressed.rs-table-scrollbar-vertical:hover,
 .rs-table-scrollbar-vertical:hover {
-  -webkit-transform-origin: right center;
-          transform-origin: right center;
-  -webkit-transform: scaleX(1.3);
-          transform: scaleX(1.3);
+  transform-origin: right center;
+  transform: scaleX(1.3);
 }