rsuite 5.75.0 → 6.0.0-canary-20241227

package/Slider/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;
@@ -77,13 +82,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 */
@@ -96,25 +99,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 {
@@ -130,7 +125,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 {
@@ -138,173 +132,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,
@@ -371,14 +273,11 @@
 .rs-slider-bar {
   height: 6px;
   border-radius: 3px;
-  background-color: #f2f2f5;
   background-color: var(--rs-slider-bar);
-  -webkit-transition: background-color ease-in-out 0.3s;
   transition: background-color ease-in-out 0.3s;
   cursor: pointer;
 }
 .rs-slider:hover .rs-slider-bar {
-  background-color: #e5e5ea;
   background-color: var(--rs-slider-hover-bar);
 }
 .rs-slider-vertical .rs-slider-bar {
@@ -396,30 +295,21 @@
   width: 12px;
   height: 12px;
   border-radius: 50%;
-  border: 2px solid #3498ff;
   border: 2px solid var(--rs-slider-thumb-border);
-  background-color: #fff;
   background-color: var(--rs-slider-thumb-bg);
   margin-left: -6px;
   cursor: pointer;
   /* stylelint-disable */
-  -webkit-transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
-  transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
   transition: box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-  transition: box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
   /* stylelint-enable */
 }
 .rs-slider-handle:hover::before,
 .rs-slider-handle:focus::before {
-  -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 #939393 r g b / 25%);
-          box-shadow: var(--rs-slider-thumb-hover-shadow);
+  box-shadow: var(--rs-slider-thumb-hover-shadow);
 }
 .rs-slider-handle:active::before,
 .rs-slider-handle.active::before {
-  -webkit-transform: scale(1.2);
-          transform: scale(1.2);
+  transform: scale(1.2);
 }
 .rs-slider-vertical .rs-slider-handle {
   top: unset;
@@ -463,16 +353,12 @@
   list-style: none;
 }
 .rs-slider-graduator > ol {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
   width: 100%;
 }
 .rs-slider-graduator > ol > li {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 1%;
-          flex: 1 1 1%;
+  flex: 1 1 1%;
   position: relative;
 }
 .rs-slider-graduator > ol > li:last-child::after,
@@ -483,11 +369,8 @@
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background-color: #fff;
   background-color: var(--rs-slider-thumb-bg);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  border: 2px solid #f2f2f5;
+  box-sizing: border-box;
   border: 2px solid var(--rs-slider-bar);
   margin-left: -4px;
   top: -1px;
@@ -507,7 +390,6 @@
   top: -4px;
 }
 .rs-slider-graduator > ol > li.rs-slider-pass::before {
-  border-color: #3498ff;
   border-color: var(--rs-slider-progress);
 }
 .rs-slider-graduator > ol > li.rs-slider-active::before {
@@ -519,13 +401,8 @@
 }
 .rs-slider-vertical .rs-slider-graduator > ol {
   width: 6px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: column-reverse;
-          flex-direction: column-reverse;
+  flex-direction: column-reverse;
   height: 100%;
   padding: 0;
 }
@@ -537,7 +414,6 @@
   position: absolute;
   height: 6px;
   border-radius: 3px 0 0 3px;
-  background-color: #3498ff;
   background-color: var(--rs-slider-progress);
 }
 .rs-slider-vertical .rs-slider-progress-bar {

package/Stack/styles/index.css

@@ -1,15 +1,16 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 /* 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-stack {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }