@arco-themes/react-aiux2026 0.0.7 → 0.0.9

package/tokens.less

@@ -462,6 +462,26 @@
 @dark-color-border-2: #484849;
 @dark-color-border-4: #929293;
 @dark-color-border-3: #5f5f60;
+@dark-badge-1: rgb(var(--arcoblue-1));
+@dark-badge-7: rgb(var(--arcoblue-7));
+@dark-badge-5: rgb(var(--arcoblue-5));
+@dark-badge-2: rgb(var(--arcoblue-2));
+@dark-badge-4: rgb(var(--arcoblue-4));
+@dark-badge-8: rgb(var(--arcoblue-8));
+@dark-badge-6: rgb(var(--arcoblue-6));
+@dark-badge-3: rgb(var(--arcoblue-3));
+@dark-badge-9: rgb(var(--arcoblue-9));
+@dark-badge-10: rgb(var(--arcoblue-10));
+@dark-tag-1: rgb(var(--arcoblue-1));
+@dark-tag-2: rgb(var(--arcoblue-2));
+@dark-tag-8: rgb(var(--arcoblue-8));
+@dark-tag-4: rgb(var(--arcoblue-4));
+@dark-tag-3: rgb(var(--arcoblue-3));
+@dark-tag-9: rgb(var(--arcoblue-9));
+@dark-tag-5: rgb(var(--arcoblue-5));
+@dark-tag-10: rgb(var(--arcoblue-10));
+@dark-tag-7: rgb(var(--arcoblue-7));
+@dark-tag-6: rgb(var(--arcoblue-6));
 
 
 /*********** primary ***********/
@@ -896,6 +916,26 @@
 @color-panel-block-border-radius: 2px;
 @color-picker-prefix-cls: ~'@{prefix}-color-picker';
 @color-prefix-cls: ~'@{prefix}-color';
+@color-badge-5: rgb(var(--badge-5));
+@color-badge-4: rgb(var(--badge-4));
+@color-badge-2: rgb(var(--badge-2));
+@color-badge-6: rgb(var(--badge-6));
+@color-badge-8: rgb(var(--badge-8));
+@color-badge-1: rgb(var(--badge-1));
+@color-badge-3: rgb(var(--badge-3));
+@color-badge-9: rgb(var(--badge-9));
+@color-badge-7: rgb(var(--badge-7));
+@color-badge-10: rgb(var(--badge-10));
+@color-tag-9: rgb(var(--tag-9));
+@color-tag-5: rgb(var(--tag-5));
+@color-tag-6: rgb(var(--tag-6));
+@color-tag-8: rgb(var(--tag-8));
+@color-tag-2: rgb(var(--tag-2));
+@color-tag-3: rgb(var(--tag-3));
+@color-tag-4: rgb(var(--tag-4));
+@color-tag-1: rgb(var(--tag-1));
+@color-tag-7: rgb(var(--tag-7));
+@color-tag-10: rgb(var(--tag-10));
 
 
 /*********** shadow1 ***********/
@@ -970,7 +1010,7 @@
 /*********** icon ***********/
 
 @icon-hover-border-radius: var(--border-radius-circle);
-@icon-hover-color-bg: rgb(var(--primary-1));
+@icon-hover-color-bg: transparent;
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;
@@ -1602,18 +1642,28 @@
 @badge-color-dot-bg_error: rgb(var(--danger-6));
 @badge-font-count-weight: 500;
 @badge-red-color-dot-bg: rgb(var(--danger-6));
-@badge-orangered-color-dot-bg: #f77234;
-@badge-orange-color-dot-bg: rgb(var(--orange-6));
-@badge-lime-color-dot-bg: rgb(var(--lime-6));
+@badge-orangered-color-dot-bg: rgb(var(--badge-5));
+@badge-orange-color-dot-bg: rgb(var(--warning-6));
+@badge-lime-color-dot-bg: rgb(var(--badge-4));
 @badge-gold-color-dot-bg: rgb(var(--gold-6));
 @badge-green-color-dot-bg: rgb(var(--success-6));
-@badge-cyan-color-dot-bg: rgb(var(--cyan-6));
+@badge-cyan-color-dot-bg: rgb(var(--badge-3));
 @badge-arcoblue-color-dot-bg: rgb(var(--primary-6));
-@badge-pinkpurple-color-dot-bg: rgb(var(--pinkpurple-6));
-@badge-purple-color-dot-bg: rgb(var(--purple-6));
-@badge-magenta-color-dot-bg: rgb(var(--magenta-6));
+@badge-pinkpurple-color-dot-bg: rgb(var(--badge-1));
+@badge-purple-color-dot-bg: rgb(var(--badge-6));
+@badge-magenta-color-dot-bg: rgb(var(--badge-2));
 @badge-gray-color-dot-bg: rgb(var(--gray-4));
 @badge-prefix-cls: ~'@{prefix}-badge';
+@badge-1: #8518f2;
+@badge-4: #16d916;
+@badge-9: rgb(var(--arcoblue-9));
+@badge-6: #4f18f2;
+@badge-2: #f21885;
+@badge-3: #1abcf2;
+@badge-7: #f2bc17;
+@badge-8: rgb(var(--arcoblue-8));
+@badge-5: #f24f19;
+@badge-10: rgb(var(--arcoblue-10));
 
 
 /*********** breadcrumb ***********/
@@ -1676,10 +1726,10 @@
 @btn-outline-color-text_disabled: #9ca3b8;
 @btn-outline-color-text_hover: rgb(var(--primary-5));
 @btn-outline-color-text_active: rgb(var(--primary-7));
-@btn-outline-color-bg: #ffffff;
-@btn-outline-color-bg_disabled: #f5f7fc;
-@btn-outline-color-bg_hover: #ffffff;
-@btn-outline-color-bg_active: #ffffff;
+@btn-outline-color-bg: transparent;
+@btn-outline-color-bg_disabled: transparent;
+@btn-outline-color-bg_hover: transparent;
+@btn-outline-color-bg_active: transparent;
 @btn-outline-color-border: rgb(var(--primary-6));
 @btn-outline-color-border_disabled: #c3c7d4;
 @btn-outline-color-border_hover: rgb(var(--primary-5));
@@ -1688,10 +1738,10 @@
 @btn-outline-color-text_warning_disabled: #9ca3b8;
 @btn-outline-color-text_warning_hover: rgb(var(--warning-5));
 @btn-outline-color-text_warning_active: rgb(var(--warning-7));
-@btn-outline-color-bg_warning: #ffffff;
-@btn-outline-color-bg_warning_disabled: #f5f7fc;
+@btn-outline-color-bg_warning: transparent;
+@btn-outline-color-bg_warning_disabled: transparent;
 @btn-outline-color-bg_warning_hover: transparent;
-@btn-outline-color-bg_warning_active: #ffffff;
+@btn-outline-color-bg_warning_active: transparent;
 @btn-outline-color-border_warning: rgb(var(--warning-6));
 @btn-outline-color-border_warning_disabled: #c3c7d4;
 @btn-outline-color-border_warning_hover: rgb(var(--warning-5));
@@ -1700,10 +1750,10 @@
 @btn-outline-color-text_danger_disabled: #9ca3b8;
 @btn-outline-color-text_danger_hover: rgb(var(--danger-5));
 @btn-outline-color-text_danger_active: rgb(var(--danger-7));
-@btn-outline-color-bg_danger: #ffffff;
-@btn-outline-color-bg_danger_disabled: #f5f7fc;
-@btn-outline-color-bg_danger_hover: #ffffff;
-@btn-outline-color-bg_danger_active: #ffffff;
+@btn-outline-color-bg_danger: transparent;
+@btn-outline-color-bg_danger_disabled: transparent;
+@btn-outline-color-bg_danger_hover: transparent;
+@btn-outline-color-bg_danger_active: transparent;
 @btn-outline-color-border_danger: rgb(var(--danger-6));
 @btn-outline-color-border_danger_disabled: #c3c7d4;
 @btn-outline-color-border_danger_hover: rgb(var(--danger-5));
@@ -1712,10 +1762,10 @@
 @btn-outline-color-text_success_disabled: #9ca3b8;
 @btn-outline-color-text_success_hover: rgb(var(--success-5));
 @btn-outline-color-text_success_active: rgb(var(--success-7));
-@btn-outline-color-bg_success: #ffffff;
-@btn-outline-color-bg_success_disabled: #f5f7fc;
-@btn-outline-color-bg_success_hover: #ffffff;
-@btn-outline-color-bg_success_active: #ffffff;
+@btn-outline-color-bg_success: transparent;
+@btn-outline-color-bg_success_disabled: transparent;
+@btn-outline-color-bg_success_hover: transparent;
+@btn-outline-color-bg_success_active: transparent;
 @btn-outline-color-border_success: rgb(var(--success-6));
 @btn-outline-color-border_success_disabled: #c3c7d4;
 @btn-outline-color-border_success_hover: rgb(var(--success-5));
@@ -3102,13 +3152,13 @@
 
 @slider-size-road-width: 2px;
 @slider-color-road-bg: var(--color-fill-3);
-@slider-color-road-bg_disabled: #ebeef5;
+@slider-color-road-bg_disabled: #f5f7fc;
 @slider-color-bar-bg: rgb(var(--primary-6));
-@slider-color-bar-bg_disabled: #9ca3b8;
+@slider-color-bar-bg_disabled: #ebeef5;
 @slider-color-button-bg: var(--color-bg-2);
 @slider-border-size-button: 2px;
 @slider-color-button-border: rgb(var(--primary-6));
-@slider-color-button-border_disabled: #9ca3b8;
+@slider-color-button-border_disabled: #ebeef5;
 @slider-shadow-button_active: 0 2px 5px rgba(0, 0, 0, 0.1);
 @slider-color-box-shadow-button_focus: var(--color-primary-light-3);
 @slider-size-button-width: 12px;
@@ -3563,54 +3613,54 @@
 @tag-default-color-border: transparent;
 @tag-default-bordered-color-border: var(--color-border-2);
 @tag-default-color-border_hover: transparent;
-@tag-red-color-bg: rgb(var(--red-1));
+@tag-red-color-bg: rgb(var(--danger-1));
 @tag-red-color-bg_hover: rgb(var(--red-2));
 @tag-red-color-border: transparent;
-@tag-red-bordered-color-border: rgb(var(--red-6));
+@tag-red-bordered-color-border: rgb(var(--danger-6));
 @tag-red-color-border_hover: transparent;
-@tag-red-color-icon: rgb(var(--red-6));
+@tag-red-color-icon: rgb(var(--danger-6));
 @tag-red-color-icon-bg_hover: rgb(var(--red-2));
-@tag-red-color-text: rgb(var(--red-6));
-@tag-orangered-color-bg: rgb(var(--orangered-1));
+@tag-red-color-text: rgb(var(--danger-6));
+@tag-orangered-color-bg: rgb(var(--tag-5));
 @tag-orangered-color-bg_hover: rgb(var(--orangered-2));
 @tag-orangered-color-border: transparent;
-@tag-orangered-bordered-color-border: rgb(var(--orangered-6));
+@tag-orangered-bordered-color-border: rgb(var(--badge-5));
 @tag-orangered-color-border_hover: transparent;
-@tag-orangered-color-icon: rgb(var(--orangered-6));
+@tag-orangered-color-icon: rgb(var(--badge-5));
 @tag-orangered-color-icon-bg_hover: rgb(var(--orangered-2));
-@tag-orangered-color-text: rgb(var(--orangered-6));
-@tag-orange-color-bg: rgb(var(--orange-1));
+@tag-orangered-color-text: rgb(var(--badge-5));
+@tag-orange-color-bg: rgb(var(--warning-1));
 @tag-orange-color-bg_hover: rgb(var(--orange-2));
 @tag-orange-color-border: transparent;
-@tag-orange-bordered-color-border: rgb(var(--orange-6));
+@tag-orange-bordered-color-border: rgb(var(--warning-6));
 @tag-orange-color-border_hover: transparent;
-@tag-orange-color-icon: rgb(var(--orange-6));
+@tag-orange-color-icon: rgb(var(--warning-6));
 @tag-orange-color-icon-bg_hover: rgb(var(--orange-2));
-@tag-orange-color-text: rgb(var(--orange-6));
-@tag-gold-color-bg: rgb(var(--gold-1));
+@tag-orange-color-text: rgb(var(--warning-6));
+@tag-gold-color-bg: rgb(var(--tag-7));
 @tag-gold-color-bg_hover: rgb(var(--gold-3));
 @tag-gold-color-border: transparent;
-@tag-gold-bordered-color-border: rgb(var(--gold-6));
+@tag-gold-bordered-color-border: rgb(var(--badge-7));
 @tag-gold-color-border_hover: transparent;
-@tag-gold-color-icon: rgb(var(--gold-6));
+@tag-gold-color-icon: rgb(var(--badge-7));
 @tag-gold-color-icon-bg_hover: rgb(var(--gold-2));
-@tag-gold-color-text: rgb(var(--gold-6));
-@tag-lime-color-bg: rgb(var(--lime-1));
+@tag-gold-color-text: rgb(var(--badge-7));
+@tag-lime-color-bg: rgb(var(--tag-4));
 @tag-lime-color-bg_hover: rgb(var(--lime-2));
 @tag-lime-color-border: transparent;
-@tag-lime-bordered-color-border: rgb(var(--lime-6));
+@tag-lime-bordered-color-border: rgb(var(--badge-4));
 @tag-lime-color-border_hover: transparent;
-@tag-lime-color-icon: rgb(var(--lime-6));
+@tag-lime-color-icon: rgb(var(--badge-4));
 @tag-lime-color-icon-bg_hover: rgb(var(--lime-2));
-@tag-lime-color-text: rgb(var(--lime-6));
-@tag-green-color-bg: rgb(var(--green-1));
+@tag-lime-color-text: rgb(var(--badge-4));
+@tag-green-color-bg: rgb(var(--success-1));
 @tag-green-color-bg_hover: rgb(var(--green-2));
 @tag-green-color-border: transparent;
-@tag-green-bordered-color-border: rgb(var(--green-6));
+@tag-green-bordered-color-border: rgb(var(--success-6));
 @tag-green-color-border_hover: transparent;
-@tag-green-color-icon: rgb(var(--green-6));
+@tag-green-color-icon: rgb(var(--success-6));
 @tag-green-color-icon-bg_hover: rgb(var(--green-2));
-@tag-green-color-text: rgb(var(--green-6));
+@tag-green-color-text: rgb(var(--success-6));
 @tag-cyan-color-bg: rgb(var(--cyan-1));
 @tag-cyan-color-bg_hover: rgb(var(--cyan-2));
 @tag-cyan-color-border: transparent;
@@ -3619,55 +3669,65 @@
 @tag-cyan-color-icon: rgb(var(--cyan-6));
 @tag-cyan-color-icon-bg_hover: rgb(var(--cyan-2));
 @tag-cyan-color-text: rgb(var(--cyan-6));
-@tag-blue-color-bg: rgb(var(--blue-1));
+@tag-blue-color-bg: rgb(var(--tag-3));
 @tag-blue-color-bg_hover: rgb(var(--blue-2));
 @tag-blue-color-border: transparent;
-@tag-blue-bordered-color-border: rgb(var(--blue-6));
+@tag-blue-bordered-color-border: rgb(var(--badge-3));
 @tag-blue-color-border_hover: transparent;
-@tag-blue-color-icon: rgb(var(--blue-6));
+@tag-blue-color-icon: rgb(var(--badge-3));
 @tag-blue-color-icon-bg_hover: rgb(var(--blue-2));
-@tag-blue-color-text: rgb(var(--blue-6));
-@tag-arcoblue-color-bg: rgb(var(--arcoblue-1));
+@tag-blue-color-text: rgb(var(--badge-3));
+@tag-arcoblue-color-bg: rgb(var(--primary-1));
 @tag-arcoblue-color-bg_hover: rgb(var(--arcoblue-2));
 @tag-arcoblue-color-border: transparent;
 @tag-arcoblue-bordered-color-border: rgb(var(--arcoblue-6));
 @tag-arcoblue-color-border_hover: transparent;
-@tag-arcoblue-color-icon: rgb(var(--arcoblue-6));
+@tag-arcoblue-color-icon: rgb(var(--primary-6));
 @tag-arcoblue-color-icon-bg_hover: rgb(var(--arcoblue-2));
-@tag-arcoblue-color-text: rgb(var(--arcoblue-6));
-@tag-purple-color-bg: rgb(var(--purple-1));
+@tag-arcoblue-color-text: rgb(var(--primary-6));
+@tag-purple-color-bg: rgb(var(--tag-6));
 @tag-purple-color-bg_hover: rgb(var(--purple-2));
 @tag-purple-color-border: transparent;
-@tag-purple-bordered-color-border: rgb(var(--purple-6));
+@tag-purple-bordered-color-border: rgb(var(--badge-6));
 @tag-purple-color-border_hover: transparent;
-@tag-purple-color-icon: rgb(var(--purple-6));
+@tag-purple-color-icon: rgb(var(--badge-6));
 @tag-purple-color-icon-bg_hover: rgb(var(--purple-2));
-@tag-purple-color-text: rgb(var(--purple-6));
-@tag-pinkpurple-color-bg: rgb(var(--pinkpurple-1));
+@tag-purple-color-text: rgb(var(--badge-6));
+@tag-pinkpurple-color-bg: rgb(var(--tag-1));
 @tag-pinkpurple-color-bg_hover: rgb(var(--pinkpurple-2));
 @tag-pinkpurple-color-border: transparent;
-@tag-pinkpurple-bordered-color-border: rgb(var(--pinkpurple-6));
+@tag-pinkpurple-bordered-color-border: rgb(var(--badge-1));
 @tag-pinkpurple-color-border_hover: transparent;
-@tag-pinkpurple-color-icon: rgb(var(--pinkpurple-6));
+@tag-pinkpurple-color-icon: rgb(var(--badge-1));
 @tag-pinkpurple-color-icon-bg_hover: rgb(var(--pinkpurple-2));
-@tag-pinkpurple-color-text: rgb(var(--pinkpurple-6));
-@tag-magenta-color-bg: rgb(var(--magenta-1));
+@tag-pinkpurple-color-text: rgb(var(--badge-1));
+@tag-magenta-color-bg: rgb(var(--tag-2));
 @tag-magenta-color-bg_hover: rgb(var(--magenta-2));
 @tag-magenta-color-border: transparent;
-@tag-magenta-bordered-color-border: rgb(var(--magenta-6));
+@tag-magenta-bordered-color-border: rgb(var(--badge-2));
 @tag-magenta-color-border_hover: transparent;
-@tag-magenta-color-icon: rgb(var(--magenta-6));
+@tag-magenta-color-icon: rgb(var(--badge-2));
 @tag-magenta-color-icon-bg_hover: rgb(var(--magenta-2));
-@tag-magenta-color-text: rgb(var(--magenta-6));
-@tag-gray-color-bg: rgb(var(--gray-2));
+@tag-magenta-color-text: rgb(var(--badge-2));
+@tag-gray-color-bg: #f5f7fc;
 @tag-gray-color-bg_hover: rgb(var(--gray-3));
 @tag-gray-color-border: transparent;
-@tag-gray-bordered-color-border: rgb(var(--gray-6));
+@tag-gray-bordered-color-border: #dfe2eb;
 @tag-gray-color-border_hover: transparent;
-@tag-gray-color-icon: rgb(var(--gray-6));
+@tag-gray-color-icon: #292f42;
 @tag-gray-color-icon-bg_hover: rgb(var(--gray-3));
-@tag-gray-color-text: rgb(var(--gray-6));
+@tag-gray-color-text: #292f42;
 @tag-prefix-cls: ~'@{prefix}-tag';
+@tag-8: rgb(var(--arcoblue-8));
+@tag-3: #ecfdfe;
+@tag-7: #fffded;
+@tag-6: #f5edff;
+@tag-4: #f1ffed;
+@tag-1: #f9edff;
+@tag-2: #ffedf3;
+@tag-10: rgb(var(--arcoblue-10));
+@tag-9: rgb(var(--arcoblue-9));
+@tag-5: #fff5ed;
 
 
 /*********** colors ***********/
@@ -3744,7 +3804,7 @@
 @transfer-item-color_hover: #292f42;
 @transfer-item-color_disabled: var(--color-text-4);
 @transfer-item-height: 36px;
-@transfer-item-padding-horizontal: 12px;
+@transfer-item-padding-horizontal: 10px;
 @transfer-item-font-size: 14px;
 @transfer-item-draggable-height-gap: 2px;
 @transfer-item-draggable-color-bg-gap: rgb(var(--primary-6));

package/variables.less

@@ -757,7 +757,7 @@
 @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
 @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
 @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
-@icon-hover-color-bg: @color-primary-1;
+@icon-hover-color-bg: @color-transparent;
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;
@@ -857,7 +857,7 @@
 @btn-primary-color-bg_success_disabled: @color-fill-2;
 @btn-primary-color-border_success_disabled: @color-border-3;
 @btn-dashed-color-bg: @color-bg-2;
-@btn-dashed-color-bg_hover: @color-bg-white;
+@btn-dashed-color-bg_hover: @color-bg-2;
 @btn-dashed-color-bg_active: @color-bg-2;
 @btn-dashed-color-border: @color-border-3;
 @btn-dashed-color-border_disabled: @color-border-3;
@@ -894,25 +894,25 @@
 @btn-dashed-color-border_success_disabled: @color-border-3;
 @btn-dashed-color-border_success_active: @color-success-7;
 @btn-outline-color-text_disabled: @color-text-4;
-@btn-outline-color-bg_disabled: @color-fill-2;
-@btn-outline-color-bg_hover: @color-bg-2;
-@btn-outline-color-bg: @color-bg-2;
+@btn-outline-color-bg_disabled: @color-transparent;
+@btn-outline-color-bg_hover: @color-transparent;
+@btn-outline-color-bg: @color-transparent;
 @btn-outline-color-border_disabled: @color-border-3;
 @btn-outline-color-text_warning_disabled: @color-text-4;
-@btn-outline-color-bg_warning: @color-bg-2;
-@btn-outline-color-bg_warning_disabled: @color-fill-2;
-@btn-outline-color-bg_warning_active: @color-bg-2;
+@btn-outline-color-bg_warning: @color-transparent;
+@btn-outline-color-bg_warning_disabled: @color-transparent;
+@btn-outline-color-bg_warning_active: @color-transparent;
 @btn-outline-color-border_warning_disabled: @color-border-3;
 @btn-outline-color-text_danger_disabled: @color-text-4;
-@btn-outline-color-bg_danger: @color-bg-2;
-@btn-outline-color-bg_danger_disabled: @color-fill-2;
-@btn-outline-color-bg_danger_active: @color-bg-2;
+@btn-outline-color-bg_danger: @color-transparent;
+@btn-outline-color-bg_danger_disabled: @color-transparent;
+@btn-outline-color-bg_danger_active: @color-transparent;
 @btn-outline-color-border_danger_disabled: @color-border-3;
 @btn-outline-color-text_success_disabled: @color-text-4;
-@btn-outline-color-bg_success: @color-bg-2;
-@btn-outline-color-bg_success_disabled: @color-fill-2;
-@btn-outline-color-bg_success_hover: @color-bg-2;
-@btn-outline-color-bg_success_active: @color-bg-2;
+@btn-outline-color-bg_success: @color-transparent;
+@btn-outline-color-bg_success_disabled: @color-transparent;
+@btn-outline-color-bg_success_hover: @color-transparent;
+@btn-outline-color-bg_success_active: @color-transparent;
 @btn-outline-color-border_success_disabled: @color-border-3;
 @btn-text-color-text_disabled: @color-text-4;
 @btn-text-color-bg_hover: @color-transparent;
@@ -1136,9 +1136,9 @@
 @radio-color-border_disabled: @color-border-3;
 @radio-group-margin-right: @spacing-9;
 @radio-button-color-separator-bg: @color-border-2;
-@slider-color-road-bg_disabled: @color-fill-3;
-@slider-color-bar-bg_disabled: @color-text-4;
-@slider-color-button-border_disabled: @color-text-4;
+@slider-color-road-bg_disabled: @color-fill-2;
+@slider-color-bar-bg_disabled: @color-fill-3;
+@slider-color-button-border_disabled: @color-fill-3;
 @slider-color-mark-font: @color-text-2;
 @switch-color-text_off_disabled: @color-text-4;
 @timepicker-color-border: @color-border-2;
@@ -1285,8 +1285,8 @@
 @btn-primary-color-text_danger_active: @color-white;
 @btn-primary-color-text_success: @color-white;
 @btn-primary-color-text_success_active: @color-white;
-@btn-outline-color-bg_active: @color-bg-2;
-@btn-outline-color-bg_danger_hover: @color-bg-2;
+@btn-outline-color-bg_active: @color-transparent;
+@btn-outline-color-bg_danger_hover: @color-transparent;
 @link-padding-horizontal: @spacing-none;
 @link-padding-vertical: @spacing-none;
 @tabs-card-gutter-color-title-bg_hover: @color-primary-1;
@@ -1404,7 +1404,7 @@
 @transfer-width: 204PX;
 @transfer-height: 240PX;
 @transfer-padding-horizontal-footer: @spacing-7;
-@transfer-item-padding-horizontal: @spacing-6;
+@transfer-item-padding-horizontal: @spacing-5;
 @transfer-search-padding-left: @spacing-4;
 @transfer-search-padding-right: @spacing-4;
 @transfer-search-padding-top: @spacing-6;
@@ -1480,3 +1480,118 @@
 @input-border-addon-separator-width: @border-none;
 @input-group-border-separator-width: @border-none;
 @password-size-eye-icon: @size-3;
+@badge-1: rgb(133, 24, 242);
+@color-badge-5: rgb(var(~'@{arco-cssvars-prefix}-badge-5'));
+@color-badge-4: rgb(var(~'@{arco-cssvars-prefix}-badge-4'));
+@dark-badge-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
+@dark-badge-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
+@badge-4: rgb(22, 217, 22);
+@color-badge-6: rgb(var(~'@{arco-cssvars-prefix}-badge-6'));
+@badge-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
+@dark-badge-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
+@dark-badge-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
+@badge-6: rgb(79, 24, 242);
+@badge-2: rgb(242, 24, 133);
+@badge-3: rgb(26, 188, 242);
+@color-badge-8: rgb(var(~'@{arco-cssvars-prefix}-badge-8'));
+@color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
+@color-badge-3: rgb(var(~'@{arco-cssvars-prefix}-badge-3'));
+@badge-7: rgb(242, 188, 23);
+@badge-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
+@color-badge-9: rgb(var(~'@{arco-cssvars-prefix}-badge-9'));
+@dark-badge-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
+@color-badge-7: rgb(var(~'@{arco-cssvars-prefix}-badge-7'));
+@color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
+@dark-badge-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
+@dark-badge-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
+@dark-badge-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
+@dark-badge-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
+@dark-badge-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
+@badge-5: rgb(242, 79, 25);
+@badge-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
+@badge-orangered-color-dot-bg: @color-badge-5;
+@badge-orange-color-dot-bg: @color-warning-6;
+@badge-lime-color-dot-bg: @color-badge-4;
+@badge-cyan-color-dot-bg: @color-badge-3;
+@badge-pinkpurple-color-dot-bg: @color-badge-1;
+@badge-purple-color-dot-bg: @color-badge-6;
+@badge-magenta-color-dot-bg: @color-badge-2;
+@tag-red-color-bg: @color-danger-1;
+@tag-red-color-icon: @color-danger-6;
+@tag-red-color-text: @color-danger-6;
+@tag-orangered-color-bg: @color-tag-5;
+@tag-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
+@tag-3: rgb(236, 253, 254);
+@color-tag-9: rgb(var(~'@{arco-cssvars-prefix}-tag-9'));
+@color-tag-5: rgb(var(~'@{arco-cssvars-prefix}-tag-5'));
+@dark-tag-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@dark-tag-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
+@dark-tag-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
+@tag-7: rgb(255, 253, 237);
+@dark-tag-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
+@color-tag-6: rgb(var(~'@{arco-cssvars-prefix}-tag-6'));
+@dark-tag-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
+@dark-tag-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
+@tag-6: rgb(245, 237, 255);
+@tag-4: rgb(241, 255, 237);
+@color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
+@tag-1: rgb(249, 237, 255);
+@color-tag-2: rgb(var(~'@{arco-cssvars-prefix}-tag-2'));
+@tag-2: rgb(255, 237, 243);
+@color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
+@tag-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
+@color-tag-4: rgb(var(~'@{arco-cssvars-prefix}-tag-4'));
+@tag-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
+@color-tag-1: rgb(var(~'@{arco-cssvars-prefix}-tag-1'));
+@color-tag-7: rgb(var(~'@{arco-cssvars-prefix}-tag-7'));
+@dark-tag-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
+@dark-tag-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
+@dark-tag-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
+@dark-tag-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
+@tag-5: rgb(255, 245, 237);
+@color-tag-10: rgb(var(~'@{arco-cssvars-prefix}-tag-10'));
+@tag-orangered-color-icon: @color-badge-5;
+@tag-orangered-color-text: @color-badge-5;
+@tag-orange-color-bg: @color-warning-1;
+@tag-orange-color-icon: @color-warning-6;
+@tag-orange-color-text: @color-warning-6;
+@tag-gold-color-bg: @color-tag-7;
+@tag-gold-color-icon: @color-badge-7;
+@tag-gold-color-text: @color-badge-7;
+@tag-lime-color-bg: @color-tag-4;
+@tag-lime-color-icon: @color-badge-4;
+@tag-lime-color-text: @color-badge-4;
+@tag-green-color-bg: @color-success-1;
+@tag-green-color-icon: @color-success-6;
+@tag-green-color-text: @color-success-6;
+@tag-blue-color-bg: @color-tag-3;
+@tag-blue-color-icon: @color-badge-3;
+@tag-blue-color-text: @color-badge-3;
+@tag-arcoblue-color-bg: @color-primary-1;
+@tag-arcoblue-color-icon: @color-primary-6;
+@tag-arcoblue-color-text: @color-primary-6;
+@tag-purple-color-bg: @color-tag-6;
+@tag-purple-color-icon: @color-badge-6;
+@tag-purple-color-text: @color-badge-6;
+@tag-pinkpurple-color-bg: @color-tag-1;
+@tag-pinkpurple-color-icon: @color-badge-1;
+@tag-pinkpurple-color-text: @color-badge-1;
+@tag-magenta-color-bg: @color-tag-2;
+@tag-magenta-color-icon: @color-badge-2;
+@tag-magenta-color-text: @color-badge-2;
+@tag-gray-color-bg: @color-fill-2;
+@tag-gray-color-icon: @color-text-2;
+@tag-gray-color-text: @color-text-2;
+@tag-gold-bordered-color-border: @color-badge-7;
+@tag-orange-bordered-color-border: @color-warning-6;
+@tag-orangered-bordered-color-border: @color-badge-5;
+@tag-red-bordered-color-border: @color-danger-6;
+@tag-lime-bordered-color-border: @color-badge-4;
+@tag-green-bordered-color-border: @color-success-6;
+@tag-blue-bordered-color-border: @color-badge-3;
+@tag-purple-bordered-color-border: @color-badge-6;
+@tag-pinkpurple-bordered-color-border: @color-badge-1;
+@tag-magenta-bordered-color-border: @color-badge-2;
+@tag-gray-bordered-color-border: @color-border-2;
+@pagination-simple-input-width: @size-10;