@arco-themes/react-skill-platform 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-skill-platform",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
   "author": "hongmeigh",
   "owners": [],

package/tokens.less

@@ -1052,11 +1052,11 @@
 
 /*********** input ***********/
 
-@input-color-bg: var(--color-fill-2);
-@input-color-bg_hover: var(--color-fill-3);
+@input-color-bg: #ffffff;
+@input-color-bg_hover: #ffffff;
 @input-color-bg_focus: var(--color-bg-2);
 @input-color-bg_disabled: var(--color-fill-2);
-@input-color-addon-bg: var(--color-fill-2);
+@input-color-addon-bg: #ffffff;
 @input-color-addon-border: var(--color-neutral-3);
 @input-border-addon-separator-width: 1px;
 @input-color-border_focus: rgb(var(--primary-6));
@@ -1085,9 +1085,9 @@
 @input-size-small-height: 28px;
 @input-size-large-height: 36px;
 @input-border-width: 1px;
-@input-color-border: transparent;
+@input-color-border: var(--color-neutral-3);
 @input-color-border_disabled: transparent;
-@input-color-border_hover: transparent;
+@input-color-border_hover: rgb(var(--primary-6));
 @input-color-border_error: transparent;
 @input-color-border_error_hover: transparent;
 @input-color-border_warning: transparent;
@@ -1142,8 +1142,8 @@
 @input-tag-color-placeholder: var(--color-text-3);
 @input-tag-color-icon-clear: var(--color-text-2);
 @input-tag-color-icon-clear-bg_hover: var(--color-fill-4);
-@input-tag-color-border_default: transparent;
-@input-tag-color-border_default_hover: transparent;
+@input-tag-color-border_default: var(--color-neutral-3);
+@input-tag-color-border_default_hover: rgb(var(--primary-6));
 @input-tag-color-border_default_focus: rgb(var(--primary-6));
 @input-tag-color-border_error: transparent;
 @input-tag-color-border_error_hover: transparent;
@@ -1151,7 +1151,7 @@
 @input-tag-color-border_disabled: transparent;
 @input-tag-color-border_disabled_hover: transparent;
 @input-tag-color-border_disabled_focus: transparent;
-@input-tag-color-bg_default: var(--color-fill-2);
+@input-tag-color-bg_default: #ffffff;
 @input-tag-color-bg_default_hover: var(--color-fill-3);
 @input-tag-color-bg_default_focus: var(--color-bg-2);
 @input-tag-color-bg_error: rgb(var(--danger-1));
@@ -1189,7 +1189,7 @@
 @input-tag-color-shadow_warning_focus: var(--color-warning-light-2);
 @input-tag-size-shadow_warning_focus: 0;
 @input-tag-addon-padding-horizontal: 12px;
-@input-tag-color-addon-bg: var(--color-fill-2);
+@input-tag-color-addon-bg: #ffffff;
 @input-tag-color-addon-border: var(--color-border-2);
 @input-tag-color-addon-border_default: transparent;
 @input-tag-border-addon-separator-width: 1px;
@@ -1259,15 +1259,15 @@
 @picker-size-shadow_focus: 0;
 @picker-color-shadow_error_focus: var(--color-danger-light-2);
 @picker-size-shadow_error_focus: 0;
-@picker-color-bg: var(--color-fill-2);
-@picker-color-bg_hover: var(--color-fill-3);
+@picker-color-bg: #ffffff;
+@picker-color-bg_hover: #ffffff;
 @picker-color-bg_focus: var(--color-bg-2);
 @picker-color-bg_disabled: var(--color-fill-2);
 @picker-color-bg_error: var(--color-danger-light-1);
 @picker-color-bg_error_hover: var(--color-danger-light-2);
 @picker-color-bg_error_focus: var(--color-bg-2);
-@picker-color-border: transparent;
-@picker-color-border_hover: transparent;
+@picker-color-border: var(--color-neutral-3);
+@picker-color-border_hover: rgb(var(--primary-6));
 @picker-color-border_focus: rgb(var(--primary-6));
 @picker-color-border_disabled: transparent;
 @picker-color-border_error: transparent;
@@ -1477,16 +1477,16 @@
 @select-color-icon_disabled: var(--color-text-4);
 @select-color-icon_focused: var(--color-text-2);
 @select-color-icon-bg_hover: var(--color-fill-4);
-@select-color-bg_default: var(--color-fill-2);
-@select-color-bg_default_hover: var(--color-fill-3);
+@select-color-bg_default: #ffffff;
+@select-color-bg_default_hover: #ffffff;
 @select-color-bg_default_focus: var(--color-bg-2);
 @select-color-bg_error_focus: var(--color-bg-2);
 @select-color-bg_error: var(--color-danger-light-1);
 @select-color-bg_error_hover: var(--color-danger-light-2);
 @select-color-bg_disabled: var(--color-fill-2);
 @select-color-bg_disabled_hover: var(--color-fill-2);
-@select-color-border_default: transparent;
-@select-color-border_default_hover: transparent;
+@select-color-border_default: var(--color-neutral-3);
+@select-color-border_default_hover: rgb(var(--primary-6));
 @select-color-border_default_focus: rgb(var(--primary-6));
 @select-color-border_error: transparent;
 @select-color-border_error_hover: transparent;
@@ -1526,7 +1526,7 @@
 @select-popup-group-title-font-size: 12px;
 @select-popup-group-title-color-text: var(--color-text-3);
 @select-addon-padding-horizontal: 12px;
-@select-color-addon-bg: var(--color-fill-2);
+@select-color-addon-bg: #ffffff;
 @select-color-addon-border: var(--color-border-2);
 @select-color-addon-border_default: transparent;
 @select-border-addon-separator-width: 1px;

package/variables.less

@@ -800,3 +800,18 @@
 @watermark-prefix-cls: ~'@{prefix}-watermark';
 @verification-code-prefix-cls: ~'@{prefix}-verification-code';
 @color-prefix-cls: ~'@{prefix}-color';
+@input-color-bg: @color-bg-white;
+@input-color-border: @color-border-2;
+@input-color-bg_hover: @color-bg-white;
+@input-color-border_hover: @color-primary-6;
+@picker-color-bg: @color-bg-white;
+@picker-color-border: @color-border-2;
+@picker-color-bg_hover: @color-bg-white;
+@picker-color-border_hover: @color-primary-6;
+@input-tag-color-bg_default: @color-bg-white;
+@input-tag-color-border_default: @color-border-2;
+@input-tag-color-border_default_hover: @color-primary-6;
+@select-color-border_default: @color-border-2;
+@select-color-bg_default: @color-bg-white;
+@select-color-bg_default_hover: @color-bg-white;
+@select-color-border_default_hover: @color-primary-6;