@liner-fe/design-token 2.0.42 → 2.0.44

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/global.css CHANGED
@@ -206,11 +206,347 @@
206
206
  --lp-pri-font-weight-800: 800;
207
207
  }
208
208
  :root .lp-sys-typo-display1-accent-black {
209
- font-family: lp-pri-font-family-variables-pretendard;
209
+ font-family: "Pretendard Variable";
210
210
  font-size: var(--lp-pri-font-size-72);
211
211
  font-weight: var(--lp-pri-font-weight-800);
212
212
  line-height: var(--lp-pri-font-lineheight-120);
213
213
  }
214
+ :root .lp-sys-typo-display2-accent-black {
215
+ font-family: "Pretendard Variable";
216
+ font-size: var(--lp-pri-font-size-64);
217
+ font-weight: var(--lp-pri-font-weight-800);
218
+ line-height: var(--lp-pri-font-lineheight-120);
219
+ }
220
+ :root .lp-sys-typo-display3-accent-black {
221
+ font-family: "Pretendard Variable";
222
+ font-size: var(--lp-pri-font-size-40);
223
+ font-weight: var(--lp-pri-font-weight-800);
224
+ line-height: var(--lp-pri-font-lineheight-120);
225
+ }
226
+ :root .lp-sys-typo-display1-normal-black {
227
+ font-family: "Pretendard Variable";
228
+ font-size: var(--lp-pri-font-size-72);
229
+ font-weight: var(--lp-pri-font-weight-800);
230
+ line-height: var(--lp-pri-font-lineheight-120);
231
+ }
232
+ :root .lp-sys-typo-display2-normal-black {
233
+ font-family: "Pretendard Variable";
234
+ font-size: var(--lp-pri-font-size-64);
235
+ font-weight: var(--lp-pri-font-weight-800);
236
+ line-height: var(--lp-pri-font-lineheight-120);
237
+ }
238
+ :root .lp-sys-typo-display3-normal-black {
239
+ font-family: "Pretendard Variable";
240
+ font-size: var(--lp-pri-font-size-40);
241
+ font-weight: var(--lp-pri-font-weight-800);
242
+ line-height: var(--lp-pri-font-lineheight-120);
243
+ }
244
+ :root .lp-sys-typo-heading1-answer {
245
+ font-family: "Pretendard Variable";
246
+ font-size: var(--lp-pri-font-size-28);
247
+ font-weight: var(--lp-pri-font-weight-700);
248
+ line-height: var(--lp-pri-font-lineheight-180);
249
+ }
250
+ :root .lp-sys-typo-heading2-answer {
251
+ font-family: "Pretendard Variable";
252
+ font-size: var(--lp-pri-font-size-24);
253
+ font-weight: var(--lp-pri-font-weight-700);
254
+ line-height: var(--lp-pri-font-lineheight-180);
255
+ }
256
+ :root .lp-sys-typo-heading3-answer {
257
+ font-family: "Pretendard Variable";
258
+ font-size: var(--lp-pri-font-size-40);
259
+ font-weight: var(--lp-pri-font-weight-700);
260
+ line-height: var(--lp-pri-font-lineheight-120);
261
+ }
262
+ :root .lp-sys-typo-heading4-answer {
263
+ font-family: "Pretendard Variable";
264
+ font-size: var(--lp-pri-font-size-40);
265
+ font-weight: var(--lp-pri-font-weight-800);
266
+ line-height: var(--lp-pri-font-lineheight-120);
267
+ }
268
+ :root .lp-sys-typo-heading5-answer {
269
+ font-family: "Pretendard Variable";
270
+ font-size: var(--lp-pri-font-size-40);
271
+ font-weight: var(--lp-pri-font-weight-800);
272
+ line-height: var(--lp-pri-font-lineheight-120);
273
+ }
274
+ :root .lp-sys-typo-heading6-answer {
275
+ font-family: "Pretendard Variable";
276
+ font-size: var(--lp-pri-font-size-40);
277
+ font-weight: var(--lp-pri-font-weight-800);
278
+ line-height: var(--lp-pri-font-lineheight-120);
279
+ }
280
+ :root .lp-sys-typo-title1-accent-bold {
281
+ font-family: "Pretendard Variable";
282
+ font-size: var(--lp-pri-font-size-32);
283
+ font-weight: var(--lp-pri-font-weight-700);
284
+ line-height: var(--lp-pri-font-lineheight-130);
285
+ }
286
+ :root .lp-sys-typo-title2-accent-bold {
287
+ font-family: "Pretendard Variable";
288
+ font-size: var(--lp-pri-font-size-28);
289
+ font-weight: var(--lp-pri-font-weight-700);
290
+ line-height: var(--lp-pri-font-lineheight-130);
291
+ }
292
+ :root .lp-sys-typo-title3-accent-bold {
293
+ font-family: "Pretendard Variable";
294
+ font-size: var(--lp-pri-font-size-24);
295
+ font-weight: var(--lp-pri-font-weight-650);
296
+ line-height: var(--lp-pri-font-lineheight-130);
297
+ }
298
+ :root .lp-sys-typo-title4-accent-bold {
299
+ font-family: "Pretendard Variable";
300
+ font-size: var(--lp-pri-font-size-20);
301
+ font-weight: var(--lp-pri-font-weight-650);
302
+ line-height: var(--lp-pri-font-lineheight-130);
303
+ }
304
+ :root .lp-sys-typo-title1-accent-medium {
305
+ font-family: "Pretendard Variable";
306
+ font-size: var(--lp-pri-font-size-32);
307
+ font-weight: var(--lp-pri-font-weight-450);
308
+ line-height: var(--lp-pri-font-lineheight-130);
309
+ }
310
+ :root .lp-sys-typo-title2-accent-medium {
311
+ font-family: "Pretendard Variable";
312
+ font-size: var(--lp-pri-font-size-28);
313
+ font-weight: var(--lp-pri-font-weight-450);
314
+ line-height: var(--lp-pri-font-lineheight-130);
315
+ }
316
+ :root .lp-sys-typo-title3-accent-medium {
317
+ font-family: "Pretendard Variable";
318
+ font-size: var(--lp-pri-font-size-24);
319
+ font-weight: var(--lp-pri-font-weight-420);
320
+ line-height: var(--lp-pri-font-lineheight-130);
321
+ }
322
+ :root .lp-sys-typo-title4-accent-medium {
323
+ font-family: "Pretendard Variable";
324
+ font-size: var(--lp-pri-font-size-20);
325
+ font-weight: var(--lp-pri-font-weight-420);
326
+ line-height: var(--lp-pri-font-lineheight-130);
327
+ }
328
+ :root .lp-sys-typo-title1-normal-bold {
329
+ font-family: "Pretendard Variable";
330
+ font-size: var(--lp-pri-font-size-32);
331
+ font-weight: var(--lp-pri-font-weight-700);
332
+ line-height: var(--lp-pri-font-lineheight-130);
333
+ }
334
+ :root .lp-sys-typo-title2-normal-bold {
335
+ font-family: "Pretendard Variable";
336
+ font-size: var(--lp-pri-font-size-28);
337
+ font-weight: var(--lp-pri-font-weight-700);
338
+ line-height: var(--lp-pri-font-lineheight-130);
339
+ }
340
+ :root .lp-sys-typo-title3-normal-bold {
341
+ font-family: "Pretendard Variable";
342
+ font-size: var(--lp-pri-font-size-24);
343
+ font-weight: var(--lp-pri-font-weight-650);
344
+ line-height: var(--lp-pri-font-lineheight-130);
345
+ }
346
+ :root .lp-sys-typo-title4-normal-bold {
347
+ font-family: "Pretendard Variable";
348
+ font-size: var(--lp-pri-font-size-20);
349
+ font-weight: var(--lp-pri-font-weight-650);
350
+ line-height: var(--lp-pri-font-lineheight-130);
351
+ }
352
+ :root .lp-sys-typo-title1-normal-medium {
353
+ font-family: "Pretendard Variable";
354
+ font-size: var(--lp-pri-font-size-32);
355
+ font-weight: var(--lp-pri-font-weight-450);
356
+ line-height: var(--lp-pri-font-lineheight-130);
357
+ }
358
+ :root .lp-sys-typo-title2-normal-medium {
359
+ font-family: "Pretendard Variable";
360
+ font-size: var(--lp-pri-font-size-28);
361
+ font-weight: var(--lp-pri-font-weight-450);
362
+ line-height: var(--lp-pri-font-lineheight-130);
363
+ }
364
+ :root .lp-sys-typo-title3-normal-medium {
365
+ font-family: "Pretendard Variable";
366
+ font-size: var(--lp-pri-font-size-24);
367
+ font-weight: var(--lp-pri-font-weight-450);
368
+ line-height: var(--lp-pri-font-lineheight-130);
369
+ }
370
+ :root .lp-sys-typo-title4-normal-medium {
371
+ font-family: "Pretendard Variable";
372
+ font-size: var(--lp-pri-font-size-20);
373
+ font-weight: var(--lp-pri-font-weight-450);
374
+ line-height: var(--lp-pri-font-lineheight-130);
375
+ }
376
+ :root .lp-sys-typo-paragraph1-accent-bold {
377
+ font-family: "Pretendard Variable";
378
+ font-size: var(--lp-pri-font-size-17);
379
+ font-weight: var(--lp-pri-font-weight-700);
380
+ line-height: var(--lp-pri-font-lineheight-130);
381
+ }
382
+ :root .lp-sys-typo-paragraph2-accent-bold {
383
+ font-family: "Pretendard Variable";
384
+ font-size: var(--lp-pri-font-size-16);
385
+ font-weight: var(--lp-pri-font-weight-700);
386
+ line-height: var(--lp-pri-font-lineheight-130);
387
+ }
388
+ :root .lp-sys-typo-paragraph3-accent-bold {
389
+ font-family: "Pretendard Variable";
390
+ font-size: var(--lp-pri-font-size-15);
391
+ font-weight: var(--lp-pri-font-weight-700);
392
+ line-height: var(--lp-pri-font-lineheight-130);
393
+ }
394
+ :root .lp-sys-typo-paragraph1-accent-medium {
395
+ font-family: "Pretendard Variable";
396
+ font-size: var(--lp-pri-font-size-17);
397
+ font-weight: var(--lp-pri-font-weight-420);
398
+ line-height: var(--lp-pri-font-lineheight-130);
399
+ }
400
+ :root .lp-sys-typo-paragraph2-accent-medium {
401
+ font-family: "Pretendard Variable";
402
+ font-size: var(--lp-pri-font-size-16);
403
+ font-weight: var(--lp-pri-font-weight-420);
404
+ line-height: var(--lp-pri-font-lineheight-130);
405
+ }
406
+ :root .lp-sys-typo-paragraph3-accent-medium {
407
+ font-family: "Pretendard Variable";
408
+ font-size: var(--lp-pri-font-size-15);
409
+ font-weight: var(--lp-pri-font-weight-420);
410
+ line-height: var(--lp-pri-font-lineheight-130);
411
+ }
412
+ :root .lp-sys-typo-paragraph1-accent-regular {
413
+ font-family: "Pretendard Variable";
414
+ font-size: var(--lp-pri-font-size-17);
415
+ font-weight: var(--lp-pri-font-weight-350);
416
+ line-height: var(--lp-pri-font-lineheight-130);
417
+ }
418
+ :root .lp-sys-typo-paragraph2-accent-regular {
419
+ font-family: "Pretendard Variable";
420
+ font-size: var(--lp-pri-font-size-16);
421
+ font-weight: var(--lp-pri-font-weight-350);
422
+ line-height: var(--lp-pri-font-lineheight-130);
423
+ }
424
+ :root .lp-sys-typo-paragraph3-accent-regular {
425
+ font-family: "Pretendard Variable";
426
+ font-size: var(--lp-pri-font-size-15);
427
+ font-weight: var(--lp-pri-font-weight-350);
428
+ line-height: var(--lp-pri-font-lineheight-130);
429
+ }
430
+ :root .lp-sys-typo-paragraph1-normal-bold {
431
+ font-family: "Pretendard Variable";
432
+ font-size: var(--lp-pri-font-size-17);
433
+ font-weight: var(--lp-pri-font-weight-600);
434
+ line-height: var(--lp-pri-font-lineheight-130);
435
+ }
436
+ :root .lp-sys-typo-paragraph2-normal-bold {
437
+ font-family: "Pretendard Variable";
438
+ font-size: var(--lp-pri-font-size-16);
439
+ font-weight: var(--lp-pri-font-weight-600);
440
+ line-height: var(--lp-pri-font-lineheight-130);
441
+ }
442
+ :root .lp-sys-typo-paragraph3-normal-bold {
443
+ font-family: "Pretendard Variable";
444
+ font-size: var(--lp-pri-font-size-15);
445
+ font-weight: var(--lp-pri-font-weight-600);
446
+ line-height: var(--lp-pri-font-lineheight-130);
447
+ }
448
+ :root .lp-sys-typo-paragraph4-normal-bold {
449
+ font-family: "Pretendard Variable";
450
+ font-size: var(--lp-pri-font-size-14);
451
+ font-weight: var(--lp-pri-font-weight-600);
452
+ line-height: var(--lp-pri-font-lineheight-130);
453
+ }
454
+ :root .lp-sys-typo-paragraph1-normal-medium {
455
+ font-family: "Pretendard Variable";
456
+ font-size: var(--lp-pri-font-size-17);
457
+ font-weight: var(--lp-pri-font-weight-420);
458
+ line-height: var(--lp-pri-font-lineheight-130);
459
+ }
460
+ :root .lp-sys-typo-paragraph2-normal-medium {
461
+ font-family: "Pretendard Variable";
462
+ font-size: var(--lp-pri-font-size-16);
463
+ font-weight: var(--lp-pri-font-weight-420);
464
+ line-height: var(--lp-pri-font-lineheight-130);
465
+ }
466
+ :root .lp-sys-typo-paragraph3-normal-medium {
467
+ font-family: "Pretendard Variable";
468
+ font-size: var(--lp-pri-font-size-15);
469
+ font-weight: var(--lp-pri-font-weight-420);
470
+ line-height: var(--lp-pri-font-lineheight-130);
471
+ }
472
+ :root .lp-sys-typo-paragraph4-normal-medium {
473
+ font-family: "Pretendard Variable";
474
+ font-size: var(--lp-pri-font-size-14);
475
+ font-weight: var(--lp-pri-font-weight-420);
476
+ line-height: var(--lp-pri-font-lineheight-130);
477
+ }
478
+ :root .lp-sys-typo-paragraph1-normal-regular {
479
+ font-family: "Pretendard Variable";
480
+ font-size: var(--lp-pri-font-size-17);
481
+ font-weight: var(--lp-pri-font-weight-350);
482
+ line-height: var(--lp-pri-font-lineheight-130);
483
+ }
484
+ :root .lp-sys-typo-paragraph2-normal-regular {
485
+ font-family: "Pretendard Variable";
486
+ font-size: var(--lp-pri-font-size-16);
487
+ font-weight: var(--lp-pri-font-weight-350);
488
+ line-height: var(--lp-pri-font-lineheight-130);
489
+ }
490
+ :root .lp-sys-typo-paragraph3-normal-regular {
491
+ font-family: "Pretendard Variable";
492
+ font-size: var(--lp-pri-font-size-15);
493
+ font-weight: var(--lp-pri-font-weight-350);
494
+ line-height: var(--lp-pri-font-lineheight-130);
495
+ }
496
+ :root .lp-sys-typo-paragraph4-normal-regular {
497
+ font-family: "Pretendard Variable";
498
+ font-size: var(--lp-pri-font-size-14);
499
+ font-weight: var(--lp-pri-font-weight-350);
500
+ line-height: var(--lp-pri-font-lineheight-130);
501
+ }
502
+ :root .lp-sys-typo-paragraph1-answer-bold {
503
+ font-family: "Pretendard Variable";
504
+ font-size: var(--lp-pri-font-size-17);
505
+ font-weight: var(--lp-pri-font-weight-600);
506
+ line-height: var(--lp-pri-font-lineheight-180);
507
+ }
508
+ :root .lp-sys-typo-paragraph1-answer-regular {
509
+ font-family: "Pretendard Variable";
510
+ font-size: var(--lp-pri-font-size-17);
511
+ font-weight: var(--lp-pri-font-weight-350);
512
+ line-height: var(--lp-pri-font-lineheight-180);
513
+ }
514
+ :root .lp-sys-typo-caption1-normal-bold {
515
+ font-family: "Pretendard Variable";
516
+ font-size: var(--lp-pri-font-size-13);
517
+ font-weight: var(--lp-pri-font-weight-600);
518
+ line-height: var(--lp-pri-font-lineheight-130);
519
+ }
520
+ :root .lp-sys-typo-caption2-normal-bold {
521
+ font-family: "Pretendard Variable";
522
+ font-size: var(--lp-pri-font-size-12);
523
+ font-weight: var(--lp-pri-font-weight-600);
524
+ line-height: var(--lp-pri-font-lineheight-130);
525
+ }
526
+ :root .lp-sys-typo-caption3-normal-bold {
527
+ font-family: "Pretendard Variable";
528
+ font-size: var(--lp-pri-font-size-11);
529
+ font-weight: var(--lp-pri-font-weight-600);
530
+ line-height: var(--lp-pri-font-lineheight-130);
531
+ }
532
+ :root .lp-sys-typo-caption1-normal-regular {
533
+ font-family: "Pretendard Variable";
534
+ font-size: var(--lp-pri-font-size-13);
535
+ font-weight: var(--lp-pri-font-weight-350);
536
+ line-height: var(--lp-pri-font-lineheight-130);
537
+ }
538
+ :root .lp-sys-typo-caption2-normal-regular {
539
+ font-family: "Pretendard Variable";
540
+ font-size: var(--lp-pri-font-size-12);
541
+ font-weight: var(--lp-pri-font-weight-350);
542
+ line-height: var(--lp-pri-font-lineheight-130);
543
+ }
544
+ :root .lp-sys-typo-caption3-normal-regular {
545
+ font-family: "Pretendard Variable";
546
+ font-size: var(--lp-pri-font-size-11);
547
+ font-weight: var(--lp-pri-font-weight-350);
548
+ line-height: var(--lp-pri-font-lineheight-130);
549
+ }
214
550
  :root[color-theme=dark] {
215
551
  --neutral-container-lowest: var(--lp-pri-gray-cool-100);
216
552
  --neutral-container-low: var(--lp-pri-gray-cool-200);
@@ -220,6 +556,7 @@
220
556
  --neutral-fill-lowest: var(--lp-pri-gray-cool-450-alpha-12);
221
557
  --neutral-fill-low: var(--lp-pri-gray-cool-450-alpha-24);
222
558
  --neutral-fill-mid: var(--lp-pri-gray-cool-450-alpha-32);
559
+ --neutral-fill-on-mid: var(--lp-pri-gray-cool-920-alpha-24);
223
560
  --neutral-label-primary: var(--lp-pri-achromatic-white);
224
561
  --neutral-label-secondary: var(--lp-pri-gray-cool-920);
225
562
  --neutral-label-tertiary: var(--lp-pri-gray-cool-920-alpha-32);
@@ -271,6 +608,7 @@
271
608
  --neutral-fill-lowest: var(--lp-pri-gray-cool-450-alpha-4);
272
609
  --neutral-fill-low: var(--lp-pri-gray-cool-450-alpha-12);
273
610
  --neutral-fill-mid: var(--lp-pri-gray-cool-450-alpha-20);
611
+ --neutral-fill-on-mid: var(--lp-pri-achromatic-white);
274
612
  --neutral-label-primary: var(--lp-pri-gray-cool-100);
275
613
  --neutral-label-secondary: var(--lp-pri-gray-cool-450-alpha-80);
276
614
  --neutral-label-tertiary: var(--lp-pri-gray-cool-450-alpha-44);
@@ -313,11 +651,59 @@
313
651
  --function-negative: var(--lp-pri-red-500);
314
652
  --function-caution: var(--lp-pri-orange-500);
315
653
  }
316
- :root[lang=en] .lp-sys-typo-display1-accent-black {
654
+ :root[lang=en] .lp-sys-typo-paragraph1-accent-bold {
317
655
  font-family: lp-pri-font-family-poppins;
318
- font-size: var(--lp-pri-font-size-24);
319
- font-weight: var(--lp-pri-font-weight-800);
320
- line-height: var(--lp-pri-font-lineheight-120);
656
+ font-size: var(--lp-pri-font-size-17);
657
+ font-weight: var(--lp-pri-font-weight-600);
658
+ line-height: var(--lp-pri-font-lineheight-130);
659
+ }
660
+ :root[lang=en] .lp-sys-typo-paragraph2-accent-bold {
661
+ font-family: lp-pri-font-family-variables-pretendard;
662
+ font-size: var(--lp-pri-font-size-16);
663
+ font-weight: var(--lp-pri-font-weight-600);
664
+ line-height: var(--lp-pri-font-lineheight-130);
665
+ }
666
+ :root[lang=en] .lp-sys-typo-paragraph3-accent-bold {
667
+ font-family: lp-pri-font-family-variables-pretendard;
668
+ font-size: var(--lp-pri-font-size-15);
669
+ font-weight: var(--lp-pri-font-weight-600);
670
+ line-height: var(--lp-pri-font-lineheight-130);
671
+ }
672
+ :root[lang=en] .lp-sys-typo-paragraph1-accent-medium {
673
+ font-family: lp-pri-font-family-poppins;
674
+ font-size: var(--lp-pri-font-size-17);
675
+ font-weight: var(--lp-pri-font-weight-500);
676
+ line-height: var(--lp-pri-font-lineheight-130);
677
+ }
678
+ :root[lang=en] .lp-sys-typo-paragraph2-accent-medium {
679
+ font-family: lp-pri-font-family-poppins;
680
+ font-size: var(--lp-pri-font-size-16);
681
+ font-weight: var(--lp-pri-font-weight-500);
682
+ line-height: var(--lp-pri-font-lineheight-130);
683
+ }
684
+ :root[lang=en] .lp-sys-typo-paragraph3-accent-medium {
685
+ font-family: lp-pri-font-family-poppins;
686
+ font-size: var(--lp-pri-font-size-15);
687
+ font-weight: var(--lp-pri-font-weight-500);
688
+ line-height: var(--lp-pri-font-lineheight-130);
689
+ }
690
+ :root[lang=en] .lp-sys-typo-paragraph1-accent-regular {
691
+ font-family: lp-pri-font-family-poppins;
692
+ font-size: var(--lp-pri-font-size-15);
693
+ font-weight: var(--lp-pri-font-weight-300);
694
+ line-height: var(--lp-pri-font-lineheight-130);
695
+ }
696
+ :root[lang=en] .lp-sys-typo-paragraph2-accent-regular {
697
+ font-family: lp-pri-font-family-poppins;
698
+ font-size: var(--lp-pri-font-size-15);
699
+ font-weight: var(--lp-pri-font-weight-300);
700
+ line-height: var(--lp-pri-font-lineheight-130);
701
+ }
702
+ :root[lang=en] .lp-sys-typo-paragraph3-accent-regular {
703
+ font-family: lp-pri-font-family-poppins;
704
+ font-size: var(--lp-pri-font-size-15);
705
+ font-weight: var(--lp-pri-font-weight-300);
706
+ line-height: var(--lp-pri-font-lineheight-130);
321
707
  }
322
708
  /*! For license information please see global.css.LEGAL.txt */
323
709
  /*# sourceMappingURL=global.css.map */