@fle-ui/next 1.0.5-alpha.4 → 1.0.5-alpha.5

package/lib/select/style/index.css

@@ -2,48 +2,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-select-single .ant-select-selector {
   display: flex;
 }
@@ -190,7 +148,7 @@ html {
   cursor: text;
 }
 .ant-select-disabled.ant-select-multiple .ant-select-selector {
-  background: #f5f5f5;
+  background: #f1f1f1;
   cursor: not-allowed;
 }
 .ant-select-multiple .ant-select-selector::after {
@@ -215,7 +173,7 @@ html {
   margin-bottom: 2px;
   line-height: 22px;
   background: #f5f5f5;
-  border: 1px solid rgba(0, 0, 0, 0.06);
+  border: 1px solid #eeeeee;
   border-radius: 4px;
   cursor: default;
   transition: font-size 0.3s, line-height 0.3s, height 0.3s;
@@ -232,7 +190,7 @@ html {
 }
 .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
   color: #bfbfbf;
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   cursor: not-allowed;
 }
 .ant-select-multiple .ant-select-selection-item-content {
@@ -253,7 +211,7 @@ html {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: inline-block;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-weight: bold;
   font-size: 10px;
   line-height: inherit;
@@ -362,23 +320,23 @@ html {
 }
 .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
   background-color: #fff;
-  border-color: var(--ant-error-color) !important;
+  border-color: #f42d2d !important;
 }
 .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
 .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
-  border-color: var(--ant-error-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-error-color-outline);
+  border-color: #ff5c57;
+  box-shadow: 0 0 0 2px rgba(244, 45, 45, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
   background-color: #fff;
-  border-color: var(--ant-warning-color) !important;
+  border-color: #ffab00 !important;
 }
 .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
 .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
-  border-color: var(--ant-warning-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-warning-color-outline);
+  border-color: #ffbf29;
+  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -399,7 +357,7 @@ html {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -412,7 +370,7 @@ html {
 .ant-select:not(.ant-select-customize-input) .ant-select-selector {
   position: relative;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
@@ -426,18 +384,18 @@ html {
   cursor: auto;
 }
 .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  border-color: var(--ant-primary-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
+  border-color: #548aff;
+  box-shadow: 0 0 0 2px rgba(44, 104, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  color: rgba(0, 0, 0, 0.25);
-  background: #f5f5f5;
+  color: #a9a9a9;
+  background: #f1f1f1;
   cursor: not-allowed;
 }
 .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  background: #f5f5f5;
+  background: #f1f1f1;
 }
 .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
   cursor: not-allowed;
@@ -458,7 +416,7 @@ html {
   -webkit-appearance: none;
 }
 .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
 }
 .ant-select-selection-item {
@@ -505,7 +463,7 @@ html {
   align-items: center;
   height: 12px;
   margin-top: -6px;
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   font-size: 12px;
   line-height: 1;
   text-align: center;
@@ -549,7 +507,7 @@ html {
   width: 12px;
   height: 12px;
   margin-top: -6px;
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   font-size: 12px;
   font-style: normal;
   line-height: 1;
@@ -565,7 +523,7 @@ html {
   display: block;
 }
 .ant-select-clear:hover {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
 }
 .ant-select:hover .ant-select-clear {
   opacity: 1;
@@ -573,7 +531,7 @@ html {
 .ant-select-dropdown {
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-variant: tabular-nums;
   line-height: 1.5715;
   list-style: none;
@@ -614,25 +572,25 @@ html {
   display: none;
 }
 .ant-select-dropdown-empty {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-select-item-empty {
   position: relative;
   display: block;
   min-height: 32px;
   padding: 5px 12px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-weight: normal;
   font-size: 14px;
   line-height: 22px;
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-select-item {
   position: relative;
   display: block;
   min-height: 32px;
   padding: 5px 12px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-weight: normal;
   font-size: 14px;
   line-height: 22px;
@@ -640,7 +598,7 @@ html {
   transition: background 0.3s ease;
 }
 .ant-select-item-group {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 12px;
   cursor: default;
 }
@@ -660,19 +618,19 @@ html {
   background-color: #f5f5f5;
 }
 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-weight: 600;
-  background-color: var(--ant-primary-1);
+  background-color: #f0f7ff;
 }
 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-select-item-option-disabled {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-select-item-option-disabled.ant-select-item-option-selected {
-  background-color: #f5f5f5;
+  background-color: #f1f1f1;
 }
 .ant-select-item-option-grouped {
   padding-left: 24px;

package/lib/skeleton/style/index.css

@@ -2,48 +2,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-skeleton {
   display: table;
   width: 100%;
@@ -124,7 +82,7 @@ html {
 .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
   position: relative;
   overflow: hidden;
-  background: #fff;
+  background: transparent;
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title::after,
 .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li::after {
@@ -136,12 +94,12 @@ html {
   background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
   -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
           animation: ant-skeleton-loading 1.4s ease infinite;
-  content: "";
+  content: '';
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
   position: relative;
   overflow: hidden;
-  background: #fff;
+  background: transparent;
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar::after {
   position: absolute;
@@ -152,12 +110,12 @@ html {
   background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
   -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
           animation: ant-skeleton-loading 1.4s ease infinite;
-  content: "";
+  content: '';
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-button {
   position: relative;
   overflow: hidden;
-  background: #fff;
+  background: transparent;
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-button::after {
   position: absolute;
@@ -168,12 +126,12 @@ html {
   background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
   -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
           animation: ant-skeleton-loading 1.4s ease infinite;
-  content: "";
+  content: '';
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-input {
   position: relative;
   overflow: hidden;
-  background: #fff;
+  background: transparent;
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-input::after {
   position: absolute;
@@ -184,12 +142,12 @@ html {
   background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
   -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
           animation: ant-skeleton-loading 1.4s ease infinite;
-  content: "";
+  content: '';
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-image {
   position: relative;
   overflow: hidden;
-  background: #fff;
+  background: transparent;
 }
 .ant-skeleton.ant-skeleton-active .ant-skeleton-image::after {
   position: absolute;
@@ -200,7 +158,7 @@ html {
   background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
   -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
           animation: ant-skeleton-loading 1.4s ease infinite;
-  content: "";
+  content: '';
 }
 .ant-skeleton.ant-skeleton-block {
   width: 100%;

package/lib/skeleton/style/index.less

@@ -263,7 +263,7 @@
 .skeleton-color() {
   position: relative;
   overflow: hidden;
-  background: #fff;
+  background: transparent;
 
   &::after {
     position: absolute;
@@ -276,9 +276,9 @@
       @skeleton-color 25%,
       @skeleton-to-color 37%,
       @skeleton-color 63%
-      );
+    );
     animation: ~'@{skeleton-prefix-cls}-loading' 1.4s ease infinite;
-    content: "";
+    content: '';
   }
 }
 

package/lib/slider/index.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { SliderProps as RcSliderProps } from 'rc-slider';
+import * as React from 'react';
 import type { TooltipPlacement } from '../tooltip';
 export declare type SliderMarks = RcSliderProps['marks'];
 interface HandleGeneratorInfo {

package/lib/slider/index.js

@@ -19,16 +19,16 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _tslib = require("tslib");
 
-var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _rcSlider = _interopRequireDefault(require("rc-slider"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _SliderTooltip = _interopRequireDefault(require("./SliderTooltip"));
+var React = _interopRequireWildcard(require("react"));
 
 var _configProvider = require("../config-provider");
 
+var _SliderTooltip = _interopRequireDefault(require("./SliderTooltip"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -128,7 +128,11 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleRender: handleRender
   }));
 });
-Slider.displayName = 'Slider';
+
+if (process.env.NODE_ENV !== 'production') {
+  Slider.displayName = 'Slider';
+}
+
 Slider.defaultProps = {
   tipFormatter: function tipFormatter(value) {
     return typeof value === 'number' ? value.toString() : '';

package/lib/slider/style/index.css

@@ -2,53 +2,11 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-slider {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -129,7 +87,7 @@ html {
 .ant-slider-track {
   position: absolute;
   height: 4px;
-  background-color: var(--ant-primary-3);
+  background-color: #a6c8ff;
   border-radius: 4px;
   transition: background-color 0.3s;
 }
@@ -139,7 +97,7 @@ html {
   height: 14px;
   margin-top: -5px;
   background-color: #fff;
-  border: solid 2px var(--ant-primary-3);
+  border: solid 2px #a6c8ff;
   border-radius: 50%;
   box-shadow: 0;
   cursor: pointer;
@@ -149,21 +107,29 @@ html {
   z-index: 1;
 }
 .ant-slider-handle:focus {
-  border-color: var(--ant-primary-color-deprecated-t-20);
+  border-color: #5686ff;
   outline: none;
-  box-shadow: 0 0 0 5px var(--ant-primary-color-deprecated-f-12);
+  box-shadow: 0 0 0 5px rgba(44, 104, 255, 0.12);
 }
 .ant-slider-handle.ant-tooltip-open {
-  border-color: var(--ant-primary-color);
+  border-color: #2c68ff;
+}
+.ant-slider-handle::after {
+  position: absolute;
+  top: -6px;
+  right: -6px;
+  bottom: -6px;
+  left: -6px;
+  content: "";
 }
 .ant-slider:hover .ant-slider-rail {
   background-color: #e1e1e1;
 }
 .ant-slider:hover .ant-slider-track {
-  background-color: var(--ant-primary-4);
+  background-color: #7daaff;
 }
 .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
-  border-color: var(--ant-primary-4);
+  border-color: #7daaff;
 }
 .ant-slider-mark {
   position: absolute;
@@ -175,7 +141,7 @@ html {
 .ant-slider-mark-text {
   position: absolute;
   display: inline-block;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   text-align: center;
   word-break: keep-all;
   cursor: pointer;
@@ -185,7 +151,7 @@ html {
           user-select: none;
 }
 .ant-slider-mark-text-active {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
 }
 .ant-slider-step {
   position: absolute;
@@ -200,12 +166,12 @@ html {
   width: 8px;
   height: 8px;
   background-color: #fff;
-  border: 2px solid rgba(0, 0, 0, 0.06);
+  border: 2px solid #eeeeee;
   border-radius: 50%;
   cursor: pointer;
 }
 .ant-slider-dot-active {
-  border-color: var(--ant-primary-color-deprecated-t-50);
+  border-color: #96b4ff;
 }
 .ant-slider-disabled {
   cursor: not-allowed;
@@ -214,12 +180,12 @@ html {
   background-color: #f5f5f5 !important;
 }
 .ant-slider-disabled .ant-slider-track {
-  background-color: rgba(0, 0, 0, 0.25) !important;
+  background-color: #a9a9a9 !important;
 }
 .ant-slider-disabled .ant-slider-handle,
 .ant-slider-disabled .ant-slider-dot {
   background-color: #fff;
-  border-color: rgba(0, 0, 0, 0.25) !important;
+  border-color: #a9a9a9 !important;
   box-shadow: none;
   cursor: not-allowed;
 }

package/lib/slider/style/index.less

@@ -66,6 +66,15 @@
     &.@{ant-prefix}-tooltip-open {
       border-color: @slider-handle-color-tooltip-open;
     }
+
+    &::after {
+      position: absolute;
+      top: -6px;
+      right: -6px;
+      bottom: -6px;
+      left: -6px;
+      content: "";
+    }
   }
 
   &:hover {

package/lib/space/style/index.css

@@ -2,48 +2,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-space {
   display: inline-flex;
 }