@arco-themes/react-aiux2026 0.0.8 → 0.0.9

package/package.json

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

package/theme.less

@@ -1528,3 +1528,280 @@
 @{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: 0;
+}
+.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-group-prefix > svg, 
+.arco-input-inner-wrapper .arco-input-group-suffix > svg {
+  font-size: 16px;
+}
+.arco-input-group-addbefore > svg, .arco-input-group-addafter > svg {
+  font-size: 16px;
+}
+.arco-input-search.arco-input-group-wrapper .arco-input-search-btn > svg {
+  font-size: 16px;
+}
+
+// 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;
+  }
+}
+
+// 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-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))
+          }
+        }
+        &:active {
+          .arco-checkbox-mask {
+            border-color: rgb(var(--primary-7))
+          }
+        }
+      }
+    }
+    .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/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;