rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250507

package/PinInput/styles/index.less

@@ -0,0 +1,66 @@
+@import '../../Input/styles/index.less';
+@import '../../styles/common';
+
+.rs-pin-input {
+  --rs-pin-input-size-lg: 42px;
+  --rs-pin-input-size-md: 36px;
+  --rs-pin-input-size-sm: 30px;
+  --rs-pin-input-size-xs: 24px;
+
+  --rs-pin-input-size: var(--rs-pin-input-size-md);
+
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+
+  // Individual segment styling
+  &-segment {
+    text-align: center;
+    width: var(--rs-pin-input-size);
+    caret-color: transparent;
+
+    // Size variants
+    &.rs-input-lg {
+      --rs-pin-input-size: var(--rs-pin-input-size-lg);
+    }
+
+    &.rs-input-md {
+      --rs-pin-input-size: var(--rs-pin-input-size-md);
+    }
+
+    &.rs-input-sm {
+      --rs-pin-input-size: var(--rs-pin-input-size-sm);
+    }
+
+    &.rs-input-xs {
+      --rs-pin-input-size: var(--rs-pin-input-size-xs);
+    }
+  }
+
+  // Masked input styling
+  &-masked {
+    font-family: monospace;
+  }
+
+  // Attached segments
+  &-attached {
+    .rs-pin-input-segment {
+      &:not(:first-child) {
+        margin-left: -1px;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      &:not(:last-child) {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+
+      // Focus state for attached inputs
+      &:focus {
+        z-index: 1;
+        position: relative;
+      }
+    }
+  }
+}

package/Radio/styles/index.css

@@ -25,7 +25,6 @@
   --rs-gray-500: #939393;
   --rs-gray-600: #717273;
   --rs-gray-800: #343434;
-  --rs-gray-900: #121212;
   --rs-primary-500: #3498ff;
   --rs-red-500: #f44336;
   --rs-orange-500: #fa8900;
@@ -35,7 +34,7 @@
   --rs-blue-500: #2196f3;
   --rs-violet-500: #673ab7;
   --rs-text-disabled: var(--rs-gray-600);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-checkbox-checked-bg: var(--rs-primary-500);
   --rs-radio-marker: #fff;
   --rs-radio-border: var(--rs-gray-300);
@@ -45,7 +44,7 @@
 @supports not (color: rgb(from white r g b)) {
   :root,
   .rs-theme-light {
-    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+    --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
   }
 }
 .rs-theme-dark {
@@ -57,7 +56,6 @@
   --rs-gray-500: #5c6066;
   --rs-gray-600: #3c3f43;
   --rs-gray-800: #1a1d24;
-  --rs-gray-900: #0f131a;
   --rs-primary-500: #34c3ff;
   --rs-red-500: #f04f43;
   --rs-orange-500: #ff9800;
@@ -67,7 +65,7 @@
   --rs-blue-500: #1499ef;
   --rs-violet-500: #673ab7;
   --rs-text-disabled: var(--rs-gray-400);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-color-focus-ring: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-checkbox-checked-bg: var(--rs-primary-500);
   --rs-radio-marker: var(--rs-gray-800);
   --rs-radio-border: var(--rs-gray-400);
@@ -76,7 +74,7 @@
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
-    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
+    --rs-color-focus-ring: 0 0 0 2px rgba(52, 195, 255, 0.25);
   }
 }
 .rs-theme-high-contrast {
@@ -88,7 +86,6 @@
   --rs-gray-500: #5c6066;
   --rs-gray-600: #3c3f43;
   --rs-gray-800: #1a1d24;
-  --rs-gray-900: #0f131a;
   --rs-primary-500: #ffff00;
   --rs-red-500: #bd1732;
   --rs-orange-500: #ff9800;
@@ -98,7 +95,7 @@
   --rs-blue-500: #1499ef;
   --rs-violet-500: #673ab7;
   --rs-text-disabled: var(--rs-gray-400);
-  --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
+  --rs-color-focus-ring: var(--rs-gray-0);
   --rs-checkbox-checked-bg: var(--rs-primary-500);
   --rs-radio-marker: var(--rs-gray-800);
   --rs-radio-border: var(--rs-gray-100);
@@ -128,7 +125,8 @@
   color: var(--rs-text-disabled);
 }
 .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
-  box-shadow: var(--rs-state-focus-shadow);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-radio-checker {
   position: relative;

package/Radio/styles/index.less

@@ -9,7 +9,7 @@
   .radio-checkbox-common();
 
   [type='radio']:focus ~ .rs-radio-inner::before {
-    box-shadow: var(--rs-state-focus-shadow);
+    .focus-ring();
   }
 }
 

package/RangeSlider/styles/index.css

@@ -392,6 +392,8 @@
 .rs-slider-graduator ol,
 .rs-slider-graduator li {
   list-style: none;
+  margin: 0;
+  padding: 0;
 }
 .rs-slider-graduator > ol {
   display: flex;

package/SelectPicker/styles/index.css

@@ -106,8 +106,7 @@
   --rs-border-primary: var(--rs-gray-200);
   --rs-bg-overlay: var(--rs-gray-0);
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-btn-default-bg: var(--rs-gray-50);
   --rs-btn-default-text: var(--rs-gray-800);
   --rs-btn-default-border-color: var(--rs-gray-200);
@@ -152,7 +151,6 @@
   --rs-listbox-option-selected-text: var(--rs-primary-700);
   --rs-listbox-option-selected-bg: var(--rs-primary-50);
   --rs-listbox-option-disabled-text: var(--rs-gray-400);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
@@ -163,7 +161,6 @@
   :root,
   .rs-theme-light {
     --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
-    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
     --rs-loader-ring: rgba(247, 247, 250, 0.8);
     --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
     --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
@@ -250,9 +247,8 @@
   --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-bg-overlay: var(--rs-gray-700);
-  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-color-focus-ring: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-btn-default-bg: var(--rs-gray-600);
   --rs-btn-default-text: var(--rs-gray-50);
   --rs-btn-default-border-color: var(--rs-gray-700);
@@ -297,15 +293,13 @@
   --rs-listbox-option-selected-text: var(--rs-primary-500);
   --rs-listbox-option-selected-bg: rgb(from var(--rs-primary-900) r g b / 20%);
   --rs-listbox-option-disabled-text: var(--rs-gray-500);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-picker-value: var(--rs-primary-500);
   --rs-picker-count-bg: var(--rs-primary-700);
   --rs-picker-count-text: #fff;
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
-    --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
-    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
+    --rs-color-focus-ring: 0 0 0 2px rgba(52, 195, 255, 0.25);
     --rs-loader-ring: rgba(233, 235, 240, 0.3);
     --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
     --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
@@ -394,8 +388,7 @@
   --rs-border-primary: var(--rs-gray-100);
   --rs-bg-overlay: var(--rs-gray-800);
   --rs-color-focus-ring: var(--rs-gray-0);
-  --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-btn-default-bg: transparent;
   --rs-btn-default-text: var(--rs-primary-500);
   --rs-btn-default-border-color: var(--rs-primary-500);
@@ -441,7 +434,6 @@
   --rs-listbox-option-selected-text: var(--rs-primary-500);
   --rs-listbox-option-selected-bg: transparent;
   --rs-listbox-option-disabled-text: var(--rs-gray-500);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-picker-value: var(--rs-primary-500);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: var(--rs-gray-900);
@@ -511,10 +503,8 @@
   border-color: var(--rs-btn-default-border-color);
 }
 .rs-btn:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-btn:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-btn:hover {
   color: var(--rs-btn-default-hover-text);
@@ -1416,15 +1406,12 @@
 .rs-input::placeholder {
   color: var(--rs-text-secondary);
 }
-.rs-input:focus,
-.rs-input:hover:not(:disabled) {
-  border-color: var(--rs-input-focus-border);
-}
 .rs-input:focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  border-color: var(--rs-input-focus-border);
 }
-.rs-theme-high-contrast .rs-input:focus {
-  outline-offset: 2px;
+.rs-input:focus-visible {
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-input:disabled {
   background-color: var(--rs-input-disabled-bg);
@@ -1509,18 +1496,14 @@
 .rs-theme-high-contrast .rs-input-group {
   transition: none;
 }
-.rs-input-group:not(.rs-input-group-disabled):hover,
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
   border-color: var(--rs-input-focus-border);
 }
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
-.rs-theme-high-contrast .rs-input-group:focus-within {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-input-group .rs-input-group {
   outline: none !important;
@@ -1529,7 +1512,7 @@
 .rs-input-group .rs-input-group-btn {
   height: var(--rs-input-group-input-height);
 }
-.rs-input-group .rs-input-number,
+.rs-input-group .rs-number-input,
 .rs-input-group .rs-input-group-addon,
 .rs-input-group .rs-input-group-btn,
 .rs-input-group .rs-picker[data-picker='date'] .rs-picker-toggle {
@@ -1679,15 +1662,6 @@
 .rs-btn-close .rs-icon {
   vertical-align: bottom;
 }
-.rs-btn-close:hover,
-.rs-btn-close:focus {
-  color: var(--rs-close-button-hover-color);
-}
-.rs-btn-close:hover svg path,
-.rs-btn-close:focus svg path {
-  stroke: var(--rs-close-button-hover-color);
-  stroke-width: 1;
-}
 .rs-picker[data-variant='subtle'] .picker-subtle-toggle {
   --rs-picker-toggle-border-width: 0px;
   position: relative;
@@ -1696,12 +1670,10 @@
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle {
   cursor: not-allowed;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active {
   background: none;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active::after {
   display: none;
@@ -1711,6 +1683,7 @@
   --rs-picker-loader-size: 20px;
   --rs-picker-toggle-border-width: 1px;
   --rs-picker-toggle-bg: var(--rs-input-bg);
+  --rs-picker-toggle-border-color: var(--rs-border-primary);
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
@@ -1730,6 +1703,9 @@
 .rs-picker[data-disabled='true'] .rs-picker-value-count {
   opacity: 0.5;
 }
+.rs-picker[data-disabled='true'] .rs-picker-toggle {
+  pointer-events: none;
+}
 .rs-picker-toggle .rs-picker-toggle-placeholder {
   color: var(--rs-text-secondary);
 }
@@ -1752,13 +1728,14 @@
 .rs-picker-value-separator {
   margin: 0 var(--rs-spacing) 0 0;
 }
-.rs-picker:not([data-disabled='true']):hover,
 .rs-picker.rs-picker-focused {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
-  box-shadow: var(--rs-state-focus-shadow);
+  --rs-picker-toggle-border-color: var(--rs-input-focus-border);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-picker-label.rs-input-group-addon {
   color: var(--rs-text-primary);
@@ -1867,12 +1844,13 @@
 }
 [data-variant='default'] .rs-picker-toggle {
   color: var(--rs-text-primary);
-  border: var(--rs-picker-toggle-border-width) solid var(--rs-border-primary);
+  border-width: var(--rs-picker-toggle-border-width);
+  border-color: var(--rs-picker-toggle-border-color);
+  border-style: solid;
 }
 [data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker-toggle [data-variant='default']:not([data-disabled='true']):hover,
 .rs-picker-toggle [data-variant='default']:not([data-disabled='true']):focus {
   border-color: var(--rs-input-focus-border);
 }
@@ -1884,12 +1862,10 @@
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active {
   background: none;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active::after {
   display: none;
@@ -1942,12 +1918,7 @@
 .rs-theme-high-contrast .rs-picker-toggle {
   transition: none;
 }
-.rs-picker-toggle .rs-picker[data-variant='default']:hover,
-:not([data-disabled='true']) .rs-picker-toggle:hover,
-.rs-picker-toggle .rs-picker[data-variant='default']:focus,
-:not([data-disabled='true']) .rs-picker-toggle:focus,
-.rs-picker-toggle .rs-picker[data-variant='default']-active,
-:not([data-disabled='true']) .rs-picker-toggle-active {
+.rs-picker-toggle .rs-picker[data-variant='default']:focus {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker[data-variant='subtle'] .rs-picker-toggle {
@@ -2008,15 +1979,13 @@
   align-items: center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean {
-  display: inline-flex;
-  align-items: center;
-  height: 20px;
-  font-size: var(--rs-font-size-sm);
-  background: inherit;
   color: var(--rs-text-secondary);
   transition: 0.2s color linear;
   cursor: pointer;
 }
+.rs-picker-toggle-indicator .rs-picker-clean:hover {
+  color: var(--rs-text-primary);
+}
 .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
   padding: 0;
 }
@@ -2054,17 +2023,13 @@
 .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
 .rs-theme-high-contrast .rs-check-item:focus,
 .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
-  outline-offset: 2px;
-}
 .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
 .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
 .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
@@ -2171,17 +2136,13 @@
 .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
 .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
 .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  outline-offset: 2px;
-}
 .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
   font-weight: bold;
   color: var(--rs-listbox-option-selected-text);

package/Sidenav/styles/index.css

@@ -77,7 +77,7 @@
   --rs-primary-600: #25b3f5;
   --rs-primary-700: #169de0;
   --rs-text-secondary: var(--rs-gray-200);
-  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-color-focus-ring: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-menuitem-active-bg: var(--rs-gray-600);
   --rs-menuitem-active-text: currentColor;
   --rs-sidenav-default-bg: var(--rs-gray-800);
@@ -104,7 +104,7 @@
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
-    --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
+    --rs-color-focus-ring: 0 0 0 2px rgba(52, 195, 255, 0.25);
   }
 }
 .rs-theme-high-contrast {
@@ -219,21 +219,17 @@
   outline: 0;
 }
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 1;
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon {
   font-size: var(--rs-font-size-sm);
 }
@@ -253,21 +249,17 @@
   border-width: 0 0 0 1px;
 }
 .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 1;
 }
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-active {
   font-weight: normal;
@@ -294,32 +286,23 @@
 }
 .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
 .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
 }
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
-.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-item {
   display: flex;
   align-items: center;
@@ -333,14 +316,12 @@
   text-decoration: none;
 }
 .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   z-index: 2;
 }
-.rs-theme-high-contrast .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-header {
   padding: var(--rs-sidenav-header-p);
 }
@@ -386,49 +367,37 @@
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   background: none;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline-offset: 2px;
-}
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu {
   box-shadow: none;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline-offset: 2px;
-}
 .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
   overflow: hidden;
@@ -504,22 +473,16 @@
 }
 .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-collapse-out .rs-sidenav-item-title {
   display: none;
 }

package/Slider/styles/index.css

@@ -392,6 +392,8 @@
 .rs-slider-graduator ol,
 .rs-slider-graduator li {
   list-style: none;
+  margin: 0;
+  padding: 0;
 }
 .rs-slider-graduator > ol {
   display: flex;

package/Slider/styles/index.less

@@ -185,6 +185,8 @@
   ol,
   li {
     list-style: none;
+    margin: 0;
+    padding: 0;
   }
 
   > ol {