@epam/assets 5.5.4 → 5.6.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.
Files changed (20) hide show
  1. package/css/theme/theme_electric.css +117 -116
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +129 -128
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +134 -125
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +113 -113
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +15 -14
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/theme/theme_electric.scss +2 -211
  13. package/theme/theme_loveship.scss +2 -209
  14. package/theme/theme_loveship_dark.scss +21 -219
  15. package/theme/theme_promo.scss +2 -209
  16. package/theme/theme_vanilla_thunder.scss +15 -14
  17. package/theme/tokens/_theme_electric.scss +263 -0
  18. package/theme/tokens/_theme_loveship.scss +261 -0
  19. package/theme/tokens/_theme_loveship_dark.scss +261 -0
  20. package/theme/tokens/_theme_promo.scss +261 -0
package/css/theme/theme_promo.css CHANGED
@@ -1,8 +1,36 @@
1
1
  .uui-theme-promo{
2
- --uui-font:"Source Sans Pro", sans-serif;
3
- --uui-font-mono:"Roboto Mono", monospace;
4
- --font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
5
- --font-museo-slab:"Museo Slab", "Roboto Slab", Arial, sans-serif;
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
- --amber-5:#FFFCF5;
29
- --amber-10:#FFF2CC;
30
- --amber-20:#FFE38F;
31
- --amber-50:#FFC000;
32
- --amber-60:#DB9D00;
33
- --amber-70:#9F6B04;
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
- --cobalt-5:#F8FAFF;
72
- --cobalt-10:#D9E2FC;
73
- --cobalt-20:#AEC0F5;
74
- --cobalt-50:#0F98FF;
75
- --cobalt-60:#006FE5;
76
- --cobalt-70:#0954A5;
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-critical-contrast:var(--white);
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-info-contrast:var(--white);
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-warning-contrast:var(--gray80);
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:#000000;
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-text-brand:var(--uui-neutral-90);
166
- --uui-text-primary:var(--uui-neutral-80);
167
- --uui-text-secondary:var(--uui-neutral-70);
168
- --uui-text-tertiary:var(--uui-neutral-60);
169
- --uui-text-disabled:var(--uui-neutral-50);
170
- --uui-text-info:var(--uui-info-70);
171
- --uui-text-warning:var(--uui-warning-70);
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-border-focus:var(--uui-primary-50);
190
- --uui-control-border-disabled:var(--uui-neutral-30);
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-neutral-50);
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-control-icon:var(--uui-neutral-50);
196
- --uui-control-icon-disabled:var(--uui-neutral-50);
197
- --uui-outline-focus:#008ACE80;
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);