rsuite 5.76.2 → 6.0.0-canary-20250103

package/Timeline/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-300: #d9d9d9;
@@ -22,13 +27,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-timeline {
   list-style: none;
@@ -52,7 +55,6 @@
   display: block;
   width: 10px;
   height: 10px;
-  background-color: #d9d9d9;
   background-color: var(--rs-timeline-indicator-bg);
   border-radius: 50%;
 }
@@ -63,7 +65,6 @@
   display: none;
 }
 .rs-timeline-item-active .rs-timeline-item-dot::before {
-  background-color: #3498ff;
   background-color: var(--rs-timeline-indicator-active-bg);
 }
 .rs-timeline-item-tail {
@@ -71,7 +72,6 @@
   top: 0;
   bottom: 0;
   width: 2px;
-  background-color: #d9d9d9;
   background-color: var(--rs-timeline-indicator-bg);
 }
 .rs-timeline-item:first-child .rs-timeline-item-tail {
@@ -132,8 +132,6 @@
   text-align: left;
 }
 .rs-timeline-with-time .rs-timeline-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
 }
@@ -145,22 +143,11 @@
 }
 .rs-timeline-with-time .rs-timeline-item-time,
 .rs-timeline-with-time .rs-timeline-item-content {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 50%;
-          flex: 1 0 50%;
-}
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-timeline-with-time .rs-timeline-item-time,
-  .rs-timeline-with-time .rs-timeline-item-content {
-    max-width: 50%;
-  }
+  flex: 1 0 50%;
 }
 .rs-timeline-align-alternate .rs-timeline-item:nth-child(2n),
 .rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
+  flex-direction: row-reverse;
 }
 .rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item {
   padding-right: 0;

package/Timeline/styles/index.less

@@ -139,9 +139,6 @@
   &-with-time &-item-time,
   &-with-time &-item-content {
     flex: 1 0 50%;
-    // In IE flex item box-sizing is invalid .
-    // Reference https://github.com/philipwalton/flexbugs/issues/3
-    .ie11-max-width(50%);
   }
 
   &-align-alternate &-item:nth-child(2n),

package/Toggle/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;
@@ -149,13 +154,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-toggle {
   position: relative;
@@ -234,44 +237,30 @@
 .rs-toggle-presentation {
   position: relative;
   display: inline-block;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   vertical-align: middle;
-  background-color: #b6b7b8;
   background-color: var(--rs-toggle-bg);
-  color: #fff;
   color: var(--rs-toggle-thumb);
   cursor: pointer;
-  -webkit-transition: background-color 0.15s ease-out, width 0.15s ease-out;
   transition: background-color 0.15s ease-out, width 0.15s ease-out;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .rs-theme-high-contrast .rs-toggle-presentation {
-  -webkit-transition: none;
   transition: none;
-  -webkit-box-shadow: inset 0 0 0 1px #fff;
-  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
-          box-shadow: inset 0 0 0 1px #fff;
-          box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
+  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
 }
 .rs-toggle-input:focus-visible + .rs-toggle-presentation {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
   outline-offset: 2px;
 }
 .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
-  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
-  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
-          box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
-          box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
+  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
 }
 .rs-toggle-presentation:hover {
-  background-color: #939393;
   background-color: var(--rs-toggle-hover-bg);
 }
 .rs-toggle-presentation::after {
@@ -279,70 +268,48 @@
   cursor: pointer;
   position: absolute;
   background-color: currentColor;
-  -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
   transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
 }
 .rs-theme-high-contrast .rs-toggle-presentation::after {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-toggle-disabled .rs-toggle-presentation {
-  background-color: #e5e5ea;
   background-color: var(--rs-toggle-disabled-bg);
-  color: #fff;
   color: var(--rs-toggle-disabled-thumb);
-  -webkit-box-shadow: inset 0 0 0 1px #fff;
-  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
-          box-shadow: inset 0 0 0 1px #fff;
-          box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
+  box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
   pointer-events: none;
 }
 .rs-toggle-checked .rs-toggle-presentation {
-  background-color: #3498ff;
   background-color: var(--rs-toggle-checked-bg);
-  color: #fff;
   color: var(--rs-toggle-checked-thumb);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .rs-toggle-checked .rs-toggle-presentation:hover {
-  background-color: #2589f5;
   background-color: var(--rs-toggle-checked-hover-bg);
 }
 .rs-toggle-disabled.rs-toggle-checked .rs-toggle-presentation {
-  background-color: #a6d7ff;
   background-color: var(--rs-toggle-checked-disabled-bg);
-  color: #fff;
   color: var(--rs-toggle-checked-disabled-thumb);
 }
 .rs-toggle-loading .rs-toggle-presentation::after {
   display: none;
 }
 .rs-toggle-inner {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-transition: margin 0.15s ease-out;
+  align-items: center;
   transition: margin 0.15s ease-out;
 }
 .rs-theme-high-contrast .rs-toggle-inner {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-toggle-loader {
   position: absolute;
-  -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
   transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
 }
 .rs-toggle-loader .rs-loader-spin::before {
-  border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-toggle-loader-ring);
 }
 .rs-toggle-loader .rs-loader-spin::after {
-  border-top-color: #fff;
   border-top-color: var(--rs-toggle-loader-rotor);
 }
 .rs-toggle-sm {
@@ -524,58 +491,44 @@
   font-size: 16px;
 }
 .rs-toggle-checked.rs-toggle-red .rs-toggle-presentation {
-  background-color: #f44336;
   background-color: var(--rs-red-500);
 }
 .rs-toggle-checked.rs-toggle-red .rs-toggle-presentation:hover {
-  background-color: #eb3626;
   background-color: var(--rs-red-600);
 }
 .rs-toggle-checked.rs-toggle-orange .rs-toggle-presentation {
-  background-color: #fa8900;
   background-color: var(--rs-orange-500);
 }
 .rs-toggle-checked.rs-toggle-orange .rs-toggle-presentation:hover {
-  background-color: #f08800;
   background-color: var(--rs-orange-600);
 }
 .rs-toggle-checked.rs-toggle-yellow .rs-toggle-presentation {
-  background-color: #ffb300;
   background-color: var(--rs-yellow-500);
 }
 .rs-toggle-checked.rs-toggle-yellow .rs-toggle-presentation:hover {
-  background-color: #f5af00;
   background-color: var(--rs-yellow-600);
 }
 .rs-toggle-checked.rs-toggle-green .rs-toggle-presentation {
-  background-color: #4caf50;
   background-color: var(--rs-green-500);
 }
 .rs-toggle-checked.rs-toggle-green .rs-toggle-presentation:hover {
-  background-color: #37ab3c;
   background-color: var(--rs-green-600);
 }
 .rs-toggle-checked.rs-toggle-cyan .rs-toggle-presentation {
-  background-color: #00bcd4;
   background-color: var(--rs-cyan-500);
 }
 .rs-toggle-checked.rs-toggle-cyan .rs-toggle-presentation:hover {
-  background-color: #00b1cc;
   background-color: var(--rs-cyan-600);
 }
 .rs-toggle-checked.rs-toggle-blue .rs-toggle-presentation {
-  background-color: #2196f3;
   background-color: var(--rs-blue-500);
 }
 .rs-toggle-checked.rs-toggle-blue .rs-toggle-presentation:hover {
-  background-color: #1787e8;
   background-color: var(--rs-blue-600);
 }
 .rs-toggle-checked.rs-toggle-violet .rs-toggle-presentation {
-  background-color: #673ab7;
   background-color: var(--rs-violet-500);
 }
 .rs-toggle-checked.rs-toggle-violet .rs-toggle-presentation:hover {
-  background-color: #5f2bb3;
   background-color: var(--rs-violet-600);
 }

package/Tooltip/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;
@@ -37,13 +42,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;
 }
 /* rtl:begin:ignore */
 /* rtl:end:ignore */
@@ -56,25 +59,17 @@
   line-height: 1.66666667;
   max-width: 250px;
   padding: 2px 10px;
-  color: #fff;
   color: var(--rs-tooltip-text);
-  background-color: #121212;
   background-color: var(--rs-tooltip-bg);
   border-radius: 4px;
   overflow-wrap: break-word;
 }
 .rs-tooltip.rs-anim-fade {
-  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
-  transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
   transition: opacity 0.1s linear, transform 0.1s ease-out;
-  transition: opacity 0.1s linear, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
 }
 .rs-tooltip.rs-anim-in {
   opacity: 1;
-  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
-  transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
   transition: opacity 0.15s linear, transform 0.15s ease-in;
-  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
 }
 .rs-tooltip-arrow::before,
 .rs-tooltip-arrow::after {
@@ -90,7 +85,6 @@
   display: none;
 }
 .rs-theme-high-contrast .rs-tooltip {
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
 .rs-theme-high-contrast .rs-tooltip-arrow::before {
@@ -98,173 +92,81 @@
 }
 .rs-tooltip[class*='placement-top'] {
   margin-top: -8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-top'].rs-anim-in {
-  -webkit-transform: translate(0, -2px);
-          transform: translate(0, -2px);
+  transform: translate(0, -2px);
 }
 .rs-tooltip[class*='placement-top']::after {
   bottom: -6px;
   margin-left: -6px;
   border-width: 6px 6px 0;
-  border-top-color: #121212;
   border-top-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-top']::after {
-    bottom: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-top']::after {
-    bottom: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
   bottom: -7px;
   margin-left: -7px;
   border-width: 7px 7px 0;
   border-top-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
-    bottom: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
-    bottom: -8px;
-  }
-}
 .rs-tooltip[class*='placement-bottom'] {
   margin-top: 8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-bottom'].rs-anim-in {
-  -webkit-transform: translate(0, 2px);
-          transform: translate(0, 2px);
+  transform: translate(0, 2px);
 }
 .rs-tooltip[class*='placement-bottom']::after {
   top: -6px;
   margin-left: -6px;
   border-width: 0 6px 6px;
-  border-bottom-color: #121212;
   border-bottom-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-bottom']::after {
-    top: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-bottom']::after {
-    top: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
   top: -7px;
   margin-left: -7px;
   border-width: 0 7px 7px;
   border-bottom-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
-    top: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
-    top: -8px;
-  }
-}
 /* rtl:begin:ignore */
 .rs-tooltip[class*='placement-right'] {
   margin-left: 8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-right'].rs-anim-in {
-  -webkit-transform: translate(2px, 0);
-          transform: translate(2px, 0);
+  transform: translate(2px, 0);
 }
 .rs-tooltip[class*='placement-right']::after {
   left: -6px;
   margin-top: -6px;
   border-width: 6px 6px 6px 0;
-  border-right-color: #121212;
   border-right-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-right']::after {
-    left: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-right']::after {
-    left: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
   left: -7px;
   margin-top: -7px;
   border-width: 7px 7px 7px 0;
   border-right-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
-    left: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
-    left: -8px;
-  }
-}
 .rs-tooltip[class*='placement-left'] {
   margin-left: -8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-left'].rs-anim-in {
-  -webkit-transform: translate(-2px, 0);
-          transform: translate(-2px, 0);
+  transform: translate(-2px, 0);
 }
 .rs-tooltip[class*='placement-left']::after {
   right: -6px;
   margin-top: -6px;
   border-width: 6px 0 6px 6px;
-  border-left-color: #121212;
   border-left-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-left']::after {
-    right: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-left']::after {
-    right: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
   right: -7px;
   margin-top: -7px;
   border-width: 7px 0 7px 7px;
   border-left-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
-    right: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
-    right: -8px;
-  }
-}
 /* rtl:end:ignore */
 .rs-tooltip.placement-bottom::before,
 .rs-tooltip.placement-top::before,

package/Tooltip/styles/mixins.less

@@ -11,9 +11,6 @@
 
 .tooltip-arrow(top, @size, @color) {
   top: -@size;
-  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
-  .ie11-edge-direction(top, -(@size+1px));
-
   margin-left: -@size;
   border-width: 0 @size @size;
   border-bottom-color: @color;
@@ -21,9 +18,6 @@
 
 .tooltip-arrow(bottom, @size, @color) {
   bottom: -@size;
-  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
-  .ie11-edge-direction(bottom, -(@size+1px));
-
   margin-left: -@size;
   border-width: @size @size 0;
   border-top-color: @color;
@@ -32,9 +26,6 @@
 /* rtl:begin:ignore */
 .tooltip-arrow(right, @size, @color) {
   right: -@size;
-  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
-  .ie11-edge-direction(right, -(@size+1px));
-
   margin-top: -@size;
   border-width: @size 0 @size @size;
   border-left-color: @color;
@@ -42,9 +33,6 @@
 
 .tooltip-arrow(left, @size, @color) {
   left: -@size;
-  // FIXED: The problem of the  1 pixel white border in Edge/IE11 browser .
-  .ie11-edge-direction(left, -(@size+1px));
-
   margin-top: -@size;
   border-width: @size @size @size 0;
   border-right-color: @color;