@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.
Files changed (6) hide show
  1. package/README.md +52 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.less +1 -1
  5. package/tokens.less +196 -196
  6. package/variables.less +264 -57
package/variables.less CHANGED
@@ -757,7 +757,7 @@
757
757
  @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
758
758
  @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
759
759
  @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
760
- @icon-hover-color-bg: @color-transparent;
760
+ @icon-hover-color-bg: @color-primary-1;
761
761
  @icon-hover-size-default-height: 20px;
762
762
  @icon-hover-size-small-height: 20px;
763
763
  @icon-hover-size-mini-height: 20px;
@@ -802,10 +802,10 @@
802
802
  @color-prefix-cls: ~'@{prefix}-color';
803
803
  @btn-secondary-color-text_hover: @color-primary-5;
804
804
  @btn-secondary-color-text_active: @color-primary-7;
805
- @btn-secondary-color-bg: @color-bg-white;
805
+ @btn-secondary-color-bg: @color-bg-2;
806
806
  @btn-secondary-color-bg_disabled: @color-fill-2;
807
- @btn-secondary-color-bg_hover: @color-bg-white;
808
- @btn-secondary-color-bg_active: @color-bg-white;
807
+ @btn-secondary-color-bg_hover: @color-bg-2;
808
+ @btn-secondary-color-bg_active: @color-bg-2;
809
809
  @btn-secondary-color-border: @color-border-3;
810
810
  @btn-secondary-color-border_disabled: @color-border-3;
811
811
  @btn-secondary-color-border_hover: @color-primary-5;
@@ -814,10 +814,10 @@
814
814
  @btn-secondary-color-text_warning_disabled: @color-text-4;
815
815
  @btn-secondary-color-text_warning_hover: @color-warning-5;
816
816
  @btn-secondary-color-text_warning_active: @color-warning-7;
817
- @btn-secondary-color-bg_warning: @color-bg-white;
817
+ @btn-secondary-color-bg_warning: @color-bg-2;
818
818
  @btn-secondary-color-bg_warning_disabled: @color-fill-2;
819
- @btn-secondary-color-bg_warning_hover: @color-bg-white;
820
- @btn-secondary-color-bg_warning_active: @color-bg-white;
819
+ @btn-secondary-color-bg_warning_hover: @color-bg-2;
820
+ @btn-secondary-color-bg_warning_active: @color-bg-2;
821
821
  @btn-secondary-color-border_warning: @color-warning-6;
822
822
  @btn-secondary-color-border_warning_disabled: @color-border-3;
823
823
  @btn-secondary-color-border_warning_active: @color-warning-7;
@@ -856,9 +856,9 @@
856
856
  @btn-primary-color-text_success_disabled: @color-text-4;
857
857
  @btn-primary-color-bg_success_disabled: @color-fill-2;
858
858
  @btn-primary-color-border_success_disabled: @color-border-3;
859
- @btn-dashed-color-bg: @color-bg-white;
859
+ @btn-dashed-color-bg: @color-bg-2;
860
860
  @btn-dashed-color-bg_hover: @color-bg-white;
861
- @btn-dashed-color-bg_active: @color-bg-white;
861
+ @btn-dashed-color-bg_active: @color-bg-2;
862
862
  @btn-dashed-color-border: @color-border-3;
863
863
  @btn-dashed-color-border_disabled: @color-border-3;
864
864
  @btn-dashed-color-border_hover: @color-primary-5;
@@ -866,53 +866,53 @@
866
866
  @btn-dashed-color-text_hover: @color-primary-5;
867
867
  @btn-dashed-color-text_active: @color-primary-7;
868
868
  @btn-dashed-color-text_warning_disabled: @color-text-4;
869
- @btn-dashed-color-bg_warning: @color-bg-white;
869
+ @btn-dashed-color-bg_warning: @color-bg-2;
870
870
  @btn-dashed-color-bg_warning_disabled: @color-fill-2;
871
- @btn-dashed-color-bg_warning_hover: @color-bg-white;
872
- @btn-dashed-color-bg_warning_active: @color-bg-white;
871
+ @btn-dashed-color-bg_warning_hover: @color-bg-2;
872
+ @btn-dashed-color-bg_warning_active: @color-bg-2;
873
873
  @btn-dashed-color-border_warning: @color-warning-6;
874
874
  @btn-dashed-color-border_warning_disabled: @color-border-3;
875
875
  @btn-dashed-color-border_warning_hover: @color-warning-5;
876
876
  @btn-dashed-color-text_danger_disabled: @color-text-4;
877
877
  @btn-dashed-color-text_danger_hover: @color-danger-5;
878
878
  @btn-dashed-color-text_danger_active: @color-danger-7;
879
- @btn-dashed-color-bg_danger: @color-bg-white;
879
+ @btn-dashed-color-bg_danger: @color-bg-2;
880
880
  @btn-dashed-color-bg_danger_disabled: @color-fill-2;
881
- @btn-dashed-color-bg_danger_hover: @color-bg-white;
882
- @btn-dashed-color-bg_danger_active: @color-bg-white;
881
+ @btn-dashed-color-bg_danger_hover: @color-bg-2;
882
+ @btn-dashed-color-bg_danger_active: @color-bg-2;
883
883
  @btn-dashed-color-border_danger: @color-danger-6;
884
884
  @btn-dashed-color-border_danger_disabled: @color-border-3;
885
885
  @btn-dashed-color-border_danger_hover: @color-danger-5;
886
886
  @btn-dashed-color-text_success_disabled: @color-text-4;
887
887
  @btn-dashed-color-text_success_hover: @color-success-5;
888
888
  @btn-dashed-color-text_success_active: @color-success-7;
889
- @btn-dashed-color-bg_success: @color-bg-white;
889
+ @btn-dashed-color-bg_success: @color-bg-2;
890
890
  @btn-dashed-color-bg_success_disabled: @color-fill-2;
891
- @btn-dashed-color-bg_success_active: @color-bg-white;
892
- @btn-dashed-color-bg_success_hover: @color-bg-white;
891
+ @btn-dashed-color-bg_success_active: @color-bg-2;
892
+ @btn-dashed-color-bg_success_hover: @color-bg-2;
893
893
  @btn-dashed-color-border_success: @color-success-6;
894
894
  @btn-dashed-color-border_success_disabled: @color-border-3;
895
895
  @btn-dashed-color-border_success_active: @color-success-7;
896
896
  @btn-outline-color-text_disabled: @color-text-4;
897
897
  @btn-outline-color-bg_disabled: @color-fill-2;
898
- @btn-outline-color-bg_hover: @color-bg-white;
899
- @btn-outline-color-bg: @color-bg-white;
898
+ @btn-outline-color-bg_hover: @color-bg-2;
899
+ @btn-outline-color-bg: @color-bg-2;
900
900
  @btn-outline-color-border_disabled: @color-border-3;
901
901
  @btn-outline-color-text_warning_disabled: @color-text-4;
902
- @btn-outline-color-bg_warning: @color-bg-white;
902
+ @btn-outline-color-bg_warning: @color-bg-2;
903
903
  @btn-outline-color-bg_warning_disabled: @color-fill-2;
904
- @btn-outline-color-bg_warning_active: @color-bg-white;
904
+ @btn-outline-color-bg_warning_active: @color-bg-2;
905
905
  @btn-outline-color-border_warning_disabled: @color-border-3;
906
906
  @btn-outline-color-text_danger_disabled: @color-text-4;
907
- @btn-outline-color-bg_danger: @color-bg-white;
907
+ @btn-outline-color-bg_danger: @color-bg-2;
908
908
  @btn-outline-color-bg_danger_disabled: @color-fill-2;
909
- @btn-outline-color-bg_danger_active: @color-bg-white;
909
+ @btn-outline-color-bg_danger_active: @color-bg-2;
910
910
  @btn-outline-color-border_danger_disabled: @color-border-3;
911
911
  @btn-outline-color-text_success_disabled: @color-text-4;
912
- @btn-outline-color-bg_success: @color-bg-white;
912
+ @btn-outline-color-bg_success: @color-bg-2;
913
913
  @btn-outline-color-bg_success_disabled: @color-fill-2;
914
- @btn-outline-color-bg_success_hover: @color-bg-white;
915
- @btn-outline-color-bg_success_active: @color-bg-white;
914
+ @btn-outline-color-bg_success_hover: @color-bg-2;
915
+ @btn-outline-color-bg_success_active: @color-bg-2;
916
916
  @btn-outline-color-border_success_disabled: @color-border-3;
917
917
  @btn-text-color-text_disabled: @color-text-4;
918
918
  @btn-text-color-bg_hover: @color-transparent;
@@ -959,8 +959,8 @@
959
959
  @divider-color-bg: @color-border-2;
960
960
  @avatar-color-bg: @color-primary-4;
961
961
  @badge-size-dot-width: @size-2;
962
- @card-color-border: @color-border-2;
963
- @card-border-radius: 12px;
962
+ @card-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
963
+ @card-border-radius: @border-radius-large;
964
964
  @collapse-color-border: @color-border-2;
965
965
  @collapse-title-color-border: @color-border-2;
966
966
  @collapse-content-color-text_disabled: @color-text-4;
@@ -975,21 +975,21 @@
975
975
  @list-color-text: @color-text-2;
976
976
  @popup-color-border: @color-transparent;
977
977
  @table-color-border: @color-border-2;
978
- @table-color-bg-header-cell: @color-bg-white;
978
+ @table-color-bg-header-cell: @color-bg-2;
979
979
  @table-color-text-header-cell: @color-text-1;
980
980
  @table-color-text-body-cell: @color-text-2;
981
- @table-color-bg-header-sorted-cell: @color-bg-white;
982
- @table-color-bg-header-sorted-cell_hover: @color-bg-white;
983
- @table-color-bg-body-sorted-cell: @color-bg-white;
981
+ @table-color-bg-header-sorted-cell: @color-bg-2;
982
+ @table-color-bg-header-sorted-cell_hover: @color-bg-2;
983
+ @table-color-bg-body-sorted-cell: @color-bg-2;
984
984
  @table-color-header-sorter-icon: @color-text-2;
985
985
  @table-color-bg-header-filters-icon_hover: @color-transparent;
986
986
  @table-color-border-filters-popup: @color-transparent;
987
987
  @table-color-expand-icon-border: @color-text-2;
988
988
  @table-color-expand-icon: @color-text-2;
989
989
  @table-color-expand-icon_hover: @color-primary-5;
990
- @table-color-bg-expand-icon: @color-bg-white;
990
+ @table-color-bg-expand-icon: @color-transparent;
991
991
  @table-color-expand-icon-border_hover: @color-primary-5;
992
- @table-color-bg-expand-icon_hover: @color-bg-white;
992
+ @table-color-bg-expand-icon_hover: @color-transparent;
993
993
  @table-border-expand-icon-width: @border-1;
994
994
  @table-spacing-expand-button-margin-right: @spacing-6;
995
995
  @table-color-bg-expand-content_hover: @color-primary-1;
@@ -1006,14 +1006,14 @@
1006
1006
  @tabs-text-color-title-bg_hover: @color-primary-1;
1007
1007
  @tabs-text-color-title-bg_disabled_active: @color-transparent;
1008
1008
  @tabs-capsule-color-header-bg: @color-fill-2;
1009
- @tabs-capsule-color-title-bg_hover: @color-bg-white;
1009
+ @tabs-capsule-color-title-bg_hover: @color-transparent;
1010
1010
  @tabs-capsule-color-separator-bg: @color-border-2;
1011
1011
  @tabs-text-color-separator-bg: @color-border-2;
1012
1012
  @tag-default-color-text: @color-text-2;
1013
1013
  @timeline-dot-size-width: @size-2;
1014
1014
  @timeline-color-line-bg: @color-border-2;
1015
1015
  @tooltip-border-radius: @border-radius-medium;
1016
- @tooltip-color-bg: @color-bg-white;
1016
+ @tooltip-color-bg: @color-bg-5;
1017
1017
  @tooltip-color-text: @color-text-2;
1018
1018
  @tree-color-title-text: @color-text-2;
1019
1019
  @tree-color-title-text_hover: @color-text-2;
@@ -1033,8 +1033,8 @@
1033
1033
  @input-color-bg_error_hover: @color-bg-2;
1034
1034
  @input-color-border_error_hover: @color-danger-5;
1035
1035
  @input-color-bg_error_focus: @color-bg-2;
1036
- @auto-complete-popup-color-border: @color-bg-white;
1037
- @auto-complete-option-color-bg_selected: @color-primary-1;
1036
+ @auto-complete-popup-color-border: @color-bg-2;
1037
+ @auto-complete-option-color-bg_selected: @color-transparent;
1038
1038
  @auto-complete-option-color-bg_hover: @color-primary-1;
1039
1039
  @auto-complete-option-color-text_selected: @color-primary-6;
1040
1040
  @select-color-border_default: @color-border-3;
@@ -1045,9 +1045,9 @@
1045
1045
  @select-color-placeholder_focused: @color-text-4;
1046
1046
  @select-color-bg_default_hover: @color-bg-2;
1047
1047
  @select-color-border_default_hover: @color-primary-5;
1048
- @select-color-bg_error: @color-bg-white;
1048
+ @select-color-bg_error: @color-bg-2;
1049
1049
  @select-color-border_error: @color-danger-6;
1050
- @select-color-bg_error_hover: @color-bg-white;
1050
+ @select-color-bg_error_hover: @color-bg-2;
1051
1051
  @select-color-border_error_hover: @color-danger-5;
1052
1052
  @select-popup-option-color-bg_selected: @color-primary-1;
1053
1053
  @select-popup-option-color-text_selected: @color-text-2;
@@ -1064,7 +1064,7 @@
1064
1064
  @checkbox-mask-color-border_checked_disabled: @color-border-3;
1065
1065
  @checkbox-color-check-icon_disabled: @color-text-4;
1066
1066
  @checkbox-mask-color-border_disabled: @color-border-3;
1067
- @color-preview-border-color: @color-transparent;
1067
+ @color-preview-border-color: @color-border-3;
1068
1068
  @color-input-border-radius: @border-radius-medium;
1069
1069
  @color-value-font-color: @color-text-2;
1070
1070
  @color-input-bg-color: @color-fill-2;
@@ -1074,7 +1074,7 @@
1074
1074
  @picker-color-border_disabled: @color-border-3;
1075
1075
  @picker-color-bg_hover: @color-bg-2;
1076
1076
  @picker-color-border_hover: @color-primary-5;
1077
- @picker-range-color-bg-input_focus: @color-primary-1;
1077
+ @picker-range-color-bg-input_focus: @color-transparent;
1078
1078
  @picker-panel-color-border: @color-border-2;
1079
1079
  @picker-panel-color-bg-cell_hover: @color-primary-1;
1080
1080
  @picker-color-bg-switch-icon_hover: @color-primary-1;
@@ -1082,19 +1082,19 @@
1082
1082
  @picker-color-text-week-list-item: @color-text-2;
1083
1083
  @picker-color-cell-text-in-view: @color-text-2;
1084
1084
  @picker-color-bg-cell-hover-in-range: @color-primary-1;
1085
- @form-color-bg_error: @color-bg-white;
1085
+ @form-color-bg_error: @color-bg-2;
1086
1086
  @form-color-border_error: @color-danger-6;
1087
- @form-color-bg_error_hover: @color-bg-white;
1087
+ @form-color-bg_error_hover: @color-bg-2;
1088
1088
  @form-color-border_error_hover: @color-danger-5;
1089
1089
  @form-color-border_error_focus: @color-danger-7;
1090
- @form-color-bg_warning: @color-bg-white;
1090
+ @form-color-bg_warning: @color-bg-2;
1091
1091
  @form-color-border_warning: @color-warning-6;
1092
- @form-color-bg_warning_hover: @color-bg-white;
1092
+ @form-color-bg_warning_hover: @color-bg-2;
1093
1093
  @form-color-border_warning_hover: @color-warning-5;
1094
1094
  @form-color-border_warning_focus: @color-warning-7;
1095
- @form-color-bg_validating: @color-bg-white;
1095
+ @form-color-bg_validating: @color-bg-2;
1096
1096
  @form-color-border_validating: @color-primary-6;
1097
- @form-color-bg_validating_hover: @color-bg-white;
1097
+ @form-color-bg_validating_hover: @color-bg-2;
1098
1098
  @form-color-border_validating_hover: @color-primary-5;
1099
1099
  @form-color-border_validating_focus: @color-primary-7;
1100
1100
  @form-color-bg_success: @color-bg-white;
@@ -1103,15 +1103,15 @@
1103
1103
  @form-color-border_success_hover: @color-success-5;
1104
1104
  @input-tag-color-placeholder: @color-text-4;
1105
1105
  @input-tag-color-border_default: @color-border-3;
1106
- @input-tag-color-bg_default: @color-bg-white;
1106
+ @input-tag-color-bg_default: @color-bg-2;
1107
1107
  @input-tag-color-icon-clear-bg_hover: @color-transparent;
1108
1108
  @input-tag-color-border_default_hover: @color-primary-5;
1109
- @input-tag-color-bg_default_hover: @color-bg-white;
1109
+ @input-tag-color-bg_default_hover: @color-bg-2;
1110
1110
  @input-tag-color-border_disabled: @color-border-3;
1111
1111
  @input-tag-color-border_error: @color-danger-6;
1112
- @input-tag-color-bg_error: @color-bg-white;
1112
+ @input-tag-color-bg_error: @color-bg-2;
1113
1113
  @input-tag-color-border_error_hover: @color-danger-5;
1114
- @input-tag-color-bg_error_hover: @color-bg-white;
1114
+ @input-tag-color-bg_error_hover: @color-bg-2;
1115
1115
  @input-tag-color-border_error_focus: @color-danger-7;
1116
1116
  @input-tag-color-text_default: @color-text-2;
1117
1117
  @input-tag-tag-color-bg: @color-fill-3;
@@ -1131,7 +1131,7 @@
1131
1131
  @radio-border-width: @border-1;
1132
1132
  @radio-mask-bg-color-bg: @color-bg-2;
1133
1133
  @radio-color-border_hover: @color-primary-5;
1134
- @radio-color-bg_checked_disabled: @color-border-3;
1134
+ @radio-color-bg_checked_disabled: @color-border-2;
1135
1135
  @radio-color-dot-bg_checked_disabled: @color-text-4;
1136
1136
  @radio-color-border_disabled: @color-border-3;
1137
1137
  @radio-group-margin-right: @spacing-9;
@@ -1185,7 +1185,7 @@
1185
1185
  @notification-normal-color-text-content: @color-text-2;
1186
1186
  @notification-normal-color-border: @color-transparent;
1187
1187
  @timeline-color-content-text: @color-text-2;
1188
- @dropdown-color-border: @color-bg-white;
1188
+ @dropdown-color-border: @color-transparent;
1189
1189
  @dropdown-option-color-text_default: @color-text-2;
1190
1190
  @dropdown-option-color-text_selected: @color-primary-6;
1191
1191
  @dropdown-option-color-text_hover: @color-text-2;
@@ -1231,8 +1231,8 @@
1231
1231
  @input-color-bg_focus: @color-bg-2;
1232
1232
  @input-color-addon-text: @color-text-2;
1233
1233
  @input-color-addon-bg: @color-fill-2;
1234
- @input-color-addon-border: @color-border-2;
1235
- @input-group-color-separator-border: @color-text-2;
1234
+ @input-color-addon-border: @color-transparent;
1235
+ @input-group-color-separator-border: @color-transparent;
1236
1236
  @picker-color-placeholder: @color-text-4;
1237
1237
  @upload-text-item-color-file-icon: @color-text-2;
1238
1238
  @upload-text-item-color-link: @color-link-6;
@@ -1270,3 +1270,210 @@
1270
1270
  @steps-dot-color-item-tail_wait: @color-border-2;
1271
1271
  @resizeBox-trigger-color-icon: @color-text-2;
1272
1272
  @resizeBox-trigger-color-background: @color-fill-3;
1273
+ @typography-color-text: @color-text-1;
1274
+ @typography-color-blockquote-border-left: @color-text-4;
1275
+ @typography-color-bg-icon-copy_hover: @color-transparent;
1276
+ @typography-color-bg-icon-edit_hover: @color-transparent;
1277
+ @btn-primary-color-text_hover: @color-white;
1278
+ @btn-primary-color-text_active: @color-white;
1279
+ @btn-primary-color-text: @color-white;
1280
+ @btn-primary-color-text_warning: @color-white;
1281
+ @btn-primary-color-text_warning_hover: @color-white;
1282
+ @btn-primary-color-text_warning_active: @color-white;
1283
+ @btn-primary-color-text_danger: @color-white;
1284
+ @btn-primary-color-text_danger_hover: @color-white;
1285
+ @btn-primary-color-text_danger_active: @color-white;
1286
+ @btn-primary-color-text_success: @color-white;
1287
+ @btn-primary-color-text_success_active: @color-white;
1288
+ @btn-outline-color-bg_active: @color-bg-2;
1289
+ @btn-outline-color-bg_danger_hover: @color-bg-2;
1290
+ @link-padding-horizontal: @spacing-none;
1291
+ @link-padding-vertical: @spacing-none;
1292
+ @tabs-card-gutter-color-title-bg_hover: @color-primary-1;
1293
+ @tabs-card-gutter-color-title-bg_disabled: @color-fill-1;
1294
+ @tabs-card-gutter-color-title-bg: @color-fill-1;
1295
+ @typography-operation-margin-left: @spacing-4;
1296
+ @typography-color-icon-copy_hover: @color-primary-5;
1297
+ @typography-text-color-code-border: @color-border-2;
1298
+ @typography-text-color-code-bg: @color-fill-2;
1299
+ @typography-color-icon-edit_hover: @color-primary-5;
1300
+ @divider-margin-vertical: @spacing-8;
1301
+ @avatar-square-border-radius: @border-radius-large;
1302
+ @avatar-color-trigger-icon-button: @color-text-2;
1303
+ @avatar-color-trigger-button-bg: @color-fill-2;
1304
+ @avatar-color-trigger-button-bg_hover: @color-primary-1;
1305
+ @badge-font-status-text-size: @font-size-body-3;
1306
+ @card-size-default-height-title: @size-14;
1307
+ @card-size-default-padding-horizontal-title: @spacing-9;
1308
+ @card-size-default-padding-horizontal-body: @spacing-9;
1309
+ @card-size-default-padding-vertical-body: @spacing-9;
1310
+ @card-color-title-extra: @color-text-2;
1311
+ @card-margin-top-meta-footer: @spacing-7;
1312
+ @card-border-radius-no-border: @border-radius-large;
1313
+ @card-size-small-padding-horizontal-title: @spacing-7;
1314
+ @card-size-small-padding-horizontal-body: @spacing-7;
1315
+ @calendar-color-border: @color-border-2;
1316
+ @calendar-color-cell-text-in-view: @color-text-1;
1317
+ @calendar-color-bg-cell-disabled: @color-fill-2;
1318
+ @calendar-color-cell-text-not-in-view: @color-text-4;
1319
+ @calendar-color-bg-switch-icon: @color-transparent;
1320
+ @calendar-color-bg-switch-icon_hover: @color-primary-1;
1321
+ @collapse-border-radius: @border-radius-medium;
1322
+ @collapse-title-color-text: @color-text-2;
1323
+ @collapse-title-padding-vertical: 9px;
1324
+ @collapse-title-padding-horizontal: @spacing-6;
1325
+ @collapse-expand-icon-spacing-text: @spacing-2;
1326
+ @comment-color-content-text: @color-text-2;
1327
+ @comment-margin-bottom: @spacing-7;
1328
+ @empty-color-text: @color-text-1;
1329
+ @empty-spacing-padding: @spacing-7;
1330
+ @image-color-description_footer_outer-text: @color-text-3;
1331
+ @image-color-footer_outer-text: @color-text-2;
1332
+ @image-color-actions-item_footer_outer_hover-bg: @color-primary-1;
1333
+ @image-color-actions-item_trigger-text: @color-text-2;
1334
+ @image-color-loader-spin-text-text: @color-text-3;
1335
+ @image-color-loader-bg: @color-fill-2;
1336
+ @image-color-error-bg: @color-fill-2;
1337
+ @image-color-error-text: @color-text-4;
1338
+ @image-preview-color-action-text: @color-text-2;
1339
+ @image-preview-color-action_hover-bg: @color-primary-1;
1340
+ @list-color-bg-item-hover: @color-primary-1;
1341
+ @list-pagination-margin-top: @spacing-7;
1342
+ @list-action-gap: @spacing-6;
1343
+ @list-action-margin-top: @spacing-4;
1344
+ @list-meta-margin-right-avatar: @spacing-7;
1345
+ @table-spacing-pagination-margin: @spacing-7;
1346
+ @table-color-bg-body-row_active: @color-primary-1;
1347
+ @table-font-size-header-sorter-icon: 12px;
1348
+ @table-color-bg-expand-content: @color-transparent;
1349
+ @table-size-default-padding-vertical: @spacing-6;
1350
+ @tabs-color-title-text_hover: @color-primary-5;
1351
+ @tabs-line-padding-title-horizontal_vertical: @spacing-7;
1352
+ @tabs-line-margin-title-vertical: @spacing-6;
1353
+ @tabs-padding-header-wrapper-vertical: @spacing-3;
1354
+ @tabs-card-border-radius: @border-radius-small;
1355
+ @tabs-capsule-padding-header-vertical: 3px;
1356
+ @tabs-capsule-padding-header-horizontal: 3px;
1357
+ @tabs-capsule-border-header-radius: @border-radius-medium;
1358
+ @tabs-capsule-size-separator-width: @size-none;
1359
+ @tabs-capsule-margin-title-horizontal: @spacing-none;
1360
+ @tag-border-radius: @border-radius-medium;
1361
+ @tag-text-font-weight: @font-weight-400;
1362
+ @tag-size-default-font-size: @font-size-body-3;
1363
+ @tooltip-padding-vertical: @spacing-6;
1364
+ @tooltip-mini-padding-vertical: @spacing-4;
1365
+ @tree-margin-switcher-icon-right: @spacing-5;
1366
+ @tree-color-title-text_highlight: @color-text-2;
1367
+ @auto-complete-option-color-text_hover: @color-text-2;
1368
+ @auto-complete-option-color-text_default: @color-text-2;
1369
+ @cascader-padding-item-left: @spacing-6;
1370
+ @cascader-padding-item-right: @spacing-6;
1371
+ @cascader-color-checkbox-bg_hover: @color-transparent;
1372
+ @cascader-margin-checkbox-right: @spacing-4;
1373
+ @checkbox-mask-bg-color-bg: @color-transparent;
1374
+ @checkbox-group-size-line-height_vertical: @size-8;
1375
+ @input-border-radius: @border-radius-medium;
1376
+ @picker-input-border-radius: @border-radius-medium;
1377
+ @picker-panel-color-text-cell_hover: @color-text-2;
1378
+ @form-margin-extra-top: @spacing-2;
1379
+ @form-margin-extra-bottom: @spacing-7;
1380
+ @input-size-icon-clear: @size-3;
1381
+ @input-color-icon-clear-bg_hover: @color-transparent;
1382
+ @input-color-addon-border_default: @color-border-3;
1383
+ @input-group-border-radius_compact: @border-radius-medium;
1384
+ @search-button-padding-horizontal: @spacing-4;
1385
+ @search-size-icon: 14px;
1386
+ @input-tag-border-radius: @border-radius-medium;
1387
+ @input-tag-size-icon-clear: @size-3;
1388
+ @input-tag-tag-font-size: @font-size-body-3;
1389
+ @input-tag-tag-margin-vertical: @spacing-2;
1390
+ @input-tag-color-addon-bg: @color-fill-2;
1391
+ @input-tag-size-mini-tag-height: @size-5;
1392
+ @radio-button-color-bg_hover: @color-bg-5;
1393
+ @radio-button-color-bg_checked_disabled: @color-bg-5;
1394
+ @radio-button-color-text_checked_disabled: @color-text-4;
1395
+ @radio-button-border-radius: @border-radius-medium;
1396
+ @select-border-radius: @border-radius-medium;
1397
+ @select-color-text_focused: @color-text-2;
1398
+ @select-popup-color-border: @color-transparent;
1399
+ @select-color-addon-bg: @color-fill-2;
1400
+ @switch-color-dot-icon_off: @color-text-4;
1401
+ @switch-color-dot-icon_off_disabled: @color-text-4;
1402
+ @switch-color-dot-icon_on_disabled: @color-text-4;
1403
+ @transfer-border-radius: @border-radius-medium;
1404
+ @transfer-width: 204PX;
1405
+ @transfer-height: 240PX;
1406
+ @transfer-padding-horizontal-footer: @spacing-7;
1407
+ @transfer-item-padding-horizontal: @spacing-6;
1408
+ @transfer-search-padding-left: @spacing-4;
1409
+ @transfer-search-padding-right: @spacing-4;
1410
+ @transfer-search-padding-top: @spacing-6;
1411
+ @upload-text-item-border-radius: @border-radius-medium;
1412
+ @upload-text-item-padding-right: @spacing-6;
1413
+ @upload-text-item-padding-vertical: 7PX;
1414
+ @upload-text-item-size-operation-icon: @size-4;
1415
+ @upload-picture-item-border-radius: @border-radius-medium;
1416
+ @upload-picture-border-radius: @border-radius-medium;
1417
+ @upload-drag-border-radius: @border-radius-medium;
1418
+ @alert-border-radius: @border-radius-medium;
1419
+ @alert-padding-vertical: @spacing-4;
1420
+ @alert-font-size-icon: @size-5;
1421
+ @alert-font-size-icon_with_title: @size-5;
1422
+ @alert-title-line-height: 1.5715;
1423
+ @alert-color-close-icon_hover: @color-primary-5;
1424
+ @alert-font-size-close-icon: @size-3;
1425
+ @message-padding-top: @spacing-4;
1426
+ @message-padding-bottom: @spacing-4;
1427
+ @message-close-icon-right: @spacing-7;
1428
+ @message-border-radius: @border-radius-medium;
1429
+ @message-close-icon-top: @spacing-6;
1430
+ @modal-border-radius: @border-radius-large;
1431
+ @modal-default-padding-horizontal: @spacing-8;
1432
+ @modal-default-padding-content-vertical: @spacing-9;
1433
+ @modal-default-size-header-height: @size-16;
1434
+ @modal-default-align-header: left;
1435
+ @modal-margin-tip-icon-right: @spacing-4;
1436
+ @modal-font-size-close-icon: @size-4;
1437
+ @modal-position-close-icon-right: @spacing-9;
1438
+ @modal-default-padding-footer-vertical: @spacing-8;
1439
+ @modal-margin-footer-button-left: @spacing-4;
1440
+ @modal-simple-size-width: 400PX;
1441
+ @modal-simple-padding-horizontal: @spacing-8;
1442
+ @modal-simple-padding-top: @spacing-8;
1443
+ @modal-simple-padding-bottom: @spacing-8;
1444
+ @modal-simple-margin-footer-top: @spacing-7;
1445
+ @modal-simple-margin-content-top: @spacing-4;
1446
+ @notification-border-radius: @border-radius-large;
1447
+ @notification-icon-margin-right: @spacing-4;
1448
+ @notification-close-icon-font-size: @size-4;
1449
+ @notification-info-color-border: @color-transparent;
1450
+ @notification-info-color-text-content: @color-text-2;
1451
+ @notification-success-color-text-content: @color-text-2;
1452
+ @notification-success-color-border: @color-transparent;
1453
+ @notification-warning-color-text-content: @color-text-2;
1454
+ @notification-warning-color-border: @color-transparent;
1455
+ @notification-error-color-border: @color-transparent;
1456
+ @notification-error-color-text-content: @color-text-2;
1457
+ @popconfirm-font-title-size: @font-size-title-1;
1458
+ @progress-line-margin-text-left: @spacing-4;
1459
+ @progress-line-size-small-margin-text-left: @spacing-4;
1460
+ @progress-circle-color-text: @color-text-2;
1461
+ @progress-circle-size-small-font-size: @font-size-body-3;
1462
+ @progress-circle-size-small-icon-size: @size-4;
1463
+ @progress-circle-size-large-font-size: @font-size-body-3;
1464
+ @result-color-icon_info: @color-bg-white;
1465
+ @result-color-icon-bg_info: @color-primary-6;
1466
+ @result-color-icon_success: @color-bg-white;
1467
+ @result-color-icon_error: @color-bg-white;
1468
+ @result-color-icon-bg_error: @color-danger-6;
1469
+ @result-color-icon_warning: @color-bg-white;
1470
+ @result-color-icon-bg_warning: @color-warning-6;
1471
+ @result-margin-extra-top: @spacing-7;
1472
+ @result-size-icon-wrapper: @size-12;
1473
+ @breadcrumb-padding-text-horizontal: @spacing-none;
1474
+ @breadcrumb-size-text-height: @size-8;
1475
+ @breadcrumb-size-font-size: @font-size-title-2;
1476
+ @breadcrumb-margin-separator-horizontal: @spacing-4;
1477
+ @breadcrumb-color-link-text: @color-text-2;
1478
+ @dropdown-max-height: 400px;
1479
+ @dropdown-group-title-height: @size-5;