@arco-themes/react-aiux2026 0.0.4 → 0.0.6

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.
package/tokens.less CHANGED
@@ -536,7 +536,7 @@
536
536
  @link-line-height: 1.5715;
537
537
  @link-color-bg_hover: transparent;
538
538
  @link-color-bg_active: transparent;
539
- @link-padding-horizontal: 4px;
539
+ @link-padding-horizontal: 0;
540
540
  @link-color-text: rgb(var(--link-6));
541
541
  @link-color-text_hover: rgb(var(--primary-5));
542
542
  @link-color-text_active: rgb(var(--primary-7));
@@ -554,7 +554,7 @@
554
554
  @link-color-text_warning_active: rgb(var(--warning-7));
555
555
  @link-color-text_warning_disabled: #9ca3b8;
556
556
  @link-margin-icon-right: 4px;
557
- @link-padding-vertical: 1px;
557
+ @link-padding-vertical: 0;
558
558
  @link-size-icon: 12px;
559
559
  @link-border-radius: var(--border-radius-small);
560
560
  @link-color-box-shadow: var(--color-link-light-3);
@@ -863,7 +863,7 @@
863
863
  @color-value-size-large-font-size: 14px;
864
864
  @color-input-border-radius: 4px;
865
865
  @color-preview-border-size: 1px;
866
- @color-preview-border-color: transparent;
866
+ @color-preview-border-color: #c3c7d4;
867
867
  @color-value-font-size: 400;
868
868
  @color-panel-width: 260px;
869
869
  @color-panel-padding: 12px;
@@ -970,7 +970,7 @@
970
970
  /*********** icon ***********/
971
971
 
972
972
  @icon-hover-border-radius: var(--border-radius-circle);
973
- @icon-hover-color-bg: transparent;
973
+ @icon-hover-color-bg: rgb(var(--primary-1));
974
974
  @icon-hover-size-default-height: 20px;
975
975
  @icon-hover-size-small-height: 20px;
976
976
  @icon-hover-size-mini-height: 20px;
@@ -1057,12 +1057,12 @@
1057
1057
  @input-color-bg_focus: #ffffff;
1058
1058
  @input-color-bg_disabled: var(--color-fill-2);
1059
1059
  @input-color-addon-bg: #f5f7fc;
1060
- @input-color-addon-border: #dfe2eb;
1060
+ @input-color-addon-border: transparent;
1061
1061
  @input-border-addon-separator-width: 1px;
1062
1062
  @input-color-border_focus: rgb(var(--primary-6));
1063
1063
  @input-color-shadow_focus: var(--color-primary-light-2);
1064
1064
  @input-size-shadow_focus: 0;
1065
- @input-color-addon-border_default: transparent;
1065
+ @input-color-addon-border_default: #c3c7d4;
1066
1066
  @input-color-text: #292f42;
1067
1067
  @input-color-placeholder-text: #9ca3b8;
1068
1068
  @input-color-text_disabled: var(--color-text-4);
@@ -1079,7 +1079,7 @@
1079
1079
  @input-color-border_warning_focus: rgb(var(--warning-6));
1080
1080
  @input-color-shadow_warning_focus: var(--color-warning-light-2);
1081
1081
  @input-size-shadow_warning_focus: 0;
1082
- @input-border-radius: var(--border-radius-small);
1082
+ @input-border-radius: 4px;
1083
1083
  @input-size-default-height: 32px;
1084
1084
  @input-size-mini-height: 24px;
1085
1085
  @input-size-small-height: 28px;
@@ -1110,16 +1110,16 @@
1110
1110
  @input-color-suffix-text: var(--color-text-2);
1111
1111
  @input-color-tip-text: var(--color-text-3);
1112
1112
  @input-color-icon-clear: var(--color-text-2);
1113
- @input-color-icon-clear-bg_hover: var(--color-fill-4);
1113
+ @input-color-icon-clear-bg_hover: transparent;
1114
1114
  @input-padding-horizontal: 12px;
1115
1115
  @input-size-mini-padding-horizontal: 8px;
1116
1116
  @input-size-small-padding-horizontal: 12px;
1117
1117
  @input-size-large-padding-horizontal: 16px;
1118
1118
  @input-spacing-clear-icon-right: 8px;
1119
1119
  @input-padding-word-limit-left: 8px;
1120
- @input-group-border-radius_compact: var(--border-radius-small);
1120
+ @input-group-border-radius_compact: 4px;
1121
1121
  @input-group-border-separator-width: 1px;
1122
- @input-group-color-separator-border: #292f42;
1122
+ @input-group-color-separator-border: transparent;
1123
1123
  @input-tag-size-mini-height: 24px;
1124
1124
  @input-tag-size-small-height: 28px;
1125
1125
  @input-tag-size-default-height: 32px;
@@ -1164,13 +1164,13 @@
1164
1164
  @input-tag-size-shadow_error_focus: 0;
1165
1165
  @input-tag-size-shadow_default_focus: 0;
1166
1166
  @input-tag-tag-margin-right: 4px;
1167
- @input-tag-tag-margin-vertical: 2px;
1167
+ @input-tag-tag-margin-vertical: 4px;
1168
1168
  @input-tag-padding-horizontal: 4px;
1169
- @input-tag-border-radius: var(--border-radius-small);
1169
+ @input-tag-border-radius: 4px;
1170
1170
  @input-tag-border-width: 1px;
1171
1171
  @input-tag-size-icon-clear: 12px;
1172
1172
  @input-tag-size-icon-clear_hover: 20px;
1173
- @input-tag-tag-font-size: 12px;
1173
+ @input-tag-tag-font-size: 14px;
1174
1174
  @input-tag-tag-color-bg: #ebeef5;
1175
1175
  @input-tag-tag-color-bg_focus: #ebeef5;
1176
1176
  @input-tag-tag-color-bg_disabled: #ebeef5;
@@ -1189,7 +1189,7 @@
1189
1189
  @input-tag-color-shadow_warning_focus: var(--color-warning-light-2);
1190
1190
  @input-tag-size-shadow_warning_focus: 0;
1191
1191
  @input-tag-addon-padding-horizontal: 12px;
1192
- @input-tag-color-addon-bg: #ffffff;
1192
+ @input-tag-color-addon-bg: #f5f7fc;
1193
1193
  @input-tag-color-addon-border: var(--color-border-2);
1194
1194
  @input-tag-color-addon-border_default: transparent;
1195
1195
  @input-tag-border-addon-separator-width: 1px;
@@ -1254,7 +1254,7 @@
1254
1254
  @picker-size-small-font-size-text: 14px;
1255
1255
  @picker-size-default-font-size-text: 14px;
1256
1256
  @picker-size-large-font-size-text: 14px;
1257
- @picker-input-border-radius: var(--border-radius-small);
1257
+ @picker-input-border-radius: 4px;
1258
1258
  @picker-color-shadow_focus: var(--color-primary-light-2);
1259
1259
  @picker-size-shadow_focus: 0;
1260
1260
  @picker-color-shadow_error_focus: var(--color-danger-light-2);
@@ -1281,7 +1281,7 @@
1281
1281
  @picker-color-icon_disabled: var(--color-text-4);
1282
1282
  @picker-color-separator: var(--color-text-3);
1283
1283
  @picker-color-separator_disabled: var(--color-text-4);
1284
- @picker-range-color-bg-input_focus: rgb(var(--primary-1));
1284
+ @picker-range-color-bg-input_focus: transparent;
1285
1285
  @picker-padding-horizontal: 4px;
1286
1286
  @picker-input-padding-horizontal: 8px;
1287
1287
  @picker-color-shadow_warning_focus: var(--color-warning-light-2);
@@ -1328,7 +1328,7 @@
1328
1328
  @picker-color-text-week-list-item: #292f42;
1329
1329
  @picker-font-weight-week-list-item: 500;
1330
1330
  @picker-panel-color-border: #dfe2eb;
1331
- @picker-panel-color-text-cell_hover: var(--color-text-1);
1331
+ @picker-panel-color-text-cell_hover: #292f42;
1332
1332
  @picker-panel-color-bg-cell_hover: rgb(var(--primary-1));
1333
1333
  @picker-panel-color-text-cell_selected: var(--color-white);
1334
1334
  @picker-panel-color-bg-cell_selected: rgb(var(--primary-6));
@@ -1353,22 +1353,22 @@
1353
1353
  @alert-margin-icon-right: 8px;
1354
1354
  @alert-margin-action-right: 8px;
1355
1355
  @alert-margin-action-left: 8px;
1356
- @alert-border-radius: var(--border-radius-small);
1356
+ @alert-border-radius: 4px;
1357
1357
  @alert-line-height: 1.5715;
1358
- @alert-title-line-height: 1.5;
1358
+ @alert-title-line-height: 1.5715;
1359
1359
  @alert-title-margin-bottom: 4px;
1360
1360
  @alert-padding-horizontal: 16px;
1361
- @alert-padding-vertical: 9px;
1361
+ @alert-padding-vertical: 8px;
1362
1362
  @alert-padding-horizontal_with_title: 16px;
1363
1363
  @alert-padding-vertical_with_title: 16px;
1364
1364
  @alert-font-weight-title: 500;
1365
1365
  @alert-font-size-text-title: 16px;
1366
1366
  @alert-font-size-text-content: 14px;
1367
- @alert-font-size-icon: 16px;
1368
- @alert-font-size-icon_with_title: 18px;
1367
+ @alert-font-size-icon: 20px;
1368
+ @alert-font-size-icon_with_title: 20px;
1369
1369
  @alert-font-size-close-icon: 12px;
1370
1370
  @alert-color-close-icon: var(--color-text-2);
1371
- @alert-color-close-icon_hover: var(--color-text-1);
1371
+ @alert-color-close-icon_hover: rgb(var(--primary-5));
1372
1372
  @alert-info-color-bg: var(--color-primary-light-1);
1373
1373
  @alert-info-color-border: transparent;
1374
1374
  @alert-info-color-icon: rgb(var(--primary-6));
@@ -1438,10 +1438,10 @@
1438
1438
  @auto-complete-option-padding-horizontal: 12px;
1439
1439
  @auto-complete-option-color-bg_default: var(--color-bg-popup);
1440
1440
  @auto-complete-option-color-bg_hover: rgb(var(--primary-1));
1441
- @auto-complete-option-color-bg_selected: rgb(var(--primary-1));
1441
+ @auto-complete-option-color-bg_selected: transparent;
1442
1442
  @auto-complete-option-color-bg_disabled: var(--color-bg-popup);
1443
- @auto-complete-option-color-text_default: var(--color-text-1);
1444
- @auto-complete-option-color-text_hover: var(--color-text-1);
1443
+ @auto-complete-option-color-text_default: #292f42;
1444
+ @auto-complete-option-color-text_hover: #292f42;
1445
1445
  @auto-complete-option-color-text_selected: rgb(var(--primary-6));
1446
1446
  @auto-complete-option-color-text_disabled: var(--color-text-4);
1447
1447
  @auto-complete-prefix-cls: ~'@{prefix}-autocomplete';
@@ -1466,10 +1466,10 @@
1466
1466
  @select-size-icon: 12px;
1467
1467
  @select-size-icon-bg: 16px;
1468
1468
  @select-border-width: 1px;
1469
- @select-border-radius: var(--border-radius-small);
1469
+ @select-border-radius: 4px;
1470
1470
  @select-color-text_default: #292f42;
1471
1471
  @select-color-text_disabled: var(--color-text-4);
1472
- @select-color-text_focused: var(--color-text-1);
1472
+ @select-color-text_focused: #292f42;
1473
1473
  @select-color-placeholder_default: #9ca3b8;
1474
1474
  @select-color-placeholder_disabled: var(--color-text-4);
1475
1475
  @select-color-placeholder_focused: #9ca3b8;
@@ -1503,7 +1503,7 @@
1503
1503
  @select-popup-padding-horizontal: 0;
1504
1504
  @select-popup-font-size: 14px;
1505
1505
  @select-popup-color-bg: var(--color-bg-popup);
1506
- @select-popup-color-border: var(--color-fill-3);
1506
+ @select-popup-color-border: transparent;
1507
1507
  @select-popup-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
1508
1508
  @select-popup-option-height: 36px;
1509
1509
  @select-popup-option-font-weight_selected: 500;
@@ -1526,7 +1526,7 @@
1526
1526
  @select-popup-group-title-font-size: 12px;
1527
1527
  @select-popup-group-title-color-text: var(--color-text-3);
1528
1528
  @select-addon-padding-horizontal: 12px;
1529
- @select-color-addon-bg: #ffffff;
1529
+ @select-color-addon-bg: #f5f7fc;
1530
1530
  @select-color-addon-border: var(--color-border-2);
1531
1531
  @select-color-addon-border_default: transparent;
1532
1532
  @select-border-addon-separator-width: 1px;
@@ -1554,17 +1554,17 @@
1554
1554
  @avatar-font-weight-text: 500;
1555
1555
  @avatar-font-size-text: 20px;
1556
1556
  @avatar-circle-border-radius: var(--border-radius-circle);
1557
- @avatar-square-border-radius: var(--border-radius-medium);
1557
+ @avatar-square-border-radius: 8px;
1558
1558
  @avatar-font-size-max-count: 20px;
1559
1559
  @avatar-color-max-count-text: var(--color-white);
1560
1560
  @avatar-size-trigger-button: 20px;
1561
1561
  @avatar-spacing-trigger-button-right: 4px;
1562
1562
  @avatar-spacing-trigger-button-bottom: 4px;
1563
- @avatar-color-trigger-button-bg: var(--color-neutral-2);
1564
- @avatar-color-trigger-button-bg_hover: var(--color-neutral-3);
1563
+ @avatar-color-trigger-button-bg: #f5f7fc;
1564
+ @avatar-color-trigger-button-bg_hover: rgb(var(--primary-1));
1565
1565
  @avatar-color-trigger-mask-icon: var(--color-white);
1566
1566
  @avatar-opacity-trigger-mask-bg: 60%;
1567
- @avatar-color-trigger-icon-button: var(--color-fill-4);
1567
+ @avatar-color-trigger-icon-button: #292f42;
1568
1568
  @avatar-size-trigger-icon: 12px;
1569
1569
  @avatar-border-trigger-button-radius: var(--border-radius-circle);
1570
1570
  @avatar-prefix-cls: ~'@{prefix}-avatar';
@@ -1620,17 +1620,17 @@
1620
1620
 
1621
1621
  @breadcrumb-color-text: #646c85;
1622
1622
  @breadcrumb-color-text_active: var(--color-text-1);
1623
- @breadcrumb-color-link-text: var(--color-text-2);
1623
+ @breadcrumb-color-link-text: #292f42;
1624
1624
  @breadcrumb-color-separator: #646c85;
1625
1625
  @breadcrumb-color-bg: transparent;
1626
1626
  @breadcrumb-color-bg_hover: transparent;
1627
- @breadcrumb-margin-separator-horizontal: 4px;
1627
+ @breadcrumb-margin-separator-horizontal: 8px;
1628
1628
  @breadcrumb-margin-dropdown-icon-left: 4px;
1629
- @breadcrumb-padding-text-horizontal: 4px;
1629
+ @breadcrumb-padding-text-horizontal: 0;
1630
1630
  @breadcrumb-border-text-radius_hover: var(--border-radius-small);
1631
- @breadcrumb-size-text-height: 24px;
1631
+ @breadcrumb-size-text-height: 32px;
1632
1632
  @breadcrumb-size-dropdown-icon: 12px;
1633
- @breadcrumb-size-font-size: 14px;
1633
+ @breadcrumb-size-font-size: 20px;
1634
1634
  @breadcrumb-font-weight_active: 500;
1635
1635
  @breadcrumb-color-icon: #292f42;
1636
1636
  @breadcrumb-color-link-text_hover: rgb(var(--link-5));
@@ -1679,7 +1679,7 @@
1679
1679
  @btn-outline-color-bg: #ffffff;
1680
1680
  @btn-outline-color-bg_disabled: #f5f7fc;
1681
1681
  @btn-outline-color-bg_hover: #ffffff;
1682
- @btn-outline-color-bg_active: transparent;
1682
+ @btn-outline-color-bg_active: #ffffff;
1683
1683
  @btn-outline-color-border: rgb(var(--primary-6));
1684
1684
  @btn-outline-color-border_disabled: #c3c7d4;
1685
1685
  @btn-outline-color-border_hover: rgb(var(--primary-5));
@@ -1702,7 +1702,7 @@
1702
1702
  @btn-outline-color-text_danger_active: rgb(var(--danger-7));
1703
1703
  @btn-outline-color-bg_danger: #ffffff;
1704
1704
  @btn-outline-color-bg_danger_disabled: #f5f7fc;
1705
- @btn-outline-color-bg_danger_hover: transparent;
1705
+ @btn-outline-color-bg_danger_hover: #ffffff;
1706
1706
  @btn-outline-color-bg_danger_active: #ffffff;
1707
1707
  @btn-outline-color-border_danger: rgb(var(--danger-6));
1708
1708
  @btn-outline-color-border_danger_disabled: #c3c7d4;
@@ -1721,10 +1721,10 @@
1721
1721
  @btn-outline-color-border_success_hover: rgb(var(--success-5));
1722
1722
  @btn-outline-color-border_success_active: rgb(var(--success-7));
1723
1723
  @btn-outline-border-style: solid;
1724
- @btn-primary-color-text: #fff;
1724
+ @btn-primary-color-text: #ffffff;
1725
1725
  @btn-primary-color-text_disabled: #9ca3b8;
1726
- @btn-primary-color-text_hover: #fff;
1727
- @btn-primary-color-text_active: #fff;
1726
+ @btn-primary-color-text_hover: #ffffff;
1727
+ @btn-primary-color-text_active: #ffffff;
1728
1728
  @btn-primary-color-bg: rgb(var(--primary-6));
1729
1729
  @btn-primary-color-bg_disabled: #f5f7fc;
1730
1730
  @btn-primary-color-bg_hover: rgb(var(--primary-5));
@@ -1733,10 +1733,10 @@
1733
1733
  @btn-primary-color-border_disabled: #c3c7d4;
1734
1734
  @btn-primary-color-border_hover: transparent;
1735
1735
  @btn-primary-color-border_active: transparent;
1736
- @btn-primary-color-text_warning: #fff;
1736
+ @btn-primary-color-text_warning: #ffffff;
1737
1737
  @btn-primary-color-text_warning_disabled: #9ca3b8;
1738
- @btn-primary-color-text_warning_hover: #fff;
1739
- @btn-primary-color-text_warning_active: #fff;
1738
+ @btn-primary-color-text_warning_hover: #ffffff;
1739
+ @btn-primary-color-text_warning_active: #ffffff;
1740
1740
  @btn-primary-color-bg_warning: rgb(var(--warning-6));
1741
1741
  @btn-primary-color-bg_warning_disabled: #f5f7fc;
1742
1742
  @btn-primary-color-bg_warning_hover: rgb(var(--warning-5));
@@ -1745,10 +1745,10 @@
1745
1745
  @btn-primary-color-border_warning_disabled: #c3c7d4;
1746
1746
  @btn-primary-color-border_warning_hover: transparent;
1747
1747
  @btn-primary-color-border_warning_active: transparent;
1748
- @btn-primary-color-text_danger: #fff;
1748
+ @btn-primary-color-text_danger: #ffffff;
1749
1749
  @btn-primary-color-text_danger_disabled: #9ca3b8;
1750
- @btn-primary-color-text_danger_hover: #fff;
1751
- @btn-primary-color-text_danger_active: #fff;
1750
+ @btn-primary-color-text_danger_hover: #ffffff;
1751
+ @btn-primary-color-text_danger_active: #ffffff;
1752
1752
  @btn-primary-color-bg_danger: rgb(var(--danger-6));
1753
1753
  @btn-primary-color-bg_danger_disabled: #f5f7fc;
1754
1754
  @btn-primary-color-bg_danger_hover: rgb(var(--danger-5));
@@ -1757,10 +1757,10 @@
1757
1757
  @btn-primary-color-border_danger_disabled: #c3c7d4;
1758
1758
  @btn-primary-color-border_danger_hover: transparent;
1759
1759
  @btn-primary-color-border_danger_active: transparent;
1760
- @btn-primary-color-text_success: #fff;
1760
+ @btn-primary-color-text_success: #ffffff;
1761
1761
  @btn-primary-color-text_success_disabled: #9ca3b8;
1762
1762
  @btn-primary-color-text_success_hover: #fff;
1763
- @btn-primary-color-text_success_active: #fff;
1763
+ @btn-primary-color-text_success_active: #ffffff;
1764
1764
  @btn-primary-color-bg_success: rgb(var(--success-6));
1765
1765
  @btn-primary-color-bg_success_disabled: #f5f7fc;
1766
1766
  @btn-primary-color-bg_success_hover: rgb(var(--success-5));
@@ -1931,7 +1931,7 @@
1931
1931
 
1932
1932
  /*********** calendar ***********/
1933
1933
 
1934
- @calendar-color-border: var(--color-neutral-3);
1934
+ @calendar-color-border: #dfe2eb;
1935
1935
  @calendar-header-padding-horizontal: 24px;
1936
1936
  @calendar-header-padding-vertical: 24px;
1937
1937
  @calendar-panel-date-cell-padding-vertical: 4px;
@@ -1939,14 +1939,14 @@
1939
1939
  @calendar-panel-year-cell-padding-vertical: 4px;
1940
1940
  @calendar-panel-year-cell-circle-height: 24px;
1941
1941
  @calendar-color-switch-icon: var(--color-text-2);
1942
- @calendar-color-bg-switch-icon: var(--color-bg-5);
1943
- @calendar-color-bg-switch-icon_hover: var(--color-fill-3);
1942
+ @calendar-color-bg-switch-icon: transparent;
1943
+ @calendar-color-bg-switch-icon_hover: rgb(var(--primary-1));
1944
1944
  @calendar-color-text-title: var(--color-text-1);
1945
- @calendar-color-cell-text-in-view: var(--color-text-1);
1946
- @calendar-color-cell-text-not-in-view: var(--color-text-4);
1945
+ @calendar-color-cell-text-in-view: #0f131f;
1946
+ @calendar-color-cell-text-not-in-view: #9ca3b8;
1947
1947
  @calendar-color-bg-circle_selected: rgb(var(--primary-6));
1948
1948
  @calendar-color-bg-cell-in-range: var(--color-primary-light-1);
1949
- @calendar-color-bg-cell-disabled: var(--color-fill-1);
1949
+ @calendar-color-bg-cell-disabled: #f5f7fc;
1950
1950
  @calendar-color-text-cell-range-boundary: var(--color-white);
1951
1951
  @calendar-color-bg-cell-range-boundary: rgb(var(--primary-6));
1952
1952
  @calendar-color-bg-cell-hover-in-range: var(--color-primary-light-1);
@@ -1971,22 +1971,22 @@
1971
1971
  @card-size-small-padding-horizontal-title: 16px;
1972
1972
  @card-size-small-padding-horizontal-body: 16px;
1973
1973
  @card-size-small-padding-vertical-body: 12px;
1974
- @card-size-default-height-title: 46px;
1974
+ @card-size-default-height-title: 56px;
1975
1975
  @card-size-default-font-size-title: 16px;
1976
1976
  @card-size-default-font-size-title-extra: 14px;
1977
1977
  @card-size-default-font-size: 14px;
1978
- @card-size-default-padding-horizontal-title: 16px;
1979
- @card-size-default-padding-horizontal-body: 16px;
1980
- @card-size-default-padding-vertical-body: 16px;
1978
+ @card-size-default-padding-horizontal-title: 24px;
1979
+ @card-size-default-padding-horizontal-body: 24px;
1980
+ @card-size-default-padding-vertical-body: 24px;
1981
1981
  @card-line-height: 1.5715;
1982
1982
  @card-font-weight-title: 500;
1983
- @card-margin-top-meta-footer: 20px;
1983
+ @card-margin-top-meta-footer: 16px;
1984
1984
  @card-margin-top-meta-description: 4px;
1985
1985
  @card-margin-right-action-item: 12px;
1986
1986
  @card-color-bg: var(--color-bg-2);
1987
- @card-color-border: #dfe2eb;
1987
+ @card-color-border: var(--color-border-2);
1988
1988
  @card-color-title: var(--color-text-1);
1989
- @card-color-title-extra: rgb(var(--primary-6));
1989
+ @card-color-title-extra: #292f42;
1990
1990
  @card-color-body: var(--color-text-2);
1991
1991
  @card-color-action: var(--color-text-2);
1992
1992
  @card-color-action_hover: rgb(var(--primary-5));
@@ -1994,8 +1994,8 @@
1994
1994
  @card-color-box-shadow_dark: rgba(var(--gray-1), 40%);
1995
1995
  @card-border-width: 1px;
1996
1996
  @card-border-width-title-bottom: 1px;
1997
- @card-border-radius: 12px;
1998
- @card-border-radius-no-border: var(--border-radius-none);
1997
+ @card-border-radius: 8px;
1998
+ @card-border-radius-no-border: 8px;
1999
1999
  @card-prefix-cls: ~'@{prefix}-card';
2000
2000
 
2001
2001
 
@@ -2038,7 +2038,7 @@
2038
2038
  @cascader-color-item-text: #292f42;
2039
2039
  @cascader-color-item-icon: var(--color-text-2);
2040
2040
  @cascader-padding-item-left: 12px;
2041
- @cascader-padding-item-right: 10px;
2041
+ @cascader-padding-item-right: 12px;
2042
2042
  @cascader-size-item-icon: 12px;
2043
2043
  @cascader-color-item-text_hover: #292f42;
2044
2044
  @cascader-color-item-text_active: #292f42;
@@ -2049,7 +2049,7 @@
2049
2049
  @cascader-color-item-bg_hover: rgb(var(--primary-1));
2050
2050
  @cascader-color-item-bg_disabled: transparent;
2051
2051
  @cascader-color-item-bg_disabled_active: transparent;
2052
- @cascader-color-checkbox-bg_hover: var(--color-fill-3);
2052
+ @cascader-color-checkbox-bg_hover: transparent;
2053
2053
  @cascader-margin-checkbox-right: 8px;
2054
2054
  @cascader-prefix-cls: ~'@{prefix}-cascader';
2055
2055
  @cascader-prefix-cls-rtl: ~'@{prefix}-cascader-rtl';
@@ -2090,19 +2090,19 @@
2090
2090
  /*********** collapse ***********/
2091
2091
 
2092
2092
  @collapse-border-width: 1px;
2093
- @collapse-border-radius: var(--border-radius-medium);
2093
+ @collapse-border-radius: 4px;
2094
2094
  @collapse-color-border: #dfe2eb;
2095
2095
  @collapse-line-height: 1.5715;
2096
2096
  @collapse-title-line-height: 24px;
2097
2097
  @collapse-title-border-width: 1px;
2098
2098
  @collapse-title-color-border: #dfe2eb;
2099
2099
  @collapse-title-font-size: 14px;
2100
- @collapse-title-padding-horizontal: 13px;
2101
- @collapse-title-padding-vertical: 8px;
2100
+ @collapse-title-padding-horizontal: 12px;
2101
+ @collapse-title-padding-vertical: 9px;
2102
2102
  @collapse-title-color-bg: var(--color-bg-2);
2103
2103
  @collapse-title-color-bg_active: var(--color-bg-2);
2104
2104
  @collapse-title-color-bg_disabled: var(--color-bg-2);
2105
- @collapse-title-color-text: var(--color-text-1);
2105
+ @collapse-title-color-text: #292f42;
2106
2106
  @collapse-title-color-text_disabled: var(--color-text-4);
2107
2107
  @collapse-title-font-weight_active: 500;
2108
2108
  @collapse-content-color-text: #292f42;
@@ -2113,7 +2113,7 @@
2113
2113
  @collapse-expand-icon-size: 14px;
2114
2114
  @collapse-expand-icon-size-bg: 16px;
2115
2115
  @collapse-expand-icon-color-bg: transparent;
2116
- @collapse-expand-icon-spacing-text: 5px;
2116
+ @collapse-expand-icon-spacing-text: 4px;
2117
2117
  @collapse-color-expand-icon: #292f42;
2118
2118
  @collapse-item-color-border: #dfe2eb;
2119
2119
  @collapse-item-border-width: 1px;
@@ -2125,7 +2125,7 @@
2125
2125
 
2126
2126
  @comment-color-author-text: var(--color-text-2);
2127
2127
  @comment-color-datetime-text: var(--color-text-3);
2128
- @comment-color-content-text: var(--color-text-1);
2128
+ @comment-color-content-text: #292f42;
2129
2129
  @comment-color-actions-text: var(--color-text-2);
2130
2130
  @comment-font-size: 14px;
2131
2131
  @comment-font-action-size: 14px;
@@ -2134,7 +2134,7 @@
2134
2134
  @comment-margin-avatar-right: 12px;
2135
2135
  @comment-margin-author-right: 8px;
2136
2136
  @comment-margin-actions-top: 8px;
2137
- @comment-margin-bottom: 20px;
2137
+ @comment-margin-bottom: 16px;
2138
2138
  @comment-margin-actions-right: 8px;
2139
2139
  @comment-size-avatar-width: 32px;
2140
2140
  @comment-prefix-cls: ~'@{prefix}-comment';
@@ -2283,12 +2283,12 @@
2283
2283
 
2284
2284
  /*********** dropdown ***********/
2285
2285
 
2286
- @dropdown-max-height: 200px;
2286
+ @dropdown-max-height: 400px;
2287
2287
  @dropdown-border-radius: var(--border-radius-medium);
2288
2288
  @dropdown-padding-vertical: 4px;
2289
2289
  @dropdown-font-size: 14px;
2290
2290
  @dropdown-color-bg: var(--color-bg-popup);
2291
- @dropdown-color-border: #ffffff;
2291
+ @dropdown-color-border: transparent;
2292
2292
  @dropdown-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
2293
2293
  @dropdown-option-height: 36px;
2294
2294
  @dropdown-option-padding-horizontal: 12px;
@@ -2323,9 +2323,9 @@
2323
2323
 
2324
2324
  /*********** empty ***********/
2325
2325
 
2326
- @empty-spacing-padding: 10px;
2326
+ @empty-spacing-padding: 16px;
2327
2327
  @empty-color-icon: rgb(var(--gray-5));
2328
- @empty-color-text: rgb(var(--gray-5));
2328
+ @empty-color-text: #0f131f;
2329
2329
  @empty-font-size-image: 48px;
2330
2330
  @empty-font-size-text: 14px;
2331
2331
  @empty-spacing-image-margin-bottom: 4px;
@@ -2350,7 +2350,7 @@
2350
2350
  @form-font-extra-text-size: 12px;
2351
2351
  @form-font-error-text-size: 12px;
2352
2352
  @form-margin-label-right: 16px;
2353
- @form-margin-extra-bottom: 4px;
2353
+ @form-margin-extra-bottom: 16px;
2354
2354
  @form-margin-extra-top: 4px;
2355
2355
  @form-inline-margin-item-right: 24px;
2356
2356
  @form-inline-margin-item-bottom: 8px;
@@ -2426,7 +2426,7 @@
2426
2426
  @image-color-title_footer_outer-text: var(--color-text-1);
2427
2427
  @image-color-title_footer_inner-text: var(--color-white);
2428
2428
  @image-color-description_footer_inner-text: var(--color-white);
2429
- @image-color-description_footer_outer-text: var(--color-neutral-6);
2429
+ @image-color-description_footer_outer-text: #646c85;
2430
2430
  @image-spacing-actions-left: 12px;
2431
2431
  @image-font-size-actions-item: 14px;
2432
2432
  @image-padding-actions-item-vertical: 0;
@@ -2434,8 +2434,8 @@
2434
2434
  @image-spacing-actions-item-left: 12px;
2435
2435
  @image-radius-actions-item: var(--border-radius-small);
2436
2436
  @image-color-actions-item_footer_inner_hover-bg: rgba(0, 0, 0, 0.5);
2437
- @image-color-actions-item_footer_outer_hover-bg: var(--color-neutral-2);
2438
- @image-color-actions-item_trigger-text: var(--color-neutral-8);
2437
+ @image-color-actions-item_footer_outer_hover-bg: rgb(var(--primary-1));
2438
+ @image-color-actions-item_trigger-text: #292f42;
2439
2439
  @image-color-actions-item_trigger_hover-bg: var(--color-neutral-2);
2440
2440
  @image-spacing-actions-trigger-item-vertical: 5px;
2441
2441
  @image-spacing-actions-trigger-item-horizontal: 4px;
@@ -2445,20 +2445,20 @@
2445
2445
  @image-padding-footer_inner_horizontal: 16px;
2446
2446
  @image-spacing-footer_inner_simple-vertical: 12px;
2447
2447
  @image-spacing-footer_inner_simple-horizontal: 16px;
2448
- @image-color-footer_outer-text: var(--color-neutral-8);
2448
+ @image-color-footer_outer-text: #292f42;
2449
2449
  @image-spacing-footer-top: 4px;
2450
- @image-color-error-bg: var(--color-neutral-1);
2451
- @image-color-error-text: var(--color-neutral-4);
2450
+ @image-color-error-bg: #f5f7fc;
2451
+ @image-color-error-text: #9ca3b8;
2452
2452
  @image-font-size-error-icon: 60px;
2453
2453
  @image-font-size-error-text: 12px;
2454
2454
  @image-line-height-error-text: 1.6667;
2455
2455
  @image-size-error-min-height: 100px;
2456
2456
  @image-spacing-error-padding: 16px;
2457
- @image-color-loader-bg: var(--color-neutral-1);
2457
+ @image-color-loader-bg: #f5f7fc;
2458
2458
  @image-size-loader-min-height: 100px;
2459
2459
  @image-font-size-loader-spin: 32px;
2460
2460
  @image-color-loader-spin-text: rgb(var(--primary-6));
2461
- @image-color-loader-spin-text-text: var(--color-neutral-6);
2461
+ @image-color-loader-spin-text-text: #646c85;
2462
2462
  @image-font-size-loader-spin-text: 16px;
2463
2463
  @image-preview-color-mask-bg: var(--color-mask-bg);
2464
2464
  @image-preview-size-scale-value-height: 32px;
@@ -2475,10 +2475,10 @@
2475
2475
  @image-preview-spacing-toolbar-vertical_simple: 4px;
2476
2476
  @image-preview-position-toolbar-bottom: 46px;
2477
2477
  @image-preview-font-size-action: 14px;
2478
- @image-preview-color-action-text: var(--color-neutral-8);
2478
+ @image-preview-color-action-text: #292f42;
2479
2479
  @image-preview-radius-action: var(--border-radius-small);
2480
2480
  @image-preview-color-action-bg: transparent;
2481
- @image-preview-color-action_hover-bg: var(--color-neutral-2);
2481
+ @image-preview-color-action_hover-bg: rgb(var(--primary-1));
2482
2482
  @image-preview-color-action_hover-text: rgb(var(--primary-6));
2483
2483
  @image-preview-color-action_disabled-bg: transparent;
2484
2484
  @image-preview-color-action_disabled-text: var(--color-text-4);
@@ -2547,7 +2547,7 @@
2547
2547
  @list-font-size: 14px;
2548
2548
  @list-line-height: 1.5715;
2549
2549
  @list-color-text-header: var(--color-text-1);
2550
- @list-color-bg-item-hover: var(--color-fill-1);
2550
+ @list-color-bg-item-hover: rgb(var(--primary-1));
2551
2551
  @list-font-size-header: 16px;
2552
2552
  @list-font-weight-header: 500;
2553
2553
  @list-line-height-header: 1.5;
@@ -2570,9 +2570,9 @@
2570
2570
  @list-meta-margin-bottom-title: 2px;
2571
2571
  @list-meta-padding-horizontal: 0;
2572
2572
  @list-meta-padding-vertical: 4px;
2573
- @list-action-gap: 20px;
2574
- @list-action-margin-top: 4px;
2575
- @list-pagination-margin-top: 24px;
2573
+ @list-action-gap: 12px;
2574
+ @list-action-margin-top: 8px;
2575
+ @list-pagination-margin-top: 16px;
2576
2576
  @list-prefix-cls: ~'@{prefix}-list';
2577
2577
 
2578
2578
 
@@ -2663,12 +2663,12 @@
2663
2663
 
2664
2664
  @message-wrapper-margin-top: 40px;
2665
2665
  @message-wrapper-margin-bottom: 40px;
2666
- @message-padding-top: 10px;
2667
- @message-padding-bottom: 10px;
2666
+ @message-padding-top: 8px;
2667
+ @message-padding-bottom: 8px;
2668
2668
  @message-padding-left: 16px;
2669
2669
  @message-padding-right: 16px;
2670
2670
  @message-margin-bottom: 16px;
2671
- @message-border-radius: var(--border-radius-small);
2671
+ @message-border-radius: 4px;
2672
2672
  @message-font-size-icon: 20px;
2673
2673
  @message-font-size-content: 14px;
2674
2674
  @message-icon-margin-right: 8px;
@@ -2677,8 +2677,8 @@
2677
2677
  @message-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
2678
2678
  @message-color-close-icon: #292f42;
2679
2679
  @message-close-icon-font-size: 12px;
2680
- @message-close-icon-top: 14px;
2681
- @message-close-icon-right: 12px;
2680
+ @message-close-icon-top: 12px;
2681
+ @message-close-icon-right: 16px;
2682
2682
  @message-close-icon-left: 14px;
2683
2683
  @message-normal-color-bg: #ffffff;
2684
2684
  @message-normal-color-icon: #292f42;
@@ -2709,11 +2709,11 @@
2709
2709
 
2710
2710
  /*********** modal ***********/
2711
2711
 
2712
- @modal-border-radius: var(--border-radius-medium);
2712
+ @modal-border-radius: 8px;
2713
2713
  @modal-size-tip-icon: 18px;
2714
2714
  @modal-margin-top: 100px;
2715
- @modal-margin-tip-icon-right: 10px;
2716
- @modal-margin-footer-button-left: 12px;
2715
+ @modal-margin-tip-icon-right: 8px;
2716
+ @modal-margin-footer-button-left: 8px;
2717
2717
  @modal-color-border: #dfe2eb;
2718
2718
  @modal-border-width: 0;
2719
2719
  @modal-box-shadow: none;
@@ -2722,23 +2722,23 @@
2722
2722
  @modal-font-header-size: 16px;
2723
2723
  @modal-font-header-weight: 500;
2724
2724
  @modal-font-content-size: 14px;
2725
- @modal-default-align-header: center;
2725
+ @modal-default-align-header: left;
2726
2726
  @modal-simple-align-header: left;
2727
2727
  @modal-default-align-footer: right;
2728
2728
  @modal-simple-align-footer: right;
2729
2729
  @modal-default-padding-horizontal: 20px;
2730
- @modal-default-size-header-height: 48px;
2730
+ @modal-default-size-header-height: 64px;
2731
2731
  @modal-default-padding-content-vertical: 24px;
2732
- @modal-default-padding-footer-vertical: 16px;
2732
+ @modal-default-padding-footer-vertical: 20px;
2733
2733
  @modal-default-size-width: 520px;
2734
- @modal-simple-size-width: 464px;
2735
- @modal-simple-padding-horizontal: 32px;
2736
- @modal-simple-padding-top: 24px;
2737
- @modal-simple-padding-bottom: 32px;
2738
- @modal-simple-margin-footer-top: 32px;
2739
- @modal-simple-margin-content-top: 24px;
2740
- @modal-position-close-icon-right: 16px;
2741
- @modal-font-size-close-icon: 12px;
2734
+ @modal-simple-size-width: 400PX;
2735
+ @modal-simple-padding-horizontal: 20px;
2736
+ @modal-simple-padding-top: 20px;
2737
+ @modal-simple-padding-bottom: 20px;
2738
+ @modal-simple-margin-footer-top: 16px;
2739
+ @modal-simple-margin-content-top: 8px;
2740
+ @modal-position-close-icon-right: 24px;
2741
+ @modal-font-size-close-icon: 16px;
2742
2742
  @modal-color-close-icon: var(--color-text-1);
2743
2743
  @modal-prefix-cls: ~'@{prefix}-modal';
2744
2744
 
@@ -2749,7 +2749,7 @@
2749
2749
  @notification-wrapper-margin-bottom: 20px;
2750
2750
  @notification-wrapper-margin-left: 20px;
2751
2751
  @notification-wrapper-margin-right: 20px;
2752
- @notification-border-radius: var(--border-radius-medium);
2752
+ @notification-border-radius: 8px;
2753
2753
  @notification-margin-bottom: 20px;
2754
2754
  @notification-width: 300px;
2755
2755
  @notification-padding-top: 20px;
@@ -2759,13 +2759,13 @@
2759
2759
  @notification-font-size-icon: 24px;
2760
2760
  @notification-font-size-title: 16px;
2761
2761
  @notification-font-size-content: 14px;
2762
- @notification-icon-margin-right: 16px;
2762
+ @notification-icon-margin-right: 8px;
2763
2763
  @notification-title-margin-bottom: 4px;
2764
2764
  @notification-btn-wrapper-margin-top: 16px;
2765
2765
  @notification-border-width: 1px;
2766
2766
  @notification-border-style: solid;
2767
2767
  @notification-color-close-icon: var(--color-text-1);
2768
- @notification-close-icon-font-size: 12px;
2768
+ @notification-close-icon-font-size: 16px;
2769
2769
  @notification-close-icon-top: 12px;
2770
2770
  @notification-close-icon-right: 12px;
2771
2771
  @notification-normal-color-bg: var(--color-bg-popup);
@@ -2776,23 +2776,23 @@
2776
2776
  @notification-info-color-bg: var(--color-bg-popup);
2777
2777
  @notification-info-color-icon: rgb(var(--primary-6));
2778
2778
  @notification-info-color-text-title: var(--color-text-1);
2779
- @notification-info-color-text-content: var(--color-text-1);
2780
- @notification-info-color-border: var(--color-neutral-3);
2779
+ @notification-info-color-text-content: #292f42;
2780
+ @notification-info-color-border: transparent;
2781
2781
  @notification-success-color-bg: var(--color-bg-popup);
2782
2782
  @notification-success-color-icon: rgb(var(--success-6));
2783
2783
  @notification-success-color-text-title: var(--color-text-1);
2784
- @notification-success-color-text-content: var(--color-text-1);
2785
- @notification-success-color-border: var(--color-neutral-3);
2784
+ @notification-success-color-text-content: #292f42;
2785
+ @notification-success-color-border: transparent;
2786
2786
  @notification-warning-color-bg: var(--color-bg-popup);
2787
2787
  @notification-warning-color-icon: rgb(var(--warning-6));
2788
2788
  @notification-warning-color-text-title: var(--color-text-1);
2789
- @notification-warning-color-text-content: var(--color-text-1);
2790
- @notification-warning-color-border: var(--color-neutral-3);
2789
+ @notification-warning-color-text-content: #292f42;
2790
+ @notification-warning-color-border: transparent;
2791
2791
  @notification-error-color-bg: var(--color-bg-popup);
2792
2792
  @notification-error-color-icon: rgb(var(--danger-6));
2793
2793
  @notification-error-color-text-title: var(--color-text-1);
2794
- @notification-error-color-text-content: var(--color-text-1);
2795
- @notification-error-color-border: var(--color-neutral-3);
2794
+ @notification-error-color-text-content: #292f42;
2795
+ @notification-error-color-border: transparent;
2796
2796
  @notification-prefix-cls: ~'@{prefix}-notification';
2797
2797
 
2798
2798
 
@@ -2901,7 +2901,7 @@
2901
2901
  @popconfirm-size-title-icon: 18px;
2902
2902
  @popconfirm-margin-icon-right: 8px;
2903
2903
  @popconfirm-margin-button-left: 8px;
2904
- @popconfirm-font-title-size: 14px;
2904
+ @popconfirm-font-title-size: 16px;
2905
2905
  @popconfirm-color-title-text: var(--color-text-1);
2906
2906
  @popconfirm-prefix-cls: ~'@{prefix}-popconfirm';
2907
2907
 
@@ -2922,23 +2922,23 @@
2922
2922
  @progress-line-size-small-font-size: 12px;
2923
2923
  @progress-line-size-default-font-size: 12px;
2924
2924
  @progress-line-size-large-margin-text-left: 16px;
2925
- @progress-line-size-small-margin-text-left: 16px;
2925
+ @progress-line-size-small-margin-text-left: 8px;
2926
2926
  @progress-line-color-icon_success: rgb(var(--success-6));
2927
2927
  @progress-line-color-icon_error: rgb(var(--danger-6));
2928
- @progress-line-margin-text-left: 16px;
2928
+ @progress-line-margin-text-left: 8px;
2929
2929
  @progress-line-margin-icon-left: 4px;
2930
2930
  @progress-line-color-text: var(--color-text-2);
2931
2931
  @progress-line-color-icon_normal: var(--color-text-2);
2932
2932
  @progress-line-size-default-icon-size: 12px;
2933
2933
  @progress-line-size-small-icon-size: 12px;
2934
2934
  @progress-line-size-large-icon-size: 14px;
2935
- @progress-circle-size-small-font-size: 13px;
2935
+ @progress-circle-size-small-font-size: 14px;
2936
2936
  @progress-circle-size-default-font-size: 14px;
2937
- @progress-circle-size-large-font-size: 16px;
2938
- @progress-circle-size-small-icon-size: 14px;
2937
+ @progress-circle-size-large-font-size: 14px;
2938
+ @progress-circle-size-small-icon-size: 16px;
2939
2939
  @progress-circle-size-default-icon-size: 16px;
2940
2940
  @progress-circle-size-large-icon-size: 16px;
2941
- @progress-circle-color-text: var(--color-text-3);
2941
+ @progress-circle-color-text: #292f42;
2942
2942
  @progress-circle-color-mask-stroke: var(--color-fill-3);
2943
2943
  @progress-circle-size-mini-color-mask-stroke: var(--color-primary-light-3);
2944
2944
  @progress-circle-size-mini-color-mask-stroke_success: var(--color-success-light-3);
@@ -2976,7 +2976,7 @@
2976
2976
  @radio-color-bg_checked: rgb(var(--primary-6));
2977
2977
  @radio-border-radius: var(--border-radius-circle);
2978
2978
  @radio-color-bg_disabled: var(--color-fill-2);
2979
- @radio-color-bg_checked_disabled: #c3c7d4;
2979
+ @radio-color-bg_checked_disabled: #dfe2eb;
2980
2980
  @radio-color-dot-bg_checked_disabled: #9ca3b8;
2981
2981
  @radio-color-text: #292f42;
2982
2982
  @radio-color-text_disabled: var(--color-text-4);
@@ -2995,18 +2995,18 @@
2995
2995
  @radio-button-spacing: 3px;
2996
2996
  @radio-button-color-bg_active: var(--color-bg-5);
2997
2997
  @radio-button-color-bg_active_dark: var(--color-fill-3);
2998
- @radio-button-color-bg_hover: var(--color-bg-5);
2998
+ @radio-button-color-bg_hover: #ffffff;
2999
2999
  @radio-button-color-text_active: rgb(var(--primary-6));
3000
3000
  @radio-button-font-text-weight_active: 500;
3001
3001
  @radio-button-color-text_hover: #292f42;
3002
- @radio-button-border-radius: var(--border-radius-small);
3003
- @radio-button-bg-border-radius: var(--border-radius-small);
3002
+ @radio-button-border-radius: 4px;
3003
+ @radio-button-bg-border-radius: 4px;
3004
3004
  @radio-button-color-bg: transparent;
3005
3005
  @radio-button-color-text: var(--color-text-2);
3006
3006
  @radio-button-color-bg_disabled: transparent;
3007
3007
  @radio-button-color-text_disabled: var(--color-text-4);
3008
- @radio-button-color-bg_checked_disabled: var(--color-bg-5);
3009
- @radio-button-color-text_checked_disabled: var(--color-primary-light-3);
3008
+ @radio-button-color-bg_checked_disabled: #ffffff;
3009
+ @radio-button-color-text_checked_disabled: #9ca3b8;
3010
3010
  @radio-button-color-separator-bg: #dfe2eb;
3011
3011
  @radio-button-size-separator-width: 1px;
3012
3012
  @radio-button-size-separator-height: 14px;
@@ -3060,7 +3060,7 @@
3060
3060
  @result-padding-bottom: 24px;
3061
3061
  @result-padding-horizontal: 32px;
3062
3062
  @result-margin-icon-bottom: 16px;
3063
- @result-margin-extra-top: 20px;
3063
+ @result-margin-extra-top: 16px;
3064
3064
  @result-margin-content-top: 20px;
3065
3065
  @result-font-title-size: 14px;
3066
3066
  @result-font-title-weight: 500;
@@ -3068,18 +3068,18 @@
3068
3068
  @result-color-title-text: var(--color-text-1);
3069
3069
  @result-color-subtitle-text: #646c85;
3070
3070
  @result-size-icon: 20px;
3071
- @result-size-icon-wrapper: 45px;
3071
+ @result-size-icon-wrapper: 48px;
3072
3072
  @result-size-image-width: 92px;
3073
3073
  @result-size-icon_custom: 45px;
3074
3074
  @result-color-icon_default: inherit;
3075
- @result-color-icon_success: rgb(var(--success-6));
3075
+ @result-color-icon_success: #ffffff;
3076
3076
  @result-color-icon-bg_success: var(--color-success-light-1);
3077
- @result-color-icon_error: rgb(var(--danger-6));
3078
- @result-color-icon-bg_error: var(--color-danger-light-1);
3079
- @result-color-icon_warning: rgb(var(--warning-6));
3080
- @result-color-icon-bg_warning: var(--color-warning-light-1);
3081
- @result-color-icon_info: rgb(var(--primary-6));
3082
- @result-color-icon-bg_info: var(--color-primary-light-1);
3077
+ @result-color-icon_error: #ffffff;
3078
+ @result-color-icon-bg_error: rgb(var(--danger-6));
3079
+ @result-color-icon_warning: #ffffff;
3080
+ @result-color-icon-bg_warning: rgb(var(--warning-6));
3081
+ @result-color-icon_info: #ffffff;
3082
+ @result-color-icon-bg_info: rgb(var(--primary-6));
3083
3083
  @result-prefix-cls: ~'@{prefix}-result';
3084
3084
 
3085
3085
 
@@ -3319,9 +3319,9 @@
3319
3319
  @switch-color-text_on_loading: var(--color-primary-light-1);
3320
3320
  @switch-color-text_off_loading: var(--color-white);
3321
3321
  @switch-color-dot-icon_on: rgb(var(--primary-6));
3322
- @switch-color-dot-icon_off: var(--color-neutral-3);
3323
- @switch-color-dot-icon_on_disabled: var(--color-primary-light-3);
3324
- @switch-color-dot-icon_off_disabled: var(--color-fill-2);
3322
+ @switch-color-dot-icon_off: #9ca3b8;
3323
+ @switch-color-dot-icon_on_disabled: #9ca3b8;
3324
+ @switch-color-dot-icon_off_disabled: #9ca3b8;
3325
3325
  @switch-color-dot-icon_on_loading: var(--color-primary-light-3);
3326
3326
  @switch-color-dot-icon_off_loading: var(--color-neutral-3);
3327
3327
  @switch-color-box-shadow_checked: var(--color-primary-light-3);
@@ -3337,7 +3337,7 @@
3337
3337
 
3338
3338
  @table-prefix-cls: ~'@{prefix}-table';
3339
3339
  @table-size-default-padding-horizontal: 16px;
3340
- @table-size-default-padding-vertical: 9px;
3340
+ @table-size-default-padding-vertical: 12px;
3341
3341
  @table-size-middle-padding-horizontal: 16px;
3342
3342
  @table-size-middle-padding-vertical: 7px;
3343
3343
  @table-size-small-padding-horizontal: 16px;
@@ -3376,14 +3376,14 @@
3376
3376
  @table-color-bg-body-stripe-row: var(--color-fill-1);
3377
3377
  @table-color-bg-body-stripe-row_dark: var(--color-bg-3);
3378
3378
  @table-color-bg-body-row_hover: rgb(var(--primary-1));
3379
- @table-color-bg-body-row_active: var(--color-fill-1);
3379
+ @table-color-bg-body-row_active: rgb(var(--primary-1));
3380
3380
  @table-color-expand-icon: #292f42;
3381
3381
  @table-color-expand-icon-border: #292f42;
3382
3382
  @table-color-expand-icon-border_hover: rgb(var(--primary-5));
3383
3383
  @table-color-expand-icon_hover: rgb(var(--primary-5));
3384
- @table-color-bg-expand-icon: #ffffff;
3385
- @table-color-bg-expand-icon_hover: #ffffff;
3386
- @table-color-bg-expand-content: var(--color-fill-1);
3384
+ @table-color-bg-expand-icon: transparent;
3385
+ @table-color-bg-expand-icon_hover: transparent;
3386
+ @table-color-bg-expand-content: transparent;
3387
3387
  @table-color-bg-expand-content_hover: rgb(var(--primary-1));
3388
3388
  @table-border-expand-icon-width: 1px;
3389
3389
  @table-spacing-header-sorter-icon-margin-left: 8px;
@@ -3403,7 +3403,7 @@
3403
3403
  @table-shadow-right: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
3404
3404
  @table-size-shadow-wrapper-width: 10px;
3405
3405
  @table-color-editable-body-cell-border: var(--color-white);
3406
- @table-spacing-pagination-margin: 12px;
3406
+ @table-spacing-pagination-margin: 16px;
3407
3407
  @table-size-selection-col-width: 40px;
3408
3408
  @table-size-expand-icon-col-width: 40px;
3409
3409
  @table-color-body-background: var(--color-bg-2);
@@ -3453,7 +3453,7 @@
3453
3453
  @tabs-padding-title-text-horizontal: 8px;
3454
3454
  @tabs-color-title-text: var(--color-text-2);
3455
3455
  @tabs-color-title-text_active: rgb(var(--primary-6));
3456
- @tabs-color-title-text_hover: var(--color-text-2);
3456
+ @tabs-color-title-text_hover: rgb(var(--primary-5));
3457
3457
  @tabs-color-title-text_disabled: var(--color-text-4);
3458
3458
  @tabs-color-title-text_disabled_active: #9ca3b8;
3459
3459
  @tabs-line-size-header-border: 1px;
@@ -3465,7 +3465,7 @@
3465
3465
  @tabs-line-margin-title-horizontal: 32px;
3466
3466
  @tabs-line-margin-title-horizontal_first: 16px;
3467
3467
  @tabs-line-margin-title-vertical: 12px;
3468
- @tabs-line-padding-title-horizontal_vertical: 20px;
3468
+ @tabs-line-padding-title-horizontal_vertical: 16px;
3469
3469
  @tabs-line-color-title-bg: transparent;
3470
3470
  @tabs-line-color-title-bg_active: transparent;
3471
3471
  @tabs-line-color-title-bg_hover: transparent;
@@ -3475,17 +3475,17 @@
3475
3475
  @tabs-card-color-title-border: #dfe2eb;
3476
3476
  @tabs-card-padding-title-horizontal: 16px;
3477
3477
  @tabs-card-padding-title-right_editable: 12px;
3478
- @tabs-card-border-radius: var(--border-radius-small);
3478
+ @tabs-card-border-radius: 2px;
3479
3479
  @tabs-card-color-title-bg: transparent;
3480
3480
  @tabs-card-color-title-bg_hover: rgb(var(--primary-1));
3481
3481
  @tabs-card-color-title-bg_disabled: transparent;
3482
3482
  @tabs-card-color-title-bg_active: transparent;
3483
3483
  @tabs-card-border-content-width: 1px;
3484
3484
  @tabs-card-gutter-spacing-horizontal: 4px;
3485
- @tabs-card-gutter-color-title-bg: var(--color-fill-1);
3486
- @tabs-card-gutter-color-title-bg_hover: var(--color-fill-3);
3485
+ @tabs-card-gutter-color-title-bg: #fafbff;
3486
+ @tabs-card-gutter-color-title-bg_hover: rgb(var(--primary-1));
3487
3487
  @tabs-card-gutter-color-title-bg_active: transparent;
3488
- @tabs-card-gutter-color-title-bg_disabled: var(--color-fill-1);
3488
+ @tabs-card-gutter-color-title-bg_disabled: #fafbff;
3489
3489
  @tabs-text-size-separator-height: 12px;
3490
3490
  @tabs-text-size-separator-width: 2px;
3491
3491
  @tabs-text-color-separator-bg: #dfe2eb;
@@ -3502,16 +3502,16 @@
3502
3502
  @tabs-rounded-color-title-bg_disabled: transparent;
3503
3503
  @tabs-rounded-color-title-bg_hover: rgb(var(--primary-1));
3504
3504
  @tabs-capsule-color-header-bg: #f5f7fc;
3505
- @tabs-capsule-margin-title-horizontal: 3px;
3505
+ @tabs-capsule-margin-title-horizontal: 0;
3506
3506
  @tabs-capsule-padding-title-horizontal: 12px;
3507
3507
  @tabs-capsule-padding-header-vertical: 3px;
3508
3508
  @tabs-capsule-padding-header-horizontal: 3px;
3509
- @tabs-capsule-border-header-radius: var(--border-radius-small);
3509
+ @tabs-capsule-border-header-radius: 4px;
3510
3510
  @tabs-capsule-border-title-radius: var(--border-radius-small);
3511
3511
  @tabs-capsule-color-title-bg: transparent;
3512
3512
  @tabs-capsule-color-title-bg_active: var(--color-bg-2);
3513
- @tabs-capsule-color-title-bg_hover: #ffffff;
3514
- @tabs-capsule-size-separator-width: 1px;
3513
+ @tabs-capsule-color-title-bg_hover: transparent;
3514
+ @tabs-capsule-size-separator-width: 0;
3515
3515
  @tabs-capsule-size-separator-height: 14px;
3516
3516
  @tabs-capsule-color-separator-bg: #dfe2eb;
3517
3517
  @tabs-margin-close-icon-left: 8px;
@@ -3543,14 +3543,14 @@
3543
3543
  @tag-padding-horizontal: 8px;
3544
3544
  @tag-padding-vertical: 0;
3545
3545
  @tag-icon-margin-right: 4px;
3546
- @tag-text-font-weight: 500;
3547
- @tag-border-radius: var(--border-radius-small);
3546
+ @tag-text-font-weight: 400;
3547
+ @tag-border-radius: 4px;
3548
3548
  @tag-size-small: 20px;
3549
3549
  @tag-size-default: 24px;
3550
3550
  @tag-size-medium: 28px;
3551
3551
  @tag-size-large: 32px;
3552
3552
  @tag-size-small-font-size: 12px;
3553
- @tag-size-default-font-size: 12px;
3553
+ @tag-size-default-font-size: 14px;
3554
3554
  @tag-size-medium-font-size: 14px;
3555
3555
  @tag-size-large-font-size: 14px;
3556
3556
  @tag-color-bg-not-checked_hover: var(--color-fill-2);
@@ -3703,9 +3703,9 @@
3703
3703
  /*********** tooltip ***********/
3704
3704
 
3705
3705
  @tooltip-padding-horizontal: 12px;
3706
- @tooltip-padding-vertical: 8px;
3706
+ @tooltip-padding-vertical: 12px;
3707
3707
  @tooltip-mini-padding-horizontal: 12px;
3708
- @tooltip-mini-padding-vertical: 4px;
3708
+ @tooltip-mini-padding-vertical: 8px;
3709
3709
  @tooltip-mini-font-size: 14px;
3710
3710
  @tooltip-font-size: 14px;
3711
3711
  @tooltip-border-radius: 4px;
@@ -3716,14 +3716,14 @@
3716
3716
 
3717
3717
  /*********** transfer ***********/
3718
3718
 
3719
- @transfer-width: 200px;
3720
- @transfer-height: 224px;
3719
+ @transfer-width: 204PX;
3720
+ @transfer-height: 240PX;
3721
3721
  @transfer-height-title: 40px;
3722
3722
  @transfer-height-footer: 40px;
3723
- @transfer-padding-horizontal-footer: 8px;
3723
+ @transfer-padding-horizontal-footer: 16px;
3724
3724
  @transfer-border-color: #dfe2eb;
3725
3725
  @transfer-border-width: 1px;
3726
- @transfer-border-radius: var(--border-radius-small);
3726
+ @transfer-border-radius: 4px;
3727
3727
  @transfer-font-size-header: 14px;
3728
3728
  @transfer-font-size-header-unit: 12px;
3729
3729
  @transfer-font-size-icon: 12px;
@@ -3733,9 +3733,9 @@
3733
3733
  @transfer-color-icon: var(--color-text-2);
3734
3734
  @transfer-color-bg-icon: #ffffff;
3735
3735
  @transfer-color-bg-header: #f5f7fc;
3736
- @transfer-search-padding-left: 12px;
3737
- @transfer-search-padding-right: 12px;
3738
- @transfer-search-padding-top: 8px;
3736
+ @transfer-search-padding-left: 8px;
3737
+ @transfer-search-padding-right: 8px;
3738
+ @transfer-search-padding-top: 12px;
3739
3739
  @transfer-search-padding-bottom: 4px;
3740
3740
  @transfer-item-color-bg_default: transparent;
3741
3741
  @transfer-item-color-bg_hover: rgb(var(--primary-1));
@@ -3744,7 +3744,7 @@
3744
3744
  @transfer-item-color_hover: #292f42;
3745
3745
  @transfer-item-color_disabled: var(--color-text-4);
3746
3746
  @transfer-item-height: 36px;
3747
- @transfer-item-padding-horizontal: 10px;
3747
+ @transfer-item-padding-horizontal: 12px;
3748
3748
  @transfer-item-font-size: 14px;
3749
3749
  @transfer-item-draggable-height-gap: 2px;
3750
3750
  @transfer-item-draggable-color-bg-gap: rgb(var(--primary-6));
@@ -3768,7 +3768,7 @@
3768
3768
  @tree-color-title-text_active_disabled: #9ca3b8;
3769
3769
  @tree-color-title-bg_hover: rgb(var(--primary-1));
3770
3770
  @tree-color-title-bg_highlight: var(--color-primary-light-1);
3771
- @tree-color-title-text_highlight: var(--color-text-1);
3771
+ @tree-color-title-text_highlight: #292f42;
3772
3772
  @tree-color-title-bg_dragging: var(--color-fill-1);
3773
3773
  @tree-color-title-text_dragging: var(--color-text-4);
3774
3774
  @tree-color-loading-icon: rgb(var(--primary-6));
@@ -3835,7 +3835,7 @@
3835
3835
  @typography-heading-margin-top: 1em;
3836
3836
  @typography-heading-margin-bottom: 0.5em;
3837
3837
  @typography-heading-font-weight: 500;
3838
- @typography-color-text: var(--color-text-1);
3838
+ @typography-color-text: #0f131f;
3839
3839
  @typography-text-color-text-primary: rgb(var(--primary-6));
3840
3840
  @typography-text-color-text-secondary: var(--color-text-2);
3841
3841
  @typography-text-color-text-success: rgb(var(--success-6));
@@ -3845,27 +3845,27 @@
3845
3845
  @typography-text-color-bg-mark: rgb(var(--yellow-4));
3846
3846
  @typography-text-font-weight-bold: 500;
3847
3847
  @typography-text-color-code: var(--color-text-2);
3848
- @typography-text-color-code-border: var(--color-neutral-3);
3849
- @typography-text-color-code-bg: var(--color-neutral-2);
3848
+ @typography-text-color-code-border: #dfe2eb;
3849
+ @typography-text-color-code-bg: #f5f7fc;
3850
3850
  @typography-text-padding-code-vertical: 2px;
3851
3851
  @typography-text-padding-code-horizontal: 8px;
3852
3852
  @typography-text-margin-code-horizontal: 2px;
3853
3853
  @typography-paragraph-line-height: 1.5715;
3854
3854
  @typography-paragraph-line-height-close: 1.3;
3855
- @typography-operation-margin-left: 2px;
3855
+ @typography-operation-margin-left: 8px;
3856
3856
  @typography-color-icon-copy: var(--color-text-2);
3857
3857
  @typography-color-bg-icon-copy: transparent;
3858
- @typography-color-icon-copy_hover: var(--color-text-2);
3859
- @typography-color-bg-icon-copy_hover: var(--color-fill-2);
3858
+ @typography-color-icon-copy_hover: rgb(var(--primary-5));
3859
+ @typography-color-bg-icon-copy_hover: transparent;
3860
3860
  @typography-color-icon-copy_copied: rgb(var(--success-6));
3861
3861
  @typography-color-icon-edit: var(--color-text-2);
3862
3862
  @typography-color-bg-icon-edit: transparent;
3863
- @typography-color-icon-edit_hover: var(--color-text-2);
3864
- @typography-color-bg-icon-edit_hover: var(--color-fill-2);
3863
+ @typography-color-icon-edit_hover: rgb(var(--primary-5));
3864
+ @typography-color-bg-icon-edit_hover: transparent;
3865
3865
  @typography-color-expand-text: rgb(var(--primary-6));
3866
3866
  @typography-color-expand-text_hover: rgb(var(--primary-5));
3867
3867
  @typography-color-blockquote-border-width: 2px;
3868
- @typography-color-blockquote-border-left: var(--color-neutral-6);
3868
+ @typography-color-blockquote-border-left: #9ca3b8;
3869
3869
  @typography-color-blockquote-bg: var(--color-bg-2);
3870
3870
  @typography-color-box-shadow: var(--color-primary-light-3);
3871
3871
  @typography-prefix-cls: ~'@{prefix}-typography';
@@ -3886,7 +3886,7 @@
3886
3886
  @upload-list-margin-top: 24px;
3887
3887
  @upload-picture-item-width: 80px;
3888
3888
  @upload-picture-color-bg: #ffffff;
3889
- @upload-picture-border-radius: var(--border-radius-small);
3889
+ @upload-picture-border-radius: 4px;
3890
3890
  @upload-picture-border-width: 1px;
3891
3891
  @upload-picture-border-style: dashed;
3892
3892
  @upload-picture-color-border: #c3c7d4;
@@ -3898,7 +3898,7 @@
3898
3898
  @upload-picture-color-text_hover: rgb(var(--primary-5));
3899
3899
  @upload-picture-color-text_disabled: var(--color-text-4);
3900
3900
  @upload-drag-font-size: 14px;
3901
- @upload-drag-border-radius: var(--border-radius-small);
3901
+ @upload-drag-border-radius: 4px;
3902
3902
  @upload-drag-tip-margin-top: 0;
3903
3903
  @upload-drag-color-text: #0f131f;
3904
3904
  @upload-drag-border-style: dashed;
@@ -3919,13 +3919,13 @@
3919
3919
  @upload-drag-color-text_hover: var(--color-text-1);
3920
3920
  @upload-drag-color-text_active: var(--color-text-1);
3921
3921
  @upload-drag-color-text_disabled: var(--color-text-4);
3922
- @upload-text-item-size-operation-icon: 12px;
3922
+ @upload-text-item-size-operation-icon: 16px;
3923
3923
  @upload-text-item-margin-top: 12px;
3924
3924
  @upload-text-item-font-size: 14px;
3925
3925
  @upload-text-item-color-text: #292f42;
3926
3926
  @upload-text-item-padding-left: 12px;
3927
3927
  @upload-text-item-color-bg: #f5f7fc;
3928
- @upload-text-item-padding-vertical: 8px;
3928
+ @upload-text-item-padding-vertical: 7PX;
3929
3929
  @upload-text-item-margin-remove-icon-left: 12px;
3930
3930
  @upload-text-item-color-remove-icon: var(--color-text-2);
3931
3931
  @upload-text-item-color-status-icon: var(--color-white);
@@ -3935,14 +3935,14 @@
3935
3935
  @upload-text-item-size-file-icon: 16px;
3936
3936
  @upload-text-item-margin-file-icon-right: 12px;
3937
3937
  @upload-text-item-color-file-icon: #292f42;
3938
- @upload-text-item-padding-right: 10px;
3938
+ @upload-text-item-padding-right: 12px;
3939
3939
  @upload-text-item-color-link: rgb(var(--link-6));
3940
3940
  @upload-text-item-color-reupload-icon: #292f42;
3941
3941
  @upload-text-item-color-reupload-icon_hover: rgb(var(--primary-5));
3942
3942
  @upload-text-item-size-status-icon: 12px;
3943
3943
  @upload-text-item-color-error-icon: rgb(var(--danger-6));
3944
3944
  @upload-text-item-color-success-icon: rgb(var(--success-6));
3945
- @upload-text-item-border-radius: var(--border-radius-small);
3945
+ @upload-text-item-border-radius: 4px;
3946
3946
  @upload-text-item-margin-error-icon-left: 4px;
3947
3947
  @upload-text-item-margin-status-left: 10px;
3948
3948
  @upload-text-item-thumbnail-width: 40px;
@@ -3952,7 +3952,7 @@
3952
3952
  @upload-text-item-color-text_uploading: unset;
3953
3953
  @upload-picture-item-margin-preview-icon-right: 20px;
3954
3954
  @upload-picture-item-size-width: 80px;
3955
- @upload-picture-item-border-radius: var(--border-radius-small);
3955
+ @upload-picture-item-border-radius: 4px;
3956
3956
  @upload-picture-item-margin-right: 8px;
3957
3957
  @upload-picture-item-margin-bottom: 8px;
3958
3958
  @upload-picture-item-color-bg: var(--color-fill-2);