@arco-themes/react-aiux2026 0.0.8 → 0.0.10

package/package.json

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

package/theme.less

@@ -1528,3 +1528,344 @@
 @{arco-cssvars-prefix}-tag-10: if(iscolor(@dark-tag-10), .getColorRgbStr(@dark-tag-10)[], replace(~'@{dark-tag-10}', 'rgb\((.*)\)$', '$1'));
 
   }
+// Button Icon
+.arco-btn-size-default {
+    svg.arco-icon {
+        font-size: 16px;
+    }
+}
+.arco-btn-size-large {
+    svg.arco-icon {
+        font-size: 16px;
+    }
+}
+.arco-btn-size-small {
+    svg.arco-icon {
+        font-size: 16px;
+    }
+}
+
+.arco-btn-size-mini {
+    svg.arco-icon {
+        font-size: 14px;
+    }
+}
+
+// Link
+.arco-link.arco-link-dark:not(:hover) {
+    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-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;
+}
+
+.arco-tooltip .arco-trigger-arrow {
+    z-index: 999;
+}
+
+.arco-trigger-arrow.arco-tooltip-arrow {
+    background-color: var(--color-bg-5);
+}
+
+// Form required mark
+.arco-form-label-item .arco-form-item-symbol svg {
+    margin-top: 2px;
+}
+
+// Cascader Icon
+.arco-cascader.arco-cascader-size-default {
+    .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;
+        }
+    }
+}
+
+// Input Icon
+.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-wrapper.arco-input-group-wrapper-default {
+    .arco-input-group-addafter>svg.arco-icon {
+        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;
+    }
+}
+
+// TimePicker Icon
+.arco-picker.arco-picker-size-default.arco-picker-has-prefix {
+    .arco-picker-prefix {
+        display: flex;
+        align-items: center;
+
+        svg.arco-icon {
+            font-size: 16px;
+        }
+    }
+
+    .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-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.arco-input-tag-size-small {
+    .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-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.arco-select-size-mini {
+    .arco-select-suffix {
+        svg.arco-icon {
+            font-size: 14px;
+        }
+    }
+}
+
+// Alert
+.arco-alert {
+    display: flex;
+    align-items: start;
+
+    .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));
+}
+
+.arco-timepicker-cell-selected:not(.arco-timepicker-cell-disabled) .arco-timepicker-cell-inner {
+    background-color: rgb(var(--primary-1));
+    color: rgb(var(--primary-6))
+}
+
+// Transfer
+.arco-transfer {
+    .arco-transfer-view-header {
+        border-radius: 4px;
+    }
+
+    .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-icon-hover {
+        &::before {
+            display: none;
+        }
+
+        &:not(.arco-icon-hover-disabled):hover>.arco-checkbox-mask {
+            border-color: rgb(var(--primary-5));
+        }
+
+        &:not(.arco-icon-hover-disabled):active>.arco-checkbox-mask {
+            border-color: rgb(var(--primary-7));
+        }
+    }
+
+    .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;
+            }
+        }
+    }
+}
+
+// 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-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;
+            }
+        }
+    }
+}

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

@@ -857,7 +857,7 @@
 @btn-primary-color-bg_success_disabled: @color-fill-2;
 @btn-primary-color-border_success_disabled: @color-border-3;
 @btn-dashed-color-bg: @color-bg-2;
-@btn-dashed-color-bg_hover: @color-bg-white;
+@btn-dashed-color-bg_hover: @color-bg-2;
 @btn-dashed-color-bg_active: @color-bg-2;
 @btn-dashed-color-border: @color-border-3;
 @btn-dashed-color-border_disabled: @color-border-3;
@@ -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;