@arco-themes/react-aiux2026 0.0.9 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "",
   "author": "dobe25381-gif",
   "owners": [],

package/theme.less

@@ -1530,278 +1530,342 @@
   }
 // Button Icon
 .arco-btn-size-default {
-  svg.arco-icon {
-    font-size: 16px;
-  }
+    svg.arco-icon {
+        font-size: 16px;
+    }
 }
 .arco-btn-size-large {
-  svg.arco-icon {
-    font-size: 16px;
-  }
+    svg.arco-icon {
+        font-size: 16px;
+    }
 }
 .arco-btn-size-small {
-  svg.arco-icon {
-    font-size: 16px;
-  }
+    svg.arco-icon {
+        font-size: 16px;
+    }
 }
+
 .arco-btn-size-mini {
-  svg.arco-icon {
-    font-size: 14px;
-  }
+    svg.arco-icon {
+        font-size: 14px;
+    }
 }
 
 // Link
 .arco-link.arco-link-dark:not(:hover) {
-  color: var(--color-text-2);
+    color: var(--color-text-2);
 }
 
 // Table remove border
 .arco-table.arco-table-border {
-  .arco-table-container {
-    border-top: none;
-  }
-    
-  thead>.arco-table-tr>.arco-table-th {
-    border: none;
-    border-bottom: 1px solid var(--color-border-2);
-  }
+    .arco-table-container {
+        border-top: none;
+    }
 
-  .arco-table-td:first-child {
-    border-left: none;
-  }
+    thead>.arco-table-tr>.arco-table-th {
+        border: none;
+        border-bottom: 1px solid var(--color-border-2);
+    }
 
-  .arco-table-container {
-    border-right: none;
-  }
+    .arco-table-td:first-child {
+        border-left: none;
+    }
+
+    .arco-table-container {
+        border-right: none;
+    }
 }
 
 // tooltip
 .arco-tooltip-content {
-  background-color: var(--color-bg-5);
-  color: var(--color-text-2);
-  border-width: 0 !important;
-  box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.1);
-  padding: 8px 12px;
-  font-size: 12px;
-  border-radius: 4px;
-  line-height: 1.5715;
+    background-color: var(--color-bg-5);
+    color: var(--color-text-2);
+    border-width: 0 !important;
+    box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.1);
+    padding: 8px 12px;
+    font-size: 12px;
+    border-radius: 4px;
+    line-height: 1.5715;
 }
+
 .arco-tooltip .arco-trigger-arrow {
-  z-index: 0;
+    z-index: 999;
 }
+
 .arco-trigger-arrow.arco-tooltip-arrow {
-  background-color: var(--color-bg-5);
+    background-color: var(--color-bg-5);
 }
 
 // Form required mark
 .arco-form-label-item .arco-form-item-symbol svg {
-  margin-top: 2px;
+    margin-top: 2px;
 }
 
 // Cascader Icon
 .arco-cascader.arco-cascader-size-default {
-  .arco-cascader-suffix {
-    svg.arco-icon {
-      font-size: 16px
+    .arco-cascader-suffix {
+        svg.arco-icon {
+            font-size: 16px
+        }
     }
-  }
 }
 
 // Form Icon
 .arco-form.arco-form-size-default {
-  .arco-form-item-feedback {
-    svg.arco-icon {
-      font-size: 16px;
+    .arco-form-item-feedback {
+        svg.arco-icon {
+            font-size: 16px;
+        }
     }
-  }
 }
 
 // Input Icon
-.arco-input-inner-wrapper .arco-input-group-prefix > svg, 
-.arco-input-inner-wrapper .arco-input-group-suffix > svg {
-  font-size: 16px;
+.arco-input-inner-wrapper.arco-input-inner-wrapper-default {
+
+    .arco-input-group-prefix>svg.arco-icon,
+    .arco-input-group-suffix>svg.arco-icon {
+        font-size: 16px;
+    }
 }
-.arco-input-group-addbefore > svg, .arco-input-group-addafter > svg {
-  font-size: 16px;
+
+.arco-input-group-wrapper.arco-input-group-wrapper-default {
+    .arco-input-group-addafter>svg.arco-icon {
+        font-size: 16px;
+    }
 }
-.arco-input-search.arco-input-group-wrapper .arco-input-search-btn > svg {
-  font-size: 16px;
+
+.arco-input-inner-wrapper.arco-input-inner-wrapper-mini {
+
+    .arco-input-group-prefix>svg.arco-icon,
+    .arco-input-group-suffix>svg.arco-icon {
+        font-size: 14px;
+    }
+}
+
+.arco-input-group-wrapper.arco-input-group-wrapper-mini {
+    .arco-input-group-addafter>svg.arco-icon {
+        font-size: 14px;
+    }
+}
+
+.arco-input-group-wrapper {
+    .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
 }
 
 // DataPicker Icon
 .arco-picker.arco-picker-size-default {
-  .arco-picker-suffix>.arco-picker-suffix-icon>svg.arco-icon {
-    font-size: 16px;
-  }
+    .arco-picker-suffix>.arco-picker-suffix-icon>svg.arco-icon {
+        font-size: 16px;
+    }
 }
 
 // TimePicker Icon
 .arco-picker.arco-picker-size-default.arco-picker-has-prefix {
-  .arco-picker-prefix {
-    display: flex;
-    align-items: center;
+    .arco-picker-prefix {
+        display: flex;
+        align-items: center;
 
-    svg.arco-icon {
-     font-size: 16px;
+        svg.arco-icon {
+            font-size: 16px;
+        }
+    }
+
+    .arco-picker-suffix {
+        display: flex;
+        align-items: center;
     }
-  }
-  .arco-picker-suffix {
-    display: flex;
-    align-items: center;
-  }
 }
 
 // TreeSelect
 .arco-tree-select {
-  &.arco-tree-select-size-default {
-    .arco-tree-select-suffix {
-      .arco-tree-select-arrow-icon>svg.arco-icon {
-        font-size: 16px;
-      }
+    &.arco-tree-select-size-default {
+        .arco-tree-select-suffix {
+            .arco-tree-select-arrow-icon>svg.arco-icon {
+                font-size: 16px;
+            }
+        }
     }
-  }
 
-  &.arco-tree-select-size-mini {
-    .arco-tree-select-suffix {
-      .arco-tree-select-arrow-icon>svg.arco-icon {
-        font-size: 14px;
-      }
+    &.arco-tree-select-size-mini {
+        .arco-tree-select-suffix {
+            .arco-tree-select-arrow-icon>svg.arco-icon {
+                font-size: 14px;
+            }
+        }
     }
-  }
 }
 
 // InputTag Icon
 .arco-input-tag.arco-input-tag-size-default {
-  .arco-input-tag-tag>.arco-tag-close-btn>svg.arco-icon {
-    font-size: 16px;
-  }
+    .arco-input-tag-tag>.arco-tag-close-btn>svg.arco-icon {
+        font-size: 16px;
+    }
 }
+
 .arco-input-tag.arco-input-tag-size-small {
-  .arco-input-tag-tag>.arco-tag-close-btn>svg.arco-icon {
-    font-size: 14px;
-  }
+    .arco-input-tag-tag>.arco-tag-close-btn>svg.arco-icon {
+        font-size: 14px;
+    }
 }
 
 // InputNumber Icon
 .arco-input-group-wrapper.arco-input-group-wrapper-default {
-  .arco-input-number-step-button {
-    font-size: 16px;
-  }
+    .arco-input-number-step-button {
+        font-size: 16px;
+    }
+}
+
+.arco-input-group> :first-child {
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+
+    .arco-input-number-step-button {
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px;
+    }
+}
+
+.arco-input-group> :last-child {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+
+    .arco-input-number-step-button {
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+    }
+}
+
+.arco-input-number>.arco-input-group {
+    .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
+        border-radius: 4px;
+    }
+
+    &:has(.arco-input-group-addbefore) {
+        .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+        }
+    }
+
+    &:has(.arco-input-group-addafter) {
+        .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+    }
 }
 
 // Select Icon
 .arco-select.arco-select-size-default {
-  .arco-select-suffix {
-    svg.arco-icon {
-      font-size: 16px;
+    .arco-select-suffix {
+        svg.arco-icon {
+            font-size: 16px;
+        }
     }
-  }
 }
 
 .arco-select.arco-select-size-mini {
-  .arco-select-suffix {
-    svg.arco-icon {
-      font-size: 14px;
+    .arco-select-suffix {
+        svg.arco-icon {
+            font-size: 14px;
+        }
     }
-  }
 }
 
 // Alert
 .arco-alert {
-  display: flex;
-  align-items: start;
+    display: flex;
+    align-items: start;
 
-  .arco-alert-close-btn {
-    margin-top:6px;
-  }
+    .arco-alert-close-btn {
+        margin-top: 6px;
+    }
 }
 
 // TimePicker
 .arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner {
-  background-color: rgb(var(--primary-1));
+    background-color: rgb(var(--primary-1));
 }
+
 .arco-timepicker-cell-selected:not(.arco-timepicker-cell-disabled) .arco-timepicker-cell-inner {
-  background-color: rgb(var(--primary-1));
-  color: rgb(var(--primary-6))
+    background-color: rgb(var(--primary-1));
+    color: rgb(var(--primary-6))
 }
 
 // Transfer
 .arco-transfer {
-  .arco-transfer-view-header {
-    border-radius: 4px;
-  }
+    .arco-transfer-view-header {
+        border-radius: 4px;
+    }
 
-  .arco-transfer-operations {
-    svg.arco-icon {
-      font-size: 16px;
+    .arco-transfer-operations>svg.arco-icon {
+        font-size: 16px;
     }
-  }
 
-  .arco-transfer-view-header {
-    .arco-transfer-view-icon-clear>svg.arco-icon {
-      font-size: 16px;
+    .arco-transfer-view-header {
+        .arco-transfer-view-icon-clear>svg.arco-icon {
+            font-size: 16px;
+        }
     }
-  }
 
-  .arco-transfer-view-list {
-    .arco-transfer-view-item {
-      .arco-icon-hover.arco-checkbox-icon-hover::before {
-        display: none;
-      }
-
-      .arco-checkbox.arco-transfer-view-item-content:not(.arco-checkbox-checked) {
-        &:hover {
-          .arco-checkbox-mask {
-            border-color: rgb(var(--primary-5))
-          }
+    .arco-icon-hover {
+        &::before {
+            display: none;
+        }
+
+        &:not(.arco-icon-hover-disabled):hover>.arco-checkbox-mask {
+            border-color: rgb(var(--primary-5));
         }
-        &:active {
-          .arco-checkbox-mask {
-            border-color: rgb(var(--primary-7))
-          }
+
+        &:not(.arco-icon-hover-disabled):active>.arco-checkbox-mask {
+            border-color: rgb(var(--primary-7));
         }
-      }
     }
-    .arco-transfer-view-item-icon-remove {
-      font-size: 16px;
+
+    .arco-transfer-view-list {
+        .arco-transfer-view-item-icon-remove {
+            font-size: 16px;
+        }
     }
-  }
 
-  .arco-transfer-view-search {
-    .arco-input-has-suffix {
-      .arco-input-group-suffix>svg.arco-icon {
-        font-size: 16px;
-      }
+    .arco-transfer-view-search {
+        .arco-input-has-suffix {
+            .arco-input-group-suffix>svg.arco-icon {
+                font-size: 16px;
+            }
+        }
     }
-  }
 }
 
 // Pagination Simple
 .arco-pagination {
-  .arco-pagination-item-simple-pager {
-    margin-right: 4px;
-
-    .arco-input.arco-pagination-jumper-input {
-      margin-right: 4px;
-      border-radius: 4px;
-      border: 1px solid var(--color-border-3);
-      background: var(--color-bg-2);
+    .arco-pagination-item-simple-pager {
+        margin-right: 4px;
+
+        .arco-input.arco-pagination-jumper-input {
+            margin-right: 4px;
+            border-radius: 4px;
+            border: 1px solid var(--color-border-3);
+            background: var(--color-bg-2);
+        }
     }
-  }
 
-  &.arco-pagination-size-small {
-    .arco-pagination-item-simple-pager {
-      .arco-input.arco-input-size-small.arco-pagination-jumper-input {
-        width: 28px;
-      }
+    &.arco-pagination-size-small {
+        .arco-pagination-item-simple-pager {
+            .arco-input.arco-input-size-small.arco-pagination-jumper-input {
+                width: 28px;
+            }
+        }
     }
-  }
 
-  &.arco-pagination-size-mini {
-    .arco-pagination-item-simple-pager {
-      .arco-input.arco-input-size-mini.arco-pagination-jumper-input {
-        width: 24px;
-      }
+    &.arco-pagination-size-mini {
+        .arco-pagination-item-simple-pager {
+            .arco-input.arco-input-size-mini.arco-pagination-jumper-input {
+                width: 24px;
+            }
+        }
     }
-  }
 }

package/tokens.less

@@ -2275,8 +2275,8 @@
 @descriptions-color-title: var(--color-text-1);
 @descriptions-color-text-label: var(--color-text-3);
 @descriptions-color-text-value: #292f42;
-@descriptions-font-weight-title: 500;
-@descriptions-font-weight-text-label: 500;
+@descriptions-font-weight-title: 600;
+@descriptions-font-weight-text-label: 400;
 @descriptions-font-weight-text-value: 400;
 @descriptions-border-color-bg-label: var(--color-fill-1);
 @descriptions-item-size-mini-spacing-bottom: 2px;
@@ -2316,18 +2316,18 @@
 
 /*********** drawer ***********/
 
-@drawer-size-header-height: 48px;
-@drawer-margin-footer-button-left: 12px;
+@drawer-size-header-height: 64px;
+@drawer-margin-footer-button-left: 8px;
 @drawer-font-header-size: 16px;
-@drawer-font-header-weight: 500;
-@drawer-padding-horizontal: 16px;
-@drawer-padding-footer-vertical: 16px;
-@drawer-padding-content-vertical: 12px;
+@drawer-font-header-weight: 600;
+@drawer-padding-horizontal: 24px;
+@drawer-padding-footer-vertical: 20px;
+@drawer-padding-content-vertical: 16px;
 @drawer-color-border: #dfe2eb;
 @drawer-color-header-text: var(--color-text-1);
 @drawer-color-content-text: #292f42;
-@drawer-position-close-icon-right: 16px;
-@drawer-font-size-close-icon: 12px;
+@drawer-position-close-icon-right: 24px;
+@drawer-font-size-close-icon: 16px;
 @drawer-prefix-cls: ~'@{prefix}-drawer';
 
 
@@ -2599,7 +2599,7 @@
 @list-color-text-header: var(--color-text-1);
 @list-color-bg-item-hover: rgb(var(--primary-1));
 @list-font-size-header: 16px;
-@list-font-weight-header: 500;
+@list-font-weight-header: 600;
 @list-line-height-header: 1.5;
 @list-size-small-padding-vertical-header: 8px;
 @list-size-small-padding-horizontal-header: 20px;
@@ -2613,7 +2613,7 @@
 @list-size-large-padding-horizontal-header: 20px;
 @list-size-large-padding-vertical-item: 17px;
 @list-size-large-padding-horizontal-item: 20px;
-@list-meta-font-weight-title: 500;
+@list-meta-font-weight-title: 600;
 @list-meta-color-title: var(--color-text-1);
 @list-mete-color-description: var(--color-text-2);
 @list-meta-margin-right-avatar: 16px;
@@ -3038,7 +3038,7 @@
 @radio-margin-text-left: 8px;
 @radio-size-mask-height: 24px;
 @radio-mask-bg-color-bg: #ffffff;
-@radio-group-margin-right: 24px;
+@radio-group-margin-right: 16px;
 @radio-group-button-color-bg: var(--color-fill-2);
 @radio-group-button-color-bg_dark: var(--color-bg-3);
 @radio-button-padding-horizontal: 12px;
@@ -3511,7 +3511,7 @@
 @tabs-line-size-ink-stroke: 2px;
 @tabs-line-color-ink-bg: rgb(var(--primary-6));
 @tabs-line-color-ink-bg_disabled: #9ca3b8;
-@tabs-line-font-title-text-weight_active: 500;
+@tabs-line-font-title-text-weight_active: 600;
 @tabs-line-margin-title-horizontal: 32px;
 @tabs-line-margin-title-horizontal_first: 16px;
 @tabs-line-margin-title-vertical: 12px;

package/variables.less

@@ -1134,7 +1134,7 @@
 @radio-color-bg_checked_disabled: @color-border-2;
 @radio-color-dot-bg_checked_disabled: @color-text-4;
 @radio-color-border_disabled: @color-border-3;
-@radio-group-margin-right: @spacing-9;
+@radio-group-margin-right: @spacing-7;
 @radio-button-color-separator-bg: @color-border-2;
 @slider-color-road-bg_disabled: @color-fill-2;
 @slider-color-bar-bg_disabled: @color-fill-3;
@@ -1238,7 +1238,7 @@
 @upload-text-item-color-link: @color-link-6;
 @upload-text-item-color-reupload-icon: @color-text-2;
 @upload-text-item-color-file-icon_success: @color-text-2;
-@drawer-size-header-height: @size-12;
+@drawer-size-header-height: @size-16;
 @message-normal-color-bg: @color-bg-5;
 @message-color-close-icon: @color-text-2;
 @message-info-color-content: @color-text-2;
@@ -1595,3 +1595,16 @@
 @tag-magenta-bordered-color-border: @color-badge-2;
 @tag-gray-bordered-color-border: @color-border-2;
 @pagination-simple-input-width: @size-10;
+@tabs-line-font-title-text-weight_active: @font-weight-600;
+@descriptions-font-weight-title: @font-weight-600;
+@descriptions-font-weight-text-label: @font-weight-400;
+@list-font-weight-header: @font-weight-600;
+@list-meta-font-weight-title: @font-weight-600;
+@input-number-step-layer-border-radius: 1px;
+@drawer-padding-horizontal: @spacing-9;
+@drawer-padding-content-vertical: @spacing-7;
+@drawer-position-close-icon-right: @spacing-9;
+@drawer-font-size-close-icon: @size-4;
+@drawer-font-header-weight: @font-weight-600;
+@drawer-margin-footer-button-left: @size-2;
+@drawer-padding-footer-vertical: @spacing-8;