@epam/assets 5.8.2 → 5.8.3
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 +76 -28
- package/css/theme/theme_electric.css.map +1 -1
- package/css/theme/theme_loveship.css +98 -26
- package/css/theme/theme_loveship.css.map +1 -1
- package/css/theme/theme_loveship_dark.css +99 -68
- package/css/theme/theme_loveship_dark.css.map +1 -1
- package/css/theme/theme_promo.css +82 -34
- package/css/theme/theme_promo.css.map +1 -1
- package/package.json +2 -2
- package/theme/theme_electric.scss +2 -66
- package/theme/theme_loveship.scss +4 -40
- package/theme/theme_loveship_dark.scss +2 -84
- package/theme/theme_promo.scss +0 -63
- package/theme/tokens/_color_classes.scss +103 -0
- package/theme/tokens/_theme_electric.scss +12 -1
- package/theme/tokens/_theme_loveship_dark.scss +12 -1
- package/theme/tokens/_theme_loveship_light.scss +12 -1
- package/theme/tokens/_theme_promo.scss +12 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
|
|
2
|
+
@use './_color_classes.scss' as colorClasses;
|
|
2
3
|
|
|
3
4
|
@mixin theme-tokens {
|
|
4
5
|
|
|
@@ -129,6 +130,7 @@
|
|
|
129
130
|
--uui-accent-50: var(--grass-50);
|
|
130
131
|
--uui-accent-60: var(--grass-60);
|
|
131
132
|
--uui-accent-70: var(--grass-70);
|
|
133
|
+
--uui-accent-contrast: var(--white);
|
|
132
134
|
|
|
133
135
|
// "core/semantic/critical-"
|
|
134
136
|
--uui-critical-5: var(--fire-5);
|
|
@@ -137,6 +139,7 @@
|
|
|
137
139
|
--uui-critical-50: var(--fire-50);
|
|
138
140
|
--uui-critical-60: var(--fire-60);
|
|
139
141
|
--uui-critical-70: var(--fire-70);
|
|
142
|
+
--uui-critical-contrast: var(--white);
|
|
140
143
|
|
|
141
144
|
// "core/semantic/error-"
|
|
142
145
|
--uui-error-5: var(--fire-5);
|
|
@@ -145,6 +148,7 @@
|
|
|
145
148
|
--uui-error-50: var(--fire-50);
|
|
146
149
|
--uui-error-60: var(--fire-60);
|
|
147
150
|
--uui-error-70: var(--fire-70);
|
|
151
|
+
--uui-error-contrast: var(--white);
|
|
148
152
|
|
|
149
153
|
// "core/semantic/info-"
|
|
150
154
|
--uui-info-5: var(--sky-5);
|
|
@@ -153,6 +157,7 @@
|
|
|
153
157
|
--uui-info-50: var(--sky-50);
|
|
154
158
|
--uui-info-60: var(--sky-60);
|
|
155
159
|
--uui-info-70: var(--sky-70);
|
|
160
|
+
--uui-info-contrast: var(--white);
|
|
156
161
|
|
|
157
162
|
// "core/semantic/primary-"
|
|
158
163
|
--uui-primary-5: var(--sky-5);
|
|
@@ -161,6 +166,7 @@
|
|
|
161
166
|
--uui-primary-50: var(--sky-50);
|
|
162
167
|
--uui-primary-60: var(--sky-60);
|
|
163
168
|
--uui-primary-70: var(--sky-70);
|
|
169
|
+
--uui-primary-contrast: var(--white);
|
|
164
170
|
|
|
165
171
|
// "core/semantic/secondary-"
|
|
166
172
|
--uui-secondary-5: var(--night100);
|
|
@@ -169,6 +175,7 @@
|
|
|
169
175
|
--uui-secondary-50: var(--night600);
|
|
170
176
|
--uui-secondary-60: var(--night700);
|
|
171
177
|
--uui-secondary-70: var(--night800);
|
|
178
|
+
--uui-secondary-contrast: var(--white);
|
|
172
179
|
|
|
173
180
|
// "core/semantic/success-"
|
|
174
181
|
--uui-success-5: var(--grass-5);
|
|
@@ -177,6 +184,7 @@
|
|
|
177
184
|
--uui-success-50: var(--grass-50);
|
|
178
185
|
--uui-success-60: var(--grass-60);
|
|
179
186
|
--uui-success-70: var(--grass-70);
|
|
187
|
+
--uui-success-contrast: var(--white);
|
|
180
188
|
|
|
181
189
|
// "core/semantic/warning-"
|
|
182
190
|
--uui-warning-5: var(--sun-5);
|
|
@@ -185,6 +193,7 @@
|
|
|
185
193
|
--uui-warning-50: var(--sun-50);
|
|
186
194
|
--uui-warning-60: var(--sun-60);
|
|
187
195
|
--uui-warning-70: var(--sun-70);
|
|
196
|
+
--uui-warning-contrast: var(--night800);
|
|
188
197
|
|
|
189
198
|
/********************/
|
|
190
199
|
/*** Core Neutral ***/
|
|
@@ -261,4 +270,6 @@
|
|
|
261
270
|
--uui-text-success: var(--uui-success-70);
|
|
262
271
|
--uui-text-tertiary: var(--uui-neutral-60);
|
|
263
272
|
--uui-text-warning: var(--uui-warning-70);
|
|
264
|
-
|
|
273
|
+
|
|
274
|
+
@include colorClasses.theme-color-classes;
|
|
275
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
|
|
2
|
+
@use './_color_classes.scss' as colorClasses;
|
|
2
3
|
|
|
3
4
|
@mixin theme-tokens {
|
|
4
5
|
|
|
@@ -129,6 +130,7 @@
|
|
|
129
130
|
--uui-accent-50: var(--green-50);
|
|
130
131
|
--uui-accent-60: var(--green-60);
|
|
131
132
|
--uui-accent-70: var(--green-70);
|
|
133
|
+
--uui-accent-contrast: var(--white);
|
|
132
134
|
|
|
133
135
|
// "core/semantic/critical-"
|
|
134
136
|
--uui-critical-5: var(--red-5);
|
|
@@ -137,6 +139,7 @@
|
|
|
137
139
|
--uui-critical-50: var(--red-50);
|
|
138
140
|
--uui-critical-60: var(--red-60);
|
|
139
141
|
--uui-critical-70: var(--red-70);
|
|
142
|
+
--uui-critical-contrast: var(--white);
|
|
140
143
|
|
|
141
144
|
// "core/semantic/error-"
|
|
142
145
|
--uui-error-5: var(--red-5);
|
|
@@ -145,6 +148,7 @@
|
|
|
145
148
|
--uui-error-50: var(--red-50);
|
|
146
149
|
--uui-error-60: var(--red-60);
|
|
147
150
|
--uui-error-70: var(--red-70);
|
|
151
|
+
--uui-error-contrast: var(--white);
|
|
148
152
|
|
|
149
153
|
// "core/semantic/info-"
|
|
150
154
|
--uui-info-5: var(--blue-5);
|
|
@@ -153,6 +157,7 @@
|
|
|
153
157
|
--uui-info-50: var(--blue-50);
|
|
154
158
|
--uui-info-60: var(--blue-60);
|
|
155
159
|
--uui-info-70: var(--blue-70);
|
|
160
|
+
--uui-info-contrast: var(--white);
|
|
156
161
|
|
|
157
162
|
// "core/semantic/primary-"
|
|
158
163
|
--uui-primary-5: var(--blue-5);
|
|
@@ -161,6 +166,7 @@
|
|
|
161
166
|
--uui-primary-50: var(--blue-50);
|
|
162
167
|
--uui-primary-60: var(--blue-60);
|
|
163
168
|
--uui-primary-70: var(--blue-70);
|
|
169
|
+
--uui-primary-contrast: var(--white);
|
|
164
170
|
|
|
165
171
|
// "core/semantic/secondary-"
|
|
166
172
|
--uui-secondary-5: var(--gray10);
|
|
@@ -169,6 +175,7 @@
|
|
|
169
175
|
--uui-secondary-50: var(--gray60);
|
|
170
176
|
--uui-secondary-60: var(--gray70);
|
|
171
177
|
--uui-secondary-70: var(--gray80);
|
|
178
|
+
--uui-secondary-contrast: var(--white);
|
|
172
179
|
|
|
173
180
|
// "core/semantic/success-"
|
|
174
181
|
--uui-success-5: var(--green-5);
|
|
@@ -177,6 +184,7 @@
|
|
|
177
184
|
--uui-success-50: var(--green-50);
|
|
178
185
|
--uui-success-60: var(--green-60);
|
|
179
186
|
--uui-success-70: var(--green-70);
|
|
187
|
+
--uui-success-contrast: var(--white);
|
|
180
188
|
|
|
181
189
|
// "core/semantic/warning-"
|
|
182
190
|
--uui-warning-5: var(--amber-5);
|
|
@@ -185,6 +193,7 @@
|
|
|
185
193
|
--uui-warning-50: var(--amber-50);
|
|
186
194
|
--uui-warning-60: var(--amber-60);
|
|
187
195
|
--uui-warning-70: var(--amber-70);
|
|
196
|
+
--uui-warning-contrast: var(--gray80);
|
|
188
197
|
|
|
189
198
|
/********************/
|
|
190
199
|
/*** Core Neutral ***/
|
|
@@ -261,4 +270,6 @@
|
|
|
261
270
|
--uui-text-success: var(--uui-success-70);
|
|
262
271
|
--uui-text-tertiary: var(--uui-neutral-60);
|
|
263
272
|
--uui-text-warning: var(--uui-warning-70);
|
|
264
|
-
|
|
273
|
+
|
|
274
|
+
@include colorClasses.theme-color-classes;
|
|
275
|
+
}
|