@aloudata/aloudata-design 2.19.0-beta.2 → 2.19.0-beta.4

package/dist/AldSelect/style/color.less

@@ -42,13 +42,18 @@
   }
 
   &-disabled {
-    border: 1px solid var(--border-default);
-    background: var(--background-neutral-muted);
+    border: 1px solid var(--interaction-border-neutral-normal);
+    background: var(--global-cool-gray-alpha-50);
 
     &.beta-ald-select-borderless {
       border-color: transparent;
       background: transparent;
     }
+
+    &:hover {
+      border-color: var(--interaction-border-neutral-normal);
+      background-color: var(--global-cool-gray-alpha-50);
+    }
   }
 
   .beta-ald-select-placeholder {

package/dist/Badge/style/index.less

@@ -24,27 +24,27 @@
   }
 
   &.ald-badge-success {
-    color: var(--content-inverted-primary);
-    background-color: var(--background-positive-strong);
+    color: var(--content-positive-primary);
+    background-color: var(--background-positive-muted);
   }
 
   &.ald-badge-error {
-    color: var(--content-inverted-primary);
-    background-color: var(--background-negative-strong);
+    color: var(--content-negative-primary);
+    background-color: var(--background-negative-muted);
   }
 
   &.ald-badge-default {
-    color: var(--content-inverted-primary);
-    background-color: var(--background-neutral-strong);
+    color: var(--content-neutral-primary);
+    background-color: var(--background-neutral-muted);
   }
 
   &.ald-badge-info {
-    color: var(--content-inverted-primary);
-    background-color: var(--background-informative-strong);
+    color: var(--content-informative-primary);
+    background-color: var(--background-informative-muted);
   }
 
   &.ald-badge-warning {
-    color: var(--content-primary);
-    background-color: var(--background-warning-strong);
+    color: var(--content-warning-primary);
+    background-color: var(--background-warning-muted);
   }
 }

package/dist/Checkbox/style/index.less

@@ -3,7 +3,7 @@
 @checkbox-border-color-normal: var(--interaction-border-neutral-normal);
 @checkbox-border-color-hover: var(--interaction-border-hover);
 @checkbox-border-color-active: var(--interaction-border-active);
-@checkbox-border-color-disabled: var(--interaction-default-normal);
+@checkbox-border-color-disabled: var(--interaction-border-neutral-normal);
 
 @checkbox-inner-bgc-normal: var(--interaction-background-form-field);
 @checkbox-inner-bgc-hover: var(--interaction-background-form-field);
@@ -108,6 +108,7 @@
     .ant-checkbox-disabled {
       .ant-checkbox-inner[class][class] {
         background: @checkbox-inner-bgc-disabled;
+        border-color: @checkbox-border-color-disabled;
       }
     }
   }
@@ -155,7 +156,7 @@
 
     .ant-checkbox-inner {
       background-color: @checkbox-inner-bgc-disabled;
-      border: 0;
+      border: 1px solid @checkbox-border-color-disabled;
 
       &::after {
         top: 3px;

package/dist/Divider/style/index.less

@@ -10,7 +10,7 @@
     width: 100%;
     height: 100%;
     content: '';
-    background-color: var(--border-default);
+    background-color: var(--global-cool-grey-300);
     mix-blend-mode: multiply;
   }
 

package/dist/Input/style/status.less

@@ -19,7 +19,7 @@
 
 //color disabled
 @input-disabled-border-color: var(--interaction-border-neutral-normal);
-@input-disabled-bg-color: var(--interaction-background-form-field);
+@input-disabled-bg-color: var(--global-cool-gray-alpha-50);
 @input-disabled-text-color: var(--content-primary);
 @input-disabled-placeholder-color: var(--content-tertiary);
 
@@ -31,6 +31,10 @@
   &::placeholder {
     color: @placeholder-color;
   }
+
+  .ant-input::placeholder {
+    color: @placeholder-color;
+  }
 }
 
 .ald-input.ald-input {

package/dist/InputNumber/style/index.less

@@ -26,8 +26,8 @@
 @inputNumber-active-border-color: var(--interaction-border-selected);
 
 //disable
-@inputNumber-disabled-bg-color: var(--background-neutral-muted);
-@inputNumber-disabled-border-color: var(--border-default);
+@inputNumber-disabled-bg-color: var(--global-cool-gray-alpha-50);
+@inputNumber-disabled-border-color: var(--interaction-border-neutral-normal);
 @inputNumber-disabled-color: var(--content-secondary);
 //光标颜色
 @inputNumber-cursor-color: var(--interaction-focus-default);
@@ -146,7 +146,6 @@
 
     &-disabled {
       color: @inputNumber-disabled-color;
-      background-color: @inputNumber-disabled-bg-color;
       border-color: @inputNumber-disabled-border-color;
       cursor: initial;
 

package/dist/Modal/style/modal.less

@@ -27,7 +27,7 @@
     .ant-modal-header {
       padding: var(--alias-spacing-200) var(--alias-padding-300);
       margin-bottom: 0;
-      border-bottom: 1px solid var(--alias-colors-border-default);
+      border-bottom: 1px solid var(--global-cool-grey-100);
       background: var(--alias-colors-bg-skeleton-subtler);
 
       .ant-modal-title {
@@ -83,7 +83,7 @@
       position: relative;
       margin-top: 0;
       padding: var(--alias-spacing-150) var(--alias-padding-300);
-      border-top: 1px solid var(--alias-colors-border-default);
+      border-top: 1px solid var(--global-cool-grey-100);
       background: var(--alias-colors-bg-skeleton-subtler);
 
       .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {

package/dist/Radio/style/index.less

@@ -320,7 +320,7 @@
 
       &:hover {
         border-radius: var(--alias-radius-75);
-        border: 1px solid var(--border-neutral-strong);
+        border: 1px solid var(--global-cool-grey-400);
         background: var(--alias-colors-bg-skeleton-subtler);
       }
 

package/dist/Select/style/status.less

@@ -45,7 +45,7 @@
   }
 
   &.ald-select-disabled {
-    .select-color(var(--alias-colors-border-disabled),var(--alias-colors-bg-transp),var(--alias-colors-text-default));
+    .select-color(var(--interaction-border-neutral-normal),var(--global-cool-gray-alpha-50),var(--alias-colors-text-default));
 
     cursor: default;
 

package/dist/StatusLight/index.js

@@ -18,27 +18,27 @@ function StatusLight(_ref) {
     switch (status) {
       case 'info':
         return /*#__PURE__*/React.createElement(InProgressFill, {
-          color: "var(--non-semantic-content-blue-primary)",
+          color: "var(--non-semantic-background-blue-strong)",
           size: iconSize
         });
       case 'neutral':
         return /*#__PURE__*/React.createElement(CancelledCircleFill, {
-          color: "var(--non-semantic-content-grey-primary)",
+          color: "var(--non-semantic-background-grey-strong)",
           size: iconSize
         });
       case 'danger':
         return /*#__PURE__*/React.createElement(CloseCircleFill, {
-          color: "var(--non-semantic-content-red-primary)",
+          color: "var(--non-semantic-background-red-strong)",
           size: iconSize
         });
       case 'success':
         return /*#__PURE__*/React.createElement(CheckCircleFill, {
-          color: "var(--non-semantic-content-green-primary)",
+          color: "var(--non-semantic-background-green-strong)",
           size: iconSize
         });
       case 'warning':
         return /*#__PURE__*/React.createElement(AttentionCircleFill, {
-          color: "var(--non-semantic-content-orange-primary)",
+          color: "var(--non-semantic-background-orange-strong)",
           size: iconSize
         });
     }

package/dist/Table/components/Header.js

@@ -20,7 +20,7 @@ export default function Header(props) {
     onSort = _ref.onSort;
   var sortIcon = /*#__PURE__*/React.createElement(SortIcon, {
     size: 20,
-    color: 'var(  --interaction-default-normal)'
+    color: 'var(  --interaction-neutral-normal)'
   });
   if (sortOrder === 'ascend') {
     sortIcon = /*#__PURE__*/React.createElement(SortAscIcon, {

package/dist/Table/helper.d.ts

@@ -23,7 +23,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, con
         render?: ((text: any, record: TDataItem, rowIndex: number) => import("react").ReactNode) | undefined;
         ellipsis?: boolean | undefined;
         noPadding?: boolean | undefined;
-        align?: "left" | "right" | "center" | undefined;
+        align?: "center" | "left" | "right" | undefined;
         fixed?: "left" | "right" | undefined;
         sortOrder?: "ascend" | "descend" | null | undefined;
     };

package/dist/Table/index.js

@@ -275,7 +275,7 @@ function Table(props, ref) {
       onRowClick(rowData, rowIndex);
     };
   }, [onRowClick]);
-  var isShowPagination = !!(pagination && pagination.total > pagination.pageSize);
+  var isShowPagination = !!(pagination && (pagination.total > pagination.pageSize || pagination.showSizeChanger));
   var isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;
   var isShowFooter = isShowPagination || isShowRowSelection;
 

package/dist/Table/style/index.less

@@ -15,11 +15,11 @@
   width: 100%;
 
   &.ald-table-bordered {
-    border: 1px solid var(--alias-colors-border-default);
+    border: 1px solid var(--global-cool-grey-100);
 
     .ald-table-main .ald-table-th,
     .ald-table-header-scroll-placeholder {
-      border-bottom: 1px solid var(--alias-colors-border-default);
+      border-bottom: 1px solid var(--global-cool-grey-100);
     }
 
     .ald-table-main .ald-table-tr:last-child .ald-table-td {
@@ -223,13 +223,13 @@
     .ald-table-tr {
       &.ald-table-row-hover {
         .ald-table-td {
-          background-color: var(--background-neutral-on-subtle);
+          background-color: var(--global-cool-gray-alpha-50);
         }
       }
 
       &.ald-table-row-dragging {
         .ald-table-td {
-          background-color: var(--background-neutral-on-subtle);
+          background-color: var(--global-cool-gray-alpha-50);
         }
       }
     }

package/dist/Tabs/style/index.less

@@ -134,7 +134,7 @@
     margin-bottom: 20px;
 
     &::before {
-      border-color: var(--alias-colors-border-default);
+      border-color: var(--global-cool-grey-100);
     }
   }