@arco-themes/react-devspace 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-devspace",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "",
   "author": "linhui-plus",
   "owners": [],
@@ -14,6 +14,6 @@
   "depLibrary": "@arco-design/web-react",
   "tag": "latest",
   "peerDependencies": {
-    "@arco-design/web-react": "^2.66.16"
+    "@arco-design/web-react": "^2.66.18"
   }
 }

package/theme.css

@@ -263,13 +263,13 @@ 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-3: 191, 233, 255;
-  --primary-4: 143, 208, 255;
-  --primary-5: 67, 174, 251;
-  --primary-6: 4, 141, 254;
-  --primary-7: 1, 124, 238;
+  --primary-1: 232, 241, 255;
+  --primary-2: 210, 229, 255;
+  --primary-3: 165, 204, 255;
+  --primary-4: 76, 154, 255;
+  --primary-5: 0, 101, 255;
+  --primary-6: 0, 82, 204;
+  --primary-7: 7, 71, 166;
   --primary-8: var(--arcoblue-8);
   --primary-9: var(--arcoblue-9);
   --primary-10: var(--arcoblue-10);

package/theme.less

@@ -414,10 +414,10 @@
 @dark-orange-5: #FF8D1F;
 @dark-blue-8: #A1D5FD;
 @dark-orangered-10: #FFF4EB;
-@primary-1: rgb(238, 246, 255);
+@primary-1: rgb(232, 241, 255);
 @dark-red-8: #FBB0A7;
 @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
-@primary-4: rgb(143, 208, 255);
+@primary-4: rgb(76, 154, 255);
 @dark-lime-10: #FDFFEE;
 @dark-gray-5: #78787a;
 @dark-yellow-5: #FAE13C;
@@ -442,7 +442,7 @@
 @dark-red-1: #4D000A;
 @dark-purple-4: #5A25B0;
 @dark-green-9: #B2F0B7;
-@primary-6: rgb(4, 141, 254);
+@primary-6: rgb(0, 82, 204);
 @dark-pinkpurple-6: #E13DDB;
 @dark-cyan-6: #3FD4CF;
 @dark-primary-10: rgb(179, 211, 255);
@@ -489,7 +489,7 @@
 @dark-green-3: #0A802D;
 @dark-orangered-2: #771E05;
 @warning-5: rgb(255, 173, 87);
-@primary-7: rgb(1, 124, 238);
+@primary-7: rgb(7, 71, 166);
 @primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @dark-cyan-9: #BEF4ED;
 @link-3: rgb(191, 220, 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(210, 229, 255);
 @dark-cyan-10: #F0FFFC;
 @dark-gray-10: #f6f6f6;
 @dark-warning-3: rgb(115, 78, 60);
@@ -535,10 +535,10 @@
 @warning-6: rgb(251, 146, 60);
 @link-6: rgb(0, 125, 250);
 @dark-danger-3: rgb(107, 59, 71);
-@primary-5: rgb(67, 174, 251);
+@primary-5: rgb(0, 101, 255);
 @dark-orange-9: #FFE3B8;
 @dark-warning-9: rgb(242, 189, 162);
-@primary-3: rgb(191, 233, 255);
+@primary-3: rgb(165, 204, 255);
 @warning-3: rgb(254, 215, 170);
 @dark-orange-6: #FF9626;
 @dark-purple-5: #7B3DD1;

package/tokens.less

@@ -480,13 +480,13 @@
 
 /*********** primary ***********/
 
-@primary-1: #eef6ff;
-@primary-2: #d9f3ff;
-@primary-3: #bfe9ff;
-@primary-4: #8fd0ff;
-@primary-5: #43aefb;
-@primary-6: #048dfe;
-@primary-7: #017cee;
+@primary-1: #e8f1ff;
+@primary-2: #d2e5ff;
+@primary-3: #a5ccff;
+@primary-4: #4c9aff;
+@primary-5: #0065ff;
+@primary-6: #0052cc;
+@primary-7: #0747a6;
 @primary-8: rgb(var(--arcoblue-8));
 @primary-9: rgb(var(--arcoblue-9));
 @primary-10: rgb(var(--arcoblue-10));
@@ -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;
 
 
@@ -1502,9 +1502,9 @@
 @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;
@@ -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: rgb(var(--primary-1));
-@btn-dashed-color-border_hover: rgb(var(--primary-3));
+@btn-dashed-color-border_disabled: transparent;
+@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));
@@ -2323,7 +2323,7 @@
 @dropdown-option-font-weight_selected: 500;
 @dropdown-option-color-bg_default: transparent;
 @dropdown-option-color-bg_hover: rgb(var(--primary-1));
-@dropdown-option-color-bg_selected: rgb(var(--primary-2));
+@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: rgb(var(--primary-6));
@@ -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: #cbd5e1;
+@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));
@@ -3793,8 +3793,8 @@
 @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-2));
-@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: rgb(var(--primary-1));