@arco-themes/react-devspace 0.0.3 → 0.0.4

package/package.json

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

package/tokens.less

@@ -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));
@@ -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,7 +1499,7 @@
 @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;
@@ -1511,8 +1511,8 @@
 @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;
@@ -1856,7 +1856,7 @@
 @btn-dashed-color-bg_hover: rgb(var(--primary-1));
 @btn-dashed-color-bg_active: rgb(var(--primary-2));
 @btn-dashed-color-border: #cbd5e1;
-@btn-dashed-color-border_disabled: transparent;
+@btn-dashed-color-border_disabled: rgb(var(--primary-1));
 @btn-dashed-color-border_hover: rgb(var(--primary-3));
 @btn-dashed-color-border_active: transparent;
 @btn-dashed-color-text_warning: rgb(var(--warning-6));
@@ -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_hover: rgb(var(--primary-1));
 @dropdown-option-color-bg_selected: rgb(var(--primary-2));
 @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;
@@ -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: #cbd5e1;
 @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-text_active_disabled: rgb(var(--primary-2));
 @tree-color-title-bg_hover: rgb(var(--primary-1));
 @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;

package/variables.less

@@ -833,7 +833,7 @@
 @calendar-color-bg-switch-icon: @color-transparent;
 @steps-circle-color-item-title_finish: @color-text-2;
 @card-border-radius: @border-radius-medium;
-@select-popup-option-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
+@select-popup-option-color-text_hover: @color-text-1;
 @tree-color-title-text_active: @color-text-2;
 @alert-padding-horizontal_with_title: @spacing-7;
 @transfer-item-color-bg_hover: @color-primary-2;
@@ -859,7 +859,7 @@
 @tabs-card-color-title-bg_hover: @color-bg-3;
 @table-size-mini-padding-vertical: 2px;
 @tabs-color-icon: var(~'@{arco-cssvars-prefix}-color-text-2');
-@btn-outline-color-text_disabled: @color-text-6;
+@btn-outline-color-text_disabled: @color-text-5;
 @btn-outline-color-border_hover: @color-text-5;
 @rate-min-height: @size-default;
 @table-size-default-padding-vertical: @spacing-5;
@@ -999,7 +999,7 @@
 @input-tag-tag-color-border: @color-transparent;
 @message-warning-color-bg: @color-bg-1;
 @result-padding-top: @spacing-9;
-@link-color-text_disabled: @color-text-6;
+@link-color-text_disabled: @color-text-5;
 @badge-size-count-height: @size-5;
 @modal-default-size-header-height: @size-16;
 @tag-gray-color-icon: rgb(var(~'@{arco-cssvars-prefix}-gray-6'));
@@ -1037,7 +1037,7 @@
 @notification-warning-color-border: @color-transparent;
 @btn-outline-color-bg_warning_disabled: @color-transparent;
 @btn-text-color-text_danger_hover: @color-danger-5;
-@dropdown-option-color-bg_hover: @color-primary-2;
+@dropdown-option-color-bg_hover: @color-primary-1;
 @progress-line-size-small-margin-text-left: @spacing-7;
 @descriptions-color-border: @color-border-2;
 @radio-color-bg_disabled: @color-fill-2;
@@ -1121,7 +1121,7 @@
 @slider-color-mark-font: @color-text-3;
 @radio-button-color-text_disabled: @color-text-6;
 @timepicker-color-border: @color-transparent;
-@select-popup-option-color-bg_disabled: @color-fill-5;
+@select-popup-option-color-bg_disabled: @color-fill-3;
 @tabs-line-color-ink-bg: @color-primary-6;
 @transfer-item-draggable-color_blink: var(~'@{arco-cssvars-prefix}-color-primary-light-1');
 @btn-dashed-color-bg_active: @color-primary-2;
@@ -1134,7 +1134,7 @@
 @search-size-icon: 14px;
 @cascader-size-item-height: @size-9;
 @page-header-size-back-icon-bg_hover: 30px;
-@select-popup-option-color-text_selected: var(~'@{arco-cssvars-prefix}-color-text-2');
+@select-popup-option-color-text_selected: @color-text-1;
 @progress-line-color-icon_normal: @color-text-2;
 @input-tag-tag-color-bg_disabled: @color-fill-2;
 @btn-outline-color-border_danger_disabled: @color-danger-2;
@@ -1468,7 +1468,7 @@
 @btn-secondary-color-text_hover: @color-primary-5;
 @btn-primary-color-bg_warning_disabled: @color-warning-1;
 @picker-size-default: @size-8;
-@picker-panel-color-bg-cell_hover: @color-transparent;
+@picker-panel-color-bg-cell_hover: @color-primary-2;
 @btn-secondary-color-border_success: @color-success-6;
 @btn-size-small-font-size: @font-size-body-2;
 @form-color-bg_error_focus: @color-bg-white;
@@ -1510,7 +1510,7 @@
 @btn-primary-color-bg_warning_active: @color-warning-7;
 @form-color-bg_warning: @color-warning-1;
 @message-info-color-content: @color-text-2;
-@dropdown-option-color-text_hover: @color-text-2;
+@dropdown-option-color-text_hover: @color-primary-6;
 @modal-color-content-text: @color-text-2;
 @pagination-color-bg-item_active: @color-primary-2;
 @tree-margin-checkbox-right: @spacing-4;
@@ -1599,7 +1599,7 @@
 @input-color-placeholder-text: @color-text-5;
 @descriptions-border-radius: @border-radius-large;
 @slider-size-road-width: 2px;
-@btn-dashed-color-border_disabled: @color-transparent;
+@btn-dashed-color-border_disabled: @color-primary-1;
 @menu-light-color-bg-button: @color-fill-1;
 @btn-dashed-color-text_success_hover: @color-success-6;
 @tabs-text-color-title-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
@@ -1609,7 +1609,7 @@
 @auto-complete-option-color-text_disabled: @color-text-5;
 @list-size-default-padding-horizontal-header: @spacing-6;
 @btn-primary-color-text_success: @color-white;
-@select-popup-option-color-text_disabled: @color-text-6;
+@select-popup-option-color-text_disabled: @color-text-5;
 @steps-label-vertical-content-width: 140px;
 @collapse-title-color-border: @color-border-2;
 @pagination-color-item-text_hover: @color-text-2;
@@ -1715,7 +1715,7 @@
 @btn-outline-color-bg_success_active: @color-success-1;
 @badge-color-count-text: @color-white;
 @select-color-text_disabled: @color-text-5;
-@select-color-placeholder_disabled: @color-text-6;
+@select-color-placeholder_disabled: @color-text-5;
 @table-border-width: @border-1;
 @tabs-line-margin-title-horizontal_first: @spacing-none;
 @steps-circle-color-item-tail_wait: @color-border-1;
@@ -1781,7 +1781,7 @@
 @picker-color-placeholder_disabled: @color-text-6;
 @auto-complete-popup-border-radius: @border-radius-medium;
 @checkbox-color-check-icon: var(~'@{arco-cssvars-prefix}-color-white');
-@select-color-bg_disabled: @color-fill-2;
+@select-color-bg_disabled: @color-fill-3;
 @btn-outline-color-text: @color-text-1;
 @tabs-rounded-color-title-bg_disabled: @color-fill-2;
 @notification-warning-color-bg: @color-bg-1;
@@ -1988,7 +1988,7 @@
 @picker-color-border_disabled: @color-border-2;
 @progress-circle-size-mini-color-mask-stroke_success: @color-success-3;
 @table-size-small-font-header-size: @font-size-body-3;
-@picker-color-bg-cell-range-boundary: @color-transparent;
+@picker-color-bg-cell-range-boundary: @color-primary-6;
 @steps-size-small-arrow: @size-9;
 @steps-dot-color-item-title_finish: @color-text-1;
 @menu-dark-color-button: @color-white;
@@ -2028,9 +2028,9 @@
 @btn-secondary-color-border_danger_disabled: @color-danger-2;
 @alert-error-color-bg: @color-danger-1;
 @steps-circle-color-item-description_process: @color-primary-6;
-@tree-color-title-text_active_disabled: @color-primary-3;
+@tree-color-title-text_active_disabled: @color-primary-2;
 @table-color-header-sorter-icon: @color-text-3;
-@dropdown-option-color-text_disabled: @color-text-6;
+@dropdown-option-color-text_disabled: @color-text-5;
 @menu-dark-color-item_default: @color-text-4;
 @tree-size-small-font-size: @font-size-body-3;
 @card-size-small-padding-horizontal-title: @spacing-8;
@@ -2041,7 +2041,7 @@
 @pagination-size-icon-arrow_default: @size-3;
 @cascader-color-item-icon: @color-text-2;
 @radio-button-color-bg_disabled: @color-fill-2;
-@switch-color-bg_off: var(~'@{arco-cssvars-prefix}-color-fill-1');
+@switch-color-bg_off: @color-fill-1;
 @select-color-placeholder_focused: @color-text-4;
 @slider-color-road-bg_disabled: @color-fill-2;
 @empty-color-text: @color-text-6;
@@ -2087,8 +2087,11 @@
 @comment-color-author-text: @color-text-5;
 @tabs-card-gutter-color-title-bg_disabled: @color-fill-3;
 @tabs-padding-title-text-vertical: @spacing-4;
-@tree-color-title-bg_dragging: @color-fill-3;
+@tree-color-title-bg_dragging: @color-primary-1;
 @color-input-bg-color: @color-fill-3;
 @color-value-font-color: @color-text-2;
 @color-preview-border-color: @color-fill-3;
 @btn-secondary-color-border_hover: @color-primary-3;
+@btn-outline-color-text_active: @color-text-1;
+@picker-panel-color-text-cell_hover: @color-primary-6;
+@tabs-capsule-color-separator-bg: @color-border-2;