@arco-themes/vue-cube-theme 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +17 -0
  2. package/component.less +1 -0
  3. package/components/Modal/index.css +1 -0
  4. package/components/Modal/index.less +7 -0
  5. package/css/arco.css +2 -2
  6. package/package.json +2 -2
  7. package/theme.css +46 -46
  8. package/theme.less +50 -50
  9. package/tokens.less +139 -137
  10. package/variables.less +86 -61
package/tokens.less CHANGED
@@ -363,13 +363,13 @@
363
363
  @dark-gray-8: #c5c5c5;
364
364
  @dark-gray-9: #dfdfdf;
365
365
  @dark-gray-10: #f6f6f6;
366
- @dark-primary-1: rgb(var(--arcoblue-1));
367
- @dark-primary-2: rgb(var(--arcoblue-2));
368
- @dark-primary-3: rgb(var(--arcoblue-3));
369
- @dark-primary-4: rgb(var(--arcoblue-4));
370
- @dark-primary-5: rgb(var(--arcoblue-5));
371
- @dark-primary-6: rgb(var(--arcoblue-6));
372
- @dark-primary-7: rgb(var(--arcoblue-7));
366
+ @dark-primary-1: #03ab6f;
367
+ @dark-primary-2: #03ab6f;
368
+ @dark-primary-3: #03ab6f;
369
+ @dark-primary-4: #03ab6f;
370
+ @dark-primary-5: #039a6f;
371
+ @dark-primary-6: #03ab6f;
372
+ @dark-primary-7: #03ab6f;
373
373
  @dark-primary-8: rgb(var(--arcoblue-8));
374
374
  @dark-primary-9: rgb(var(--arcoblue-9));
375
375
  @dark-primary-10: rgb(var(--arcoblue-10));
@@ -378,8 +378,8 @@
378
378
  @dark-success-3: rgb(var(--green-3));
379
379
  @dark-success-4: rgb(var(--green-4));
380
380
  @dark-success-5: rgb(var(--green-5));
381
- @dark-success-6: rgb(var(--green-6));
382
- @dark-success-7: rgb(var(--green-7));
381
+ @dark-success-6: #00b26b;
382
+ @dark-success-7: #00a060;
383
383
  @dark-success-8: rgb(var(--green-8));
384
384
  @dark-success-9: rgb(var(--green-9));
385
385
  @dark-success-10: rgb(var(--green-10));
@@ -388,8 +388,8 @@
388
388
  @dark-danger-3: rgb(var(--red-3));
389
389
  @dark-danger-4: rgb(var(--red-4));
390
390
  @dark-danger-5: rgb(var(--red-5));
391
- @dark-danger-6: rgb(var(--red-6));
392
- @dark-danger-7: rgb(var(--red-7));
391
+ @dark-danger-6: #ff3b30;
392
+ @dark-danger-7: #e5291e;
393
393
  @dark-danger-8: rgb(var(--red-8));
394
394
  @dark-danger-9: rgb(var(--red-9));
395
395
  @dark-danger-10: rgb(var(--red-10));
@@ -398,8 +398,8 @@
398
398
  @dark-warning-3: rgb(var(--orange-3));
399
399
  @dark-warning-4: rgb(var(--orange-4));
400
400
  @dark-warning-5: rgb(var(--orange-5));
401
- @dark-warning-6: rgb(var(--orange-6));
402
- @dark-warning-7: rgb(var(--orange-7));
401
+ @dark-warning-6: #f59500;
402
+ @dark-warning-7: #f59500;
403
403
  @dark-warning-8: rgb(var(--orange-8));
404
404
  @dark-warning-9: rgb(var(--orange-9));
405
405
  @dark-warning-10: rgb(var(--orange-10));
@@ -408,8 +408,8 @@
408
408
  @dark-link-3: rgb(var(--arcoblue-3));
409
409
  @dark-link-4: rgb(var(--arcoblue-4));
410
410
  @dark-link-5: rgb(var(--arcoblue-5));
411
- @dark-link-6: rgb(var(--arcoblue-6));
412
- @dark-link-7: rgb(var(--arcoblue-7));
411
+ @dark-link-6: #007fff;
412
+ @dark-link-7: #0072e5;
413
413
  @dark-link-8: rgb(var(--arcoblue-8));
414
414
  @dark-link-9: rgb(var(--arcoblue-9));
415
415
  @dark-link-10: rgb(var(--arcoblue-10));
@@ -427,8 +427,8 @@
427
427
  @dark-color-bg-5: #373739;
428
428
  @dark-color-bg-white: #f6f6f6;
429
429
  @dark-color-text-1: rgba(255, 255, 255, 0.9);
430
- @dark-color-text-2: rgba(255, 255, 255, 0.7);
431
- @dark-color-text-3: rgba(255, 255, 255, 0.5);
430
+ @dark-color-text-2: rgba(255, 255, 255, 0.64);
431
+ @dark-color-text-3: rgba(255, 255, 255, 0.32);
432
432
  @dark-color-text-4: rgba(255, 255, 255, 0.3);
433
433
  @dark-color-fill-1: rgba(255, 255, 255, 0.04);
434
434
  @dark-color-fill-2: rgba(255, 255, 255, 0.08);
@@ -466,13 +466,13 @@
466
466
 
467
467
  /*********** primary ***********/
468
468
 
469
- @primary-1: rgb(var(--arcoblue-1));
470
- @primary-2: rgb(var(--arcoblue-2));
471
- @primary-3: rgb(var(--arcoblue-3));
472
- @primary-4: rgb(var(--arcoblue-4));
473
- @primary-5: rgb(var(--arcoblue-5));
474
- @primary-6: rgb(var(--arcoblue-6));
475
- @primary-7: rgb(var(--arcoblue-7));
469
+ @primary-1: #d6f4e8;
470
+ @primary-2: #6b7771;
471
+ @primary-3: #e5f5ef;
472
+ @primary-4: #008650;
473
+ @primary-5: #008754;
474
+ @primary-6: #03c280;
475
+ @primary-7: #007f52;
476
476
  @primary-8: rgb(var(--arcoblue-8));
477
477
  @primary-9: rgb(var(--arcoblue-9));
478
478
  @primary-10: rgb(var(--arcoblue-10));
@@ -484,9 +484,9 @@
484
484
  @success-2: rgb(var(--green-2));
485
485
  @success-3: rgb(var(--green-3));
486
486
  @success-4: rgb(var(--green-4));
487
- @success-5: rgb(var(--green-5));
488
- @success-6: rgb(var(--green-6));
489
- @success-7: rgb(var(--green-7));
487
+ @success-5: #1acc85;
488
+ @success-6: #00c677;
489
+ @success-7: #1acc85;
490
490
  @success-8: rgb(var(--green-8));
491
491
  @success-9: rgb(var(--green-9));
492
492
  @success-10: rgb(var(--green-10));
@@ -496,11 +496,11 @@
496
496
 
497
497
  @danger-1: rgb(var(--red-1));
498
498
  @danger-2: rgb(var(--red-2));
499
- @danger-3: rgb(var(--red-3));
500
- @danger-4: rgb(var(--red-4));
501
- @danger-5: rgb(var(--red-5));
502
- @danger-6: rgb(var(--red-6));
503
- @danger-7: rgb(var(--red-7));
499
+ @danger-3: #ff453a;
500
+ @danger-4: #ff453a;
501
+ @danger-5: #ff584e;
502
+ @danger-6: #ff453a;
503
+ @danger-7: #ff584e;
504
504
  @danger-8: rgb(var(--red-8));
505
505
  @danger-9: rgb(var(--red-9));
506
506
  @danger-10: rgb(var(--red-10));
@@ -512,9 +512,9 @@
512
512
  @warning-2: rgb(var(--orange-2));
513
513
  @warning-3: rgb(var(--orange-3));
514
514
  @warning-4: rgb(var(--orange-4));
515
- @warning-5: rgb(var(--orange-5));
516
- @warning-6: rgb(var(--orange-6));
517
- @warning-7: rgb(var(--orange-7));
515
+ @warning-5: #ffa923;
516
+ @warning-6: #ff9f0a;
517
+ @warning-7: #ffa923;
518
518
  @warning-8: rgb(var(--orange-8));
519
519
  @warning-9: rgb(var(--orange-9));
520
520
  @warning-10: rgb(var(--orange-10));
@@ -526,9 +526,9 @@
526
526
  @link-2: rgb(var(--arcoblue-2));
527
527
  @link-3: rgb(var(--arcoblue-3));
528
528
  @link-4: rgb(var(--arcoblue-4));
529
- @link-5: rgb(var(--arcoblue-5));
530
- @link-6: rgb(var(--arcoblue-6));
531
- @link-7: rgb(var(--arcoblue-7));
529
+ @link-5: #2391ff;
530
+ @link-6: #0a84ff;
531
+ @link-7: #2391ff;
532
532
  @link-8: rgb(var(--arcoblue-8));
533
533
  @link-9: rgb(var(--arcoblue-9));
534
534
  @link-10: rgb(var(--arcoblue-10));
@@ -653,10 +653,10 @@
653
653
  @size-48: 192px;
654
654
  @size-49: 196px;
655
655
  @size-50: 200px;
656
- @size-mini: 24px;
657
- @size-small: 28px;
658
- @size-default: 32px;
659
- @size-large: 36px;
656
+ @size-mini: 28px;
657
+ @size-small: 32px;
658
+ @size-default: 36px;
659
+ @size-large: 48px;
660
660
 
661
661
 
662
662
  /*********** spacing ***********/
@@ -750,17 +750,17 @@
750
750
  @color-bg-popup: var(--color-bg-5);
751
751
  @color-bg-1: #ffffff;
752
752
  @color-bg-2: #ffffff;
753
- @color-bg-3: #ffffff;
754
- @color-bg-4: #ffffff;
753
+ @color-bg-3: #f0f1f3;
754
+ @color-bg-4: rgba(0, 0, 0, 0.1);
755
755
  @color-bg-5: #ffffff;
756
756
  @color-bg-white: #ffffff;
757
- @color-text-1: #121314;
758
- @color-text-2: #5c5c5c;
759
- @color-text-3: #909399;
760
- @color-text-4: #c2c2c2;
757
+ @color-text-1: #000000;
758
+ @color-text-2: rgba(0, 0, 0, 0.56);
759
+ @color-text-3: rgba(0, 0, 0, 0.24);
760
+ @color-text-4: rgba(0, 0, 0, 0.24);
761
761
  @color-fill-1: #fafafa;
762
762
  @color-fill-2: var(--color-neutral-2);
763
- @color-fill-3: var(--color-neutral-3);
763
+ @color-fill-3: #e6e7e9;
764
764
  @color-fill-4: var(--color-neutral-4);
765
765
  @color-border-1: #ebeef5;
766
766
  @color-border-2: #e5e6eb;
@@ -794,10 +794,10 @@
794
794
  @color-preview-size-small: 22px;
795
795
  @color-preview-size-medium: 24px;
796
796
  @color-preview-size-large: 26px;
797
- @color-input-size-mini-padding: 4px 4px;
798
- @color-input-size-small-padding: 3px 4px;
799
- @color-input-size-medium-padding: 4px 4px;
800
- @color-input-size-large-padding: 5px 5px;
797
+ @color-input-size-mini-padding: 6px 4px;
798
+ @color-input-size-small-padding: 5px 4px;
799
+ @color-input-size-medium-padding: 6px 4px;
800
+ @color-input-size-large-padding: 11px 5px;
801
801
  @color-input-bg-color: var(--color-fill-2);
802
802
  @color-value-margin-left: 4px;
803
803
  @color-value-font-color: var(--color-text-1);
@@ -915,7 +915,7 @@
915
915
 
916
916
  /*********** global ***********/
917
917
 
918
- @size-medium: 32px;
918
+ @size-medium: 36px;
919
919
  @icon-hover-size-medium-height: 20px;
920
920
  @icon-hover-size-medium-icon: 12px;
921
921
 
@@ -1029,11 +1029,11 @@
1029
1029
 
1030
1030
  /*********** input ***********/
1031
1031
 
1032
- @input-color-bg: transparent;
1033
- @input-color-bg_hover: transparent;
1034
- @input-color-bg_focus: var(--color-bg-2);
1032
+ @input-color-bg: var(--color-neutral-2);
1033
+ @input-color-bg_hover: var(--color-neutral-2);
1034
+ @input-color-bg_focus: var(--color-neutral-2);
1035
1035
  @input-color-bg_disabled: var(--color-fill-1);
1036
- @input-color-addon-bg: transparent;
1036
+ @input-color-addon-bg: var(--color-neutral-2);
1037
1037
  @input-color-addon-border: var(--color-neutral-3);
1038
1038
  @input-border-addon-separator-width: 1px;
1039
1039
  @input-color-border_focus: rgb(var(--primary-6));
@@ -1043,20 +1043,20 @@
1043
1043
  @input-color-text: var(--color-text-1);
1044
1044
  @input-color-placeholder-text: var(--color-text-4);
1045
1045
  @input-color-text_disabled: var(--color-text-4);
1046
- @input-color-bg_error: var(--color-bg-2);
1047
- @input-color-bg_error_hover: var(--color-bg-2);
1048
- @input-color-bg_error_focus: var(--color-bg-2);
1046
+ @input-color-bg_error: var(--color-neutral-2);
1047
+ @input-color-bg_error_hover: var(--color-neutral-2);
1048
+ @input-color-bg_error_focus: var(--color-neutral-2);
1049
1049
  @input-color-border_error_focus: rgb(var(--danger-6));
1050
1050
  @input-color-shadow_error_focus: var(--color-danger-light-2);
1051
1051
  @input-size-shadow_error_focus: 0;
1052
- @input-border-radius: var(--border-radius-small);
1053
- @input-size-default-height: 32px;
1054
- @input-size-mini-height: 24px;
1055
- @input-size-small-height: 28px;
1056
- @input-size-large-height: 36px;
1052
+ @input-border-radius: 8px;
1053
+ @input-size-default-height: 36px;
1054
+ @input-size-mini-height: 28px;
1055
+ @input-size-small-height: 32px;
1056
+ @input-size-large-height: 48px;
1057
1057
  @input-border-width: 1px;
1058
- @input-color-border: var(--color-border-3);
1059
- @input-color-border_disabled: var(--color-border-2);
1058
+ @input-color-border: transparent;
1059
+ @input-color-border_disabled: transparent;
1060
1060
  @input-color-border_hover: var(--color-border-4);
1061
1061
  @input-color-border_error: rgb(var(--danger-6));
1062
1062
  @input-color-border_error_hover: rgb(var(--danger-5));
@@ -1086,7 +1086,7 @@
1086
1086
  @input-group-border-radius_compact: var(--border-radius-small);
1087
1087
  @input-group-border-separator-width: 1px;
1088
1088
  @input-group-color-separator-border: var(--color-neutral-3);
1089
- @input-size-medium-height: 32px;
1089
+ @input-size-medium-height: 36px;
1090
1090
  @input-size-medium-font-size: 14px;
1091
1091
  @input-size-mini-line-height: 1.667;
1092
1092
  @input-size-small-line-height: 1.5715;
@@ -1097,10 +1097,10 @@
1097
1097
  @input-feedback-icon-color_warning: rgb(var(--warning-6));
1098
1098
  @input-feedback-icon-color_validating: rgb(var(--primary-6));
1099
1099
  @input-label-prefix-cls: ~'@{prefix}-input-label';
1100
- @input-tag-size-mini-height: 24px;
1101
- @input-tag-size-small-height: 28px;
1102
- @input-tag-size-default-height: 32px;
1103
- @input-tag-size-large-height: 36px;
1100
+ @input-tag-size-mini-height: 28px;
1101
+ @input-tag-size-small-height: 32px;
1102
+ @input-tag-size-default-height: 36px;
1103
+ @input-tag-size-large-height: 48px;
1104
1104
  @input-tag-size-mini-tag-height: 20px;
1105
1105
  @input-tag-size-small-tag-height: 20px;
1106
1106
  @input-tag-size-default-tag-height: 24px;
@@ -1152,15 +1152,15 @@
1152
1152
  @input-tag-tag-color-border_focus: var(--color-fill-3);
1153
1153
  @input-tag-tag-remove-icon-color-bg: var(--color-fill-2);
1154
1154
  @input-tag-tag-remove-icon-color-bg_focus: var(--color-fill-3);
1155
- @input-tag-size-medium-height: 32px;
1155
+ @input-tag-size-medium-height: 36px;
1156
1156
  @input-tag-size-medium-tag-height: 24px;
1157
1157
  @input-tag-size-medium-font-size: 14px;
1158
1158
  @input-number-border-radius: var(--border-radius-small);
1159
1159
  @input-number-step-layer-border-radius: 1px;
1160
- @input-number-size-mini-step-button-width: 24px;
1161
- @input-number-size-small-step-button-width: 28px;
1162
- @input-number-size-default-step-button-width: 32px;
1163
- @input-number-size-large-step-button-width: 36px;
1160
+ @input-number-size-mini-step-button-width: 28px;
1161
+ @input-number-size-small-step-button-width: 32px;
1162
+ @input-number-size-default-step-button-width: 36px;
1163
+ @input-number-size-large-step-button-width: 48px;
1164
1164
  @input-number-step-button-color: var(--color-text-2);
1165
1165
  @input-number-step-button-color_disabled: var(--color-text-4);
1166
1166
  @input-number-step-button-color-border: var(--color-neutral-3);
@@ -1191,7 +1191,7 @@
1191
1191
  @textarea-font-tip-size: 12px;
1192
1192
  @textarea-layout-tip-right: 10px;
1193
1193
  @textarea-layout-tip-bottom: 6px;
1194
- @textarea-size-min-height: 32px;
1194
+ @textarea-size-min-height: 36px;
1195
1195
  @textarea-size-icon-clear: 12px;
1196
1196
  @textarea-layout-top-icon-clear: 10px;
1197
1197
  @textarea-prefix-cls: ~'@{prefix}-textarea';
@@ -1212,10 +1212,10 @@
1212
1212
 
1213
1213
  /*********** picker ***********/
1214
1214
 
1215
- @picker-size-mini: 24px;
1216
- @picker-size-small: 28px;
1217
- @picker-size-default: 32px;
1218
- @picker-size-large: 36px;
1215
+ @picker-size-mini: 28px;
1216
+ @picker-size-small: 32px;
1217
+ @picker-size-default: 36px;
1218
+ @picker-size-large: 48px;
1219
1219
  @picker-size-mini-font-size-text: 12px;
1220
1220
  @picker-size-small-font-size-text: 14px;
1221
1221
  @picker-size-default-font-size-text: 14px;
@@ -1593,10 +1593,12 @@
1593
1593
  @anchor-title-padding-horizontal: 8px;
1594
1594
  @anchor-title-padding-vertical: 4px;
1595
1595
  @anchor-title-margin-bottom: 2px;
1596
+ @anchor-title-margin-left_horizontal: 16px;
1596
1597
  @anchor-color-title: var(--color-text-2);
1597
1598
  @anchor-color-title_hover: var(--color-text-1);
1598
1599
  @anchor-color-title_active: var(--color-text-1);
1599
1600
  @anchor-font-weight-title_hover: 500;
1601
+ @anchor-font-weight-title_horizontal_hover: 400;
1600
1602
  @anchor-font-weight-title_active: 500;
1601
1603
  @anchor-color-bg-title_hover: var(--color-fill-2);
1602
1604
  @anchor-font-size-title: 14px;
@@ -1611,7 +1613,7 @@
1611
1613
  @avatar-size-default: 40px;
1612
1614
  @avatar-font-size-text: 20px;
1613
1615
  @avatar-color-text: var(--color-white);
1614
- @avatar-color-bg: var(--color-neutral-3);
1616
+ @avatar-color-bg: #e6e7e9;
1615
1617
  @avatar-color-group-item-border: var(--color-bg-2);
1616
1618
  @avatar-group-item-border-width: 2px;
1617
1619
  @avatar-group-item-margin-left: -10px;
@@ -1706,20 +1708,20 @@
1706
1708
  /*********** btn ***********/
1707
1709
 
1708
1710
  @btn-font-weight: 400;
1709
- @btn-border-width: 1px;
1710
- @btn-border-radius: var(--border-radius-small);
1711
- @btn-size-mini-radius: var(--border-radius-small);
1712
- @btn-size-small-radius: var(--border-radius-small);
1713
- @btn-size-default-radius: var(--border-radius-small);
1714
- @btn-size-large-radius: var(--border-radius-small);
1715
- @btn-size-mini-height: 24px;
1716
- @btn-size-small-height: 28px;
1717
- @btn-size-default-height: 32px;
1718
- @btn-size-large-height: 36px;
1719
- @btn-size-mini-border-width: 1px;
1720
- @btn-size-small-border-width: 1px;
1721
- @btn-size-default-border-width: 1px;
1722
- @btn-size-large-border-width: 1px;
1711
+ @btn-border-width: 0;
1712
+ @btn-border-radius: 8px;
1713
+ @btn-size-mini-radius: 8px;
1714
+ @btn-size-small-radius: 8px;
1715
+ @btn-size-default-radius: 8px;
1716
+ @btn-size-large-radius: 8px;
1717
+ @btn-size-mini-height: 28px;
1718
+ @btn-size-small-height: 32px;
1719
+ @btn-size-default-height: 36px;
1720
+ @btn-size-large-height: 48px;
1721
+ @btn-size-mini-border-width: 0;
1722
+ @btn-size-small-border-width: 0;
1723
+ @btn-size-default-border-width: 0;
1724
+ @btn-size-large-border-width: 0;
1723
1725
  @btn-size-mini-icon-spacing: 6px;
1724
1726
  @btn-size-small-icon-spacing: 4px;
1725
1727
  @btn-size-default-icon-spacing: 8px;
@@ -1786,11 +1788,11 @@
1786
1788
  @btn-outline-color-border_success_active: rgb(var(--success-7));
1787
1789
  @btn-outline-border-style: solid;
1788
1790
  @btn-primary-color-text: #fff;
1789
- @btn-primary-color-text_disabled: #fff;
1791
+ @btn-primary-color-text_disabled: rgba(0, 0, 0, 0.24);
1790
1792
  @btn-primary-color-text_hover: #fff;
1791
1793
  @btn-primary-color-text_active: #fff;
1792
1794
  @btn-primary-color-bg: rgb(var(--primary-6));
1793
- @btn-primary-color-bg_disabled: var(--color-primary-light-3);
1795
+ @btn-primary-color-bg_disabled: #e6e7e9;
1794
1796
  @btn-primary-color-bg_hover: rgb(var(--primary-5));
1795
1797
  @btn-primary-color-bg_active: rgb(var(--primary-7));
1796
1798
  @btn-primary-color-border: transparent;
@@ -1798,11 +1800,11 @@
1798
1800
  @btn-primary-color-border_hover: transparent;
1799
1801
  @btn-primary-color-border_active: transparent;
1800
1802
  @btn-primary-color-text_warning: #fff;
1801
- @btn-primary-color-text_warning_disabled: #fff;
1803
+ @btn-primary-color-text_warning_disabled: rgba(0, 0, 0, 0.24);
1802
1804
  @btn-primary-color-text_warning_hover: #fff;
1803
1805
  @btn-primary-color-text_warning_active: #fff;
1804
1806
  @btn-primary-color-bg_warning: rgb(var(--warning-6));
1805
- @btn-primary-color-bg_warning_disabled: var(--color-warning-light-3);
1807
+ @btn-primary-color-bg_warning_disabled: #e6e7e9;
1806
1808
  @btn-primary-color-bg_warning_hover: rgb(var(--warning-5));
1807
1809
  @btn-primary-color-bg_warning_active: rgb(var(--warning-7));
1808
1810
  @btn-primary-color-border_warning: transparent;
@@ -1810,11 +1812,11 @@
1810
1812
  @btn-primary-color-border_warning_hover: transparent;
1811
1813
  @btn-primary-color-border_warning_active: transparent;
1812
1814
  @btn-primary-color-text_danger: #fff;
1813
- @btn-primary-color-text_danger_disabled: #fff;
1815
+ @btn-primary-color-text_danger_disabled: rgba(0, 0, 0, 0.24);
1814
1816
  @btn-primary-color-text_danger_hover: #fff;
1815
1817
  @btn-primary-color-text_danger_active: #fff;
1816
1818
  @btn-primary-color-bg_danger: rgb(var(--danger-6));
1817
- @btn-primary-color-bg_danger_disabled: var(--color-danger-light-3);
1819
+ @btn-primary-color-bg_danger_disabled: #e6e7e9;
1818
1820
  @btn-primary-color-bg_danger_hover: rgb(var(--danger-5));
1819
1821
  @btn-primary-color-bg_danger_active: rgb(var(--danger-7));
1820
1822
  @btn-primary-color-border_danger: transparent;
@@ -1822,11 +1824,11 @@
1822
1824
  @btn-primary-color-border_danger_hover: transparent;
1823
1825
  @btn-primary-color-border_danger_active: transparent;
1824
1826
  @btn-primary-color-text_success: #fff;
1825
- @btn-primary-color-text_success_disabled: #fff;
1827
+ @btn-primary-color-text_success_disabled: rgba(0, 0, 0, 0.24);
1826
1828
  @btn-primary-color-text_success_hover: #fff;
1827
1829
  @btn-primary-color-text_success_active: #fff;
1828
1830
  @btn-primary-color-bg_success: rgb(var(--success-6));
1829
- @btn-primary-color-bg_success_disabled: var(--color-success-light-3);
1831
+ @btn-primary-color-bg_success_disabled: #e6e7e9;
1830
1832
  @btn-primary-color-bg_success_hover: rgb(var(--success-5));
1831
1833
  @btn-primary-color-bg_success_active: rgb(var(--success-7));
1832
1834
  @btn-primary-color-border_success: transparent;
@@ -1838,10 +1840,10 @@
1838
1840
  @btn-secondary-color-text_disabled: var(--color-text-4);
1839
1841
  @btn-secondary-color-text_hover: var(--color-text-2);
1840
1842
  @btn-secondary-color-text_active: var(--color-text-1);
1841
- @btn-secondary-color-bg: transparent;
1843
+ @btn-secondary-color-bg: #f0f1f3;
1842
1844
  @btn-secondary-color-bg_disabled: var(--color-fill-1);
1843
- @btn-secondary-color-bg_hover: transparent;
1844
- @btn-secondary-color-bg_active: var(--color-fill-2);
1845
+ @btn-secondary-color-bg_hover: rgba(0, 0, 0, 0.1);
1846
+ @btn-secondary-color-bg_active: rgba(0, 0, 0, 0.1);
1845
1847
  @btn-secondary-color-border: var(--color-border-3);
1846
1848
  @btn-secondary-color-border_disabled: var(--color-border-2);
1847
1849
  @btn-secondary-color-border_hover: var(--color-border-3);
@@ -1850,22 +1852,22 @@
1850
1852
  @btn-secondary-color-text_warning_disabled: var(--color-warning-light-3);
1851
1853
  @btn-secondary-color-text_warning_hover: rgb(var(--warning-6));
1852
1854
  @btn-secondary-color-text_warning_active: rgb(var(--warning-6));
1853
- @btn-secondary-color-bg_warning: var(--color-warning-light-1);
1854
- @btn-secondary-color-bg_warning_disabled: var(--color-warning-light-1);
1855
- @btn-secondary-color-bg_warning_hover: var(--color-warning-light-2);
1856
- @btn-secondary-color-bg_warning_active: var(--color-warning-light-3);
1855
+ @btn-secondary-color-bg_warning: #f0f1f3;
1856
+ @btn-secondary-color-bg_warning_disabled: #fafafa;
1857
+ @btn-secondary-color-bg_warning_hover: rgba(0, 0, 0, 0.1);
1858
+ @btn-secondary-color-bg_warning_active: rgba(0, 0, 0, 0.1);
1857
1859
  @btn-secondary-color-border_warning: transparent;
1858
1860
  @btn-secondary-color-border_warning_disabled: transparent;
1859
1861
  @btn-secondary-color-border_warning_hover: transparent;
1860
1862
  @btn-secondary-color-border_warning_active: transparent;
1861
1863
  @btn-secondary-color-text_danger: rgb(var(--danger-6));
1862
- @btn-secondary-color-text_danger_disabled: var(--color-danger-light-3);
1864
+ @btn-secondary-color-text_danger_disabled: rgb(var(--danger-2));
1863
1865
  @btn-secondary-color-text_danger_hover: rgb(var(--danger-6));
1864
1866
  @btn-secondary-color-text_danger_active: rgb(var(--danger-6));
1865
- @btn-secondary-color-bg_danger: var(--color-danger-light-1);
1866
- @btn-secondary-color-bg_danger_disabled: var(--color-danger-light-1);
1867
- @btn-secondary-color-bg_danger_hover: var(--color-danger-light-2);
1868
- @btn-secondary-color-bg_danger_active: var(--color-danger-light-3);
1867
+ @btn-secondary-color-bg_danger: #f0f1f3;
1868
+ @btn-secondary-color-bg_danger_disabled: #fafafa;
1869
+ @btn-secondary-color-bg_danger_hover: rgba(0, 0, 0, 0.1);
1870
+ @btn-secondary-color-bg_danger_active: #f0f1f3;
1869
1871
  @btn-secondary-color-border_danger: transparent;
1870
1872
  @btn-secondary-color-border_danger_disabled: transparent;
1871
1873
  @btn-secondary-color-border_danger_hover: transparent;
@@ -1874,9 +1876,9 @@
1874
1876
  @btn-secondary-color-text_success_disabled: var(--color-success-light-3);
1875
1877
  @btn-secondary-color-text_success_hover: rgb(var(--success-6));
1876
1878
  @btn-secondary-color-text_success_active: rgb(var(--success-6));
1877
- @btn-secondary-color-bg_success: var(--color-success-light-1);
1878
- @btn-secondary-color-bg_success_disabled: var(--color-success-light-1);
1879
- @btn-secondary-color-bg_success_hover: var(--color-success-light-2);
1879
+ @btn-secondary-color-bg_success: #f0f1f3;
1880
+ @btn-secondary-color-bg_success_disabled: #fafafa;
1881
+ @btn-secondary-color-bg_success_hover: rgba(0, 0, 0, 0.1);
1880
1882
  @btn-secondary-color-bg_success_active: var(--color-success-light-3);
1881
1883
  @btn-secondary-color-border_success: transparent;
1882
1884
  @btn-secondary-color-border_success_disabled: transparent;
@@ -1981,13 +1983,13 @@
1981
1983
  @btn-text-color-border_success_hover: transparent;
1982
1984
  @btn-text-color-border_success_active: transparent;
1983
1985
  @btn-text-border-style: solid;
1984
- @btn-size-medium-radius: var(--border-radius-small);
1985
- @btn-size-medium-border-width: 1px;
1986
+ @btn-size-medium-radius: 8px;
1987
+ @btn-size-medium-border-width: 0;
1986
1988
  @btn-size-medium-icon-spacing: 8px;
1987
1989
  @btn-size-medium-icon-vertical-align: -2px;
1988
1990
  @btn-size-medium-padding-horizontal: 15px;
1989
1991
  @btn-size-medium-font-size: 14px;
1990
- @btn-size-medium-height: 32px;
1992
+ @btn-size-medium-height: 36px;
1991
1993
  @btn-box-shadow-radius: 0.25em;
1992
1994
  @btn-primary-color-box-shadow: rgb(var(--primary-3));
1993
1995
  @btn-outline-color-box-shadow: rgb(var(--primary-3));
@@ -2916,10 +2918,10 @@
2916
2918
  @pagination-margin-total-spacing: 8px;
2917
2919
  @pagination-margin-option-left: 8px;
2918
2920
  @pagination-margin-jumper-left: 8px;
2919
- @pagination-size-mini: 24px;
2920
- @pagination-size-small: 28px;
2921
- @pagination-size-default: 32px;
2922
- @pagination-size-large: 36px;
2921
+ @pagination-size-mini: 28px;
2922
+ @pagination-size-small: 32px;
2923
+ @pagination-size-default: 36px;
2924
+ @pagination-size-large: 48px;
2923
2925
  @pagination-padding-horizontal: 8px;
2924
2926
  @pagination-size-mini-font-size: 12px;
2925
2927
  @pagination-size-small-font-size: 14px;
@@ -3096,10 +3098,10 @@
3096
3098
  @radio-button-color-separator-bg: var(--color-neutral-3);
3097
3099
  @radio-button-size-separator-width: 1px;
3098
3100
  @radio-button-size-separator-height: 14px;
3099
- @radio-size-default-height: 32px;
3100
- @radio-size-small-height: 28px;
3101
- @radio-size-mini-height: 24px;
3102
- @radio-size-large-height: 36px;
3101
+ @radio-size-default-height: 36px;
3102
+ @radio-size-small-height: 32px;
3103
+ @radio-size-mini-height: 28px;
3104
+ @radio-size-large-height: 48px;
3103
3105
  @radio-group-size-line-height_vertical: 32px;
3104
3106
  @radio-prefix-cls: ~'@{prefix}-radio';
3105
3107
  @radio-group-button-color-bg_dark: var(--color-bg-3);
@@ -3108,7 +3110,7 @@
3108
3110
 
3109
3111
  /*********** rate ***********/
3110
3112
 
3111
- @rate-min-height: 32px;
3113
+ @rate-min-height: 36px;
3112
3114
  @rate-gap-size: 8px;
3113
3115
  @rate-font-size: 24px;
3114
3116
  @rate-scale_active: 1.2;
@@ -3788,10 +3790,10 @@
3788
3790
  @tree-size-small-font-size: 14px;
3789
3791
  @tree-size-default-font-size: 14px;
3790
3792
  @tree-size-large-font-size: 14px;
3791
- @tree-size-mini-line-height: 24px;
3792
- @tree-size-small-line-height: 28px;
3793
- @tree-size-default-line-height: 32px;
3794
- @tree-size-large-line-height: 36px;
3793
+ @tree-size-mini-line-height: 28px;
3794
+ @tree-size-small-line-height: 32px;
3795
+ @tree-size-default-line-height: 36px;
3796
+ @tree-size-large-line-height: 48px;
3795
3797
  @tree-node-prefix-cls: ~'@{prefix}-tree-node';
3796
3798
 
3797
3799