@arco-themes/react-aiux2026 0.0.13 → 1.0.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "0.0.13",
+  "version": "1.0.0",
   "description": "",
-  "author": "dobe25381-gif",
+  "author": "bitjjj",
   "owners": [],
   "license": "MIT",
   "unpkg": "latest",

package/theme.less

@@ -1575,6 +1575,32 @@
     border-right: none;
   }
 }
+.arco-table {
+  .arco-table-sorter-icon {
+    &:hover svg {
+      color: rgb(var(--primary-5));
+    }
+    &:active svg {
+      color: rgb(var(--primary-7));
+    }
+    &.arco-table-sorter-icon-active svg {
+      color: rgb(var(--primary-7));
+    }
+  }
+  .arco-table-th-item.arco-table-col-has-filter {
+    .arco-table-filters {
+      &:hover svg {
+        color: rgb(var(--primary-5));
+      }
+      &:active svg {
+        color: rgb(var(--primary-7));
+      }
+      &.arco-table-filters-active svg{
+        color: rgb(var(--primary-7));
+      }
+    }
+  }
+}
 
 // tooltip
 .arco-tooltip-content {
@@ -1600,29 +1626,40 @@
 .arco-tree {
   .arco-tree-node {
     border-radius: 2px;
-
     .arco-tree-node-switcher {
       width: 24px;
       margin-right: 0;
       display: flex;
       align-items: center;
       justify-content: center;
+      .arco-tree-node-icon-hover {
+        &::before {
+          display: none;
+        }
+      }
+      .arco-tree-node-switcher-icon {
+        &:hover {
+          color: rgb(var(--primary-5));
+        }
+        &:active {
+          color: rgb(var(--primary-7));
+        }
+        .arco-tree-node-plus-icon, .arco-tree-node-minus-icon {
+          &:hover {
+            &::before, &::after {
+              color: rgb(var(--primary-5));
+              background-color: rgb(var(--primary-5));
+            }
+          }
+          &:active {
+            &::before, &::after {
+              color: rgb(var(--primary-7));
+              background-color: rgb(var(--primary-7));
+            }
+          }
+        }
+      }
     }
-
-    /*&:hover {
-      background-color: rgb(var(--primary-1));
-	  .arco-tree-node-indent {
-		background-color: var(--color-bg-1);
-	  }
-	  .arco-tree-node-switcher:empty {
-	    background-color: var(--color-bg-1);
-	  }
-    }
-
-    &:not(.arco-tree-node-disabled):active {
-      background-color: rgb(var(--primary-1));
-      color: rgb(var(--primary-6));
-    }*/
   }
 }
 
@@ -1631,7 +1668,7 @@
   margin-top: 2px;
 }
 
-// Cascader Icon
+// Cascader
 .arco-cascader {
   .arco-cascader-suffix {
     svg.arco-icon {
@@ -1654,6 +1691,12 @@
 	}
   }
 }
+.arco-cascader-wrapper:has(.arco-cascader-addbefore) {
+  .arco-cascader.arco-cascader-focused > .arco-cascader-view {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+}
 
 // Form Icon
 .arco-form.arco-form-size-default {
@@ -1671,6 +1714,42 @@
   }
 }
 
+// Select + Select / Select + Input
+.arco-input-group {
+  .arco-select {
+    & + .arco-input {
+      border-left-width: 0;
+    }
+    & + .arco-select {
+      .arco-select-view {
+        border-left-width: 0;
+      }
+    }
+    &:hover + .arco-input:focus {
+      border-left-width: 0;
+    }
+  }
+  .arco-input {
+    &:hover, &:active {
+      & + * .arco-input-inner-wrapper {
+        border-left-color: rgb(var(--primary-5));
+      }
+    }
+  }
+}
+.arco-input-group:has(.arco-select + .arco-input:hover),
+.arco-input-group:has(.arco-select + .arco-select:hover) {
+  .arco-select .arco-select-view {
+    border-right-color: rgb(var(--primary-5));
+  }
+}
+.arco-input-group:has(.arco-select + .arco-input:active),
+.arco-input-group:has(.arco-select + .arco-select:active) {
+  .arco-select .arco-select-view {
+    border-right-color: rgb(var(--primary-5));
+  }
+}
+
 // Input
 .arco-input-group > :first-child.arco-input-inner-wrapper.arco-input-inner-wrapper-focus:not(:only-child) {
   border-top-left-radius: 4px;
@@ -1689,15 +1768,33 @@
 .arco-input-inner-wrapper,
 .arco-input-inner-wrapper.arco-input-inner-wrapper-large,
 .arco-input-inner-wrapper.arco-input-inner-wrapper-small {
-  .arco-input-group-prefix>svg.arco-icon,
-  .arco-input-group-suffix>svg.arco-icon {
+  // .arco-input-group-prefix>svg.arco-icon,
+  // .arco-input-group-suffix>svg.arco-icon,
+  .arco-input-clear-icon,
+  .arco-input-password-visibility-icon {
     font-size: 16px;
+    &::before {
+      display: none;
+    }
+    &:hover {
+      color: rgb(var(--primary-5));
+    }
+    &:active {
+      color: rgb(var(--primary-7));
+    }
   }
 }
 
 .arco-input-group-wrapper {
+  .arco-input-group-addbefore>svg.arco-icon,
   .arco-input-group-addafter>svg.arco-icon {
     font-size: 16px;
+    // &:hover {
+    //   color: rgb(var(--primary-5));
+    // }
+    // &:active {
+    //   color: rgb(var(--primary-7));
+    // }
   }
 }
 
@@ -1706,6 +1803,9 @@
   .arco-input-group-suffix>svg.arco-icon {
     font-size: 14px;
   }
+  .arco-input-clear-icon {
+    font-size: 14px;
+  }
 }
 
 .arco-input-group-wrapper.arco-input-group-wrapper-mini {
@@ -1727,17 +1827,34 @@
 }
 .arco-picker {
   .arco-picker-clear-icon {
+    &::before {
+      display: none;
+    }
+    &:hover {
+      color: rgb(var(--primary-5));
+    }
+    &:active {
+      color: rgb(var(--primary-7));
+    }
     svg {
       font-size: 16px;
     }
   }
   &.arco-picker-size-mini {
-	.arco-picker-clear-icon {
+	  .arco-picker-clear-icon {
       svg {
         font-size: 14px;
       }
     }
   }
+  .arco-picker-suffix {
+    display: flex;
+    align-items: center;
+    .arco-picker-suffix-icon {
+      display: flex;
+      align-items: center;
+    }
+  }
 }
 
 // TimePicker Icon
@@ -1773,10 +1890,25 @@
     }
   }
 }
+.arco-tree-select-wrapper:has(.arco-tree-select-addbefore) {
+  .arco-tree-select.arco-tree-select-focused > .arco-tree-select-view {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+}
 
 // InputTag
-.arco-tag .arco-icon-hover.arco-tag-icon-hover::before {
-  display: none;
+.arco-tag .arco-icon-hover.arco-tag-icon-hover {
+  &::before {
+    display: none;
+  }
+  &:hover {
+    color: rgb(var(--primary-5));
+  }
+
+  &:active {
+    color: rgb(var(--primary-7));
+  }
 }
 .arco-input-tag:not(.arco-input-tag-disabled) {
   .arco-tag .arco-tag-close-btn > svg  {
@@ -1785,12 +1917,16 @@
     }
 
     &:active {
-      color: rgb(var(--primary-6));
+      color: rgb(var(--primary-7));
     }
   }
 }
-.arco-input-tag-wrapper {
-  .arco-input-tag-addbefore {
+.arco-input-tag-wrapper,
+.arco-cascader-wrapper,
+.arco-tree-select-wrapper {
+  .arco-input-tag-addbefore,
+  .arco-cascader-addbefore,
+  .arco-tree-select-addbefore {
     border-left: 1px solid var(--color-border-3);
     border-top: 1px solid var(--color-border-3);
     border-bottom: 1px solid var(--color-border-3);
@@ -1798,7 +1934,9 @@
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
   }
-  .arco-input-tag-addafter {
+  .arco-input-tag-addafter,
+  .arco-cascader-addafter,
+  .arco-tree-select-addafter {
     border-left: none;
     border-right: 1px solid var(--color-border-3);
     border-top: 1px solid var(--color-border-3);
@@ -1810,23 +1948,44 @@
 
 // InputNumber Icon
 .arco-input-number {
-  .arco-input-group-wrapper {
+  &.arco-input-group-wrapper {
     .arco-input-number-step-layer {
       .arco-input-number-step-button {
         font-size: 10px;
+        &:not(.arco-input-number-step-button-disabled) {
+          &:hover {
+            color: rgb(var(--primary-5));
+            background-color: transparent;
+          }
+          &:active {
+            color: rgb(var(--primary-7));
+            background-color: transparent;
+          }
+        }
+        &.arco-input-number-step-button-disabled {
+          color: var(--color-text-4);
+        }
       }
     }
   }
   .arco-input-group-addbefore, .arco-input-group-addafter {
     .arco-input-number-step-button {
-		font-size: 16px;
-	}
+		  font-size: 16px;
+      &:not(.arco-input-number-step-button-disabled) {
+        &:hover {
+          color: rgb(var(--primary-5));
+        }
+        &:active {
+          color: rgb(var(--primary-7));
+        }
+      }
+	  }
   }
   &.arco-input-number-size-mini {
     .arco-input-group-addbefore, .arco-input-group-addafter {
       .arco-input-number-step-button {
-		  font-size: 14px;
-	  }
+		    font-size: 14px;
+	    }
     }
   }
 }
@@ -1838,6 +1997,7 @@
   .arco-input-number-step-button {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
+
   }
 }
 
@@ -1852,8 +2012,49 @@
 }
 
 .arco-input-number>.arco-input-group {
-  .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
-    border-radius: 4px;
+  &:has(.arco-input-inner-wrapper-focus) {
+    .arco-input-group-addbefore {
+      .arco-input-number-step-button {
+        border-right-width: 0 !important;
+      }
+    }
+    .arco-input-group-addafter {
+      .arco-input-number-step-button {
+        border-left-width: 0 !important;
+      }
+    }
+  }
+  .arco-input-group-addbefore,
+  .arco-input-group-addafter {
+    border-color: var(--color-border-3);
+    .arco-input-number-step-button {
+      &:hover {
+        background-color: transparent;
+        border-color: rgb(var(--primary-5));
+      }
+      &:active {
+        background-color: transparent;
+        border-color: rgb(var(--primary-7));
+      }
+    }
+  }
+  .arco-input-group-addbefore {
+    &:hover, &:active {
+      + .arco-input-inner-wrapper {
+        border-left-color: rgb(var(--primary-5));
+      }
+    }
+  }
+  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:hover) .arco-input-inner-wrapper {
+    border-right-color: rgb(var(--primary-5));
+  }
+  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:active) .arco-input-inner-wrapper {
+    border-right-color: rgb(var(--primary-7));
+  }
+  .arco-input-inner-wrapper {
+    &.arco-input-inner-wrapper-focus {
+      border-radius: 4px;
+    }
   }
 
   &:has(.arco-input-group-addbefore) {
@@ -1905,6 +2106,17 @@
   .arco-select-suffix svg.arco-icon {
     font-size: 16px;
   }
+  .arco-select-suffix .arco-select-clear-icon {
+    &:hover {
+      color: rgb(var(--primary-5));
+    }
+    &:active {
+      color: rgb(var(--primary-7));
+    }
+  }
+  .arco-select-search-icon {
+    display: flex;
+  }
 }
 .arco-select.arco-select-size-mini {
   .arco-select-suffix svg.arco-icon {
@@ -1919,6 +2131,12 @@
 
   .arco-alert-close-btn {
     margin-top: 6px;
+    &:hover {
+      color: rgb(var(--primary-5));
+    }
+    &:active {
+      color: rgb(var(--primary-7));
+    }
   }
 }
 
@@ -2027,4 +2245,84 @@
       }
     }
   }
+}
+.arco-collapse {
+  .arco-collapse-item-header-icon {
+    &:hover {
+      color: rgb(var(--primary-5));
+    }
+    &:active {
+      color: rgb(var(--primary-7));
+    }
+  }
+}
+.arco-tabs {
+  .arco-tabs-icon-hover, .arco-tabs-add-icon-hover {
+    &::before {
+      display: none;
+    }
+    &:hover {
+      color: rgb(var(--primary-5));
+    }
+    &:active {
+      color: rgb(var(--primary-7));
+    }
+  }
+}
+.arco-upload-list-item {
+  .arco-upload-list-item-operation,
+  .arco-upload-list-item-picture-operation {
+    .arco-icon-hover {
+      &::before {
+        display: none;
+      }
+    }
+    svg.arco-icon {
+      &:hover {
+        color: rgb(var(--primary-5));
+      }
+      &:active {
+        color: rgb(var(--primary-7));
+      }
+    }
+  }
+}
+.arco-drawer,
+.arco-message,
+.arco-modal,
+.arco-notification {
+  .arco-icon-hover {
+    &::before {
+      display: none;
+    }
+    &:hover {
+      color: rgb(var(--primary-5));
+    }
+    &:active {
+      color: rgb(var(--primary-7));
+    }
+  }
+}
+.arco-dropdown-menu {
+  border-width: 0;
+}
+.arco-select-popup {
+  border-width: 0;
+  .arco-select-option-wrapper {
+    &:hover {
+      background-color: rgb(var(--primary-1));
+      .arco-select-option {
+        background-color:rgb(var(--primary-1));
+      }
+    }
+    .arco-select-option-selected {
+      background-color: var(--color-bg-popup);
+    }
+  }
+}
+.arco-autocomplete-popup .arco-select-popup {
+  border-width: 0;
+  .arco-select-option:hover {
+    background-color: rgb(var(--primary-1));
+  }
 }

package/tokens.less

@@ -1474,7 +1474,7 @@
 @auto-complete-popup-color-border: transparent;
 @auto-complete-popup-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 @auto-complete-option-height: 36px;
-@auto-complete-option-font-weight_selected: 600;
+@auto-complete-option-font-weight_selected: 400;
 @auto-complete-option-padding-horizontal: 12px;
 @auto-complete-option-color-bg_default: var(--color-bg-popup);
 @auto-complete-option-color-bg_hover: rgb(var(--primary-1));
@@ -2154,7 +2154,7 @@
 @collapse-title-color-bg_disabled: var(--color-bg-2);
 @collapse-title-color-text: #292f42;
 @collapse-title-color-text_disabled: var(--color-text-4);
-@collapse-title-font-weight_active: 500;
+@collapse-title-font-weight_active: 400;
 @collapse-content-color-text: #292f42;
 @collapse-content-color-text_disabled: #9ca3b8;
 @collapse-content-font-size: 14px;
@@ -2342,7 +2342,7 @@
 @dropdown-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 @dropdown-option-height: 36px;
 @dropdown-option-padding-horizontal: 12px;
-@dropdown-option-font-weight_selected: 600;
+@dropdown-option-font-weight_selected: 400;
 @dropdown-option-color-bg_default: transparent;
 @dropdown-option-color-bg_hover: rgb(var(--primary-1));
 @dropdown-option-color-bg_selected: transparent;
@@ -2483,8 +2483,8 @@
 @image-padding-actions-item-horizontal: 0;
 @image-spacing-actions-item-left: 12px;
 @image-radius-actions-item: var(--border-radius-small);
-@image-color-actions-item_footer_inner_hover-bg: rgba(0, 0, 0, 0.5);
-@image-color-actions-item_footer_outer_hover-bg: rgb(var(--primary-1));
+@image-color-actions-item_footer_inner_hover-bg: transparent;
+@image-color-actions-item_footer_outer_hover-bg: transparent;
 @image-color-actions-item_trigger-text: #292f42;
 @image-color-actions-item_trigger_hover-bg: var(--color-neutral-2);
 @image-spacing-actions-trigger-item-vertical: 5px;
@@ -3527,13 +3527,13 @@
 @tabs-card-padding-title-right_editable: 12px;
 @tabs-card-border-radius: 2px;
 @tabs-card-color-title-bg: transparent;
-@tabs-card-color-title-bg_hover: rgb(var(--primary-1));
+@tabs-card-color-title-bg_hover: transparent;
 @tabs-card-color-title-bg_disabled: transparent;
 @tabs-card-color-title-bg_active: transparent;
 @tabs-card-border-content-width: 1px;
 @tabs-card-gutter-spacing-horizontal: 4px;
 @tabs-card-gutter-color-title-bg: #fafbff;
-@tabs-card-gutter-color-title-bg_hover: rgb(var(--primary-1));
+@tabs-card-gutter-color-title-bg_hover: transparent;
 @tabs-card-gutter-color-title-bg_active: transparent;
 @tabs-card-gutter-color-title-bg_disabled: #fafbff;
 @tabs-text-size-separator-height: 12px;

package/variables.less

@@ -999,7 +999,7 @@
 @tabs-line-color-header-border: @color-border-2;
 @tabs-line-color-ink-bg_disabled: @color-text-4;
 @tabs-card-color-title-border: @color-border-2;
-@tabs-card-color-title-bg_hover: @color-primary-1;
+@tabs-card-color-title-bg_hover: @color-transparent;
 @tabs-card-color-title-bg_disabled: @color-transparent;
 @tabs-rounded-color-title-bg_hover: @color-primary-1;
 @tabs-rounded-color-title-bg_active: @color-primary-1;
@@ -1289,7 +1289,7 @@
 @btn-outline-color-bg_danger_hover: @color-transparent;
 @link-padding-horizontal: @spacing-none;
 @link-padding-vertical: @spacing-none;
-@tabs-card-gutter-color-title-bg_hover: @color-primary-1;
+@tabs-card-gutter-color-title-bg_hover: @color-transparent;
 @tabs-card-gutter-color-title-bg_disabled: @color-fill-1;
 @tabs-card-gutter-color-title-bg: @color-fill-1;
 @typography-operation-margin-left: @spacing-4;
@@ -1329,7 +1329,7 @@
 @empty-spacing-padding: @spacing-7;
 @image-color-description_footer_outer-text: @color-text-3;
 @image-color-footer_outer-text: @color-text-2;
-@image-color-actions-item_footer_outer_hover-bg: @color-primary-1;
+@image-color-actions-item_footer_outer_hover-bg: @color-transparent;
 @image-color-actions-item_trigger-text: @color-text-2;
 @image-color-loader-spin-text-text: @color-text-3;
 @image-color-loader-bg: @color-fill-2;
@@ -1619,12 +1619,13 @@
 @cascader-font-item-weight_active: @font-weight-400;
 @result-color-icon-bg_success: @color-success-6;
 @typography-text-font-weight-bold: @font-weight-600;
-@dropdown-option-font-weight_selected: @font-weight-600;
+@dropdown-option-font-weight_selected: @font-weight-400;
 @anchor-lineless-font-weight-title_active: @font-weight-600;
 @select-size-large-font-size: @font-size-body-3;
-@auto-complete-option-font-weight_selected: @font-weight-600;
+@auto-complete-option-font-weight_selected: @font-weight-400;
 @select-popup-option-font-hightlight-weight: @font-weight-600;
 @avatar-font-weight-text: @font-weight-600;
-@collapse-title-font-weight_active: @font-weight-500;
+@collapse-title-font-weight_active: @font-weight-400;
 @cascader-color-item-text_active: @color-text-2;
 @picker-header-font-weight-text: @font-weight-600;
+@image-color-actions-item_footer_inner_hover-bg: @color-transparent;