@enovaui/core-tokens 2.0.0 → 3.1.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/CHANGELOG.md +22 -0
- package/css/color-primitive.css +192 -130
- package/css/effect-primitive.css +33 -0
- package/css/opacity-primitive.css +23 -0
- package/css/radius-primitive.css +15 -1
- package/css/spacing-primitive.css +17 -3
- package/css/typography-primitive.css +11 -1
- package/index.js +1 -1
- package/json/color-primitive.json +189 -129
- package/json/effect-primitive.json +24 -0
- package/json/opacity-primitive.json +14 -0
- package/json/radius-primitive.json +14 -0
- package/json/spacing-primitive.json +16 -2
- package/json/typography-primitive.json +10 -0
- package/package.json +2 -2
- package/LICENSE +0 -201
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
The following is a curated list of changes in the core tokens module, newest changes on the top.
|
|
4
4
|
|
|
5
|
+
## [3.1.0] - 2026-05-11
|
|
6
|
+
|
|
7
|
+
- No significant changes
|
|
8
|
+
|
|
9
|
+
## [3.0.0] - 2026-05-02
|
|
10
|
+
|
|
11
|
+
### Removed
|
|
12
|
+
|
|
13
|
+
- `primitive-spacing-50` and `primitive-spacing-160`
|
|
14
|
+
|
|
15
|
+
### Changed
|
|
16
|
+
|
|
17
|
+
- `color-primitive` values to match the latest guide
|
|
18
|
+
|
|
19
|
+
### Added
|
|
20
|
+
|
|
21
|
+
- `effect-primitive` values to match the latest guide
|
|
22
|
+
- `opacity-primitive` values to match the latest guide
|
|
23
|
+
- `radius-primitive` values to match the latest guide
|
|
24
|
+
- `spacing-primitive` values to match the latest guide
|
|
25
|
+
- `typography-primitive` values to match the latest guide
|
|
26
|
+
|
|
5
27
|
## [2.0.0] - 2026-04-30
|
|
6
28
|
|
|
7
29
|
- No significant changes
|
package/css/color-primitive.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* SPDX-FileCopyrightText: Copyright
|
|
2
|
+
* SPDX-FileCopyrightText: Copyright 2026 LG Electronics Inc.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -43,17 +43,17 @@ Primitive Color Tokens
|
|
|
43
43
|
--primitive-color-mist-gray-15: #1f1f1f;
|
|
44
44
|
--primitive-color-mist-gray-20: #2d2d2d;
|
|
45
45
|
--primitive-color-mist-gray-25: #393939;
|
|
46
|
-
--primitive-color-mist-gray-30: #
|
|
47
|
-
--primitive-color-mist-gray-35: #
|
|
48
|
-
--primitive-color-mist-gray-40: #
|
|
46
|
+
--primitive-color-mist-gray-30: #44484a;
|
|
47
|
+
--primitive-color-mist-gray-35: #4e5355;
|
|
48
|
+
--primitive-color-mist-gray-40: #5b6062;
|
|
49
49
|
--primitive-color-mist-gray-45: #697072;
|
|
50
|
-
--primitive-color-mist-gray-50: #
|
|
50
|
+
--primitive-color-mist-gray-50: #767c7f;
|
|
51
51
|
--primitive-color-mist-gray-55: #828586;
|
|
52
|
-
--primitive-color-mist-gray-60: #
|
|
53
|
-
--primitive-color-mist-gray-65: #
|
|
54
|
-
--primitive-color-mist-gray-70: #
|
|
55
|
-
--primitive-color-mist-gray-75: #
|
|
56
|
-
--primitive-color-mist-gray-80: #
|
|
52
|
+
--primitive-color-mist-gray-60: #8e9394;
|
|
53
|
+
--primitive-color-mist-gray-65: #999d9f;
|
|
54
|
+
--primitive-color-mist-gray-70: #a9adaf;
|
|
55
|
+
--primitive-color-mist-gray-75: #b3b7b8;
|
|
56
|
+
--primitive-color-mist-gray-80: #c5c8c9;
|
|
57
57
|
--primitive-color-mist-gray-85: #d3d4d7;
|
|
58
58
|
--primitive-color-mist-gray-90: #e1e2e5;
|
|
59
59
|
--primitive-color-mist-gray-95: #eff1f4;
|
|
@@ -111,7 +111,7 @@ Primitive Color Tokens
|
|
|
111
111
|
--primitive-color-warm-gray-25: #4a4a49;
|
|
112
112
|
--primitive-color-warm-gray-30: #5c5b5a;
|
|
113
113
|
--primitive-color-warm-gray-35: #646464;
|
|
114
|
-
--primitive-color-warm-gray-40: #
|
|
114
|
+
--primitive-color-warm-gray-40: #7d7c78;
|
|
115
115
|
--primitive-color-warm-gray-45: #878580;
|
|
116
116
|
--primitive-color-warm-gray-50: #94928d;
|
|
117
117
|
--primitive-color-warm-gray-55: #a19e99;
|
|
@@ -135,8 +135,8 @@ Primitive Color Tokens
|
|
|
135
135
|
--primitive-color-heritage-red-35: #a50034;
|
|
136
136
|
--primitive-color-heritage-red-40: #c00045;
|
|
137
137
|
--primitive-color-heritage-red-45: #d91757;
|
|
138
|
-
--primitive-color-heritage-red-50: #
|
|
139
|
-
--primitive-color-heritage-red-55: #
|
|
138
|
+
--primitive-color-heritage-red-50: #e82c64;
|
|
139
|
+
--primitive-color-heritage-red-55: #f03d72;
|
|
140
140
|
--primitive-color-heritage-red-60: #fe4e87;
|
|
141
141
|
--primitive-color-heritage-red-65: #ff6997;
|
|
142
142
|
--primitive-color-heritage-red-70: #ff84a6;
|
|
@@ -162,9 +162,9 @@ Primitive Color Tokens
|
|
|
162
162
|
--primitive-color-active-red-60: #ff5449;
|
|
163
163
|
--primitive-color-active-red-65: #ff6b63;
|
|
164
164
|
--primitive-color-active-red-70: #ff897d;
|
|
165
|
-
--primitive-color-active-red-75: #
|
|
166
|
-
--primitive-color-active-red-80: #
|
|
167
|
-
--primitive-color-active-red-85: #
|
|
165
|
+
--primitive-color-active-red-75: #ff9f94;
|
|
166
|
+
--primitive-color-active-red-80: #ffb2ab;
|
|
167
|
+
--primitive-color-active-red-85: #ffc3bf;
|
|
168
168
|
--primitive-color-active-red-90: #ffdad6;
|
|
169
169
|
--primitive-color-active-red-95: #ffedea;
|
|
170
170
|
--primitive-color-active-red-99: #fef5f5;
|
|
@@ -180,32 +180,32 @@ Primitive Color Tokens
|
|
|
180
180
|
--primitive-color-red-orange-40: #d11800;
|
|
181
181
|
--primitive-color-red-orange-45: #e92600;
|
|
182
182
|
--primitive-color-red-orange-50: #f93600;
|
|
183
|
-
--primitive-color-red-orange-55: #
|
|
183
|
+
--primitive-color-red-orange-55: #ff432b;
|
|
184
184
|
--primitive-color-red-orange-60: #ff5330;
|
|
185
185
|
--primitive-color-red-orange-65: #ff6b4d;
|
|
186
186
|
--primitive-color-red-orange-70: #ff8a6e;
|
|
187
187
|
--primitive-color-red-orange-75: #ffa58b;
|
|
188
|
-
--primitive-color-red-orange-80: #
|
|
189
|
-
--primitive-color-red-orange-85: #
|
|
190
|
-
--primitive-color-red-orange-90: #
|
|
191
|
-
--primitive-color-red-orange-95: #
|
|
188
|
+
--primitive-color-red-orange-80: #ffb9a2;
|
|
189
|
+
--primitive-color-red-orange-85: #ffc9b7;
|
|
190
|
+
--primitive-color-red-orange-90: #ffddd2;
|
|
191
|
+
--primitive-color-red-orange-95: #ffefea;
|
|
192
192
|
--primitive-color-red-orange-99: #fffcfb;
|
|
193
193
|
|
|
194
194
|
/* Deep Orange Colors */
|
|
195
195
|
--primitive-color-deep-orange-5: #1a0b06;
|
|
196
196
|
--primitive-color-deep-orange-10: #33160d;
|
|
197
197
|
--primitive-color-deep-orange-15: #4a2114;
|
|
198
|
-
--primitive-color-deep-orange-20: #
|
|
199
|
-
--primitive-color-deep-orange-25: #
|
|
200
|
-
--primitive-color-deep-orange-30: #
|
|
201
|
-
--primitive-color-deep-orange-35: #
|
|
202
|
-
--primitive-color-deep-orange-40: #
|
|
198
|
+
--primitive-color-deep-orange-20: #76270f;
|
|
199
|
+
--primitive-color-deep-orange-25: #a4310e;
|
|
200
|
+
--primitive-color-deep-orange-30: #dc4509;
|
|
201
|
+
--primitive-color-deep-orange-35: #f0570a;
|
|
202
|
+
--primitive-color-deep-orange-40: #ff6205;
|
|
203
203
|
--primitive-color-deep-orange-45: #ff6224;
|
|
204
204
|
--primitive-color-deep-orange-50: #ff6e42;
|
|
205
|
-
--primitive-color-deep-orange-55: #
|
|
206
|
-
--primitive-color-deep-orange-60: #
|
|
207
|
-
--primitive-color-deep-orange-65: #
|
|
208
|
-
--primitive-color-deep-orange-70: #
|
|
205
|
+
--primitive-color-deep-orange-55: #ff844f;
|
|
206
|
+
--primitive-color-deep-orange-60: #ff8c57;
|
|
207
|
+
--primitive-color-deep-orange-65: #ff976b;
|
|
208
|
+
--primitive-color-deep-orange-70: #ffad8d;
|
|
209
209
|
--primitive-color-deep-orange-75: #ffb8a0;
|
|
210
210
|
--primitive-color-deep-orange-80: #ffc5b3;
|
|
211
211
|
--primitive-color-deep-orange-85: #ffd3c6;
|
|
@@ -224,13 +224,13 @@ Primitive Color Tokens
|
|
|
224
224
|
--primitive-color-orange-40: #934b01;
|
|
225
225
|
--primitive-color-orange-45: #a55401;
|
|
226
226
|
--primitive-color-orange-50: #b95f01;
|
|
227
|
-
--primitive-color-orange-55: #
|
|
228
|
-
--primitive-color-orange-60: #
|
|
229
|
-
--primitive-color-orange-65: #
|
|
230
|
-
--primitive-color-orange-70: #
|
|
227
|
+
--primitive-color-orange-55: #d66c00;
|
|
228
|
+
--primitive-color-orange-60: #eb7900;
|
|
229
|
+
--primitive-color-orange-65: #ff7f05;
|
|
230
|
+
--primitive-color-orange-70: #ff8d1f;
|
|
231
231
|
--primitive-color-orange-75: #ff9d4c;
|
|
232
232
|
--primitive-color-orange-80: #ffb77f;
|
|
233
|
-
--primitive-color-orange-85: #
|
|
233
|
+
--primitive-color-orange-85: #ffcba3;
|
|
234
234
|
--primitive-color-orange-90: #ffdcc3;
|
|
235
235
|
--primitive-color-orange-95: #ffede0;
|
|
236
236
|
--primitive-color-orange-99: #fffdfb;
|
|
@@ -247,15 +247,15 @@ Primitive Color Tokens
|
|
|
247
247
|
--primitive-color-yellow-45: #866500;
|
|
248
248
|
--primitive-color-yellow-50: #967101;
|
|
249
249
|
--primitive-color-yellow-55: #a87f00;
|
|
250
|
-
--primitive-color-yellow-60: #
|
|
251
|
-
--primitive-color-yellow-65: #
|
|
250
|
+
--primitive-color-yellow-60: #be9004;
|
|
251
|
+
--primitive-color-yellow-65: #d8a304;
|
|
252
252
|
--primitive-color-yellow-70: #eeb404;
|
|
253
|
-
--primitive-color-yellow-75: #
|
|
253
|
+
--primitive-color-yellow-75: #ffc20f;
|
|
254
254
|
--primitive-color-yellow-80: #ffca28;
|
|
255
255
|
--primitive-color-yellow-85: #ffdc59;
|
|
256
|
-
--primitive-color-yellow-90: #
|
|
257
|
-
--primitive-color-yellow-95: #
|
|
258
|
-
--primitive-color-yellow-99: #
|
|
256
|
+
--primitive-color-yellow-90: #ffe999;
|
|
257
|
+
--primitive-color-yellow-95: #fff4cc;
|
|
258
|
+
--primitive-color-yellow-99: #fffbeb;
|
|
259
259
|
--primitive-color-yellow-green-5: #090f06;
|
|
260
260
|
--primitive-color-yellow-green-10: #121f0c;
|
|
261
261
|
--primitive-color-yellow-green-15: #1b2f11;
|
|
@@ -265,8 +265,8 @@ Primitive Color Tokens
|
|
|
265
265
|
--primitive-color-yellow-green-35: #316d15;
|
|
266
266
|
--primitive-color-yellow-green-40: #287d00;
|
|
267
267
|
--primitive-color-yellow-green-45: #529233;
|
|
268
|
-
--primitive-color-yellow-green-50: #
|
|
269
|
-
--primitive-color-yellow-green-55: #
|
|
268
|
+
--primitive-color-yellow-green-50: #4a9726;
|
|
269
|
+
--primitive-color-yellow-green-55: #5ca834;
|
|
270
270
|
--primitive-color-yellow-green-60: #6fb946;
|
|
271
271
|
--primitive-color-yellow-green-65: #7cc155;
|
|
272
272
|
--primitive-color-yellow-green-70: #86c465;
|
|
@@ -279,8 +279,8 @@ Primitive Color Tokens
|
|
|
279
279
|
|
|
280
280
|
/* Green Colors */
|
|
281
281
|
--primitive-color-green-5: #03130b;
|
|
282
|
-
--primitive-color-green-10: #
|
|
283
|
-
--primitive-color-green-15: #
|
|
282
|
+
--primitive-color-green-10: #041e13;
|
|
283
|
+
--primitive-color-green-15: #002e19;
|
|
284
284
|
--primitive-color-green-20: #013920;
|
|
285
285
|
--primitive-color-green-25: #014225;
|
|
286
286
|
--primitive-color-green-30: #005231;
|
|
@@ -294,19 +294,19 @@ Primitive Color Tokens
|
|
|
294
294
|
--primitive-color-green-70: #46bf85;
|
|
295
295
|
--primitive-color-green-75: #51c894;
|
|
296
296
|
--primitive-color-green-80: #5cd59b;
|
|
297
|
-
--primitive-color-green-85: #
|
|
298
|
-
--primitive-color-green-90: #
|
|
297
|
+
--primitive-color-green-85: #8cdeb1;
|
|
298
|
+
--primitive-color-green-90: #bcf0d3;
|
|
299
299
|
--primitive-color-green-95: #d9f6e6;
|
|
300
|
-
--primitive-color-green-99: #
|
|
300
|
+
--primitive-color-green-99: #f3fcf7;
|
|
301
301
|
|
|
302
302
|
/* Mint Green Colors */
|
|
303
303
|
--primitive-color-mint-green-5: #06130e;
|
|
304
304
|
--primitive-color-mint-green-10: #0c261d;
|
|
305
|
-
--primitive-color-mint-green-15: #
|
|
305
|
+
--primitive-color-mint-green-15: #0b4233;
|
|
306
306
|
--primitive-color-mint-green-20: #184c3b;
|
|
307
|
-
--primitive-color-mint-green-25: #
|
|
308
|
-
--primitive-color-mint-green-30: #
|
|
309
|
-
--primitive-color-mint-green-35: #
|
|
307
|
+
--primitive-color-mint-green-25: #185d48;
|
|
308
|
+
--primitive-color-mint-green-30: #216e58;
|
|
309
|
+
--primitive-color-mint-green-35: #2c846d;
|
|
310
310
|
--primitive-color-mint-green-40: #309876;
|
|
311
311
|
--primitive-color-mint-green-45: #37ac85;
|
|
312
312
|
--primitive-color-mint-green-50: #3dbf94;
|
|
@@ -352,15 +352,15 @@ Primitive Color Tokens
|
|
|
352
352
|
--primitive-color-blue-green-30: #155364;
|
|
353
353
|
--primitive-color-blue-green-35: #0c6e81;
|
|
354
354
|
--primitive-color-blue-green-40: #00829e;
|
|
355
|
-
--primitive-color-blue-green-45: #
|
|
356
|
-
--primitive-color-blue-green-50: #
|
|
357
|
-
--primitive-color-blue-green-55: #
|
|
358
|
-
--primitive-color-blue-green-60: #
|
|
359
|
-
--primitive-color-blue-green-65: #
|
|
360
|
-
--primitive-color-blue-green-70: #
|
|
361
|
-
--primitive-color-blue-green-75: #
|
|
362
|
-
--primitive-color-blue-green-80: #
|
|
363
|
-
--primitive-color-blue-green-85: #
|
|
355
|
+
--primitive-color-blue-green-45: #158da8;
|
|
356
|
+
--primitive-color-blue-green-50: #1496b3;
|
|
357
|
+
--primitive-color-blue-green-55: #13a3c3;
|
|
358
|
+
--primitive-color-blue-green-60: #10add1;
|
|
359
|
+
--primitive-color-blue-green-65: #21badd;
|
|
360
|
+
--primitive-color-blue-green-70: #5acde6;
|
|
361
|
+
--primitive-color-blue-green-75: #78d9ef;
|
|
362
|
+
--primitive-color-blue-green-80: #93e6f8;
|
|
363
|
+
--primitive-color-blue-green-85: #baeef9;
|
|
364
364
|
--primitive-color-blue-green-90: #daf5fd;
|
|
365
365
|
--primitive-color-blue-green-95: #eafaff;
|
|
366
366
|
--primitive-color-blue-green-99: #f9fdff;
|
|
@@ -379,25 +379,25 @@ Primitive Color Tokens
|
|
|
379
379
|
--primitive-color-sky-blue-55: #018bd6;
|
|
380
380
|
--primitive-color-sky-blue-60: #0397e9;
|
|
381
381
|
--primitive-color-sky-blue-65: #26a5f2;
|
|
382
|
-
--primitive-color-sky-blue-70: #
|
|
383
|
-
--primitive-color-sky-blue-75: #
|
|
384
|
-
--primitive-color-sky-blue-80: #
|
|
385
|
-
--primitive-color-sky-blue-85: #
|
|
386
|
-
--primitive-color-sky-blue-90: #
|
|
387
|
-
--primitive-color-sky-blue-95: #
|
|
388
|
-
--primitive-color-sky-blue-99: #
|
|
382
|
+
--primitive-color-sky-blue-70: #25b6ff;
|
|
383
|
+
--primitive-color-sky-blue-75: #5cc0ff;
|
|
384
|
+
--primitive-color-sky-blue-80: #80d0ff;
|
|
385
|
+
--primitive-color-sky-blue-85: #b2dfff;
|
|
386
|
+
--primitive-color-sky-blue-90: #cdeafe;
|
|
387
|
+
--primitive-color-sky-blue-95: #e0f3ff;
|
|
388
|
+
--primitive-color-sky-blue-99: #f0f9ff;
|
|
389
389
|
|
|
390
390
|
/* Cobalt Blue Colors */
|
|
391
391
|
--primitive-color-cobalt-blue-5: #11142c;
|
|
392
392
|
--primitive-color-cobalt-blue-10: #232959;
|
|
393
|
-
--primitive-color-cobalt-blue-15: #
|
|
394
|
-
--primitive-color-cobalt-blue-20: #
|
|
393
|
+
--primitive-color-cobalt-blue-15: #282c66;
|
|
394
|
+
--primitive-color-cobalt-blue-20: #353485;
|
|
395
395
|
--primitive-color-cobalt-blue-25: #3f489f;
|
|
396
396
|
--primitive-color-cobalt-blue-30: #4a57bf;
|
|
397
397
|
--primitive-color-cobalt-blue-35: #4e61d8;
|
|
398
398
|
--primitive-color-cobalt-blue-40: #5266f8;
|
|
399
|
-
--primitive-color-cobalt-blue-45: #
|
|
400
|
-
--primitive-color-cobalt-blue-50: #
|
|
399
|
+
--primitive-color-cobalt-blue-45: #5d70ff;
|
|
400
|
+
--primitive-color-cobalt-blue-50: #6679ff;
|
|
401
401
|
--primitive-color-cobalt-blue-55: #768aff;
|
|
402
402
|
--primitive-color-cobalt-blue-60: #8593ff;
|
|
403
403
|
--primitive-color-cobalt-blue-65: #9eaaff;
|
|
@@ -410,70 +410,70 @@ Primitive Color Tokens
|
|
|
410
410
|
--primitive-color-cobalt-blue-99: #f7f8ff;
|
|
411
411
|
|
|
412
412
|
/* Navy Colors */
|
|
413
|
-
--primitive-color-navy-5: #
|
|
414
|
-
--primitive-color-navy-10: #
|
|
415
|
-
--primitive-color-navy-15: #
|
|
416
|
-
--primitive-color-navy-20: #
|
|
417
|
-
--primitive-color-navy-25: #
|
|
418
|
-
--primitive-color-navy-30: #
|
|
419
|
-
--primitive-color-navy-35: #
|
|
420
|
-
--primitive-color-navy-40: #
|
|
421
|
-
--primitive-color-navy-45: #
|
|
422
|
-
--primitive-color-navy-50: #
|
|
423
|
-
--primitive-color-navy-55: #
|
|
424
|
-
--primitive-color-navy-60: #
|
|
425
|
-
--primitive-color-navy-65: #
|
|
426
|
-
--primitive-color-navy-70: #
|
|
427
|
-
--primitive-color-navy-75: #
|
|
428
|
-
--primitive-color-navy-80: #
|
|
429
|
-
--primitive-color-navy-85: #
|
|
430
|
-
--primitive-color-navy-90: #
|
|
431
|
-
--primitive-color-navy-95: #
|
|
432
|
-
--primitive-color-navy-99: #
|
|
413
|
+
--primitive-color-navy-5: #000d1b;
|
|
414
|
+
--primitive-color-navy-10: #001a34;
|
|
415
|
+
--primitive-color-navy-15: #001e3d;
|
|
416
|
+
--primitive-color-navy-20: #102947;
|
|
417
|
+
--primitive-color-navy-25: #18324f;
|
|
418
|
+
--primitive-color-navy-30: #223b5b;
|
|
419
|
+
--primitive-color-navy-35: #2e4668;
|
|
420
|
+
--primitive-color-navy-40: #375075;
|
|
421
|
+
--primitive-color-navy-45: #455e85;
|
|
422
|
+
--primitive-color-navy-50: #506c94;
|
|
423
|
+
--primitive-color-navy-55: #5f7da7;
|
|
424
|
+
--primitive-color-navy-60: #6d8ab7;
|
|
425
|
+
--primitive-color-navy-65: #7b99c6;
|
|
426
|
+
--primitive-color-navy-70: #8aaad6;
|
|
427
|
+
--primitive-color-navy-75: #99b8e5;
|
|
428
|
+
--primitive-color-navy-80: #aac8f2;
|
|
429
|
+
--primitive-color-navy-85: #c6daf6;
|
|
430
|
+
--primitive-color-navy-90: #d4e3f7;
|
|
431
|
+
--primitive-color-navy-95: #e4eefc;
|
|
432
|
+
--primitive-color-navy-99: #f5f9ff;
|
|
433
433
|
|
|
434
434
|
/* Violet Colors */
|
|
435
435
|
--primitive-color-violet-5: #0e0031;
|
|
436
|
-
--primitive-color-violet-10: #
|
|
437
|
-
--primitive-color-violet-15: #
|
|
438
|
-
--primitive-color-violet-20: #
|
|
439
|
-
--primitive-color-violet-25: #
|
|
440
|
-
--primitive-color-violet-30: #
|
|
441
|
-
--primitive-color-violet-35: #
|
|
442
|
-
--primitive-color-violet-40: #
|
|
443
|
-
--primitive-color-violet-45: #
|
|
444
|
-
--primitive-color-violet-50: #
|
|
445
|
-
--primitive-color-violet-55: #
|
|
446
|
-
--primitive-color-violet-60: #
|
|
447
|
-
--primitive-color-violet-65: #
|
|
448
|
-
--primitive-color-violet-70: #
|
|
436
|
+
--primitive-color-violet-10: #300054;
|
|
437
|
+
--primitive-color-violet-15: #3d0072;
|
|
438
|
+
--primitive-color-violet-20: #48008a;
|
|
439
|
+
--primitive-color-violet-25: #51009b;
|
|
440
|
+
--primitive-color-violet-30: #5e20a7;
|
|
441
|
+
--primitive-color-violet-35: #7c09e1;
|
|
442
|
+
--primitive-color-violet-40: #8b00f5;
|
|
443
|
+
--primitive-color-violet-45: #8227ff;
|
|
444
|
+
--primitive-color-violet-50: #9a00ff;
|
|
445
|
+
--primitive-color-violet-55: #964aff;
|
|
446
|
+
--primitive-color-violet-60: #7a5eed;
|
|
447
|
+
--primitive-color-violet-65: #957aff;
|
|
448
|
+
--primitive-color-violet-70: #a89afe;
|
|
449
449
|
--primitive-color-violet-75: #c4b8ff;
|
|
450
|
-
--primitive-color-violet-80: #
|
|
451
|
-
--primitive-color-violet-85: #
|
|
452
|
-
--primitive-color-violet-90: #
|
|
453
|
-
--primitive-color-violet-95: #
|
|
454
|
-
--primitive-color-violet-99: #
|
|
450
|
+
--primitive-color-violet-80: #ccc2ff;
|
|
451
|
+
--primitive-color-violet-85: #d7ccff;
|
|
452
|
+
--primitive-color-violet-90: #dfd6ff;
|
|
453
|
+
--primitive-color-violet-95: #ece5ff;
|
|
454
|
+
--primitive-color-violet-99: #f7f5ff;
|
|
455
455
|
|
|
456
456
|
/* Purple Colors */
|
|
457
457
|
--primitive-color-purple-5: #1b0021;
|
|
458
458
|
--primitive-color-purple-10: #350042;
|
|
459
|
-
--primitive-color-purple-15: #
|
|
460
|
-
--primitive-color-purple-20: #
|
|
461
|
-
--primitive-color-purple-25: #
|
|
462
|
-
--primitive-color-purple-30: #
|
|
463
|
-
--primitive-color-purple-35: #
|
|
464
|
-
--primitive-color-purple-40: #
|
|
465
|
-
--primitive-color-purple-45: #
|
|
466
|
-
--primitive-color-purple-50: #
|
|
467
|
-
--primitive-color-purple-55: #
|
|
468
|
-
--primitive-color-purple-60: #
|
|
469
|
-
--primitive-color-purple-65: #
|
|
470
|
-
--primitive-color-purple-70: #
|
|
471
|
-
--primitive-color-purple-75: #
|
|
472
|
-
--primitive-color-purple-80: #
|
|
473
|
-
--primitive-color-purple-85: #
|
|
474
|
-
--primitive-color-purple-90: #
|
|
475
|
-
--primitive-color-purple-95: #
|
|
476
|
-
--primitive-color-purple-99: #
|
|
459
|
+
--primitive-color-purple-15: #4d005f;
|
|
460
|
+
--primitive-color-purple-20: #63017a;
|
|
461
|
+
--primitive-color-purple-25: #6f0186;
|
|
462
|
+
--primitive-color-purple-30: #8003a0;
|
|
463
|
+
--primitive-color-purple-35: #9417b0;
|
|
464
|
+
--primitive-color-purple-40: #aa27ca;
|
|
465
|
+
--primitive-color-purple-45: #b132db;
|
|
466
|
+
--primitive-color-purple-50: #b432f5;
|
|
467
|
+
--primitive-color-purple-55: #c146f1;
|
|
468
|
+
--primitive-color-purple-60: #cd55f1;
|
|
469
|
+
--primitive-color-purple-65: #e370fb;
|
|
470
|
+
--primitive-color-purple-70: #ec7eff;
|
|
471
|
+
--primitive-color-purple-75: #f194ff;
|
|
472
|
+
--primitive-color-purple-80: #f8aaff;
|
|
473
|
+
--primitive-color-purple-85: #fac7ff;
|
|
474
|
+
--primitive-color-purple-90: #f5e3ff;
|
|
475
|
+
--primitive-color-purple-95: #f9edff;
|
|
476
|
+
--primitive-color-purple-99: #fdf8ff;
|
|
477
477
|
|
|
478
478
|
/* Red Brown Colors */
|
|
479
479
|
--primitive-color-red-brown-5: #200001;
|
|
@@ -488,7 +488,7 @@ Primitive Color Tokens
|
|
|
488
488
|
--primitive-color-red-brown-50: #bb5a50;
|
|
489
489
|
--primitive-color-red-brown-55: #cb685a;
|
|
490
490
|
--primitive-color-red-brown-60: #d97167;
|
|
491
|
-
--primitive-color-red-brown-65: #
|
|
491
|
+
--primitive-color-red-brown-65: #eb7a70;
|
|
492
492
|
--primitive-color-red-brown-70: #fa8b80;
|
|
493
493
|
--primitive-color-red-brown-75: #ff9d92;
|
|
494
494
|
--primitive-color-red-brown-80: #ffb4a9;
|
|
@@ -517,5 +517,67 @@ Primitive Color Tokens
|
|
|
517
517
|
--primitive-color-brown-85: #f1cabc;
|
|
518
518
|
--primitive-color-brown-90: #ffdbcd;
|
|
519
519
|
--primitive-color-brown-95: #ffede6;
|
|
520
|
-
--primitive-color-brown-99: #
|
|
520
|
+
--primitive-color-brown-99: #fffbfa;
|
|
521
|
+
|
|
522
|
+
/* Other Colors */
|
|
523
|
+
--primitive-color-sand-gray-5: #1b1b1b;
|
|
524
|
+
--primitive-color-sand-gray-10: #212121;
|
|
525
|
+
--primitive-color-sand-gray-15: #202020;
|
|
526
|
+
--primitive-color-sand-gray-20: #232323;
|
|
527
|
+
--primitive-color-sand-gray-25: #282828;
|
|
528
|
+
--primitive-color-sand-gray-30: #3c3c3c;
|
|
529
|
+
--primitive-color-sand-gray-35: #3e3d3c;
|
|
530
|
+
--primitive-color-sand-gray-40: #575757;
|
|
531
|
+
--primitive-color-sand-gray-45: #5b5a58;
|
|
532
|
+
--primitive-color-sand-gray-50: #706e6b;
|
|
533
|
+
--primitive-color-sand-gray-55: #858585;
|
|
534
|
+
--primitive-color-sand-gray-60: #949393;
|
|
535
|
+
--primitive-color-sand-gray-65: #a7a7a7;
|
|
536
|
+
--primitive-color-sand-gray-70: #a8a6a2;
|
|
537
|
+
--primitive-color-sand-gray-75: #c0bdb7;
|
|
538
|
+
--primitive-color-sand-gray-80: #d5d2cd;
|
|
539
|
+
--primitive-color-sand-gray-85: #e9e6e1;
|
|
540
|
+
--primitive-color-sand-gray-90: #e8e6e2;
|
|
541
|
+
--primitive-color-sand-gray-95: #f3f1ee;
|
|
542
|
+
--primitive-color-sand-gray-99: #fbfbfb;
|
|
543
|
+
--primitive-color-mid-blue-5: #030a1c;
|
|
544
|
+
--primitive-color-mid-blue-10: #071536;
|
|
545
|
+
--primitive-color-mid-blue-15: #0b1f4c;
|
|
546
|
+
--primitive-color-mid-blue-20: #102960;
|
|
547
|
+
--primitive-color-mid-blue-25: #153575;
|
|
548
|
+
--primitive-color-mid-blue-30: #1a3f89;
|
|
549
|
+
--primitive-color-mid-blue-35: #1f4b9e;
|
|
550
|
+
--primitive-color-mid-blue-40: #1e54b8;
|
|
551
|
+
--primitive-color-mid-blue-45: #1a5fd5;
|
|
552
|
+
--primitive-color-mid-blue-50: #1d69ed;
|
|
553
|
+
--primitive-color-mid-blue-55: #317af6;
|
|
554
|
+
--primitive-color-mid-blue-60: #4a8bfb;
|
|
555
|
+
--primitive-color-mid-blue-65: #629dff;
|
|
556
|
+
--primitive-color-mid-blue-70: #84b5ff;
|
|
557
|
+
--primitive-color-mid-blue-75: #99c3ff;
|
|
558
|
+
--primitive-color-mid-blue-80: #adcfff;
|
|
559
|
+
--primitive-color-mid-blue-85: #c2dbff;
|
|
560
|
+
--primitive-color-mid-blue-90: #d4e7ff;
|
|
561
|
+
--primitive-color-mid-blue-95: #e4effd;
|
|
562
|
+
--primitive-color-mid-blue-99: #f7fafd;
|
|
563
|
+
--primitive-color-magenta-pink-5: #220425;
|
|
564
|
+
--primitive-color-magenta-pink-10: #3d0542;
|
|
565
|
+
--primitive-color-magenta-pink-15: #59075f;
|
|
566
|
+
--primitive-color-magenta-pink-20: #74097b;
|
|
567
|
+
--primitive-color-magenta-pink-25: #8e0b98;
|
|
568
|
+
--primitive-color-magenta-pink-30: #ac0eb4;
|
|
569
|
+
--primitive-color-magenta-pink-35: #cc10d5;
|
|
570
|
+
--primitive-color-magenta-pink-40: #e51dee;
|
|
571
|
+
--primitive-color-magenta-pink-45: #f914eb;
|
|
572
|
+
--primitive-color-magenta-pink-50: #ff21d3;
|
|
573
|
+
--primitive-color-magenta-pink-55: #ff3dd8;
|
|
574
|
+
--primitive-color-magenta-pink-60: #fc59dc;
|
|
575
|
+
--primitive-color-magenta-pink-65: #fb74e0;
|
|
576
|
+
--primitive-color-magenta-pink-70: #f98ae3;
|
|
577
|
+
--primitive-color-magenta-pink-75: #f99fe7;
|
|
578
|
+
--primitive-color-magenta-pink-80: #f9b4eb;
|
|
579
|
+
--primitive-color-magenta-pink-85: #f9c7ef;
|
|
580
|
+
--primitive-color-magenta-pink-90: #fbdbf4;
|
|
581
|
+
--primitive-color-magenta-pink-95: #fce9f8;
|
|
582
|
+
--primitive-color-magenta-pink-99: #fdf4fb;
|
|
521
583
|
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* SPDX-FileCopyrightText: Copyright 2026 LG Electronics Inc.
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* effect-primitive.css */
|
|
7
|
+
|
|
8
|
+
/* ----------------------------------------
|
|
9
|
+
Primitive Effect Tokens
|
|
10
|
+
------------------------------------------- */
|
|
11
|
+
|
|
12
|
+
:root {
|
|
13
|
+
--primitive-effect-0: 0px;
|
|
14
|
+
--primitive-effect-1: 1px;
|
|
15
|
+
--primitive-effect-2: 2px;
|
|
16
|
+
--primitive-effect-3: 3px;
|
|
17
|
+
--primitive-effect-4: 4px;
|
|
18
|
+
--primitive-effect-5: 5px;
|
|
19
|
+
--primitive-effect-6: 6px;
|
|
20
|
+
--primitive-effect-7: 7px;
|
|
21
|
+
--primitive-effect-8: 8px;
|
|
22
|
+
--primitive-effect-9: 9px;
|
|
23
|
+
--primitive-effect-10: 10px;
|
|
24
|
+
--primitive-effect-12: 12px;
|
|
25
|
+
--primitive-effect-14: 14px;
|
|
26
|
+
--primitive-effect-16: 16px;
|
|
27
|
+
--primitive-effect-18: 18px;
|
|
28
|
+
--primitive-effect-20: 20px;
|
|
29
|
+
--primitive-effect-40: 40px;
|
|
30
|
+
--primitive-effect-60: 60px;
|
|
31
|
+
--primitive-effect-80: 80px;
|
|
32
|
+
--primitive-effect-100: 100px;
|
|
33
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* SPDX-FileCopyrightText: Copyright 2026 LG Electronics Inc.
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* opacity-primitive.css */
|
|
7
|
+
|
|
8
|
+
/* ----------------------------------------
|
|
9
|
+
Primitive Opacity Tokens
|
|
10
|
+
------------------------------------------- */
|
|
11
|
+
|
|
12
|
+
:root {
|
|
13
|
+
--primitive-opacity-a0: 0;
|
|
14
|
+
--primitive-opacity-a10: 0.1;
|
|
15
|
+
--primitive-opacity-a20: 0.2;
|
|
16
|
+
--primitive-opacity-a30: 0.3;
|
|
17
|
+
--primitive-opacity-a40: 0.4;
|
|
18
|
+
--primitive-opacity-a50: 0.5;
|
|
19
|
+
--primitive-opacity-a60: 0.6;
|
|
20
|
+
--primitive-opacity-a70: 0.7;
|
|
21
|
+
--primitive-opacity-a80: 0.8;
|
|
22
|
+
--primitive-opacity-a90: 0.9;
|
|
23
|
+
}
|
package/css/radius-primitive.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* SPDX-FileCopyrightText: Copyright
|
|
2
|
+
* SPDX-FileCopyrightText: Copyright 2026 LG Electronics Inc.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -16,7 +16,9 @@ Primitive Radius Tokens
|
|
|
16
16
|
--primitive-radius-8: 8px;
|
|
17
17
|
--primitive-radius-10: 10px;
|
|
18
18
|
--primitive-radius-12: 12px;
|
|
19
|
+
--primitive-radius-14: 14px;
|
|
19
20
|
--primitive-radius-16: 16px;
|
|
21
|
+
--primitive-radius-18: 18px;
|
|
20
22
|
--primitive-radius-20: 20px;
|
|
21
23
|
--primitive-radius-24: 24px;
|
|
22
24
|
--primitive-radius-28: 28px;
|
|
@@ -24,10 +26,22 @@ Primitive Radius Tokens
|
|
|
24
26
|
--primitive-radius-32: 32px;
|
|
25
27
|
--primitive-radius-36: 36px;
|
|
26
28
|
--primitive-radius-40: 40px;
|
|
29
|
+
--primitive-radius-42: 42px;
|
|
27
30
|
--primitive-radius-44: 44px;
|
|
28
31
|
--primitive-radius-48: 48px;
|
|
32
|
+
--primitive-radius-52: 52px;
|
|
29
33
|
--primitive-radius-54: 54px;
|
|
34
|
+
--primitive-radius-56: 56px;
|
|
30
35
|
--primitive-radius-60: 60px;
|
|
36
|
+
--primitive-radius-66: 66px;
|
|
37
|
+
--primitive-radius-72: 72px;
|
|
38
|
+
--primitive-radius-78: 78px;
|
|
39
|
+
--primitive-radius-84: 84px;
|
|
40
|
+
--primitive-radius-90: 90px;
|
|
41
|
+
--primitive-radius-96: 96px;
|
|
42
|
+
--primitive-radius-102: 102px;
|
|
31
43
|
--primitive-radius-108: 108px;
|
|
44
|
+
--primitive-radius-114: 114px;
|
|
45
|
+
--primitive-radius-120: 120px;
|
|
32
46
|
--primitive-radius-999: 999px;
|
|
33
47
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* SPDX-FileCopyrightText: Copyright
|
|
2
|
+
* SPDX-FileCopyrightText: Copyright 2026 LG Electronics Inc.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -29,33 +29,47 @@ Primitive Spacing Tokens
|
|
|
29
29
|
--primitive-spacing-42: 42px;
|
|
30
30
|
--primitive-spacing-44: 44px;
|
|
31
31
|
--primitive-spacing-48: 48px;
|
|
32
|
-
--primitive-spacing-
|
|
32
|
+
--primitive-spacing-52: 52px;
|
|
33
33
|
--primitive-spacing-54: 54px;
|
|
34
34
|
--primitive-spacing-56: 56px;
|
|
35
35
|
--primitive-spacing-60: 60px;
|
|
36
36
|
--primitive-spacing-64: 64px;
|
|
37
37
|
--primitive-spacing-66: 66px;
|
|
38
|
+
--primitive-spacing-68: 68px;
|
|
38
39
|
--primitive-spacing-72: 72px;
|
|
40
|
+
--primitive-spacing-76: 76px;
|
|
41
|
+
--primitive-spacing-78: 78px;
|
|
39
42
|
--primitive-spacing-80: 80px;
|
|
40
43
|
--primitive-spacing-84: 84px;
|
|
44
|
+
--primitive-spacing-88: 88px;
|
|
41
45
|
--primitive-spacing-90: 90px;
|
|
42
46
|
--primitive-spacing-92: 92px;
|
|
43
47
|
--primitive-spacing-96: 96px;
|
|
44
48
|
--primitive-spacing-100: 100px;
|
|
45
49
|
--primitive-spacing-102: 102px;
|
|
50
|
+
--primitive-spacing-104: 104px;
|
|
46
51
|
--primitive-spacing-108: 108px;
|
|
52
|
+
--primitive-spacing-112: 112px;
|
|
53
|
+
--primitive-spacing-114: 114px;
|
|
54
|
+
--primitive-spacing-116: 116px;
|
|
47
55
|
--primitive-spacing-120: 120px;
|
|
48
56
|
--primitive-spacing-132: 132px;
|
|
49
57
|
--primitive-spacing-144: 144px;
|
|
50
58
|
--primitive-spacing-156: 156px;
|
|
51
|
-
--primitive-spacing-160: 160px;
|
|
52
59
|
--primitive-spacing-168: 168px;
|
|
60
|
+
--primitive-spacing-178: 178px;
|
|
53
61
|
--primitive-spacing-180: 180px;
|
|
62
|
+
--primitive-spacing-192: 192px;
|
|
63
|
+
--primitive-spacing-194: 194px;
|
|
64
|
+
--primitive-spacing-198: 198px;
|
|
54
65
|
--primitive-spacing-204: 204px;
|
|
66
|
+
--primitive-spacing-216: 216px;
|
|
55
67
|
--primitive-spacing-228: 228px;
|
|
56
68
|
--primitive-spacing-240: 240px;
|
|
57
69
|
--primitive-spacing-252: 252px;
|
|
70
|
+
--primitive-spacing-264: 264px;
|
|
58
71
|
--primitive-spacing-276: 276px;
|
|
72
|
+
--primitive-spacing-288: 288px;
|
|
59
73
|
--primitive-spacing-300: 300px;
|
|
60
74
|
--primitive-spacing-324: 324px;
|
|
61
75
|
--primitive-spacing-348: 348px;
|