@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 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
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: Copyright 2025 LG Electronics Inc.
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: #454749;
47
- --primitive-color-mist-gray-35: #4e5255;
48
- --primitive-color-mist-gray-40: #5c5f61;
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: #757779;
50
+ --primitive-color-mist-gray-50: #767c7f;
51
51
  --primitive-color-mist-gray-55: #828586;
52
- --primitive-color-mist-gray-60: #8f9193;
53
- --primitive-color-mist-gray-65: #9a9b9e;
54
- --primitive-color-mist-gray-70: #aaabae;
55
- --primitive-color-mist-gray-75: #b4b5b7;
56
- --primitive-color-mist-gray-80: #c5c6c9;
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: #7e7c77;
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: #db3265;
139
- --primitive-color-heritage-red-55: #ed3f76;
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: #ffa294;
166
- --primitive-color-active-red-80: #ffb4ab;
167
- --primitive-color-active-red-85: #ffcdbf;
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: #ff4448;
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: #ffb4a2;
189
- --primitive-color-red-orange-85: #ffcdb7;
190
- --primitive-color-red-orange-90: #ffd9d2;
191
- --primitive-color-red-orange-95: #ffede8;
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: #662c1a;
199
- --primitive-color-deep-orange-25: #80361f;
200
- --primitive-color-deep-orange-30: #b43e1a;
201
- --primitive-color-deep-orange-35: #cd4b1e;
202
- --primitive-color-deep-orange-40: #ea561e;
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: #ff7f54;
206
- --primitive-color-deep-orange-60: #ff8b67;
207
- --primitive-color-deep-orange-65: #ff9a77;
208
- --primitive-color-deep-orange-70: #ffa88d;
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: #cb6600;
228
- --primitive-color-orange-60: #e07400;
229
- --primitive-color-orange-65: #f97f0b;
230
- --primitive-color-orange-70: #ff8b1b;
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: #ffcfa1;
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: #b48b00;
251
- --primitive-color-yellow-65: #d09f02;
250
+ --primitive-color-yellow-60: #be9004;
251
+ --primitive-color-yellow-65: #d8a304;
252
252
  --primitive-color-yellow-70: #eeb404;
253
- --primitive-color-yellow-75: #f9bf16;
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: #ffdf8b;
257
- --primitive-color-yellow-95: #feefca;
258
- --primitive-color-yellow-99: #fffdf2;
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: #5b9a3a;
269
- --primitive-color-yellow-green-55: #659b40;
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: #062516;
283
- --primitive-color-green-15: #041e13;
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: #89e6b8;
298
- --primitive-color-green-90: #adf5d3;
297
+ --primitive-color-green-85: #8cdeb1;
298
+ --primitive-color-green-90: #bcf0d3;
299
299
  --primitive-color-green-95: #d9f6e6;
300
- --primitive-color-green-99: #f2fffe;
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: #101f18;
305
+ --primitive-color-mint-green-15: #0b4233;
306
306
  --primitive-color-mint-green-20: #184c3b;
307
- --primitive-color-mint-green-25: #1c6148;
308
- --primitive-color-mint-green-30: #247258;
309
- --primitive-color-mint-green-35: #2c8470;
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: #1898a6;
356
- --primitive-color-blue-green-50: #3191ab;
357
- --primitive-color-blue-green-55: #42a0b5;
358
- --primitive-color-blue-green-60: #54aec7;
359
- --primitive-color-blue-green-65: #60bbd0;
360
- --primitive-color-blue-green-70: #6bbed6;
361
- --primitive-color-blue-green-75: #8dd1e4;
362
- --primitive-color-blue-green-80: #a8e1f4;
363
- --primitive-color-blue-green-85: #c1eff8;
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: #4eb2ff;
383
- --primitive-color-sky-blue-75: #72c1ff;
384
- --primitive-color-sky-blue-80: #96cbff;
385
- --primitive-color-sky-blue-85: #b2d8ff;
386
- --primitive-color-sky-blue-90: #cee5fe;
387
- --primitive-color-sky-blue-95: #e8f2ff;
388
- --primitive-color-sky-blue-99: #f2faff;
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: #2c328c;
394
- --primitive-color-cobalt-blue-20: #343d85;
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: #5c73f7;
400
- --primitive-color-cobalt-blue-50: #6c7dfc;
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: #030d19;
414
- --primitive-color-navy-10: #051a32;
415
- --primitive-color-navy-15: #101f3c;
416
- --primitive-color-navy-20: #192b46;
417
- --primitive-color-navy-25: #21354f;
418
- --primitive-color-navy-30: #2b3e5b;
419
- --primitive-color-navy-35: #374a68;
420
- --primitive-color-navy-40: #405474;
421
- --primitive-color-navy-45: #4d6182;
422
- --primitive-color-navy-50: #576d8f;
423
- --primitive-color-navy-55: #647e9f;
424
- --primitive-color-navy-60: #7187ac;
425
- --primitive-color-navy-65: #7e95b9;
426
- --primitive-color-navy-70: #8ba2ca;
427
- --primitive-color-navy-75: #9db4d6;
428
- --primitive-color-navy-80: #a8c0e9;
429
- --primitive-color-navy-85: #c3d3f4;
430
- --primitive-color-navy-90: #d8e6fe;
431
- --primitive-color-navy-95: #e8effe;
432
- --primitive-color-navy-99: #fcfcff;
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: #1b0063;
437
- --primitive-color-violet-15: #260082;
438
- --primitive-color-violet-20: #30009b;
439
- --primitive-color-violet-25: #3a12ad;
440
- --primitive-color-violet-30: #4925b9;
441
- --primitive-color-violet-35: #5437c5;
442
- --primitive-color-violet-40: #6243d2;
443
- --primitive-color-violet-45: #6f51df;
444
- --primitive-color-violet-50: #7a5eed;
445
- --primitive-color-violet-55: #8b6eff;
446
- --primitive-color-violet-60: #967cff;
447
- --primitive-color-violet-65: #a89afe;
448
- --primitive-color-violet-70: #b19efe;
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: #ccbdff;
451
- --primitive-color-violet-85: #d7d3ff;
452
- --primitive-color-violet-90: #e7ddff;
453
- --primitive-color-violet-95: #f5edff;
454
- --primitive-color-violet-99: #fdfbff;
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: #450055;
460
- --primitive-color-purple-20: #560069;
461
- --primitive-color-purple-25: #67007b;
462
- --primitive-color-purple-30: #790093;
463
- --primitive-color-purple-35: #8b0da2;
464
- --primitive-color-purple-40: #9a22b2;
465
- --primitive-color-purple-45: #a932c0;
466
- --primitive-color-purple-50: #b642cd;
467
- --primitive-color-purple-55: #c84eda;
468
- --primitive-color-purple-60: #d35eea;
469
- --primitive-color-purple-65: #e26efa;
470
- --primitive-color-purple-70: #ef7eff;
471
- --primitive-color-purple-75: #f494ff;
472
- --primitive-color-purple-80: #f9aaff;
473
- --primitive-color-purple-85: #fdcfff;
474
- --primitive-color-purple-90: #ffd5ff;
475
- --primitive-color-purple-95: #feeafe;
476
- --primitive-color-purple-99: #fefbff;
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: #e98973;
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: #fcfcfc;
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
+ }
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: Copyright 2025 LG Electronics Inc.
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 2025 LG Electronics Inc.
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-50: 50px;
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;