@epam/assets 5.5.6 → 5.6.1-patch.1
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/css/theme/theme_electric.css +117 -116
- package/css/theme/theme_electric.css.map +1 -1
- package/css/theme/theme_loveship.css +129 -128
- package/css/theme/theme_loveship.css.map +1 -1
- package/css/theme/theme_loveship_dark.css +134 -125
- package/css/theme/theme_loveship_dark.css.map +1 -1
- package/css/theme/theme_promo.css +113 -113
- package/css/theme/theme_promo.css.map +1 -1
- package/css/theme/theme_vanilla_thunder.css +15 -14
- package/css/theme/theme_vanilla_thunder.css.map +1 -1
- package/package.json +2 -2
- package/theme/theme_electric.scss +2 -211
- package/theme/theme_loveship.scss +2 -209
- package/theme/theme_loveship_dark.scss +21 -219
- package/theme/theme_promo.scss +2 -209
- package/theme/theme_vanilla_thunder.scss +15 -14
- package/theme/tokens/_theme_electric.scss +263 -0
- package/theme/tokens/_theme_loveship.scss +261 -0
- package/theme/tokens/_theme_loveship_dark.scss +261 -0
- package/theme/tokens/_theme_promo.scss +261 -0
|
@@ -1,8 +1,36 @@
|
|
|
1
1
|
.uui-theme-promo{
|
|
2
|
-
--
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
2
|
+
--amber-5:#FFFCF5;
|
|
3
|
+
--amber-10:#FFF2CC;
|
|
4
|
+
--amber-20:#FFE38F;
|
|
5
|
+
--amber-50:#FFC000;
|
|
6
|
+
--amber-60:#DB9D00;
|
|
7
|
+
--amber-70:#9F6B04;
|
|
8
|
+
--black:#000000;
|
|
9
|
+
--white:#FFFFFF;
|
|
10
|
+
--blue-5:#F5FBFF;
|
|
11
|
+
--blue-10:#D6F2FF;
|
|
12
|
+
--blue-20:#99DDFF;
|
|
13
|
+
--blue-50:#007BBD;
|
|
14
|
+
--blue-60:#006AA3;
|
|
15
|
+
--blue-70:#005685;
|
|
16
|
+
--cobalt-5:#F8FAFF;
|
|
17
|
+
--cobalt-10:#D9E2FC;
|
|
18
|
+
--cobalt-20:#AEC0F5;
|
|
19
|
+
--cobalt-50:#0F98FF;
|
|
20
|
+
--cobalt-60:#006FE5;
|
|
21
|
+
--cobalt-70:#0954A5;
|
|
22
|
+
--cyan-5:#F6FEFE;
|
|
23
|
+
--cyan-10:#D1FAFA;
|
|
24
|
+
--cyan-20:#AAEEEE;
|
|
25
|
+
--cyan-50:#14CCCC;
|
|
26
|
+
--cyan-60:#12B5B5;
|
|
27
|
+
--cyan-70:#0B6F6F;
|
|
28
|
+
--fuchsia-5:#FFF7FB;
|
|
29
|
+
--fuchsia-10:#F9D8E7;
|
|
30
|
+
--fuchsia-20:#EDADC8;
|
|
31
|
+
--fuchsia-50:#EA4386;
|
|
32
|
+
--fuchsia-60:#D61E68;
|
|
33
|
+
--fuchsia-70:#AE1955;
|
|
6
34
|
--gray5:#FAFAFC;
|
|
7
35
|
--gray10:#F5F6FA;
|
|
8
36
|
--gray20:#EBEDF5;
|
|
@@ -13,136 +41,97 @@
|
|
|
13
41
|
--gray70:#474A59;
|
|
14
42
|
--gray80:#303240;
|
|
15
43
|
--gray90:#1D1E26;
|
|
16
|
-
--blue-5:#F5FDFF;
|
|
17
|
-
--blue-10:#D6F2FF;
|
|
18
|
-
--blue-20:#99DDFF;
|
|
19
|
-
--blue-50:#007BBD;
|
|
20
|
-
--blue-60:#006AA3;
|
|
21
|
-
--blue-70:#005685;
|
|
22
44
|
--green-5:#FCFFF5;
|
|
23
45
|
--green-10:#EEFFCC;
|
|
24
46
|
--green-20:#CFF486;
|
|
25
47
|
--green-50:#65A300;
|
|
26
48
|
--green-60:#528500;
|
|
27
49
|
--green-70:#446600;
|
|
28
|
-
--
|
|
29
|
-
--
|
|
30
|
-
--
|
|
31
|
-
--
|
|
32
|
-
--
|
|
33
|
-
--
|
|
34
|
-
--red-5:#FEF7F6;
|
|
35
|
-
--red-10:#FADED9;
|
|
36
|
-
--red-20:#F5B5A8;
|
|
37
|
-
--red-50:#DB3A1A;
|
|
38
|
-
--red-60:#C03316;
|
|
39
|
-
--red-70:#A02B13;
|
|
40
|
-
--white:#FFFFFF;
|
|
41
|
-
--yellow-5:#FFFFF5;
|
|
42
|
-
--yellow-10:#FFFFE5;
|
|
43
|
-
--yellow-20:#FFFCA4;
|
|
44
|
-
--yellow-50:#FDD63B;
|
|
45
|
-
--yellow-60:#EDBE02;
|
|
46
|
-
--yellow-70:#BC7E02;
|
|
50
|
+
--mint-5:#F2FCF5;
|
|
51
|
+
--mint-10:#DDF3E4;
|
|
52
|
+
--mint-20:#B4DFC4;
|
|
53
|
+
--mint-50:#4FC48C;
|
|
54
|
+
--mint-60:#31AA70;
|
|
55
|
+
--mint-70:#236E4A;
|
|
47
56
|
--orange-5:#FEF8F4;
|
|
48
57
|
--orange-10:#FFE8D7;
|
|
49
58
|
--orange-20:#FFCCA7;
|
|
50
59
|
--orange-50:#FF8B3E;
|
|
51
60
|
--orange-60:#F76B0D;
|
|
52
61
|
--orange-70:#BD4B00;
|
|
53
|
-
--fuchsia-5:#FFF7FB;
|
|
54
|
-
--fuchsia-10:#F9D8E7;
|
|
55
|
-
--fuchsia-20:#EDADC8;
|
|
56
|
-
--fuchsia-50:#EA4386;
|
|
57
|
-
--fuchsia-60:#D61E68;
|
|
58
|
-
--fuchsia-70:#AE1955;
|
|
59
62
|
--purple-5:#FDF6FE;
|
|
60
63
|
--purple-10:#F2CCFA;
|
|
61
64
|
--purple-20:#E79DF5;
|
|
62
65
|
--purple-50:#B114D1;
|
|
63
66
|
--purple-60:#860F9E;
|
|
64
67
|
--purple-70:#5E0B6F;
|
|
68
|
+
--red-5:#FEF7F6;
|
|
69
|
+
--red-10:#FADED9;
|
|
70
|
+
--red-20:#F5B5A8;
|
|
71
|
+
--red-50:#DB3A1A;
|
|
72
|
+
--red-60:#C03316;
|
|
73
|
+
--red-70:#A02B13;
|
|
65
74
|
--violet-5:#F8F6FE;
|
|
66
75
|
--violet-10:#DBCCFA;
|
|
67
76
|
--violet-20:#BB9DF5;
|
|
68
77
|
--violet-50:#773CEC;
|
|
69
78
|
--violet-60:#5514D6;
|
|
70
79
|
--violet-70:#40109E;
|
|
71
|
-
--
|
|
72
|
-
--
|
|
73
|
-
--
|
|
74
|
-
--
|
|
75
|
-
--
|
|
76
|
-
--
|
|
77
|
-
--cyan-5:#F6FEFE;
|
|
78
|
-
--cyan-10:#D1FAFA;
|
|
79
|
-
--cyan-20:#AAEEEE;
|
|
80
|
-
--cyan-50:#14CCCC;
|
|
81
|
-
--cyan-60:#12B5B5;
|
|
82
|
-
--cyan-70:#0B6F6F;
|
|
83
|
-
--mint-5:#F2FCF5;
|
|
84
|
-
--mint-10:#DDF3E4;
|
|
85
|
-
--mint-20:#B4DFC4;
|
|
86
|
-
--mint-50:#4FC48C;
|
|
87
|
-
--mint-60:#31AA70;
|
|
88
|
-
--mint-70:#236E4A;
|
|
89
|
-
--uui-primary-5:var(--blue-5);
|
|
90
|
-
--uui-primary-10:var(--blue-10);
|
|
91
|
-
--uui-primary-20:var(--blue-20);
|
|
92
|
-
--uui-primary-50:var(--blue-50);
|
|
93
|
-
--uui-primary-60:var(--blue-60);
|
|
94
|
-
--uui-primary-70:var(--blue-70);
|
|
95
|
-
--uui-primary-contrast:var(--white);
|
|
80
|
+
--yellow-5:#FFFFF5;
|
|
81
|
+
--yellow-10:#FFFFE5;
|
|
82
|
+
--yellow-20:#FFFCA4;
|
|
83
|
+
--yellow-50:#FDD63B;
|
|
84
|
+
--yellow-60:#EDBE02;
|
|
85
|
+
--yellow-70:#BC7E02;
|
|
96
86
|
--uui-accent-5:var(--green-5);
|
|
97
87
|
--uui-accent-10:var(--green-10);
|
|
98
88
|
--uui-accent-20:var(--green-20);
|
|
99
89
|
--uui-accent-50:var(--green-50);
|
|
100
90
|
--uui-accent-60:var(--green-60);
|
|
101
91
|
--uui-accent-70:var(--green-70);
|
|
102
|
-
--uui-accent-contrast:var(--white);
|
|
103
|
-
--uui-secondary-5:var(--gray10);
|
|
104
|
-
--uui-secondary-10:var(--gray20);
|
|
105
|
-
--uui-secondary-20:var(--gray30);
|
|
106
|
-
--uui-secondary-50:var(--gray60);
|
|
107
|
-
--uui-secondary-60:var(--gray70);
|
|
108
|
-
--uui-secondary-70:var(--gray80);
|
|
109
|
-
--uui-secondary-contrast:var(--white);
|
|
110
92
|
--uui-critical-5:var(--red-5);
|
|
111
93
|
--uui-critical-10:var(--red-10);
|
|
112
94
|
--uui-critical-20:var(--red-20);
|
|
113
95
|
--uui-critical-50:var(--red-50);
|
|
114
96
|
--uui-critical-60:var(--red-60);
|
|
115
97
|
--uui-critical-70:var(--red-70);
|
|
116
|
-
--uui-
|
|
98
|
+
--uui-error-5:var(--red-5);
|
|
99
|
+
--uui-error-10:var(--red-10);
|
|
100
|
+
--uui-error-20:var(--red-20);
|
|
101
|
+
--uui-error-50:var(--red-50);
|
|
102
|
+
--uui-error-60:var(--red-60);
|
|
103
|
+
--uui-error-70:var(--red-70);
|
|
117
104
|
--uui-info-5:var(--blue-5);
|
|
118
105
|
--uui-info-10:var(--blue-10);
|
|
119
106
|
--uui-info-20:var(--blue-20);
|
|
120
107
|
--uui-info-50:var(--blue-50);
|
|
121
108
|
--uui-info-60:var(--blue-60);
|
|
122
109
|
--uui-info-70:var(--blue-70);
|
|
123
|
-
--uui-
|
|
110
|
+
--uui-primary-5:var(--blue-5);
|
|
111
|
+
--uui-primary-10:var(--blue-10);
|
|
112
|
+
--uui-primary-20:var(--blue-20);
|
|
113
|
+
--uui-primary-50:var(--blue-50);
|
|
114
|
+
--uui-primary-60:var(--blue-60);
|
|
115
|
+
--uui-primary-70:var(--blue-70);
|
|
116
|
+
--uui-secondary-5:var(--gray10);
|
|
117
|
+
--uui-secondary-10:var(--gray20);
|
|
118
|
+
--uui-secondary-20:var(--gray30);
|
|
119
|
+
--uui-secondary-50:var(--gray60);
|
|
120
|
+
--uui-secondary-60:var(--gray70);
|
|
121
|
+
--uui-secondary-70:var(--gray80);
|
|
124
122
|
--uui-success-5:var(--green-5);
|
|
125
123
|
--uui-success-10:var(--green-10);
|
|
126
124
|
--uui-success-20:var(--green-20);
|
|
127
125
|
--uui-success-50:var(--green-50);
|
|
128
126
|
--uui-success-60:var(--green-60);
|
|
129
127
|
--uui-success-70:var(--green-70);
|
|
130
|
-
--uui-success-contrast:var(--white);
|
|
131
128
|
--uui-warning-5:var(--amber-5);
|
|
132
129
|
--uui-warning-10:var(--amber-10);
|
|
133
130
|
--uui-warning-20:var(--amber-20);
|
|
134
131
|
--uui-warning-50:var(--amber-50);
|
|
135
132
|
--uui-warning-60:var(--amber-60);
|
|
136
133
|
--uui-warning-70:var(--amber-70);
|
|
137
|
-
--uui-
|
|
138
|
-
--uui-error-5:var(--red-5);
|
|
139
|
-
--uui-error-10:var(--red-10);
|
|
140
|
-
--uui-error-20:var(--red-20);
|
|
141
|
-
--uui-error-50:var(--red-50);
|
|
142
|
-
--uui-error-60:var(--red-60);
|
|
143
|
-
--uui-error-70:var(--red-70);
|
|
144
|
-
--uui-error-contrast:var(--white);
|
|
145
|
-
--uui-neutral-0:#FFFFFF;
|
|
134
|
+
--uui-neutral-0:var(--white);
|
|
146
135
|
--uui-neutral-5:var(--gray5);
|
|
147
136
|
--uui-neutral-10:var(--gray10);
|
|
148
137
|
--uui-neutral-20:var(--gray20);
|
|
@@ -153,49 +142,60 @@
|
|
|
153
142
|
--uui-neutral-70:var(--gray70);
|
|
154
143
|
--uui-neutral-80:var(--gray80);
|
|
155
144
|
--uui-neutral-90:var(--gray90);
|
|
156
|
-
--uui-neutral-100
|
|
145
|
+
--uui-neutral-100:var(--black);
|
|
157
146
|
--uui-app-bg:var(--uui-neutral-10);
|
|
158
|
-
--uui-overlay:rgba(29, 30, 38, 0.8);
|
|
159
|
-
--uui-surface-sunken:var(--uui-neutral-5);
|
|
160
|
-
--uui-surface-main:var(--uui-neutral-0);
|
|
161
|
-
--uui-surface-higher:var(--uui-neutral-10);
|
|
162
|
-
--uui-surface-highest:var(--uui-neutral-20);
|
|
163
147
|
--uui-divider:var(--uui-neutral-40);
|
|
164
148
|
--uui-divider-light:var(--uui-neutral-30);
|
|
165
|
-
--uui-
|
|
166
|
-
--uui-
|
|
167
|
-
--uui-
|
|
168
|
-
--uui-
|
|
169
|
-
--uui-
|
|
170
|
-
--uui-
|
|
171
|
-
--uui-
|
|
172
|
-
--uui-text-critical:var(--uui-critical-70);
|
|
173
|
-
--uui-text-success:var(--uui-success-70);
|
|
174
|
-
--uui-link:var(--blue-50);
|
|
175
|
-
--uui-link-soft:var(--blue-5);
|
|
176
|
-
--uui-link-hover:var(--blue-60);
|
|
177
|
-
--uui-link-visited:#8018A0;
|
|
178
|
-
--uui-link-visited-hover:#601278;
|
|
179
|
-
--uui-link-disabled:var(--uui-neutral-50);
|
|
180
|
-
--uui-icon:var(--uui-neutral-60);
|
|
181
|
-
--uui-icon-hover:var(--uui-neutral-70);
|
|
182
|
-
--uui-icon-active:var(--uui-neutral-80);
|
|
183
|
-
--uui-icon-disabled:var(--uui-neutral-50);
|
|
184
|
-
--uui-control-bg:var(--uui-neutral-0);
|
|
185
|
-
--uui-control-bg-hover:var(--uui-neutral-60);
|
|
149
|
+
--uui-overlay:#1D1E26CC;
|
|
150
|
+
--uui-surface-higher:var(--uui-neutral-10);
|
|
151
|
+
--uui-surface-highest:var(--uui-neutral-20);
|
|
152
|
+
--uui-surface-main:var(--uui-neutral-0);
|
|
153
|
+
--uui-surface-sunken:var(--uui-neutral-20);
|
|
154
|
+
--uui-border-radius:0;
|
|
155
|
+
--uui-control-bg:var(--uui-surface-main);
|
|
186
156
|
--uui-control-bg-disabled:var(--uui-neutral-5);
|
|
157
|
+
--uui-control-bg-hover:var(--uui-neutral-60);
|
|
187
158
|
--uui-control-border:var(--uui-neutral-40);
|
|
188
159
|
--uui-control-border-hover:var(--uui-neutral-60);
|
|
189
|
-
--uui-control-
|
|
190
|
-
--uui-control-
|
|
160
|
+
--uui-control-icon:var(--uui-neutral-50);
|
|
161
|
+
--uui-control-icon-disabled:var(--uui-neutral-50);
|
|
191
162
|
--uui-control-placeholder:var(--uui-neutral-50);
|
|
192
|
-
--uui-control-placeholder-disabled:var(--uui-
|
|
163
|
+
--uui-control-placeholder-disabled:var(--uui-text-disabled);
|
|
193
164
|
--uui-control-text:var(--uui-text-primary);
|
|
194
165
|
--uui-control-text-disabled:var(--uui-text-tertiary);
|
|
195
|
-
--uui-
|
|
196
|
-
--uui-
|
|
197
|
-
--uui-
|
|
166
|
+
--uui-icon:var(--uui-neutral-60);
|
|
167
|
+
--uui-icon-active:var(--uui-neutral-80);
|
|
168
|
+
--uui-icon-disabled:var(--uui-neutral-50);
|
|
169
|
+
--uui-icon-hover:var(--uui-neutral-70);
|
|
170
|
+
--uui-link:var(--uui-primary-50);
|
|
171
|
+
--uui-link-hover:var(--uui-primary-60);
|
|
172
|
+
--uui-link-visited:#8018A0;
|
|
173
|
+
--uui-outline-focus:#007BBD7F;
|
|
198
174
|
--uui-skeleton:var(--uui-neutral-40);
|
|
175
|
+
--uui-text-bg-highlight:var(--uui-warning-10);
|
|
176
|
+
--uui-text-critical:var(--uui-critical-70);
|
|
177
|
+
--uui-text-disabled:var(--uui-neutral-50);
|
|
178
|
+
--uui-text-info:var(--uui-info-70);
|
|
179
|
+
--uui-text-primary:var(--uui-neutral-80);
|
|
180
|
+
--uui-text-secondary:var(--uui-neutral-70);
|
|
181
|
+
--uui-text-success:var(--uui-success-70);
|
|
182
|
+
--uui-text-tertiary:var(--uui-neutral-60);
|
|
183
|
+
--uui-text-warning:var(--uui-warning-70);
|
|
184
|
+
--uui-font:"Source Sans Pro", sans-serif;
|
|
185
|
+
--uui-font-mono:"Roboto Mono", monospace;
|
|
186
|
+
--font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
|
|
187
|
+
--font-museo-slab:"Museo Slab", "Roboto Slab", Arial, sans-serif;
|
|
188
|
+
--uui-primary-contrast:var(--white);
|
|
189
|
+
--uui-accent-contrast:var(--white);
|
|
190
|
+
--uui-secondary-contrast:var(--white);
|
|
191
|
+
--uui-critical-contrast:var(--white);
|
|
192
|
+
--uui-info-contrast:var(--white);
|
|
193
|
+
--uui-success-contrast:var(--white);
|
|
194
|
+
--uui-warning-contrast:var(--gray80);
|
|
195
|
+
--uui-error-contrast:var(--white);
|
|
196
|
+
--uui-link-visited-hover:#601278;
|
|
197
|
+
--uui-control-border-focus:var(--uui-primary-50);
|
|
198
|
+
--uui-control-border-disabled:var(--uui-neutral-30);
|
|
199
199
|
--uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
|
|
200
200
|
--uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
|
|
201
201
|
--uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
|