@arco-themes/react-aiux2026 0.0.9 → 0.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "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

@@ -1453,13 +1453,13 @@
 @anchor-color-title: var(--color-text-2);
 @anchor-color-title_hover: var(--color-text-1);
 @anchor-color-title_active: var(--color-text-1);
-@anchor-font-weight-title_hover: 500;
+@anchor-font-weight-title_hover: 400;
 @anchor-font-weight-title_horizontal_hover: 400;
-@anchor-font-weight-title_active: 500;
-@anchor-color-bg-title_hover: var(--color-fill-2);
+@anchor-font-weight-title_active: 600;
+@anchor-color-bg-title_hover: rgb(var(--primary-1));
 @anchor-font-size-title: 14px;
 @anchor-lineless-color-title_active: rgb(var(--primary-6));
-@anchor-lineless-bg-title_active: var(--color-fill-2);
+@anchor-lineless-bg-title_active: rgb(var(--primary-1));
 @anchor-lineless-font-weight-title_active: 500;
 @anchor-color-box-shadow: rgb(var(--primary-6));
 @anchor-prefix-cls: ~'@{prefix}-anchor';
@@ -2034,7 +2034,7 @@
 @card-margin-top-meta-description: 4px;
 @card-margin-right-action-item: 12px;
 @card-color-bg: var(--color-bg-2);
-@card-color-border: var(--color-border-2);
+@card-color-border: #dfe2eb;
 @card-color-title: var(--color-text-1);
 @card-color-title-extra: #292f42;
 @card-color-body: var(--color-text-2);
@@ -2094,7 +2094,7 @@
 @cascader-color-item-text_active: #292f42;
 @cascader-color-item-text_disabled: var(--color-text-4);
 @cascader-color-item-text_disabled_active: var(--color-text-4);
-@cascader-font-item-weight_active: 500;
+@cascader-font-item-weight_active: 400;
 @cascader-color-item-bg_active: rgb(var(--primary-1));
 @cascader-color-item-bg_hover: rgb(var(--primary-1));
 @cascader-color-item-bg_disabled: transparent;
@@ -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;
@@ -2760,13 +2760,13 @@
 /*********** modal ***********/
 
 @modal-border-radius: 8px;
-@modal-size-tip-icon: 18px;
+@modal-size-tip-icon: 20px;
 @modal-margin-top: 100px;
 @modal-margin-tip-icon-right: 8px;
 @modal-margin-footer-button-left: 8px;
-@modal-color-border: #dfe2eb;
+@modal-color-border: transparent;
 @modal-border-width: 0;
-@modal-box-shadow: none;
+@modal-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
 @modal-color-header-text: var(--color-text-1);
 @modal-color-content-text: #292f42;
 @modal-font-header-size: 16px;
@@ -2776,11 +2776,11 @@
 @modal-simple-align-header: left;
 @modal-default-align-footer: right;
 @modal-simple-align-footer: right;
-@modal-default-padding-horizontal: 20px;
+@modal-default-padding-horizontal: 24px;
 @modal-default-size-header-height: 64px;
-@modal-default-padding-content-vertical: 24px;
+@modal-default-padding-content-vertical: 0;
 @modal-default-padding-footer-vertical: 20px;
-@modal-default-size-width: 520px;
+@modal-default-size-width: 600px;
 @modal-simple-size-width: 400PX;
 @modal-simple-padding-horizontal: 20px;
 @modal-simple-padding-top: 20px;
@@ -2881,7 +2881,7 @@
 /*********** pagination ***********/
 
 @pagination-prefix-cls: ~'@{prefix}-pagination';
-@pagination-item-border-radius: var(--border-radius-small);
+@pagination-item-border-radius: 4px;
 @pagination-item-spacing: 8px;
 @pagination-margin-total-spacing: 8px;
 @pagination-margin-option-left: 8px;
@@ -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;
@@ -3123,7 +3123,7 @@
 @result-size-icon_custom: 45px;
 @result-color-icon_default: inherit;
 @result-color-icon_success: #ffffff;
-@result-color-icon-bg_success: var(--color-success-light-1);
+@result-color-icon-bg_success: rgb(var(--success-6));
 @result-color-icon_error: #ffffff;
 @result-color-icon-bg_error: rgb(var(--danger-6));
 @result-color-icon_warning: #ffffff;
@@ -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;
@@ -3895,7 +3895,7 @@
 @typography-heading-margin-top: 1em;
 @typography-heading-margin-bottom: 0.5em;
 @typography-heading-font-weight: 500;
-@typography-color-text: #0f131f;
+@typography-color-text: #292f42;
 @typography-text-color-text-primary: rgb(var(--primary-6));
 @typography-text-color-text-secondary: var(--color-text-2);
 @typography-text-color-text-success: rgb(var(--success-6));
@@ -3903,7 +3903,7 @@
 @typography-text-color-text-error: rgb(var(--danger-6));
 @typography-text-color-text_disabled: var(--color-text-4);
 @typography-text-color-bg-mark: rgb(var(--yellow-4));
-@typography-text-font-weight-bold: 500;
+@typography-text-font-weight-bold: 600;
 @typography-text-color-code: var(--color-text-2);
 @typography-text-color-code-border: #dfe2eb;
 @typography-text-color-code-bg: #f5f7fc;