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

package/lib/pagination/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-pagination {
   box-sizing: border-box;
   margin: 0;
@@ -83,19 +125,19 @@
   border-color: #2c68ff;
 }
 .ant-pagination-item-active a {
-  color: #2c68ff;
+  color: #fff;
 }
 .ant-pagination-item-active:hover {
-  border-color: #548aff;
+  border-color: var(--ant-primary-5);
 }
 .ant-pagination-item-active:focus-visible {
-  border-color: #548aff;
+  border-color: var(--ant-primary-5);
 }
 .ant-pagination-item-active:hover a {
-  color: #548aff;
+  color: #fff;
 }
 .ant-pagination-item-active:focus-visible a {
-  color: #548aff;
+  color: #fff;
 }
 .ant-pagination-jump-prev,
 .ant-pagination-jump-next {
@@ -192,7 +234,7 @@
 }
 .ant-pagination-prev:hover button,
 .ant-pagination-next:hover button {
-  border-color: #548aff;
+  border-color: var(--ant-primary-5);
 }
 .ant-pagination-prev .ant-pagination-item-link,
 .ant-pagination-next .ant-pagination-item-link {
@@ -305,13 +347,13 @@
   text-overflow: ellipsis;
 }
 .ant-pagination-options-quick-jumper input:hover {
-  border-color: #548aff;
+  border-color: var(--ant-primary-5);
   border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input:focus,
 .ant-pagination-options-quick-jumper input-focused {
-  border-color: #548aff;
-  box-shadow: 0 0 0 2px rgba(44, 104, 255, 0.2);
+  border-color: var(--ant-primary-color-hover);
+  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
   border-right-width: 1px;
   outline: 0;
 }
@@ -402,8 +444,8 @@ textarea.ant-pagination-options-quick-jumper input {
   border-color: #2c68ff;
 }
 .ant-pagination-simple .ant-pagination-simple-pager input:focus {
-  border-color: #548aff;
-  box-shadow: 0 0 0 2px rgba(44, 104, 255, 0.2);
+  border-color: var(--ant-primary-color-hover);
+  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
 }
 .ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
   color: #a9a9a9;

package/lib/pagination/style/index.less

@@ -4,6 +4,8 @@
 
 @pagination-prefix-cls: ~'@{ant-prefix}-pagination';
 
+@pagination-item-color-active: #fff;
+
 .@{pagination-prefix-cls} {
   .reset-component();
 
@@ -85,7 +87,7 @@
       border-color: @primary-color;
 
       a {
-        color: @primary-color;
+        color: #fff;
       }
 
       &:hover {
@@ -97,11 +99,11 @@
       }
 
       &:hover a {
-        color: @primary-5;
+        color: #fff;
       }
 
       &:focus-visible a {
-        color: @primary-5;
+        color: #fff;
       }
     }
   }

package/lib/popconfirm/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-popconfirm {
   z-index: 1060;
 }

package/lib/popover/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-popover {
   box-sizing: border-box;
   margin: 0;
@@ -128,7 +170,7 @@
   background-color: #fff;
   content: '';
   pointer-events: auto;
-  border-radius: 0 0 2px;
+  border-radius: 0 0 4px;
   pointer-events: none;
 }
 .ant-popover-arrow-content::before {
@@ -141,8 +183,8 @@
   background-repeat: no-repeat;
   background-position: -10px -10px;
   content: '';
-  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
-          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 18.627416997969522 22.627416997969522 A 4 4 0 0 0 22.627416997969522 18.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 18.627416997969522 22.627416997969522 A 4 4 0 0 0 22.627416997969522 18.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
 }
 .ant-popover-placement-top .ant-popover-arrow,
 .ant-popover-placement-topLeft .ant-popover-arrow,
@@ -245,10 +287,10 @@
   background-color: #eb2f96;
 }
 .ant-popover-red .ant-popover-inner {
-  background-color: #f5222d;
+  background-color: #f42d2d;
 }
 .ant-popover-red .ant-popover-arrow-content {
-  background-color: #f5222d;
+  background-color: #f42d2d;
 }
 .ant-popover-volcano .ant-popover-inner {
   background-color: #fa541c;
@@ -269,10 +311,10 @@
   background-color: #fadb14;
 }
 .ant-popover-gold .ant-popover-inner {
-  background-color: #faad14;
+  background-color: #ffab00;
 }
 .ant-popover-gold .ant-popover-arrow-content {
-  background-color: #faad14;
+  background-color: #ffab00;
 }
 .ant-popover-cyan .ant-popover-inner {
   background-color: #13c2c2;
@@ -287,10 +329,10 @@
   background-color: #a0d911;
 }
 .ant-popover-green .ant-popover-inner {
-  background-color: #52c41a;
+  background-color: #36c626;
 }
 .ant-popover-green .ant-popover-arrow-content {
-  background-color: #52c41a;
+  background-color: #36c626;
 }
 .ant-popover-blue .ant-popover-inner {
   background-color: #1890ff;

package/lib/progress/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-progress {
   box-sizing: border-box;
   margin: 0;
@@ -35,7 +77,7 @@
   transition: all 0.3s;
 }
 .ant-progress-steps-item-active {
-  background: #1890ff;
+  background: #2c68ff;
 }
 .ant-progress-small.ant-progress-line,
 .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
@@ -57,23 +99,23 @@
   width: 100%;
   overflow: hidden;
   vertical-align: middle;
-  background-color: #f5f5f5;
+  background-color: rgba(0, 0, 0, 0.04);
   border-radius: 100px;
 }
 .ant-progress-circle-trail {
-  stroke: #f5f5f5;
+  stroke: rgba(0, 0, 0, 0.04);
 }
 .ant-progress-circle-path {
   -webkit-animation: ant-progress-appear 0.3s;
           animation: ant-progress-appear 0.3s;
 }
 .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: #1890ff;
+  stroke: #2c68ff;
 }
 .ant-progress-success-bg,
 .ant-progress-bg {
   position: relative;
-  background-color: #1890ff;
+  background-color: #2c68ff;
   border-radius: 100px;
   transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
 }

package/lib/radio/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-radio-group {
   box-sizing: border-box;
   margin: 0;
@@ -72,7 +114,7 @@
   border-color: #2c68ff;
 }
 .ant-radio-input:focus + .ant-radio-inner {
-  box-shadow: 0 0 0 3px #f0f7ff;
+  box-shadow: 0 0 0 3px var(--ant-primary-1);
 }
 .ant-radio-checked::after {
   position: absolute;
@@ -232,7 +274,7 @@ span.ant-radio + * {
   color: #2c68ff;
 }
 .ant-radio-button-wrapper:focus-within {
-  box-shadow: 0 0 0 3px #f0f7ff;
+  box-shadow: 0 0 0 3px var(--ant-primary-1);
 }
 .ant-radio-button-wrapper .ant-radio-inner,
 .ant-radio-button-wrapper input[type='checkbox'],
@@ -255,21 +297,21 @@ span.ant-radio + * {
   border-color: #2c68ff;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-5);
+  border-color: var(--ant-primary-5);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
-  background-color: #548aff;
+  background-color: var(--ant-primary-5);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-7);
+  border-color: var(--ant-primary-7);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
-  background-color: #1a4ad9;
+  background-color: var(--ant-primary-7);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  box-shadow: 0 0 0 3px #f0f7ff;
+  box-shadow: 0 0 0 3px var(--ant-primary-1);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   color: #fff;
@@ -278,16 +320,16 @@ span.ant-radio + * {
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: #fff;
-  background: #548aff;
-  border-color: #548aff;
+  background: var(--ant-primary-5);
+  border-color: var(--ant-primary-5);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
   color: #fff;
-  background: #1a4ad9;
-  border-color: #1a4ad9;
+  background: var(--ant-primary-7);
+  border-color: var(--ant-primary-7);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  box-shadow: 0 0 0 3px #f0f7ff;
+  box-shadow: 0 0 0 3px var(--ant-primary-1);
 }
 .ant-radio-button-wrapper-disabled {
   color: #a9a9a9;
@@ -351,7 +393,7 @@ span.ant-radio + * {
   border-radius: 0 4px 4px 0;
 }
 .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
-  border-right-color: #548aff;
+  border-right-color: var(--ant-primary-5);
 }
 .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
   border-radius: 4px 0 0 4px;

package/lib/rate/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-rate {
   box-sizing: border-box;
   color: #4c4c4c;

package/lib/result/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-result {
   padding: 48px 32px;
 }

package/lib/segmented/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --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: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .segmented-disabled-item,
 .segmented-disabled-item:hover,
 .segmented-disabled-item:focus {