@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/theme/tokens/_theme_promo.scss ADDED
@@ -0,0 +1,261 @@
1
+ // This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
2
+
3
+ @mixin theme-tokens {
4
+
5
+ /***************/
6
+ /*** Palette ***/
7
+ /***************/
8
+
9
+ // "palette/amber"
10
+ --amber-5: #FFFCF5;
11
+ --amber-10: #FFF2CC;
12
+ --amber-20: #FFE38F;
13
+ --amber-50: #FFC000;
14
+ --amber-60: #DB9D00;
15
+ --amber-70: #9F6B04;
16
+
17
+ // ""
18
+ --black: #000000;
19
+ --white: #FFFFFF;
20
+
21
+ // "palette/blue"
22
+ --blue-5: #F5FBFF;
23
+ --blue-10: #D6F2FF;
24
+ --blue-20: #99DDFF;
25
+ --blue-50: #007BBD;
26
+ --blue-60: #006AA3;
27
+ --blue-70: #005685;
28
+
29
+ // "palette-additional/cobalt"
30
+ --cobalt-5: #F8FAFF;
31
+ --cobalt-10: #D9E2FC;
32
+ --cobalt-20: #AEC0F5;
33
+ --cobalt-50: #0F98FF;
34
+ --cobalt-60: #006FE5;
35
+ --cobalt-70: #0954A5;
36
+
37
+ // "palette-additional/cyan"
38
+ --cyan-5: #F6FEFE;
39
+ --cyan-10: #D1FAFA;
40
+ --cyan-20: #AAEEEE;
41
+ --cyan-50: #14CCCC;
42
+ --cyan-60: #12B5B5;
43
+ --cyan-70: #0B6F6F;
44
+
45
+ // "palette-additional/fuchsia"
46
+ --fuchsia-5: #FFF7FB;
47
+ --fuchsia-10: #F9D8E7;
48
+ --fuchsia-20: #EDADC8;
49
+ --fuchsia-50: #EA4386;
50
+ --fuchsia-60: #D61E68;
51
+ --fuchsia-70: #AE1955;
52
+
53
+ // "palette/gray"
54
+ --gray5: #FAFAFC;
55
+ --gray10: #F5F6FA;
56
+ --gray20: #EBEDF5;
57
+ --gray30: #E1E3EB;
58
+ --gray40: #CED0DB;
59
+ --gray50: #ACAFBF;
60
+ --gray60: #6C6F80;
61
+ --gray70: #474A59;
62
+ --gray80: #303240;
63
+ --gray90: #1D1E26;
64
+
65
+ // "palette/green"
66
+ --green-5: #FCFFF5;
67
+ --green-10: #EEFFCC;
68
+ --green-20: #CFF486;
69
+ --green-50: #65A300;
70
+ --green-60: #528500;
71
+ --green-70: #446600;
72
+
73
+ // "palette-additional/mint"
74
+ --mint-5: #F2FCF5;
75
+ --mint-10: #DDF3E4;
76
+ --mint-20: #B4DFC4;
77
+ --mint-50: #4FC48C;
78
+ --mint-60: #31AA70;
79
+ --mint-70: #236E4A;
80
+
81
+ // "palette-additional/orange"
82
+ --orange-5: #FEF8F4;
83
+ --orange-10: #FFE8D7;
84
+ --orange-20: #FFCCA7;
85
+ --orange-50: #FF8B3E;
86
+ --orange-60: #F76B0D;
87
+ --orange-70: #BD4B00;
88
+
89
+ // "palette-additional/purple"
90
+ --purple-5: #FDF6FE;
91
+ --purple-10: #F2CCFA;
92
+ --purple-20: #E79DF5;
93
+ --purple-50: #B114D1;
94
+ --purple-60: #860F9E;
95
+ --purple-70: #5E0B6F;
96
+
97
+ // "palette/red"
98
+ --red-5: #FEF7F6;
99
+ --red-10: #FADED9;
100
+ --red-20: #F5B5A8;
101
+ --red-50: #DB3A1A;
102
+ --red-60: #C03316;
103
+ --red-70: #A02B13;
104
+
105
+ // "palette-additional/violet"
106
+ --violet-5: #F8F6FE;
107
+ --violet-10: #DBCCFA;
108
+ --violet-20: #BB9DF5;
109
+ --violet-50: #773CEC;
110
+ --violet-60: #5514D6;
111
+ --violet-70: #40109E;
112
+
113
+ // "palette-additional/yellow"
114
+ --yellow-5: #FFFFF5;
115
+ --yellow-10: #FFFFE5;
116
+ --yellow-20: #FFFCA4;
117
+ --yellow-50: #FDD63B;
118
+ --yellow-60: #EDBE02;
119
+ --yellow-70: #BC7E02;
120
+
121
+ /*********************/
122
+ /*** Core Semantic ***/
123
+ /*********************/
124
+
125
+ // "core/semantic/accent-"
126
+ --uui-accent-5: var(--green-5);
127
+ --uui-accent-10: var(--green-10);
128
+ --uui-accent-20: var(--green-20);
129
+ --uui-accent-50: var(--green-50);
130
+ --uui-accent-60: var(--green-60);
131
+ --uui-accent-70: var(--green-70);
132
+
133
+ // "core/semantic/critical-"
134
+ --uui-critical-5: var(--red-5);
135
+ --uui-critical-10: var(--red-10);
136
+ --uui-critical-20: var(--red-20);
137
+ --uui-critical-50: var(--red-50);
138
+ --uui-critical-60: var(--red-60);
139
+ --uui-critical-70: var(--red-70);
140
+
141
+ // "core/semantic/error-"
142
+ --uui-error-5: var(--red-5);
143
+ --uui-error-10: var(--red-10);
144
+ --uui-error-20: var(--red-20);
145
+ --uui-error-50: var(--red-50);
146
+ --uui-error-60: var(--red-60);
147
+ --uui-error-70: var(--red-70);
148
+
149
+ // "core/semantic/info-"
150
+ --uui-info-5: var(--blue-5);
151
+ --uui-info-10: var(--blue-10);
152
+ --uui-info-20: var(--blue-20);
153
+ --uui-info-50: var(--blue-50);
154
+ --uui-info-60: var(--blue-60);
155
+ --uui-info-70: var(--blue-70);
156
+
157
+ // "core/semantic/primary-"
158
+ --uui-primary-5: var(--blue-5);
159
+ --uui-primary-10: var(--blue-10);
160
+ --uui-primary-20: var(--blue-20);
161
+ --uui-primary-50: var(--blue-50);
162
+ --uui-primary-60: var(--blue-60);
163
+ --uui-primary-70: var(--blue-70);
164
+
165
+ // "core/semantic/secondary-"
166
+ --uui-secondary-5: var(--gray10);
167
+ --uui-secondary-10: var(--gray20);
168
+ --uui-secondary-20: var(--gray30);
169
+ --uui-secondary-50: var(--gray60);
170
+ --uui-secondary-60: var(--gray70);
171
+ --uui-secondary-70: var(--gray80);
172
+
173
+ // "core/semantic/success-"
174
+ --uui-success-5: var(--green-5);
175
+ --uui-success-10: var(--green-10);
176
+ --uui-success-20: var(--green-20);
177
+ --uui-success-50: var(--green-50);
178
+ --uui-success-60: var(--green-60);
179
+ --uui-success-70: var(--green-70);
180
+
181
+ // "core/semantic/warning-"
182
+ --uui-warning-5: var(--amber-5);
183
+ --uui-warning-10: var(--amber-10);
184
+ --uui-warning-20: var(--amber-20);
185
+ --uui-warning-50: var(--amber-50);
186
+ --uui-warning-60: var(--amber-60);
187
+ --uui-warning-70: var(--amber-70);
188
+
189
+ /********************/
190
+ /*** Core Neutral ***/
191
+ /********************/
192
+
193
+ --uui-neutral-0: var(--white);
194
+ --uui-neutral-5: var(--gray5);
195
+ --uui-neutral-10: var(--gray10);
196
+ --uui-neutral-20: var(--gray20);
197
+ --uui-neutral-30: var(--gray30);
198
+ --uui-neutral-40: var(--gray40);
199
+ --uui-neutral-50: var(--gray50);
200
+ --uui-neutral-60: var(--gray60);
201
+ --uui-neutral-70: var(--gray70);
202
+ --uui-neutral-80: var(--gray80);
203
+ --uui-neutral-90: var(--gray90);
204
+ --uui-neutral-100: var(--black);
205
+
206
+ /************/
207
+ /*** Core ***/
208
+ /************/
209
+
210
+ // "core/surfaces"
211
+ --uui-app-bg: var(--uui-neutral-10);
212
+ --uui-divider: var(--uui-neutral-40);
213
+ --uui-divider-light: var(--uui-neutral-30);
214
+ --uui-overlay: #1D1E26CC;
215
+ --uui-surface-higher: var(--uui-neutral-10);
216
+ --uui-surface-highest: var(--uui-neutral-20);
217
+ --uui-surface-main: var(--uui-neutral-0);
218
+ --uui-surface-sunken: var(--uui-neutral-20);
219
+
220
+ // ""
221
+ --uui-border-radius: 0;
222
+
223
+ // "core/controls"
224
+ --uui-control-bg: var(--uui-surface-main);
225
+ --uui-control-bg-disabled: var(--uui-neutral-5);
226
+ --uui-control-bg-hover: var(--uui-neutral-60);
227
+ --uui-control-border: var(--uui-neutral-40);
228
+ --uui-control-border-hover: var(--uui-neutral-60);
229
+ --uui-control-icon: var(--uui-neutral-50);
230
+ --uui-control-icon-disabled: var(--uui-neutral-50);
231
+ --uui-control-placeholder: var(--uui-neutral-50);
232
+ --uui-control-placeholder-disabled: var(--uui-text-disabled);
233
+ --uui-control-text: var(--uui-text-primary);
234
+ --uui-control-text-disabled: var(--uui-text-tertiary);
235
+
236
+ // "core/icons"
237
+ --uui-icon: var(--uui-neutral-60);
238
+ --uui-icon-active: var(--uui-neutral-80);
239
+ --uui-icon-disabled: var(--uui-neutral-50);
240
+ --uui-icon-hover: var(--uui-neutral-70);
241
+
242
+ // "core/links"
243
+ --uui-link: var(--uui-primary-50);
244
+ --uui-link-hover: var(--uui-primary-60);
245
+ --uui-link-visited: #8018A0;
246
+
247
+ // "core/other"
248
+ --uui-outline-focus: #007BBD7F;
249
+ --uui-skeleton: var(--uui-neutral-40);
250
+
251
+ // "core/text"
252
+ --uui-text-bg-highlight: var(--uui-warning-10);
253
+ --uui-text-critical: var(--uui-critical-70);
254
+ --uui-text-disabled: var(--uui-neutral-50);
255
+ --uui-text-info: var(--uui-info-70);
256
+ --uui-text-primary: var(--uui-neutral-80);
257
+ --uui-text-secondary: var(--uui-neutral-70);
258
+ --uui-text-success: var(--uui-success-70);
259
+ --uui-text-tertiary: var(--uui-neutral-60);
260
+ --uui-text-warning: var(--uui-warning-70);
261
+ }