@arco-themes/react-aiux2026 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
   "author": "dobe25381-gif",
   "owners": [],
@@ -14,6 +14,6 @@
   "depLibrary": "@arco-design/web-react",
   "tag": "latest",
   "peerDependencies": {
-    "@arco-design/web-react": "^2.66.13"
+    "@arco-design/web-react": "^2.66.14"
   }
 }

package/theme.less

@@ -1608,10 +1608,13 @@
   color: var(--color-text-2);
   border-width: 0 !important;
   box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.1);
-  padding: 8px 12px;
+  padding: 12px 12px;
   font-size: 12px;
   border-radius: 4px;
   line-height: 1.5715;
+  &.arco-tooltip-mini {
+    padding: 8px 12px;
+  }
 }
 
 .arco-tooltip .arco-trigger-arrow {
@@ -1751,6 +1754,15 @@
 }
 
 // Input
+.arco-input:disabled:not(:placeholder-shown) {
+  background-color: var(--color-fill-2);
+  border-color: var(--color-border-3);
+  cursor: not-allowed;
+  &:hover {
+    border-color: var(--color-border-3);
+  }
+}
+
 .arco-input-group > :first-child.arco-input-inner-wrapper.arco-input-inner-wrapper-focus:not(:only-child) {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
@@ -2027,7 +2039,7 @@
   .arco-input-group-addbefore,
   .arco-input-group-addafter {
     border-color: var(--color-border-3);
-    .arco-input-number-step-button {
+    .arco-input-number-step-button:not(.arco-input-number-step-button-disabled) {
       &:hover {
         background-color: transparent;
         border-color: rgb(var(--primary-5));
@@ -2040,15 +2052,15 @@
   }
   .arco-input-group-addbefore {
     &:hover, &:active {
-      + .arco-input-inner-wrapper {
+      + .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled) {
         border-left-color: rgb(var(--primary-5));
       }
     }
   }
-  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:hover) .arco-input-inner-wrapper {
+  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:hover) .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled) {
     border-right-color: rgb(var(--primary-5));
   }
-  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:active) .arco-input-inner-wrapper {
+  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:active) .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled) {
     border-right-color: rgb(var(--primary-7));
   }
   .arco-input-inner-wrapper {
@@ -2247,12 +2259,14 @@
   }
 }
 .arco-collapse {
-  .arco-collapse-item-header-icon {
-    &:hover {
-      color: rgb(var(--primary-5));
-    }
-    &:active {
-      color: rgb(var(--primary-7));
+  .arco-icon-hover:not(.arco-icon-hover-disabled) {
+    .arco-collapse-item-header-icon {
+      &:hover {
+        color: rgb(var(--primary-5));
+      }
+      &:active {
+        color: rgb(var(--primary-7));
+      }
     }
   }
 }
@@ -2261,6 +2275,16 @@
     &::before {
       display: none;
     }
+  }
+  .arco-tabs-header-title.arco-tabs-header-title-disabled {
+    .arco-tabs-icon-hover {
+      color: var(--color-text-4);
+    }
+  }
+  .arco-tabs-header-title:not(.arco-tabs-header-title-disabled) .arco-tabs-icon-hover, .arco-tabs-add-icon-hover {
+    &::before {
+      display: none;
+    }
     &:hover {
       color: rgb(var(--primary-5));
     }
@@ -2287,10 +2311,21 @@
     }
   }
 }
+.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden),
+.arco-picker-header-icon:not(.arco-picker-header-icon-hidden) {
+  &:hover {
+    color: rgb(var(--primary-5));
+    background-color: transparent;
+  }
+  &:active {
+    color: rgb(var(--primary-7));
+  }
+}
 .arco-drawer,
 .arco-message,
 .arco-modal,
-.arco-notification {
+.arco-notification,
+.arco-input-tag {
   .arco-icon-hover {
     &::before {
       display: none;
@@ -2356,10 +2391,21 @@
 .arco-popover-title,
 .arco-notification-title,
 .arco-modal-title,
+.arco-popconfirm-has-content .arco-popconfirm-title,
 .arco-popconfirm-title {
   font-weight: 600;
 }
 
+.drawer-sm {
+  width: 600px;
+}
+.drawer-md {
+  width: 900px;
+}
+.drawer-lg {
+  width: 1200px;
+}
+
 body[arco-theme='dark'] {
   .arco-tooltip {
     .arco-tooltip-content {
@@ -2387,5 +2433,4 @@ body[arco-theme='dark'] {
       border-width: 1px;
     }
   }
-
 }

package/tokens.less

@@ -1137,14 +1137,14 @@
 @input-size-large-font-size: 14px;
 @input-size-mini-font-size: 12px;
 @input-font-tip-size: 12px;
-@input-size-mini-icon-suffix-size: 12px;
+@input-size-mini-icon-suffix-size: 14PX;
 @input-size-small-icon-suffix-size: 14px;
-@input-size-default-icon-suffix-size: 14px;
-@input-size-large-icon-suffix-size: 14px;
-@input-size-mini-icon-addon-size: 12px;
+@input-size-default-icon-suffix-size: 16px;
+@input-size-large-icon-suffix-size: 16px;
+@input-size-mini-icon-addon-size: 14PX;
 @input-size-small-icon-addon-size: 14px;
-@input-size-default-icon-addon-size: 14px;
-@input-size-large-icon-addon-size: 14px;
+@input-size-default-icon-addon-size: 16px;
+@input-size-large-icon-addon-size: 16px;
 @input-size-icon-clear: 12px;
 @input-color-prefix-text: var(--color-text-2);
 @input-color-suffix-text: var(--color-text-2);
@@ -1208,7 +1208,7 @@
 @input-tag-padding-horizontal: 4px;
 @input-tag-border-radius: 4px;
 @input-tag-border-width: 1px;
-@input-tag-size-icon-clear: 12px;
+@input-tag-size-icon-clear: 16px;
 @input-tag-size-icon-clear_hover: 20px;
 @input-tag-tag-font-size: 14px;
 @input-tag-tag-color-bg: var(--color-fill-3);
@@ -1451,7 +1451,7 @@
 @anchor-title-margin-bottom: 2px;
 @anchor-title-margin-left_horizontal: 16px;
 @anchor-color-title: var(--color-text-2);
-@anchor-color-title_hover: var(--color-text-1);
+@anchor-color-title_hover: var(--color-text-2);
 @anchor-color-title_active: var(--color-text-1);
 @anchor-font-weight-title_hover: 400;
 @anchor-font-weight-title_horizontal_hover: 400;
@@ -2131,7 +2131,7 @@
 @checkbox-group-size-line-height_vertical: 32px;
 @checkbox-size-check-icon: 8px;
 @checkbox-color-check-icon: var(--color-white);
-@checkbox-color-check-icon_disabled: #9ca3b8;
+@checkbox-color-check-icon_disabled: var(--color-text-4);
 @checkbox-color-indeterminate-icon-width: 6px;
 @checkbox-color-indeterminate-icon-height: 2px;
 @checkbox-color-indeterminate-icon: var(--color-white);

package/variables.less

@@ -1062,7 +1062,7 @@
 @checkbox-mask-color-bg_checked_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
 @checkbox-mask-color-border_checked: @color-transparent;
 @checkbox-mask-color-border_checked_disabled: var(~'@{arco-cssvars-prefix}-color-border-3');
-@checkbox-color-check-icon_disabled: @color-text-4;
+@checkbox-color-check-icon_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
 @checkbox-mask-color-border_disabled: var(~'@{arco-cssvars-prefix}-color-border-3');
 @color-preview-border-color: var(~'@{arco-cssvars-prefix}-color-border-3');
 @color-input-border-radius: @border-radius-medium;
@@ -1384,7 +1384,7 @@
 @search-button-padding-horizontal: @spacing-4;
 @search-size-icon: 14px;
 @input-tag-border-radius: @border-radius-medium;
-@input-tag-size-icon-clear: @size-3;
+@input-tag-size-icon-clear: @size-4;
 @input-tag-tag-font-size: @font-size-body-3;
 @input-tag-tag-margin-vertical: @spacing-2;
 @input-tag-color-addon-bg: var(~'@{arco-cssvars-prefix}-color-fill-2');
@@ -1688,3 +1688,11 @@
 @modal-border-width: @border-1;
 @table-font-weight-header-text: @font-weight-600;
 @divider-font-weight: @font-weight-500;
+@input-size-mini-icon-suffix-size: 14PX;
+@input-size-default-icon-suffix-size: @size-4;
+@input-size-large-icon-suffix-size: @size-4;
+@input-size-mini-icon-addon-size: 14PX;
+@input-size-default-icon-addon-size: @size-4;
+@input-size-large-icon-addon-size: @size-4;
+@anchor-color-title_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
+@anchor-color-title_active: var(~'@{arco-cssvars-prefix}-color-text-1');