@alauda/ui 6.5.7-beta.8 → 6.5.7-prod-3.12-appark-0
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.
- package/esm2020/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2020/card/card.component.mjs +2 -2
- package/esm2020/date-picker/trigger/trigger.component.mjs +2 -2
- package/esm2020/dialog/dialog.component.mjs +3 -3
- package/esm2020/input/input.component.mjs +2 -2
- package/esm2020/input/tags-input/tags-input.component.mjs +2 -2
- package/esm2020/select/multi-select/multi-select.component.mjs +2 -2
- package/esm2020/select/select.component.mjs +2 -2
- package/esm2020/time-picker/component.mjs +2 -2
- package/esm2020/tooltip/base-tooltip.mjs +1 -2
- package/esm2020/tooltip/tooltip.component.mjs +2 -2
- package/esm2020/tree-select/tree-select.component.mjs +3 -3
- package/fesm2015/alauda-ui.mjs +22 -23
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +22 -23
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/theme/_mixin.scss +2 -1
- package/theme/_theme-preset.scss +12 -10
- package/theme/style.css +20 -16
- package/tooltip/base-tooltip.d.ts +1 -1
package/package.json
CHANGED
package/theme/_mixin.scss
CHANGED
package/theme/_theme-preset.scss
CHANGED
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
--aui-font-size-m: 14px;
|
|
29
29
|
--aui-font-size-s: 12px;
|
|
30
30
|
--aui-line-height-xxxl: 32px;
|
|
31
|
-
--aui-line-height-xxl:
|
|
32
|
-
--aui-line-height-xl:
|
|
33
|
-
--aui-line-height-l:
|
|
31
|
+
--aui-line-height-xxl: 30px;
|
|
32
|
+
--aui-line-height-xl: 26px;
|
|
33
|
+
--aui-line-height-l: 24px;
|
|
34
34
|
--aui-line-height-m: 20px;
|
|
35
|
-
--aui-line-height-s:
|
|
35
|
+
--aui-line-height-s: 18px;
|
|
36
36
|
--aui-icon-size-xxl: 24px;
|
|
37
37
|
--aui-icon-size-xl: 24px;
|
|
38
38
|
--aui-icon-size-l: 16px;
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
@mixin light-mode {
|
|
53
53
|
color-scheme: light;
|
|
54
54
|
|
|
55
|
-
--aui-color-blue: #{rgb-string(#
|
|
55
|
+
--aui-color-blue: #{rgb-string(#2369ef)};
|
|
56
56
|
--aui-color-b-0: #{rgb-string(#0067d0)};
|
|
57
57
|
--aui-color-b-1: #{rgb-string(#268df6)};
|
|
58
58
|
--aui-color-b-2: #{rgb-string(#4da2f8)};
|
|
@@ -70,21 +70,21 @@
|
|
|
70
70
|
--aui-color-p-5: var(--aui-color-b-5);
|
|
71
71
|
--aui-color-p-6: var(--aui-color-b-6);
|
|
72
72
|
--aui-color-p-7: var(--aui-color-b-7);
|
|
73
|
-
--aui-color-green: #{rgb-string(#
|
|
73
|
+
--aui-color-green: #{rgb-string(#01a839)};
|
|
74
74
|
--aui-color-g-0: #{rgb-string(#00a552)};
|
|
75
75
|
--aui-color-g-1: #{rgb-string(#26cb78)};
|
|
76
76
|
--aui-color-g-2: #{rgb-string(#4cd490)};
|
|
77
77
|
--aui-color-g-4: #{rgb-string(#b3eccf)};
|
|
78
78
|
--aui-color-g-6: #{rgb-string(#e6f9ef)};
|
|
79
79
|
--aui-color-g-7: #{rgb-string(#f2fbf6)};
|
|
80
|
-
--aui-color-yellow: #{rgb-string(#
|
|
80
|
+
--aui-color-yellow: #{rgb-string(#f1b819)};
|
|
81
81
|
--aui-color-y-0: #{rgb-string(#dc9200)};
|
|
82
82
|
--aui-color-y-1: #{rgb-string(#f6b026)};
|
|
83
83
|
--aui-color-y-2: #{rgb-string(#f8be4d)};
|
|
84
84
|
--aui-color-y-4: #{rgb-string(#fce3b3)};
|
|
85
85
|
--aui-color-y-6: #{rgb-string(#fef5e6)};
|
|
86
86
|
--aui-color-y-7: #{rgb-string(#fefaf3)};
|
|
87
|
-
--aui-color-red: #{rgb-string(#
|
|
87
|
+
--aui-color-red: #{rgb-string(#f82a21)};
|
|
88
88
|
--aui-color-r-0: #{rgb-string(#c70021)};
|
|
89
89
|
--aui-color-r-1: #{rgb-string(#ed2647)};
|
|
90
90
|
--aui-color-r-2: #{rgb-string(#f14c67)};
|
|
@@ -99,12 +99,13 @@
|
|
|
99
99
|
--aui-color-n-6: #{rgb-string(#c8cacd)};
|
|
100
100
|
--aui-color-n-7: #{rgb-string(#d4d6d9)};
|
|
101
101
|
--aui-color-n-8: #{rgb-string(#edeff2)};
|
|
102
|
-
--aui-color-n-9: #{rgb-string(#
|
|
102
|
+
--aui-color-n-9: #{rgb-string(#eef0f5)};
|
|
103
103
|
--aui-color-n-10: #{rgb-string(#fff)};
|
|
104
104
|
--aui-color-origin-shadow: var(--aui-color-n-1);
|
|
105
105
|
--aui-color-popper-bg: var(--aui-color-n-10);
|
|
106
|
-
--aui-color-button-bg: var(--aui-color-n-
|
|
106
|
+
--aui-color-button-bg: var(--aui-color-n-10);
|
|
107
107
|
--aui-color-main-bg: var(--aui-color-n-9);
|
|
108
|
+
--aui-color-input-bg: var(--aui-color-n-10);
|
|
108
109
|
--aui-color-divider: var(--aui-color-n-8);
|
|
109
110
|
--aui-color-border: var(--aui-color-n-7);
|
|
110
111
|
--aui-color-main-text: var(--aui-color-n-1);
|
|
@@ -170,6 +171,7 @@
|
|
|
170
171
|
--aui-color-popper-bg: #{rgb-string(#383b47)};
|
|
171
172
|
--aui-color-button-bg: #{rgb-string(#383b47)};
|
|
172
173
|
--aui-color-main-bg: var(--aui-color-n-9);
|
|
174
|
+
--aui-color-input-bg: var(--aui-color-n-9);
|
|
173
175
|
--aui-color-divider: var(--aui-color-n-8);
|
|
174
176
|
--aui-color-border: var(--aui-color-n-7);
|
|
175
177
|
--aui-color-main-text: var(--aui-color-n-1);
|
package/theme/style.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
color-scheme: light;
|
|
3
|
-
--aui-color-blue:
|
|
3
|
+
--aui-color-blue: 35, 105, 239;
|
|
4
4
|
--aui-color-b-0: 0, 103, 208;
|
|
5
5
|
--aui-color-b-1: 38, 141, 246;
|
|
6
6
|
--aui-color-b-2: 77, 162, 248;
|
|
@@ -18,21 +18,21 @@
|
|
|
18
18
|
--aui-color-p-5: var(--aui-color-b-5);
|
|
19
19
|
--aui-color-p-6: var(--aui-color-b-6);
|
|
20
20
|
--aui-color-p-7: var(--aui-color-b-7);
|
|
21
|
-
--aui-color-green:
|
|
21
|
+
--aui-color-green: 1, 168, 57;
|
|
22
22
|
--aui-color-g-0: 0, 165, 82;
|
|
23
23
|
--aui-color-g-1: 38, 203, 120;
|
|
24
24
|
--aui-color-g-2: 76, 212, 144;
|
|
25
25
|
--aui-color-g-4: 179, 236, 207;
|
|
26
26
|
--aui-color-g-6: 230, 249, 239;
|
|
27
27
|
--aui-color-g-7: 242, 251, 246;
|
|
28
|
-
--aui-color-yellow:
|
|
28
|
+
--aui-color-yellow: 241, 184, 25;
|
|
29
29
|
--aui-color-y-0: 220, 146, 0;
|
|
30
30
|
--aui-color-y-1: 246, 176, 38;
|
|
31
31
|
--aui-color-y-2: 248, 190, 77;
|
|
32
32
|
--aui-color-y-4: 252, 227, 179;
|
|
33
33
|
--aui-color-y-6: 254, 245, 230;
|
|
34
34
|
--aui-color-y-7: 254, 250, 243;
|
|
35
|
-
--aui-color-red:
|
|
35
|
+
--aui-color-red: 248, 42, 33;
|
|
36
36
|
--aui-color-r-0: 199, 0, 33;
|
|
37
37
|
--aui-color-r-1: 237, 38, 71;
|
|
38
38
|
--aui-color-r-2: 241, 76, 103;
|
|
@@ -47,12 +47,13 @@
|
|
|
47
47
|
--aui-color-n-6: 200, 202, 205;
|
|
48
48
|
--aui-color-n-7: 212, 214, 217;
|
|
49
49
|
--aui-color-n-8: 237, 239, 242;
|
|
50
|
-
--aui-color-n-9:
|
|
50
|
+
--aui-color-n-9: 238, 240, 245;
|
|
51
51
|
--aui-color-n-10: 255, 255, 255;
|
|
52
52
|
--aui-color-origin-shadow: var(--aui-color-n-1);
|
|
53
53
|
--aui-color-popper-bg: var(--aui-color-n-10);
|
|
54
|
-
--aui-color-button-bg: var(--aui-color-n-
|
|
54
|
+
--aui-color-button-bg: var(--aui-color-n-10);
|
|
55
55
|
--aui-color-main-bg: var(--aui-color-n-9);
|
|
56
|
+
--aui-color-input-bg: var(--aui-color-n-10);
|
|
56
57
|
--aui-color-divider: var(--aui-color-n-8);
|
|
57
58
|
--aui-color-border: var(--aui-color-n-7);
|
|
58
59
|
--aui-color-main-text: var(--aui-color-n-1);
|
|
@@ -64,7 +65,7 @@
|
|
|
64
65
|
|
|
65
66
|
html[aui-theme-mode=light] {
|
|
66
67
|
color-scheme: light;
|
|
67
|
-
--aui-color-blue:
|
|
68
|
+
--aui-color-blue: 35, 105, 239;
|
|
68
69
|
--aui-color-b-0: 0, 103, 208;
|
|
69
70
|
--aui-color-b-1: 38, 141, 246;
|
|
70
71
|
--aui-color-b-2: 77, 162, 248;
|
|
@@ -82,21 +83,21 @@ html[aui-theme-mode=light] {
|
|
|
82
83
|
--aui-color-p-5: var(--aui-color-b-5);
|
|
83
84
|
--aui-color-p-6: var(--aui-color-b-6);
|
|
84
85
|
--aui-color-p-7: var(--aui-color-b-7);
|
|
85
|
-
--aui-color-green:
|
|
86
|
+
--aui-color-green: 1, 168, 57;
|
|
86
87
|
--aui-color-g-0: 0, 165, 82;
|
|
87
88
|
--aui-color-g-1: 38, 203, 120;
|
|
88
89
|
--aui-color-g-2: 76, 212, 144;
|
|
89
90
|
--aui-color-g-4: 179, 236, 207;
|
|
90
91
|
--aui-color-g-6: 230, 249, 239;
|
|
91
92
|
--aui-color-g-7: 242, 251, 246;
|
|
92
|
-
--aui-color-yellow:
|
|
93
|
+
--aui-color-yellow: 241, 184, 25;
|
|
93
94
|
--aui-color-y-0: 220, 146, 0;
|
|
94
95
|
--aui-color-y-1: 246, 176, 38;
|
|
95
96
|
--aui-color-y-2: 248, 190, 77;
|
|
96
97
|
--aui-color-y-4: 252, 227, 179;
|
|
97
98
|
--aui-color-y-6: 254, 245, 230;
|
|
98
99
|
--aui-color-y-7: 254, 250, 243;
|
|
99
|
-
--aui-color-red:
|
|
100
|
+
--aui-color-red: 248, 42, 33;
|
|
100
101
|
--aui-color-r-0: 199, 0, 33;
|
|
101
102
|
--aui-color-r-1: 237, 38, 71;
|
|
102
103
|
--aui-color-r-2: 241, 76, 103;
|
|
@@ -111,12 +112,13 @@ html[aui-theme-mode=light] {
|
|
|
111
112
|
--aui-color-n-6: 200, 202, 205;
|
|
112
113
|
--aui-color-n-7: 212, 214, 217;
|
|
113
114
|
--aui-color-n-8: 237, 239, 242;
|
|
114
|
-
--aui-color-n-9:
|
|
115
|
+
--aui-color-n-9: 238, 240, 245;
|
|
115
116
|
--aui-color-n-10: 255, 255, 255;
|
|
116
117
|
--aui-color-origin-shadow: var(--aui-color-n-1);
|
|
117
118
|
--aui-color-popper-bg: var(--aui-color-n-10);
|
|
118
|
-
--aui-color-button-bg: var(--aui-color-n-
|
|
119
|
+
--aui-color-button-bg: var(--aui-color-n-10);
|
|
119
120
|
--aui-color-main-bg: var(--aui-color-n-9);
|
|
121
|
+
--aui-color-input-bg: var(--aui-color-n-10);
|
|
120
122
|
--aui-color-divider: var(--aui-color-n-8);
|
|
121
123
|
--aui-color-border: var(--aui-color-n-7);
|
|
122
124
|
--aui-color-main-text: var(--aui-color-n-1);
|
|
@@ -182,6 +184,7 @@ html[aui-theme-mode=light] {
|
|
|
182
184
|
--aui-color-popper-bg: 56, 59, 71;
|
|
183
185
|
--aui-color-button-bg: 56, 59, 71;
|
|
184
186
|
--aui-color-main-bg: var(--aui-color-n-9);
|
|
187
|
+
--aui-color-input-bg: var(--aui-color-n-9);
|
|
185
188
|
--aui-color-divider: var(--aui-color-n-8);
|
|
186
189
|
--aui-color-border: var(--aui-color-n-7);
|
|
187
190
|
--aui-color-main-text: var(--aui-color-n-1);
|
|
@@ -247,6 +250,7 @@ html[aui-theme-mode=dark] {
|
|
|
247
250
|
--aui-color-popper-bg: 56, 59, 71;
|
|
248
251
|
--aui-color-button-bg: 56, 59, 71;
|
|
249
252
|
--aui-color-main-bg: var(--aui-color-n-9);
|
|
253
|
+
--aui-color-input-bg: var(--aui-color-n-9);
|
|
250
254
|
--aui-color-divider: var(--aui-color-n-8);
|
|
251
255
|
--aui-color-border: var(--aui-color-n-7);
|
|
252
256
|
--aui-color-main-text: var(--aui-color-n-1);
|
|
@@ -284,11 +288,11 @@ html[aui-theme-mode=dark] {
|
|
|
284
288
|
--aui-font-size-m: 14px;
|
|
285
289
|
--aui-font-size-s: 12px;
|
|
286
290
|
--aui-line-height-xxxl: 32px;
|
|
287
|
-
--aui-line-height-xxl:
|
|
288
|
-
--aui-line-height-xl:
|
|
289
|
-
--aui-line-height-l:
|
|
291
|
+
--aui-line-height-xxl: 30px;
|
|
292
|
+
--aui-line-height-xl: 26px;
|
|
293
|
+
--aui-line-height-l: 24px;
|
|
290
294
|
--aui-line-height-m: 20px;
|
|
291
|
-
--aui-line-height-s:
|
|
295
|
+
--aui-line-height-s: 18px;
|
|
292
296
|
--aui-icon-size-xxl: 24px;
|
|
293
297
|
--aui-icon-size-xl: 24px;
|
|
294
298
|
--aui-icon-size-l: 16px;
|
|
@@ -41,7 +41,7 @@ export declare class BaseTooltip<T = any> implements TooltipInterface, AfterView
|
|
|
41
41
|
hideOnClick: boolean;
|
|
42
42
|
show: EventEmitter<void>;
|
|
43
43
|
hide: EventEmitter<void>;
|
|
44
|
-
overlayRef: OverlayRef;
|
|
44
|
+
protected overlayRef: OverlayRef;
|
|
45
45
|
protected componentClass: ComponentType<any>;
|
|
46
46
|
protected componentIns: TooltipComponent;
|
|
47
47
|
protected hostHovered: boolean;
|