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

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.
@@ -42,13 +42,18 @@
42
42
  }
43
43
 
44
44
  &-disabled {
45
- border: 1px solid var(--border-default);
46
- background: var(--background-neutral-muted);
45
+ border: 1px solid var(--interaction-border-neutral-normal);
46
+ background: var(--global-cool-gray-alpha-50);
47
47
 
48
48
  &.beta-ald-select-borderless {
49
49
  border-color: transparent;
50
50
  background: transparent;
51
51
  }
52
+
53
+ &:hover {
54
+ border-color: var(--interaction-border-neutral-normal);
55
+ background-color: var(--global-cool-gray-alpha-50);
56
+ }
52
57
  }
53
58
 
54
59
  .beta-ald-select-placeholder {
@@ -24,27 +24,27 @@
24
24
  }
25
25
 
26
26
  &.ald-badge-success {
27
- color: var(--content-inverted-primary);
28
- background-color: var(--background-positive-strong);
27
+ color: var(--content-positive-primary);
28
+ background-color: var(--background-positive-muted);
29
29
  }
30
30
 
31
31
  &.ald-badge-error {
32
- color: var(--content-inverted-primary);
33
- background-color: var(--background-negative-strong);
32
+ color: var(--content-negative-primary);
33
+ background-color: var(--background-negative-muted);
34
34
  }
35
35
 
36
36
  &.ald-badge-default {
37
- color: var(--content-inverted-primary);
38
- background-color: var(--background-neutral-strong);
37
+ color: var(--content-neutral-primary);
38
+ background-color: var(--background-neutral-muted);
39
39
  }
40
40
 
41
41
  &.ald-badge-info {
42
- color: var(--content-inverted-primary);
43
- background-color: var(--background-informative-strong);
42
+ color: var(--content-informative-primary);
43
+ background-color: var(--background-informative-muted);
44
44
  }
45
45
 
46
46
  &.ald-badge-warning {
47
- color: var(--content-primary);
48
- background-color: var(--background-warning-strong);
47
+ color: var(--content-warning-primary);
48
+ background-color: var(--background-warning-muted);
49
49
  }
50
50
  }
@@ -19,7 +19,7 @@
19
19
 
20
20
  //color disabled
21
21
  @input-disabled-border-color: var(--interaction-border-neutral-normal);
22
- @input-disabled-bg-color: var(--interaction-background-form-field);
22
+ @input-disabled-bg-color: var(--global-cool-gray-alpha-50);
23
23
  @input-disabled-text-color: var(--content-primary);
24
24
  @input-disabled-placeholder-color: var(--content-tertiary);
25
25
 
@@ -31,6 +31,10 @@
31
31
  &::placeholder {
32
32
  color: @placeholder-color;
33
33
  }
34
+
35
+ .ant-input::placeholder {
36
+ color: @placeholder-color;
37
+ }
34
38
  }
35
39
 
36
40
  .ald-input.ald-input {
@@ -26,8 +26,8 @@
26
26
  @inputNumber-active-border-color: var(--interaction-border-selected);
27
27
 
28
28
  //disable
29
- @inputNumber-disabled-bg-color: var(--background-neutral-muted);
30
- @inputNumber-disabled-border-color: var(--border-default);
29
+ @inputNumber-disabled-bg-color: var(--global-cool-gray-alpha-50);
30
+ @inputNumber-disabled-border-color: var(--interaction-border-neutral-normal);
31
31
  @inputNumber-disabled-color: var(--content-secondary);
32
32
  //光标颜色
33
33
  @inputNumber-cursor-color: var(--interaction-focus-default);
@@ -146,7 +146,6 @@
146
146
 
147
147
  &-disabled {
148
148
  color: @inputNumber-disabled-color;
149
- background-color: @inputNumber-disabled-bg-color;
150
149
  border-color: @inputNumber-disabled-border-color;
151
150
  cursor: initial;
152
151
 
@@ -27,7 +27,7 @@
27
27
  .ant-modal-header {
28
28
  padding: var(--alias-spacing-200) var(--alias-padding-300);
29
29
  margin-bottom: 0;
30
- border-bottom: 1px solid var(--alias-colors-border-default);
30
+ border-bottom: 1px solid var(--global-cool-grey-100);
31
31
  background: var(--alias-colors-bg-skeleton-subtler);
32
32
 
33
33
  .ant-modal-title {
@@ -83,7 +83,7 @@
83
83
  position: relative;
84
84
  margin-top: 0;
85
85
  padding: var(--alias-spacing-150) var(--alias-padding-300);
86
- border-top: 1px solid var(--alias-colors-border-default);
86
+ border-top: 1px solid var(--global-cool-grey-100);
87
87
  background: var(--alias-colors-bg-skeleton-subtler);
88
88
 
89
89
  .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
@@ -320,7 +320,7 @@
320
320
 
321
321
  &:hover {
322
322
  border-radius: var(--alias-radius-75);
323
- border: 1px solid var(--border-neutral-strong);
323
+ border: 1px solid var(--global-cool-grey-400);
324
324
  background: var(--alias-colors-bg-skeleton-subtler);
325
325
  }
326
326
 
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  &.ald-select-disabled {
48
- .select-color(var(--alias-colors-border-disabled),var(--alias-colors-bg-transp),var(--alias-colors-text-default));
48
+ .select-color(var(--interaction-border-neutral-normal),var(--global-cool-gray-alpha-50),var(--alias-colors-text-default));
49
49
 
50
50
  cursor: default;
51
51
 
@@ -15,11 +15,11 @@
15
15
  width: 100%;
16
16
 
17
17
  &.ald-table-bordered {
18
- border: 1px solid var(--alias-colors-border-default);
18
+ border: 1px solid var(--global-cool-grey-100);
19
19
 
20
20
  .ald-table-main .ald-table-th,
21
21
  .ald-table-header-scroll-placeholder {
22
- border-bottom: 1px solid var(--alias-colors-border-default);
22
+ border-bottom: 1px solid var(--global-cool-grey-100);
23
23
  }
24
24
 
25
25
  .ald-table-main .ald-table-tr:last-child .ald-table-td {
@@ -223,13 +223,13 @@
223
223
  .ald-table-tr {
224
224
  &.ald-table-row-hover {
225
225
  .ald-table-td {
226
- background-color: var(--interaction-ghost-hover);
226
+ background-color: var(--global-cool-gray-alpha-50);
227
227
  }
228
228
  }
229
229
 
230
230
  &.ald-table-row-dragging {
231
231
  .ald-table-td {
232
- background-color: var(--interaction-ghost-hover);
232
+ background-color: var(--global-cool-gray-alpha-50);
233
233
  }
234
234
  }
235
235
  }
@@ -134,7 +134,7 @@
134
134
  margin-bottom: 20px;
135
135
 
136
136
  &::before {
137
- border-color: var(--alias-colors-border-default);
137
+ border-color: var(--global-cool-grey-100);
138
138
  }
139
139
  }
140
140