@arco-themes/vue-slead 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/vue-slead",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "",
   "author": "chowchiihang",
   "owners": [],

package/theme.css

@@ -61,7 +61,7 @@ body {
   --border-radius-none: 0;
   --border-radius-small: 2px;
   --border-radius-medium: 4px;
-  --border-radius-large: 8px;
+  --border-radius-large: 10px;
   --border-radius-circle: 50%;
   --color-tooltip-bg: rgb(var(--gray-10));
   --color-spin-layer-bg: rgba(255, 255, 255, 0.6);

package/theme.less

@@ -72,7 +72,7 @@
 @border-radius-none: 0;
 @border-radius-small: 2px;
 @border-radius-medium: 4px;
-@border-radius-large: 8px;
+@border-radius-large: 10px;
 @border-radius-circle: 50%;
 @border-none: 0;
 @border-1: 1px;
@@ -212,8 +212,8 @@
 @spacing-22: 120px;
 @size-mini: @size-6;
 @size-small: @size-7;
-@size-default: @size-8;
-@size-large: @size-9;
+@size-default: @size-9;
+@size-large: @size-10;
 @upload-prefix-cls: ~'@{prefix}-upload';
 @steps-prefix-cls: ~'@{prefix}-steps';
 @image-prefix-cls: ~'@{prefix}-image';

package/tokens.less

@@ -585,7 +585,7 @@
 @border-radius-none: 0;
 @border-radius-small: 2px;
 @border-radius-medium: 4px;
-@border-radius-large: 8px;
+@border-radius-large: 10px;
 @border-radius-circle: 50%;
 
 
@@ -655,8 +655,8 @@
 @size-50: 200px;
 @size-mini: 24px;
 @size-small: 28px;
-@size-default: 32px;
-@size-large: 36px;
+@size-default: 36px;
+@size-large: 40px;
 
 
 /*********** spacing ***********/
@@ -796,8 +796,8 @@
 @color-preview-size-large: 26px;
 @color-input-size-mini-padding: 4px 4px;
 @color-input-size-small-padding: 3px 4px;
-@color-input-size-medium-padding: 4px 4px;
-@color-input-size-large-padding: 5px 5px;
+@color-input-size-medium-padding: 6px 4px;
+@color-input-size-large-padding: 7px 5px;
 @color-input-bg-color: var(--color-fill-2);
 @color-value-margin-left: 4px;
 @color-value-font-color: var(--color-text-1);
@@ -915,7 +915,7 @@
 
 /*********** global ***********/
 
-@size-medium: 32px;
+@size-medium: 36px;
 @icon-hover-size-medium-height: 20px;
 @icon-hover-size-medium-icon: 12px;
 
@@ -1029,11 +1029,11 @@
 
 /*********** input ***********/
 
-@input-color-bg: var(--color-fill-2);
+@input-color-bg: #ffffff;
 @input-color-bg_hover: var(--color-fill-3);
 @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));
@@ -1049,13 +1049,13 @@
 @input-color-border_error_focus: rgb(var(--danger-6));
 @input-color-shadow_error_focus: var(--color-danger-light-2);
 @input-size-shadow_error_focus: 0;
-@input-border-radius: var(--border-radius-small);
-@input-size-default-height: 32px;
+@input-border-radius: 4px;
+@input-size-default-height: 36px;
 @input-size-mini-height: 24px;
 @input-size-small-height: 28px;
-@input-size-large-height: 36px;
+@input-size-large-height: 40px;
 @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_error: transparent;
@@ -1086,7 +1086,7 @@
 @input-group-border-radius_compact: var(--border-radius-small);
 @input-group-border-separator-width: 1px;
 @input-group-color-separator-border: var(--color-neutral-3);
-@input-size-medium-height: 32px;
+@input-size-medium-height: 36px;
 @input-size-medium-font-size: 14px;
 @input-size-mini-line-height: 1.667;
 @input-size-small-line-height: 1.5715;
@@ -1099,8 +1099,8 @@
 @input-label-prefix-cls: ~'@{prefix}-input-label';
 @input-tag-size-mini-height: 24px;
 @input-tag-size-small-height: 28px;
-@input-tag-size-default-height: 32px;
-@input-tag-size-large-height: 36px;
+@input-tag-size-default-height: 36px;
+@input-tag-size-large-height: 40px;
 @input-tag-size-mini-tag-height: 20px;
 @input-tag-size-small-tag-height: 20px;
 @input-tag-size-default-tag-height: 24px;
@@ -1139,28 +1139,28 @@
 @input-tag-tag-margin-right: 4px;
 @input-tag-tag-margin-vertical: 2px;
 @input-tag-padding-horizontal: 4px;
-@input-tag-border-radius: var(--border-radius-small);
+@input-tag-border-radius: 2px;
 @input-tag-border-width: 1px;
 @input-tag-size-icon-clear: 12px;
 @input-tag-size-icon-clear_hover: 20px;
 @input-tag-tag-font-size: 12px;
-@input-tag-tag-color-bg: var(--color-bg-2);
+@input-tag-tag-color-bg: var(--color-neutral-2);
 @input-tag-tag-color-bg_focus: var(--color-fill-2);
 @input-tag-tag-color-bg_disabled: var(--color-fill-2);
-@input-tag-tag-color-border: var(--color-fill-3);
+@input-tag-tag-color-border: transparent;
 @input-tag-tag-color-border_disabled: var(--color-fill-3);
 @input-tag-tag-color-border_focus: var(--color-fill-2);
 @input-tag-tag-remove-icon-color-bg: var(--color-fill-2);
 @input-tag-tag-remove-icon-color-bg_focus: var(--color-fill-3);
-@input-tag-size-medium-height: 32px;
+@input-tag-size-medium-height: 36px;
 @input-tag-size-medium-tag-height: 24px;
 @input-tag-size-medium-font-size: 14px;
 @input-number-border-radius: var(--border-radius-small);
 @input-number-step-layer-border-radius: 1px;
 @input-number-size-mini-step-button-width: 24px;
 @input-number-size-small-step-button-width: 28px;
-@input-number-size-default-step-button-width: 32px;
-@input-number-size-large-step-button-width: 36px;
+@input-number-size-default-step-button-width: 36px;
+@input-number-size-large-step-button-width: 40px;
 @input-number-step-button-color: var(--color-text-2);
 @input-number-step-button-color_disabled: var(--color-text-4);
 @input-number-step-button-color-border: var(--color-neutral-3);
@@ -1191,7 +1191,7 @@
 @textarea-font-tip-size: 12px;
 @textarea-layout-tip-right: 10px;
 @textarea-layout-tip-bottom: 6px;
-@textarea-size-min-height: 32px;
+@textarea-size-min-height: 36px;
 @textarea-size-icon-clear: 12px;
 @textarea-layout-top-icon-clear: 10px;
 @textarea-prefix-cls: ~'@{prefix}-textarea';
@@ -1214,8 +1214,8 @@
 
 @picker-size-mini: 24px;
 @picker-size-small: 28px;
-@picker-size-default: 32px;
-@picker-size-large: 36px;
+@picker-size-default: 36px;
+@picker-size-large: 40px;
 @picker-size-mini-font-size-text: 12px;
 @picker-size-small-font-size-text: 14px;
 @picker-size-default-font-size-text: 14px;
@@ -1225,14 +1225,14 @@
 @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: #ffffff;
 @picker-color-bg_hover: var(--color-fill-3);
 @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: var(--color-neutral-3);
 @picker-color-border_hover: transparent;
 @picker-color-border_focus: rgb(var(--primary-6));
 @picker-color-border_disabled: transparent;
@@ -1468,6 +1468,7 @@
 @select-popup-group-title-padding-top: 8px;
 @select-popup-group-title-font-size: 12px;
 @select-popup-group-title-color-text: var(--color-text-3);
+@select-border-radius: 4px;
 @select-size-mini-height: @size-mini;
 @select-size-small-height: @size-small;
 @select-size-default-height: @size-default;
@@ -1481,7 +1482,6 @@
 @select-signal-size-default-padding: @spacing-6;
 @select-signal-size-large-padding: @spacing-7;
 @select-multi-padding: @spacing-2;
-@select-border-radius: @radius-small;
 @select-color-text_default: var(--color-text-1);
 @select-color-text_disabled: var(--color-text-4);
 @select-color-text_focused: var(--color-text-1);
@@ -1714,8 +1714,8 @@
 @btn-size-large-radius: 4px;
 @btn-size-mini-height: 24px;
 @btn-size-small-height: 28px;
-@btn-size-default-height: 32px;
-@btn-size-large-height: 36px;
+@btn-size-default-height: 36px;
+@btn-size-large-height: 40px;
 @btn-size-mini-border-width: 1px;
 @btn-size-small-border-width: 1px;
 @btn-size-default-border-width: 1px;
@@ -1987,7 +1987,7 @@
 @btn-size-medium-icon-vertical-align: -2px;
 @btn-size-medium-padding-horizontal: 15px;
 @btn-size-medium-font-size: 14px;
-@btn-size-medium-height: 32px;
+@btn-size-medium-height: 36px;
 @btn-box-shadow-radius: 0.25em;
 @btn-primary-color-box-shadow: rgb(var(--primary-3));
 @btn-outline-color-box-shadow: rgb(var(--primary-3));
@@ -2746,11 +2746,11 @@
 @message-padding-left: 16px;
 @message-padding-right: 16px;
 @message-margin-bottom: 16px;
-@message-border-radius: var(--border-radius-small);
+@message-border-radius: 4px;
 @message-font-size-icon: 20px;
 @message-font-size-content: 14px;
 @message-icon-margin-right: 8px;
-@message-border-width: 1px;
+@message-border-width: 0;
 @message-border-style: solid;
 @message-color-close-icon: var(--color-text-1);
 @message-close-icon-font-size: 12px;
@@ -2759,7 +2759,7 @@
 @message-normal-color-bg: var(--color-bg-popup);
 @message-normal-color-icon: var(--color-text-1);
 @message-normal-color-content: var(--color-text-1);
-@message-normal-color-border: var(--color-neutral-3);
+@message-normal-color-border: transparent;
 @message-info-color-bg: var(--color-bg-popup);
 @message-info-color-icon: rgb(var(--primary-6));
 @message-info-color-content: var(--color-text-1);
@@ -2792,7 +2792,7 @@
 @modal-margin-top: 100px;
 @modal-margin-tip-icon-right: 10px;
 @modal-margin-footer-button-left: 12px;
-@modal-color-border: var(--color-neutral-3);
+@modal-color-border: transparent;
 @modal-color-header-text: var(--color-text-1);
 @modal-color-content-text: var(--color-text-1);
 @modal-font-header-size: 16px;
@@ -2802,7 +2802,7 @@
 @modal-default-padding-footer-vertical: 16px;
 @modal-default-size-width: 520px;
 @modal-font-content-size: 14px;
-@modal-default-align-header: center;
+@modal-default-align-header: left;
 @modal-simple-align-header: center;
 @modal-simple-size-width: 400px;
 @modal-simple-padding-horizontal: 32px;
@@ -2918,8 +2918,8 @@
 @pagination-margin-jumper-left: 8px;
 @pagination-size-mini: 24px;
 @pagination-size-small: 28px;
-@pagination-size-default: 32px;
-@pagination-size-large: 36px;
+@pagination-size-default: 36px;
+@pagination-size-large: 40px;
 @pagination-padding-horizontal: 8px;
 @pagination-size-mini-font-size: 12px;
 @pagination-size-small-font-size: 14px;
@@ -3096,10 +3096,10 @@
 @radio-button-color-separator-bg: var(--color-neutral-3);
 @radio-button-size-separator-width: 1px;
 @radio-button-size-separator-height: 14px;
-@radio-size-default-height: 32px;
+@radio-size-default-height: 36px;
 @radio-size-small-height: 28px;
 @radio-size-mini-height: 24px;
-@radio-size-large-height: 36px;
+@radio-size-large-height: 40px;
 @radio-group-size-line-height_vertical: 32px;
 @radio-prefix-cls: ~'@{prefix}-radio';
 @radio-group-button-color-bg_dark: var(--color-bg-3);
@@ -3108,7 +3108,7 @@
 
 /*********** rate ***********/
 
-@rate-min-height: 32px;
+@rate-min-height: 36px;
 @rate-gap-size: 8px;
 @rate-font-size: 24px;
 @rate-scale_active: 1.2;
@@ -3790,8 +3790,8 @@
 @tree-size-large-font-size: 14px;
 @tree-size-mini-line-height: 24px;
 @tree-size-small-line-height: 28px;
-@tree-size-default-line-height: 32px;
-@tree-size-large-line-height: 36px;
+@tree-size-default-line-height: 36px;
+@tree-size-large-line-height: 40px;
 @tree-node-prefix-cls: ~'@{prefix}-tree-node';
 
 

package/variables.less

@@ -66,7 +66,7 @@
 @border-radius-none: 0;
 @border-radius-small: 2px;
 @border-radius-medium: 4px;
-@border-radius-large: 8px;
+@border-radius-large: 10px;
 @border-radius-circle: 50%;
 @border-none: 0;
 @border-1: 1px;
@@ -206,8 +206,8 @@
 @spacing-22: 120px;
 @size-mini: @size-6;
 @size-small: @size-7;
-@size-default: @size-8;
-@size-large: @size-9;
+@size-default: @size-9;
+@size-large: @size-10;
 @upload-prefix-cls: ~'@{prefix}-upload';
 @steps-prefix-cls: ~'@{prefix}-steps';
 @image-prefix-cls: ~'@{prefix}-image';
@@ -803,3 +803,17 @@
 @btn-border-radius: @border-radius-medium;
 @menu-horizontal-item-height: 54px;
 @menu-horizontal-padding-vertical: @spacing-4;
+@input-color-bg: @color-bg-white;
+@input-color-border: @color-border-2;
+@picker-color-bg: @color-bg-white;
+@picker-color-border: @color-border-2;
+@input-tag-tag-color-bg: @color-fill-2;
+@input-tag-tag-color-border: @color-transparent;
+@input-border-radius: @border-radius-medium;
+@select-border-radius: @border-radius-medium;
+@input-tag-border-radius: @border-radius-small;
+@modal-default-align-header: left;
+@modal-color-border: @color-transparent;
+@message-border-radius: @border-radius-medium;
+@message-normal-color-border: @color-transparent;
+@message-border-width: @border-none;