@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alauda/ui",
3
- "version": "6.5.7-beta.8",
3
+ "version": "6.5.7-prod-3.12-appark-0",
4
4
  "description": "Angular UI components by Alauda Frontend Team.",
5
5
  "repository": "git+https://github.com/alauda/alauda-ui.git",
6
6
  "author": "Alauda Frontend",
package/theme/_mixin.scss CHANGED
@@ -210,7 +210,8 @@
210
210
  }
211
211
 
212
212
  @mixin input-error() {
213
- border-color: use-rgb(red) !important;
213
+ border-color: #f66f6a !important;
214
+ background-color: #ffeeed !important;
214
215
 
215
216
  &:focus,
216
217
  &.isFocused {
@@ -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: 28px;
32
- --aui-line-height-xl: 24px;
33
- --aui-line-height-l: 22px;
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: 16px;
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(#007af5)};
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(#00c261)};
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(#f5a300)};
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(#eb0027)};
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(#f7f9fc)};
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-9);
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: 0, 122, 245;
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: 0, 194, 97;
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: 245, 163, 0;
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: 235, 0, 39;
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: 247, 249, 252;
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-9);
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: 0, 122, 245;
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: 0, 194, 97;
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: 245, 163, 0;
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: 235, 0, 39;
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: 247, 249, 252;
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-9);
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: 28px;
288
- --aui-line-height-xl: 24px;
289
- --aui-line-height-l: 22px;
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: 16px;
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;