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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,7 @@
3
3
  @checkbox-border-color-normal: var(--interaction-border-neutral-normal);
4
4
  @checkbox-border-color-hover: var(--interaction-border-hover);
5
5
  @checkbox-border-color-active: var(--interaction-border-active);
6
- @checkbox-border-color-disabled: var(--interaction-default-normal);
6
+ @checkbox-border-color-disabled: var(--interaction-border-neutral-normal);
7
7
 
8
8
  @checkbox-inner-bgc-normal: var(--interaction-background-form-field);
9
9
  @checkbox-inner-bgc-hover: var(--interaction-background-form-field);
@@ -108,6 +108,7 @@
108
108
  .ant-checkbox-disabled {
109
109
  .ant-checkbox-inner[class][class] {
110
110
  background: @checkbox-inner-bgc-disabled;
111
+ border-color: @checkbox-border-color-disabled;
111
112
  }
112
113
  }
113
114
  }
@@ -155,7 +156,7 @@
155
156
 
156
157
  .ant-checkbox-inner {
157
158
  background-color: @checkbox-inner-bgc-disabled;
158
- border: 0;
159
+ border: 1px solid @checkbox-border-color-disabled;
159
160
 
160
161
  &::after {
161
162
  top: 3px;
@@ -10,7 +10,7 @@
10
10
  width: 100%;
11
11
  height: 100%;
12
12
  content: '';
13
- background-color: var(--border-default);
13
+ background-color: var(--global-cool-grey-300);
14
14
  mix-blend-mode: multiply;
15
15
  }
16
16
 
@@ -18,27 +18,27 @@ function StatusLight(_ref) {
18
18
  switch (status) {
19
19
  case 'info':
20
20
  return /*#__PURE__*/React.createElement(InProgressFill, {
21
- color: "var(--non-semantic-content-blue-primary)",
21
+ color: "var(--non-semantic-background-blue-strong)",
22
22
  size: iconSize
23
23
  });
24
24
  case 'neutral':
25
25
  return /*#__PURE__*/React.createElement(CancelledCircleFill, {
26
- color: "var(--non-semantic-content-grey-primary)",
26
+ color: "var(--non-semantic-background-grey-strong)",
27
27
  size: iconSize
28
28
  });
29
29
  case 'danger':
30
30
  return /*#__PURE__*/React.createElement(CloseCircleFill, {
31
- color: "var(--non-semantic-content-red-primary)",
31
+ color: "var(--non-semantic-background-red-strong)",
32
32
  size: iconSize
33
33
  });
34
34
  case 'success':
35
35
  return /*#__PURE__*/React.createElement(CheckCircleFill, {
36
- color: "var(--non-semantic-content-green-primary)",
36
+ color: "var(--non-semantic-background-green-strong)",
37
37
  size: iconSize
38
38
  });
39
39
  case 'warning':
40
40
  return /*#__PURE__*/React.createElement(AttentionCircleFill, {
41
- color: "var(--non-semantic-content-orange-primary)",
41
+ color: "var(--non-semantic-background-orange-strong)",
42
42
  size: iconSize
43
43
  });
44
44
  }
@@ -20,7 +20,7 @@ export default function Header(props) {
20
20
  onSort = _ref.onSort;
21
21
  var sortIcon = /*#__PURE__*/React.createElement(SortIcon, {
22
22
  size: 20,
23
- color: 'var( --interaction-default-normal)'
23
+ color: 'var( --interaction-neutral-normal)'
24
24
  });
25
25
  if (sortOrder === 'ascend') {
26
26
  sortIcon = /*#__PURE__*/React.createElement(SortAscIcon, {
@@ -23,7 +23,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, con
23
23
  render?: ((text: any, record: TDataItem, rowIndex: number) => import("react").ReactNode) | undefined;
24
24
  ellipsis?: boolean | undefined;
25
25
  noPadding?: boolean | undefined;
26
- align?: "left" | "right" | "center" | undefined;
26
+ align?: "center" | "left" | "right" | undefined;
27
27
  fixed?: "left" | "right" | undefined;
28
28
  sortOrder?: "ascend" | "descend" | null | undefined;
29
29
  };
@@ -275,7 +275,7 @@ function Table(props, ref) {
275
275
  onRowClick(rowData, rowIndex);
276
276
  };
277
277
  }, [onRowClick]);
278
- var isShowPagination = !!(pagination && pagination.total > pagination.pageSize);
278
+ var isShowPagination = !!(pagination && (pagination.total > pagination.pageSize || pagination.showSizeChanger));
279
279
  var isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;
280
280
  var isShowFooter = isShowPagination || isShowRowSelection;
281
281
 
@@ -223,13 +223,13 @@
223
223
  .ald-table-tr {
224
224
  &.ald-table-row-hover {
225
225
  .ald-table-td {
226
- background-color: var(--background-neutral-on-subtle);
226
+ background-color: var(--interaction-ghost-hover);
227
227
  }
228
228
  }
229
229
 
230
230
  &.ald-table-row-dragging {
231
231
  .ald-table-td {
232
- background-color: var(--background-neutral-on-subtle);
232
+ background-color: var(--interaction-ghost-hover);
233
233
  }
234
234
  }
235
235
  }