rsuite 6.1.1 → 6.1.2

package/PinInput/styles/index.css

@@ -1,19 +1,6 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
   --rs-gray-0:#fff;
   --rs-gray-50:#f7f7fa;
@@ -23,9 +10,7 @@ body{
   --rs-gray-600:#717273;
   --rs-gray-700:#575757;
   --rs-gray-800:#343434;
-  --rs-gray-900:#121212;
   --rs-primary-500:#3498ff;
-  --rs-body:var(--rs-gray-0);
   --rs-text-primary:var(--rs-gray-800);
   --rs-text-secondary:var(--rs-gray-600);
   --rs-text-disabled:var(--rs-gray-600);
@@ -51,9 +36,7 @@ body{
   --rs-gray-600:#3c3f43;
   --rs-gray-700:#292d33;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#34c3ff;
-  --rs-body:var(--rs-gray-900);
   --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-text-disabled:var(--rs-gray-400);
@@ -73,9 +56,7 @@ body{
   --rs-gray-600:#3c3f43;
   --rs-gray-700:#292d33;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#ffff00;
-  --rs-body:var(--rs-gray-900);
   --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-text-disabled:var(--rs-gray-400);
@@ -87,7 +68,6 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
   --rs-font-size-xs:0.75rem;
   --rs-font-size-sm:0.875rem;
   --rs-font-size-md:1rem;

package/Placeholder/styles/index.css

@@ -1,30 +1,13 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
   --rs-gray-0:#fff;
-  --rs-gray-50:#f7f7fa;
   --rs-gray-100:#f2f2f5;
   --rs-gray-200:#e5e5ea;
   --rs-gray-500:#939393;
   --rs-gray-600:#717273;
   --rs-gray-800:#343434;
-  --rs-gray-900:#121212;
-  --rs-body:var(--rs-gray-0);
-  --rs-text-primary:var(--rs-gray-800);
   --rs-bg-card:var(--rs-gray-0);
   --rs-placeholder:var(--rs-gray-100);
   --rs-placeholder-active:var(--rs-gray-200);
@@ -33,15 +16,11 @@ body{
 [data-theme=dark],
 .rs-theme-dark{
   --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-500:#5c6066;
   --rs-gray-600:#3c3f43;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-bg-card:var(--rs-gray-800);
   --rs-placeholder:var(--rs-gray-600);
   --rs-placeholder-active:var(--rs-gray-500);
@@ -56,15 +35,11 @@ body{
 [data-theme=high-contrast],
 .rs-theme-high-contrast{
   --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-500:#5c6066;
   --rs-gray-600:#3c3f43;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-bg-card:var(--rs-gray-800);
   --rs-placeholder:var(--rs-gray-600);
   --rs-placeholder-active:var(--rs-gray-500);
@@ -77,9 +52,6 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
-  --rs-font-size-sm:0.875rem;
-  --rs-line-height-md:calc(20 / 14);
   --rs-spacing:0.25rem;
   --rs-radius-xs:0.125rem;
   --rs-radius-full:62.5rem;

package/Popover/styles/index.css

@@ -1,30 +1,13 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
   --rs-gray-0:#fff;
-  --rs-gray-50:#f7f7fa;
   --rs-gray-100:#f2f2f5;
   --rs-gray-200:#e5e5ea;
   --rs-gray-600:#717273;
   --rs-gray-700:#575757;
   --rs-gray-800:#343434;
-  --rs-gray-900:#121212;
-  --rs-body:var(--rs-gray-0);
-  --rs-text-primary:var(--rs-gray-800);
   --rs-border-primary:var(--rs-gray-200);
   --rs-bg-overlay:var(--rs-gray-0);
   --rs-popover-shadow:0 1px 8px rgba(0, 0, 0, 0.12);
@@ -33,15 +16,11 @@ body{
 [data-theme=dark],
 .rs-theme-dark{
   --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-600:#3c3f43;
   --rs-gray-700:#292d33;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-border-primary:var(--rs-gray-600);
   --rs-bg-overlay:var(--rs-gray-700);
   --rs-popover-shadow:0 4px 6px rgba(0, 0, 0, 0.3);
@@ -50,22 +29,17 @@ body{
 [data-theme=high-contrast],
 .rs-theme-high-contrast{
   --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-600:#3c3f43;
   --rs-gray-700:#292d33;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-border-primary:var(--rs-gray-100);
   --rs-bg-overlay:var(--rs-gray-800);
   --rs-popover-shadow:0 4px 6px rgba(0, 0, 0, 0.3);
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
   --rs-font-size-xs:0.75rem;
   --rs-font-size-sm:0.875rem;
   --rs-font-size-lg:1.125rem;
@@ -74,7 +48,6 @@ body{
   --rs-font-size-3xl:1.875rem;
   --rs-font-size-4xl:2.25rem;
   --rs-font-size-5xl:3rem;
-  --rs-line-height-md:calc(20 / 14);
   --rs-text-line-height-xs:calc(1 / 0.75);
   --rs-text-line-height-sm:calc(1.25 / 0.875);
   --rs-text-line-height-lg:calc(1.75 / 1.125);

package/Progress/styles/_progress-line.scss

@@ -15,6 +15,7 @@
   align-items: center;
   width: 100%;
   gap: calc(var(--rs-spacing) * 3);
+  font-size: var(--rs-font-size-sm);
 
   &:where([data-status='active']) {
     .rs-progress-line-stroke {

package/Progress/styles/index.css

@@ -1,31 +1,12 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#f7f7fa;
   --rs-gray-200:#e5e5ea;
   --rs-gray-700:#575757;
-  --rs-gray-800:#343434;
-  --rs-gray-900:#121212;
   --rs-primary-500:#3498ff;
   --rs-color-red:#f44336;
   --rs-color-green:#4caf50;
-  --rs-body:var(--rs-gray-0);
-  --rs-text-primary:var(--rs-gray-800);
   --rs-progress-bg:var(--rs-gray-200);
   --rs-progress-bar:var(--rs-primary-500);
   --rs-progress-bar-success:var(--rs-color-green);
@@ -34,17 +15,11 @@ body{
 
 [data-theme=dark],
 .rs-theme-dark{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-200:#a4a9b3;
   --rs-gray-700:#292d33;
-  --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#34c3ff;
   --rs-color-red:#f04f43;
   --rs-color-green:#58b15b;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-progress-bg:var(--rs-gray-700);
   --rs-progress-bar:var(--rs-primary-500);
   --rs-progress-bar-success:var(--rs-color-green);
@@ -53,17 +28,11 @@ body{
 
 [data-theme=high-contrast],
 .rs-theme-high-contrast{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-200:#a4a9b3;
   --rs-gray-700:#292d33;
-  --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#ffff00;
   --rs-color-red:#bd1732;
   --rs-color-green:#0d822c;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-progress-bg:var(--rs-gray-700);
   --rs-progress-bar:var(--rs-primary-500);
   --rs-progress-bar-success:var(--rs-color-green);
@@ -71,9 +40,7 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
   --rs-font-size-sm:0.875rem;
-  --rs-line-height-md:calc(20 / 14);
   --rs-spacing:0.25rem;
   --rs-radius-sm:0.25rem;
   --rs-radius-lg:0.5rem;
@@ -202,6 +169,7 @@ body{
   align-items:center;
   width:100%;
   gap:calc(var(--rs-spacing) * 3);
+  font-size:var(--rs-font-size-sm);
 }
 .rs-progress-line:where([data-status=active]) .rs-progress-line-stroke{
   position:relative;

package/ProgressCircle/styles/index.css

@@ -1,32 +1,13 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#f7f7fa;
   --rs-gray-200:#e5e5ea;
   --rs-gray-600:#717273;
   --rs-gray-700:#575757;
-  --rs-gray-800:#343434;
-  --rs-gray-900:#121212;
   --rs-primary-500:#3498ff;
   --rs-color-red:#f44336;
   --rs-color-green:#4caf50;
-  --rs-body:var(--rs-gray-0);
-  --rs-text-primary:var(--rs-gray-800);
   --rs-text-secondary:var(--rs-gray-600);
   --rs-progress-bg:var(--rs-gray-200);
   --rs-progress-bar:var(--rs-primary-500);
@@ -36,18 +17,12 @@ body{
 
 [data-theme=dark],
 .rs-theme-dark{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-200:#a4a9b3;
   --rs-gray-600:#3c3f43;
   --rs-gray-700:#292d33;
-  --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#34c3ff;
   --rs-color-red:#f04f43;
   --rs-color-green:#58b15b;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-progress-bg:var(--rs-gray-700);
   --rs-progress-bar:var(--rs-primary-500);
@@ -57,18 +32,12 @@ body{
 
 [data-theme=high-contrast],
 .rs-theme-high-contrast{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-200:#a4a9b3;
   --rs-gray-600:#3c3f43;
   --rs-gray-700:#292d33;
-  --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#ffff00;
   --rs-color-red:#bd1732;
   --rs-color-green:#0d822c;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-progress-bg:var(--rs-gray-700);
   --rs-progress-bar:var(--rs-primary-500);
@@ -77,10 +46,7 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
-  --rs-font-size-sm:0.875rem;
   --rs-font-size-md:1rem;
-  --rs-line-height-md:calc(20 / 14);
 }
 
 @media (max-width: calc(576px - 1px)){

package/README.md

@@ -71,13 +71,14 @@ More guides on how to get started are available [here](https://rsuitejs.com/guid
 
 It's the https://rsuitejs.com website for the latest version of React Suite. For older versions head over here:
 
+- [5.x documentation](https://v5.rsuitejs.com/)
 - [4.x documentation](https://v4.rsuitejs.com/)
 - [3.x documentation](https://v3.rsuitejs.com/)
 
-The previous major version 4.x will no longer receive new features,
-and it is recommended to upgrade to the latest 5.x releases.
-Bug fixes for 4.x are still being supported for a period of time,
-and security fixes are supported until 6.x is in progress.
+The previous major version 5.x will no longer receive new features,
+and it is recommended to upgrade to the latest 6.x releases.
+Bug fixes for 5.x are still being supported for a period of time,
+and security fixes are supported until 7.x is in progress.
 
 ## Framework Guides
 

package/Radio/styles/index.css

@@ -1,19 +1,6 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
   --rs-gray-0:#fff;
   --rs-gray-50:#f7f7fa;
@@ -23,7 +10,6 @@ body{
   --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;
@@ -32,8 +18,6 @@ body{
   --rs-cyan-500:#00BCD4;
   --rs-blue-500:#2196F3;
   --rs-violet-500:#673AB7;
-  --rs-body:var(--rs-gray-0);
-  --rs-text-primary:var(--rs-gray-800);
   --rs-text-disabled:var(--rs-gray-600);
   --rs-focus-ring-color:rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-checkbox-checked-bg:var(--rs-primary-500);
@@ -58,7 +42,6 @@ body{
   --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,8 +50,6 @@ body{
   --rs-cyan-500:#00BCD4;
   --rs-blue-500:#1499EF;
   --rs-violet-500:#673AB7;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-text-disabled:var(--rs-gray-400);
   --rs-checkbox-checked-bg:var(--rs-primary-500);
   --rs-radio-marker:var(--rs-gray-800);
@@ -87,7 +68,6 @@ body{
   --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;
@@ -96,8 +76,6 @@ body{
   --rs-cyan-500:#00BCD4;
   --rs-blue-500:#1499EF;
   --rs-violet-500:#673AB7;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-text-disabled:var(--rs-gray-400);
   --rs-focus-ring-color:var(--rs-gray-0);
   --rs-checkbox-checked-bg:var(--rs-primary-500);
@@ -108,9 +86,6 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
-  --rs-font-size-sm:0.875rem;
-  --rs-line-height-md:calc(20 / 14);
   --rs-spacing:0.25rem;
   --rs-radius-full:62.5rem;
   --rs-cursor-disabled:not-allowed;

package/RadioGroup/styles/index.css

@@ -1,30 +1,14 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
-  --rs-gray-0:#fff;
   --rs-gray-50:#f7f7fa;
   --rs-gray-100:#f2f2f5;
   --rs-gray-200:#e5e5ea;
   --rs-gray-600:#717273;
   --rs-gray-800:#343434;
-  --rs-gray-900:#121212;
   --rs-primary-500:#3498ff;
   --rs-primary-700:#1675E0;
-  --rs-body:var(--rs-gray-0);
   --rs-text-primary:var(--rs-gray-800);
   --rs-text-secondary:var(--rs-gray-600);
   --rs-text-active:var(--rs-primary-700);
@@ -33,16 +17,13 @@ body{
 
 [data-theme=dark],
 .rs-theme-dark{
-  --rs-gray-0:#fff;
   --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-600:#3c3f43;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#34c3ff;
   --rs-primary-700:#169DE0;
-  --rs-body:var(--rs-gray-900);
   --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-text-active:var(--rs-primary-500);
@@ -51,16 +32,13 @@ body{
 
 [data-theme=high-contrast],
 .rs-theme-high-contrast{
-  --rs-gray-0:#fff;
   --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-600:#3c3f43;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-500:#ffff00;
   --rs-primary-700:#d9e000;
-  --rs-body:var(--rs-gray-900);
   --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-text-active:var(--rs-primary-500);
@@ -68,7 +46,6 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
   --rs-font-size-sm:0.875rem;
   --rs-line-height-md:calc(20 / 14);
   --rs-spacing:0.25rem;

package/RadioTile/styles/index.css

@@ -1,33 +1,15 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#f7f7fa;
   --rs-gray-200:#e5e5ea;
   --rs-gray-300:#d9d9d9;
   --rs-gray-400:#b6b7b8;
   --rs-gray-600:#717273;
   --rs-gray-800:#343434;
-  --rs-gray-900:#121212;
   --rs-primary-200:#A6D7FF;
   --rs-primary-500:#3498ff;
   --rs-primary-900:#004299;
-  --rs-body:var(--rs-gray-0);
-  --rs-text-primary:var(--rs-gray-800);
   --rs-text-secondary:var(--rs-gray-600);
   --rs-text-disabled:var(--rs-gray-600);
   --rs-radio-tile-border:var(--rs-gray-300);
@@ -39,19 +21,14 @@ body{
 
 [data-theme=dark],
 .rs-theme-dark{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-200:#a4a9b3;
   --rs-gray-300:#858b94;
   --rs-gray-400:#6a6f76;
   --rs-gray-600:#3c3f43;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-200:#A6E9FF;
   --rs-primary-500:#34c3ff;
   --rs-primary-900:#006199;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-text-disabled:var(--rs-gray-400);
   --rs-radio-tile-border:var(--rs-gray-300);
@@ -62,19 +39,14 @@ body{
 
 [data-theme=high-contrast],
 .rs-theme-high-contrast{
-  --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-200:#a4a9b3;
   --rs-gray-300:#858b94;
   --rs-gray-400:#6a6f76;
   --rs-gray-600:#3c3f43;
   --rs-gray-800:#1a1d24;
-  --rs-gray-900:#0f131a;
   --rs-primary-200:#fffa91;
   --rs-primary-500:#ffff00;
   --rs-primary-900:#8f9900;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-text-secondary:var(--rs-gray-200);
   --rs-text-disabled:var(--rs-gray-400);
   --rs-radio-tile-border:var(--rs-gray-300);
@@ -84,10 +56,7 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
-  --rs-font-size-sm:0.875rem;
   --rs-font-size-md:1rem;
-  --rs-line-height-md:calc(20 / 14);
   --rs-spacing:0.25rem;
   --rs-radius-md:0.375rem;
   --rs-cursor-disabled:not-allowed;

package/RangeSlider/styles/index.css

@@ -1,22 +1,8 @@
 *[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
   box-sizing:border-box;
 }
-
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
 :root{
   --rs-gray-0:#fff;
-  --rs-gray-50:#f7f7fa;
   --rs-gray-100:#f2f2f5;
   --rs-gray-200:#e5e5ea;
   --rs-gray-500:#939393;
@@ -25,8 +11,6 @@ body{
   --rs-gray-800:#343434;
   --rs-gray-900:#121212;
   --rs-primary-500:#3498ff;
-  --rs-body:var(--rs-gray-0);
-  --rs-text-primary:var(--rs-gray-800);
   --rs-border-primary:var(--rs-gray-200);
   --rs-tooltip-bg:var(--rs-gray-900);
   --rs-tooltip-text:var(--rs-gray-0);
@@ -46,7 +30,6 @@ body{
 [data-theme=dark],
 .rs-theme-dark{
   --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-500:#5c6066;
@@ -55,8 +38,6 @@ body{
   --rs-gray-800:#1a1d24;
   --rs-gray-900:#0f131a;
   --rs-primary-500:#34c3ff;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-border-primary:var(--rs-gray-600);
   --rs-tooltip-bg:var(--rs-gray-500);
   --rs-tooltip-text:var(--rs-gray-0);
@@ -77,7 +58,6 @@ body{
 [data-theme=high-contrast],
 .rs-theme-high-contrast{
   --rs-gray-0:#fff;
-  --rs-gray-50:#e9ebf0;
   --rs-gray-100:#cbced4;
   --rs-gray-200:#a4a9b3;
   --rs-gray-500:#5c6066;
@@ -86,8 +66,6 @@ body{
   --rs-gray-800:#1a1d24;
   --rs-gray-900:#0f131a;
   --rs-primary-500:#ffff00;
-  --rs-body:var(--rs-gray-900);
-  --rs-text-primary:var(--rs-gray-50);
   --rs-border-primary:var(--rs-gray-100);
   --rs-tooltip-bg:var(--rs-gray-800);
   --rs-tooltip-text:var(--rs-gray-0);
@@ -106,11 +84,8 @@ body{
 }
 
 :root{
-  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
   --rs-font-size-xs:0.75rem;
-  --rs-font-size-sm:0.875rem;
   --rs-line-height-base:20px;
-  --rs-line-height-md:calc(20 / 14);
   --rs-text-line-height-xs:calc(1 / 0.75);
   --rs-spacing:0.25rem;
   --rs-radius-sm:0.25rem;