@arco-themes/react-devspace 0.0.3 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-devspace",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
   "author": "linhui-plus",
   "owners": [],

package/theme.css

@@ -263,8 +263,8 @@ body {
   --gray-8: 78, 89, 105;
   --gray-9: 39, 46, 59;
   --gray-10: 29, 33, 41;
-  --primary-1: 238, 246, 255;
-  --primary-2: 217, 243, 255;
+  --primary-1: 238, 250, 255;
+  --primary-2: 223, 244, 255;
   --primary-3: 191, 233, 255;
   --primary-4: 143, 208, 255;
   --primary-5: 67, 174, 251;

package/theme.less

@@ -414,7 +414,7 @@
 @dark-orange-5: #FF8D1F;
 @dark-blue-8: #A1D5FD;
 @dark-orangered-10: #FFF4EB;
-@primary-1: rgb(238, 246, 255);
+@primary-1: rgb(238, 250, 255);
 @dark-red-8: #FBB0A7;
 @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
 @primary-4: rgb(143, 208, 255);
@@ -506,7 +506,7 @@
 @danger-5: rgb(248, 152, 152);
 @dark-danger-6: rgb(229, 92, 108);
 @link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
-@primary-2: rgb(217, 243, 255);
+@primary-2: rgb(223, 244, 255);
 @dark-cyan-10: #F0FFFC;
 @dark-gray-10: #f6f6f6;
 @dark-warning-3: rgb(115, 78, 60);

package/tokens.less

@@ -480,8 +480,8 @@
 
 /*********** primary ***********/
 
-@primary-1: #eef6ff;
-@primary-2: #d9f3ff;
+@primary-1: #eefaff;
+@primary-2: #dff4ff;
 @primary-3: #bfe9ff;
 @primary-4: #8fd0ff;
 @primary-5: #43aefb;
@@ -554,7 +554,7 @@
 @link-color-text: rgb(var(--link-6));
 @link-color-text_hover: rgb(var(--primary-6));
 @link-color-text_active: rgb(var(--primary-7));
-@link-color-text_disabled: #b3c0d3;
+@link-color-text_disabled: #94a3b8;
 @link-color-text_success: rgb(var(--success-6));
 @link-color-text_success_hover: rgb(var(--success-5));
 @link-color-text_success_active: rgb(var(--success-7));
@@ -1083,17 +1083,17 @@
 @input-color-bg: #ffffff;
 @input-color-bg_hover: #ffffff;
 @input-color-bg_focus: #ffffff;
-@input-color-bg_disabled: #e7ecf0;
+@input-color-bg_disabled: #e2e8f0;
 @input-color-addon-bg: #ffffff;
 @input-color-addon-border: #cbd5e1;
 @input-border-addon-separator-width: 1px;
-@input-color-border_focus: #cbd5e1;
+@input-color-border_focus: rgb(var(--primary-6));
 @input-color-shadow_focus: rgb(var(--primary-2));
 @input-size-shadow_focus: 0;
 @input-color-addon-border_default: transparent;
 @input-color-text: #334155;
 @input-color-placeholder-text: #94a3b8;
-@input-color-text_disabled: #b3c0d3;
+@input-color-text_disabled: #94a3b8;
 @input-color-addon-text: #1e293b;
 @input-color-bg_error: #ffffff;
 @input-color-bg_error_hover: rgb(var(--danger-1));
@@ -1135,9 +1135,9 @@
 @input-size-large-icon-addon-size: 14px;
 @input-size-icon-clear: 12px;
 @input-color-prefix-text: #334155;
-@input-color-suffix-text: #334155;
+@input-color-suffix-text: #6e7b8d;
 @input-color-tip-text: #6e7b8d;
-@input-color-icon-clear: #334155;
+@input-color-icon-clear: #6e7b8d;
 @input-color-icon-clear-bg_hover: rgb(var(--primary-2));
 @input-padding-horizontal: 12px;
 @input-size-mini-padding-horizontal: 8px;
@@ -1231,7 +1231,7 @@
 @input-number-size-default-step-button-width: 32px;
 @input-number-size-large-step-button-width: 36px;
 @input-number-step-button-color: #334155;
-@input-number-step-button-color_disabled: #b3c0d3;
+@input-number-step-button-color_disabled: #94a3b8;
 @input-number-step-button-color-border: var(--color-neutral-3);
 @input-number-step-button-color-bg_default: #ffffff;
 @input-number-step-button-color-bg_default_hover: rgb(var(--primary-1));
@@ -1260,7 +1260,7 @@
 
 /*********** search ***********/
 
-@search-color-icon: #334155;
+@search-color-icon: #6e7b8d;
 @search-button-color-text: var(--color-white);
 @search-size-icon: 14px;
 @search-button-padding-horizontal: 8px;
@@ -1268,7 +1268,7 @@
 
 /*********** password ***********/
 
-@password-color-eye-icon: #334155;
+@password-color-eye-icon: #6e7b8d;
 @password-size-eye-icon: 12px;
 
 
@@ -1349,15 +1349,15 @@
 @picker-color-bg-cell-in-range: transparent;
 @picker-color-bg-cell-disabled: #e2e8f0;
 @picker-color-text-cell-range-boundary: var(--color-white);
-@picker-color-bg-cell-range-boundary: transparent;
+@picker-color-bg-cell-range-boundary: rgb(var(--primary-6));
 @picker-color-bg-cell-hover-in-range: transparent;
 @picker-color-text-cell-hover-range-boundary: var(--color-text-1);
 @picker-color-bg-cell-hover-range-boundary: var(--color-primary-light-2);
 @picker-color-text-week-list-item: #334155;
 @picker-font-weight-week-list-item: 500;
 @picker-panel-color-border: #cbd5e1;
-@picker-panel-color-text-cell_hover: var(--color-text-1);
-@picker-panel-color-bg-cell_hover: transparent;
+@picker-panel-color-text-cell_hover: rgb(var(--primary-6));
+@picker-panel-color-bg-cell_hover: rgb(var(--primary-2));
 @picker-panel-color-text-cell_selected: #ffffff;
 @picker-panel-color-bg-cell_selected: rgb(var(--primary-6));
 @picker-panel-color-current-time-dot: rgb(var(--primary-6));
@@ -1499,20 +1499,20 @@
 @select-color-text_disabled: #94a3b8;
 @select-color-text_focused: #1e293b;
 @select-color-placeholder_default: #6e7b8d;
-@select-color-placeholder_disabled: #b3c0d3;
+@select-color-placeholder_disabled: #94a3b8;
 @select-color-placeholder_focused: #7f8c9f;
 @select-color-icon_default: #6e7b8d;
-@select-color-icon_disabled: #b3c0d3;
+@select-color-icon_disabled: rgb(var(--danger-6));
 @select-color-icon_focused: #6e7b8d;
-@select-color-icon-bg_hover: rgb(var(--primary-2));
+@select-color-icon-bg_hover: #e7ecf0;
 @select-color-bg_default: #ffffff;
 @select-color-bg_default_hover: rgb(var(--primary-1));
 @select-color-bg_default_focus: #ffffff;
 @select-color-bg_error_focus: transparent;
 @select-color-bg_error: rgb(var(--danger-1));
 @select-color-bg_error_hover: rgb(var(--danger-1));
-@select-color-bg_disabled: #e2e8f0;
-@select-color-bg_disabled_hover: #e2e8f0;
+@select-color-bg_disabled: #e7ecf0;
+@select-color-bg_disabled_hover: #e7ecf0;
 @select-color-border_default: #cbd5e1;
 @select-color-border_default_hover: rgb(var(--primary-6));
 @select-color-border_default_focus: #cbd5e1;
@@ -1541,11 +1541,11 @@
 @select-popup-option-color-bg_default: #ffffff;
 @select-popup-option-color-bg_hover: rgb(var(--primary-1));
 @select-popup-option-color-bg_selected: rgb(var(--primary-1));
-@select-popup-option-color-bg_disabled: #ffffff;
+@select-popup-option-color-bg_disabled: #e7ecf0;
 @select-popup-option-color-text_default: var(--color-text-2);
-@select-popup-option-color-text_hover: var(--color-text-2);
-@select-popup-option-color-text_selected: var(--color-text-2);
-@select-popup-option-color-text_disabled: #b3c0d3;
+@select-popup-option-color-text_hover: #1e293b;
+@select-popup-option-color-text_selected: #1e293b;
+@select-popup-option-color-text_disabled: #94a3b8;
 @select-popup-option-color-hightlight-text: #1e293b;
 @select-popup-option-font-hightlight-weight: 500;
 @select-popup-group-title-height: 20px;
@@ -1701,9 +1701,9 @@
 @btn-size-default-font-size: 12px;
 @btn-size-large-font-size: 14px;
 @btn-outline-color-text: #1e293b;
-@btn-outline-color-text_disabled: #b3c0d3;
+@btn-outline-color-text_disabled: #94a3b8;
 @btn-outline-color-text_hover: #6e7b8d;
-@btn-outline-color-text_active: rgb(var(--primary-7));
+@btn-outline-color-text_active: #1e293b;
 @btn-outline-color-bg: transparent;
 @btn-outline-color-bg_disabled: transparent;
 @btn-outline-color-bg_hover: transparent;
@@ -1800,15 +1800,15 @@
 @btn-primary-border-style: solid;
 @btn-secondary-color-text: rgb(var(--primary-6));
 @btn-secondary-color-text_disabled: #94a3b8;
-@btn-secondary-color-text_hover: rgb(var(--primary-5));
+@btn-secondary-color-text_hover: rgb(var(--primary-6));
 @btn-secondary-color-text_active: rgb(var(--primary-7));
 @btn-secondary-color-bg: transparent;
 @btn-secondary-color-bg_disabled: #e7ecf0;
-@btn-secondary-color-bg_hover: rgb(var(--primary-1));
+@btn-secondary-color-bg_hover: rgb(var(--primary-2));
 @btn-secondary-color-bg_active: rgb(var(--primary-3));
 @btn-secondary-color-border: rgb(var(--primary-4));
 @btn-secondary-color-border_disabled: #cbd5e1;
-@btn-secondary-color-border_hover: rgb(var(--primary-3));
+@btn-secondary-color-border_hover: rgb(var(--primary-2));
 @btn-secondary-color-border_active: transparent;
 @btn-secondary-color-text_warning: rgb(var(--warning-6));
 @btn-secondary-color-text_warning_disabled: rgb(var(--warning-3));
@@ -1853,11 +1853,11 @@
 @btn-dashed-color-text_active: rgb(var(--primary-7));
 @btn-dashed-color-bg: transparent;
 @btn-dashed-color-bg_disabled: #e7ecf0;
-@btn-dashed-color-bg_hover: rgb(var(--primary-1));
+@btn-dashed-color-bg_hover: rgb(var(--primary-2));
 @btn-dashed-color-bg_active: rgb(var(--primary-2));
 @btn-dashed-color-border: #cbd5e1;
 @btn-dashed-color-border_disabled: transparent;
-@btn-dashed-color-border_hover: rgb(var(--primary-3));
+@btn-dashed-color-border_hover: rgb(var(--primary-1));
 @btn-dashed-color-border_active: transparent;
 @btn-dashed-color-text_warning: rgb(var(--warning-6));
 @btn-dashed-color-text_warning_disabled: rgb(var(--warning-3));
@@ -2322,13 +2322,13 @@
 @dropdown-option-padding-horizontal: 12px;
 @dropdown-option-font-weight_selected: 500;
 @dropdown-option-color-bg_default: transparent;
-@dropdown-option-color-bg_hover: rgb(var(--primary-2));
-@dropdown-option-color-bg_selected: rgb(var(--primary-2));
+@dropdown-option-color-bg_hover: rgb(var(--primary-1));
+@dropdown-option-color-bg_selected: rgb(var(--primary-1));
 @dropdown-option-color-bg_disabled: transparent;
 @dropdown-option-color-text_default: #334155;
-@dropdown-option-color-text_hover: #334155;
+@dropdown-option-color-text_hover: rgb(var(--primary-6));
 @dropdown-option-color-text_selected: #334155;
-@dropdown-option-color-text_disabled: #b3c0d3;
+@dropdown-option-color-text_disabled: #94a3b8;
 @dropdown-group-title-height: 20px;
 @dropdown-group-title-padding-horizontal: 12px;
 @dropdown-group-title-margin-top: 8px;
@@ -2879,7 +2879,7 @@
 @pagination-size-icon-ellipsis: 16px;
 @pagination-border-width: 0;
 @pagination-color-bg-item: transparent;
-@pagination-color-bg-item_active: rgb(var(--primary-2));
+@pagination-color-bg-item_active: rgb(var(--primary-1));
 @pagination-color-bg-item_hover: rgb(var(--primary-1));
 @pagination-color-bg-item_disabled: transparent;
 @pagination-color-bg-item_active_disabled: transparent;
@@ -2887,7 +2887,7 @@
 @pagination-color-item-text_hover: #334155;
 @pagination-color-item-text_active: rgb(var(--primary-6));
 @pagination-color-item-text_disabled: #b3c0d3;
-@pagination-color-item-text_active_disabled: rgb(var(--primary-3));
+@pagination-color-item-text_active_disabled: rgb(var(--primary-1));
 @pagination-color-item-border: transparent;
 @pagination-color-item-border_active: transparent;
 @pagination-color-item-border_hover: transparent;
@@ -3007,7 +3007,7 @@
 @radio-color-bg_checked_disabled: #e2e8f0;
 @radio-color-dot-bg_checked_disabled: #b3c0d3;
 @radio-color-text: #334155;
-@radio-color-text_disabled: #b3c0d3;
+@radio-color-text_disabled: #94a3b8;
 @radio-color-text_checked_disabled: var(--color-text-4);
 @radio-font-text-size: 12px;
 @radio-font-text-size_large: 14px;
@@ -3017,13 +3017,13 @@
 @radio-size-mask-height: 24px;
 @radio-mask-bg-color-bg: transparent;
 @radio-group-margin-right: 20px;
-@radio-group-button-color-bg: rgb(var(--primary-2));
+@radio-group-button-color-bg: rgb(var(--primary-6));
 @radio-group-button-color-bg_dark: rgb(var(--primary-2));
 @radio-button-padding-horizontal: 12px;
 @radio-button-spacing: 0;
 @radio-button-color-bg_active: rgb(var(--primary-6));
 @radio-button-color-bg_active_dark: var(--color-fill-3);
-@radio-button-color-bg_hover: rgb(var(--primary-2));
+@radio-button-color-bg_hover: rgb(var(--primary-1));
 @radio-button-color-text_active: #ffffff;
 @radio-button-font-text-weight_active: 500;
 @radio-button-color-text_hover: rgb(var(--primary-6));
@@ -3031,7 +3031,7 @@
 @radio-button-bg-border-radius: 4px;
 @radio-button-color-bg: transparent;
 @radio-button-color-text: #334155;
-@radio-button-color-bg_disabled: #e2e8f0;
+@radio-button-color-bg_disabled: #e7ecf0;
 @radio-button-color-text_disabled: #b3c0d3;
 @radio-button-color-bg_checked_disabled: #f8fafd;
 @radio-button-color-text_checked_disabled: #6e7b8d;
@@ -3230,16 +3230,16 @@
 @steps-circle-vertical-spacing-tail-bottom: 6px;
 @steps-circle-color-item-bg_wait: #e2e8f0;
 @steps-circle-color-item-border_wait: transparent;
-@steps-circle-color-item-icon-text_wait: #b3c0d3;
+@steps-circle-color-item-icon-text_wait: rgb(var(--primary-4));
 @steps-circle-color-item-tail_wait: #cbd5e1;
-@steps-circle-color-item-title_wait: #94a3b8;
+@steps-circle-color-item-title_wait: #1e293b;
 @steps-circle-color-item-description_wait: #94a3b8;
 @steps-circle-color-item-bg_process: rgb(var(--primary-6));
 @steps-circle-color-item-border_process: transparent;
 @steps-circle-color-item-icon-text_process: #ffffff;
 @steps-circle-color-item-tail_process: rgb(var(--primary-6));
 @steps-circle-color-item-title_process: rgb(var(--primary-6));
-@steps-circle-color-item-description_process: rgb(var(--primary-6));
+@steps-circle-color-item-description_process: #94a3b8;
 @steps-circle-color-item-bg_finish: transparent;
 @steps-circle-color-item-border_finish: rgb(var(--primary-6));
 @steps-circle-color-item-icon-text_finish: rgb(var(--primary-6));
@@ -3249,8 +3249,8 @@
 @steps-circle-color-item-border_error: transparent;
 @steps-circle-color-item-icon-text_error: #ffffff;
 @steps-circle-color-item-tail_error: rgb(var(--danger-6));
-@steps-circle-color-item-title_error: #1e293b;
-@steps-circle-color-item-description_error: var(--color-text-3);
+@steps-circle-color-item-title_error: rgb(var(--danger-6));
+@steps-circle-color-item-description_error: #94a3b8;
 @steps-dot-horizontal-item-title-margin-top: 4px;
 @steps-dot-horizontal-item-description-margin-top: 4px;
 @steps-dot-vertical-item-dot-margin-top: 8px;
@@ -3264,33 +3264,33 @@
 @steps-dot-vertical-item-icon-margin-right: 16px;
 @steps-dot-font-weight-item-title_active: 500;
 @steps-dot-border-radius-item-icon: 50%;
-@steps-dot-color-item-bg_wait: #b3c0d3;
+@steps-dot-color-item-bg_wait: #e7ecf0;
 @steps-dot-color-item-border_wait: #e7ecf0;
 @steps-dot-color-item-tail_wait: #cbd5e1;
 @steps-dot-color-item-title_wait: #334155;
-@steps-dot-color-item-description_wait: #6e7b8d;
+@steps-dot-color-item-description_wait: #94a3b8;
 @steps-dot-color-item-bg_process: rgb(var(--primary-6));
 @steps-dot-color-item-border_process: rgb(var(--primary-6));
 @steps-dot-color-item-tail_process: rgb(var(--primary-6));
 @steps-dot-color-item-title_process: var(--color-text-1);
-@steps-dot-color-item-description_process: var(--color-text-3);
-@steps-dot-color-item-bg_finish: rgb(var(--primary-6));
-@steps-dot-color-item-border_finish: rgb(var(--primary-6));
+@steps-dot-color-item-description_process: #94a3b8;
+@steps-dot-color-item-bg_finish: rgb(var(--link-2));
+@steps-dot-color-item-border_finish: #ffffff;
 @steps-dot-color-item-title_finish: #1e293b;
-@steps-dot-color-item-description_finish: #334155;
+@steps-dot-color-item-description_finish: #94a3b8;
 @steps-dot-color-item-bg_error: rgb(var(--danger-6));
 @steps-dot-color-item-border_error: rgb(var(--danger-6));
 @steps-dot-color-item-tail_error: rgb(var(--danger-6));
 @steps-dot-color-item-title_error: #334155;
-@steps-dot-color-item-description_error: #6e7b8d;
+@steps-dot-color-item-description_error: #94a3b8;
 @steps-arrow-size-item-gap: 4px;
 @steps-arrow-size-default-title-padding-left: 16px;
 @steps-arrow-size-small-title-padding-left: 20px;
 @steps-arrow-item-description-margin-top: 0;
 @steps-arrow-font-weight-item-title_active: 500;
-@steps-arrow-color-item-bg_wait: var(--color-fill-1);
-@steps-arrow-color-item-title_wait: #334155;
-@steps-arrow-color-item-description_wait: #6e7b8d;
+@steps-arrow-color-item-bg_wait: #e7ecf0;
+@steps-arrow-color-item-title_wait: #1e293b;
+@steps-arrow-color-item-description_wait: #94a3b8;
 @steps-arrow-color-item-bg_process: rgb(var(--primary-6));
 @steps-arrow-color-item-title_process: #ffffff;
 @steps-arrow-color-item-description_process: var(--color-white);
@@ -3334,7 +3334,7 @@
 @switch-line-height-bg-line: 6px;
 @switch-line-color-dot-shadow: #f2f5fc;
 @switch-color-bg_on: rgb(var(--primary-6));
-@switch-color-bg_off: var(--color-fill-1);
+@switch-color-bg_off: #94a3b8;
 @switch-color-bg_on_disabled: var(--color-primary-light-3);
 @switch-color-bg_off_disabled: #e2e8f0;
 @switch-color-bg_on_loading: rgb(var(--primary-3));
@@ -3541,7 +3541,7 @@
 @tabs-capsule-color-title-bg_hover: transparent;
 @tabs-capsule-size-separator-width: 1px;
 @tabs-capsule-size-separator-height: 14px;
-@tabs-capsule-color-separator-bg: var(--color-fill-3);
+@tabs-capsule-color-separator-bg: #e2e8f0;
 @tabs-margin-close-icon-left: 8px;
 @tabs-size-icon: 12px;
 @tabs-size-icon-bg: 16px;
@@ -3793,11 +3793,11 @@
 @tree-color-title-text_hover: #334155;
 @tree-color-title-text_active: #334155;
 @tree-color-title-text_disabled: #94a3b8;
-@tree-color-title-text_active_disabled: rgb(var(--primary-3));
-@tree-color-title-bg_hover: rgb(var(--primary-1));
+@tree-color-title-text_active_disabled: rgb(var(--primary-1));
+@tree-color-title-bg_hover: rgb(var(--primary-2));
 @tree-color-title-bg_highlight: rgb(var(--primary-1));
 @tree-color-title-text_highlight: var(--color-text-1);
-@tree-color-title-bg_dragging: #e7ecf0;
+@tree-color-title-bg_dragging: rgb(var(--primary-1));
 @tree-color-title-text_dragging: #7f8c9f;
 @tree-color-loading-icon: rgb(var(--primary-6));
 @tree-color-switcher-icon: #7f8c9f;