@liner-fe/design-token 2.4.0 → 2.4.2
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/lib/generated/classNames.d.ts +1 -2
- package/lib/index.css +43 -93
- package/lib/index.css.map +2 -2
- package/lib/index.js +1 -1
- package/lib/index.js.map +2 -2
- package/package.json +1 -1
- package/src/generated/classNames.ts +1 -1
- package/src/style/global.css +133 -92
package/src/style/global.css
CHANGED
|
@@ -345,180 +345,219 @@
|
|
|
345
345
|
--lp-sys-icon-size-m: 24px;
|
|
346
346
|
--lp-sys-icon-size-l: 32px;
|
|
347
347
|
--lp-sys-icon-size-xl: 40px;
|
|
348
|
+
--lp-pri-font-letterspacing-tight: -2.5px;
|
|
348
349
|
|
|
349
|
-
.lp-sys-typo-
|
|
350
|
+
.lp-sys-typo-display3-accent-black { font-family: "Pretendard Variable";
|
|
351
|
+
font-size: var(--lp-pri-font-size-40);
|
|
352
|
+
font-weight: var(--lp-pri-font-weight-700);
|
|
353
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
354
|
+
|
|
355
|
+
}.lp-sys-typo-heading1-answer { font-family: "Pretendard Variable";
|
|
350
356
|
font-size: var(--lp-pri-font-size-28);
|
|
351
357
|
font-weight: var(--lp-pri-font-weight-700);
|
|
352
358
|
line-height: var(--lp-pri-font-lineheight-180);
|
|
353
|
-
|
|
359
|
+
|
|
360
|
+
}.lp-sys-typo-heading2-answer { font-family: "Pretendard Variable";
|
|
354
361
|
font-size: var(--lp-pri-font-size-24);
|
|
355
362
|
font-weight: var(--lp-pri-font-weight-700);
|
|
356
363
|
line-height: var(--lp-pri-font-lineheight-180);
|
|
357
|
-
|
|
364
|
+
|
|
365
|
+
}.lp-sys-typo-heading3-answer { font-family: "Pretendard Variable";
|
|
358
366
|
font-size: var(--lp-pri-font-size-20);
|
|
359
367
|
font-weight: var(--lp-pri-font-weight-700);
|
|
360
368
|
line-height: var(--lp-pri-font-lineheight-180);
|
|
361
|
-
|
|
369
|
+
|
|
370
|
+
}.lp-sys-typo-heading4-answer { font-family: "Pretendard Variable";
|
|
362
371
|
font-size: var(--lp-pri-font-size-17);
|
|
363
372
|
font-weight: var(--lp-pri-font-weight-700);
|
|
364
373
|
line-height: var(--lp-pri-font-lineheight-180);
|
|
365
|
-
|
|
374
|
+
|
|
375
|
+
}.lp-sys-typo-heading5-answer { font-family: "Pretendard Variable";
|
|
366
376
|
font-size: var(--lp-pri-font-size-17);
|
|
367
377
|
font-weight: var(--lp-pri-font-weight-700);
|
|
368
378
|
line-height: var(--lp-pri-font-lineheight-180);
|
|
369
|
-
|
|
379
|
+
|
|
380
|
+
}.lp-sys-typo-heading6-answer { font-family: "Pretendard Variable";
|
|
370
381
|
font-size: var(--lp-pri-font-size-17);
|
|
371
382
|
font-weight: var(--lp-pri-font-weight-700);
|
|
372
383
|
line-height: var(--lp-pri-font-lineheight-180);
|
|
373
|
-
|
|
384
|
+
|
|
385
|
+
}.lp-sys-typo-title1-accent-bold { font-family: "Pretendard Variable";
|
|
374
386
|
font-size: var(--lp-pri-font-size-32);
|
|
375
387
|
font-weight: var(--lp-pri-font-weight-600);
|
|
376
388
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
377
|
-
|
|
389
|
+
|
|
390
|
+
}.lp-sys-typo-title2-accent-bold { font-family: "Pretendard Variable";
|
|
378
391
|
font-size: var(--lp-pri-font-size-28);
|
|
379
392
|
font-weight: var(--lp-pri-font-weight-600);
|
|
380
393
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
381
|
-
|
|
394
|
+
|
|
395
|
+
}.lp-sys-typo-title3-accent-bold { font-family: "Pretendard Variable";
|
|
382
396
|
font-size: var(--lp-pri-font-size-24);
|
|
383
397
|
font-weight: var(--lp-pri-font-weight-600);
|
|
384
398
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
385
|
-
|
|
399
|
+
|
|
400
|
+
}.lp-sys-typo-title4-accent-bold { font-family: "Pretendard Variable";
|
|
386
401
|
font-size: var(--lp-pri-font-size-20);
|
|
387
402
|
font-weight: var(--lp-pri-font-weight-600);
|
|
388
403
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
389
|
-
|
|
404
|
+
|
|
405
|
+
}.lp-sys-typo-title1-normal-bold { font-family: "Pretendard Variable";
|
|
390
406
|
font-size: var(--lp-pri-font-size-32);
|
|
391
407
|
font-weight: var(--lp-pri-font-weight-700);
|
|
392
408
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
393
|
-
|
|
409
|
+
|
|
410
|
+
}.lp-sys-typo-title2-normal-bold { font-family: "Pretendard Variable";
|
|
394
411
|
font-size: var(--lp-pri-font-size-28);
|
|
395
412
|
font-weight: var(--lp-pri-font-weight-700);
|
|
396
413
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
397
|
-
|
|
414
|
+
|
|
415
|
+
}.lp-sys-typo-title3-normal-bold { font-family: "Pretendard Variable";
|
|
398
416
|
font-size: var(--lp-pri-font-size-24);
|
|
399
417
|
font-weight: var(--lp-pri-font-weight-700);
|
|
400
418
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
401
|
-
|
|
419
|
+
|
|
420
|
+
}.lp-sys-typo-title4-normal-bold { font-family: "Pretendard Variable";
|
|
402
421
|
font-size: var(--lp-pri-font-size-20);
|
|
403
422
|
font-weight: var(--lp-pri-font-weight-700);
|
|
404
423
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
405
|
-
|
|
424
|
+
|
|
425
|
+
}.lp-sys-typo-title1-normal-medium { font-family: "Pretendard Variable";
|
|
406
426
|
font-size: var(--lp-pri-font-size-32);
|
|
407
427
|
font-weight: var(--lp-pri-font-weight-500);
|
|
408
428
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
409
|
-
|
|
429
|
+
|
|
430
|
+
}.lp-sys-typo-title2-normal-medium { font-family: "Pretendard Variable";
|
|
410
431
|
font-size: var(--lp-pri-font-size-28);
|
|
411
432
|
font-weight: var(--lp-pri-font-weight-500);
|
|
412
433
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
413
|
-
|
|
434
|
+
|
|
435
|
+
}.lp-sys-typo-title3-normal-medium { font-family: "Pretendard Variable";
|
|
414
436
|
font-size: var(--lp-pri-font-size-24);
|
|
415
437
|
font-weight: var(--lp-pri-font-weight-500);
|
|
416
438
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
417
|
-
|
|
439
|
+
|
|
440
|
+
}.lp-sys-typo-title4-normal-medium { font-family: "Pretendard Variable";
|
|
418
441
|
font-size: var(--lp-pri-font-size-20);
|
|
419
442
|
font-weight: var(--lp-pri-font-weight-500);
|
|
420
443
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
421
|
-
|
|
444
|
+
|
|
445
|
+
}.lp-sys-typo-paragraph1-normal-bold { font-family: "Pretendard Variable";
|
|
422
446
|
font-size: var(--lp-pri-font-size-17);
|
|
423
447
|
font-weight: var(--lp-pri-font-weight-700);
|
|
424
448
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
425
|
-
|
|
449
|
+
|
|
450
|
+
}.lp-sys-typo-paragraph2-normal-bold { font-family: "Pretendard Variable";
|
|
426
451
|
font-size: var(--lp-pri-font-size-16);
|
|
427
452
|
font-weight: var(--lp-pri-font-weight-700);
|
|
428
453
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
429
|
-
|
|
454
|
+
|
|
455
|
+
}.lp-sys-typo-paragraph3-normal-bold { font-family: "Pretendard Variable";
|
|
430
456
|
font-size: var(--lp-pri-font-size-15);
|
|
431
457
|
font-weight: var(--lp-pri-font-weight-700);
|
|
432
458
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
433
|
-
|
|
459
|
+
|
|
460
|
+
}.lp-sys-typo-paragraph4-normal-bold { font-family: "Pretendard Variable";
|
|
434
461
|
font-size: var(--lp-pri-font-size-14);
|
|
435
462
|
font-weight: var(--lp-pri-font-weight-700);
|
|
436
463
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
437
|
-
|
|
464
|
+
|
|
465
|
+
}.lp-sys-typo-paragraph1-normal-medium { font-family: "Pretendard Variable";
|
|
438
466
|
font-size: var(--lp-pri-font-size-17);
|
|
439
467
|
font-weight: var(--lp-pri-font-weight-500);
|
|
440
468
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
441
|
-
|
|
469
|
+
|
|
470
|
+
}.lp-sys-typo-paragraph2-normal-medium { font-family: "Pretendard Variable";
|
|
442
471
|
font-size: var(--lp-pri-font-size-16);
|
|
443
472
|
font-weight: var(--lp-pri-font-weight-500);
|
|
444
473
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
445
|
-
|
|
474
|
+
|
|
475
|
+
}.lp-sys-typo-paragraph3-normal-medium { font-family: "Pretendard Variable";
|
|
446
476
|
font-size: var(--lp-pri-font-size-15);
|
|
447
477
|
font-weight: var(--lp-pri-font-weight-500);
|
|
448
478
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
449
|
-
|
|
479
|
+
|
|
480
|
+
}.lp-sys-typo-paragraph4-normal-medium { font-family: "Pretendard Variable";
|
|
450
481
|
font-size: var(--lp-pri-font-size-14);
|
|
451
482
|
font-weight: var(--lp-pri-font-weight-500);
|
|
452
483
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
453
|
-
|
|
484
|
+
|
|
485
|
+
}.lp-sys-typo-paragraph1-normal-regular { font-family: "Pretendard Variable";
|
|
454
486
|
font-size: var(--lp-pri-font-size-17);
|
|
455
487
|
font-weight: var(--lp-pri-font-weight-350);
|
|
456
488
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
457
|
-
|
|
489
|
+
|
|
490
|
+
}.lp-sys-typo-paragraph2-normal-regular { font-family: "Pretendard Variable";
|
|
458
491
|
font-size: var(--lp-pri-font-size-16);
|
|
459
492
|
font-weight: var(--lp-pri-font-weight-350);
|
|
460
493
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
461
|
-
|
|
494
|
+
|
|
495
|
+
}.lp-sys-typo-paragraph3-normal-regular { font-family: "Pretendard Variable";
|
|
462
496
|
font-size: var(--lp-pri-font-size-15);
|
|
463
497
|
font-weight: var(--lp-pri-font-weight-350);
|
|
464
498
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
465
|
-
|
|
499
|
+
|
|
500
|
+
}.lp-sys-typo-paragraph4-normal-regular { font-family: "Pretendard Variable";
|
|
466
501
|
font-size: var(--lp-pri-font-size-14);
|
|
467
502
|
font-weight: var(--lp-pri-font-weight-350);
|
|
468
503
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
469
|
-
|
|
504
|
+
|
|
505
|
+
}.lp-sys-typo-paragraph1-post-regular { font-family: "Pretendard Variable";
|
|
470
506
|
font-size: var(--lp-pri-font-size-17);
|
|
471
507
|
font-weight: var(--lp-pri-font-weight-350);
|
|
472
508
|
line-height: var(--lp-pri-font-lineheight-150);
|
|
473
|
-
|
|
509
|
+
|
|
510
|
+
}.lp-sys-typo-paragraph3-post-regular { font-family: "Pretendard Variable";
|
|
474
511
|
font-size: var(--lp-pri-font-size-15);
|
|
475
512
|
font-weight: var(--lp-pri-font-weight-350);
|
|
476
513
|
line-height: var(--lp-pri-font-lineheight-150);
|
|
477
|
-
|
|
478
|
-
font-
|
|
479
|
-
font-weight: var(--lp-pri-font-weight-800);
|
|
480
|
-
line-height: var(--lp-pri-font-lineheight-180);
|
|
481
|
-
letter-spacing: var(--undefined);}.lp-sys-typo-paragraph1-answer-regular { font-family: "Pretendard Variable";
|
|
482
|
-
font-size: var(--lp-pri-font-size-16);
|
|
483
|
-
font-weight: var(--lp-pri-font-weight-350);
|
|
484
|
-
line-height: var(--lp-pri-font-lineheight-180);
|
|
485
|
-
letter-spacing: var(--undefined);}.lp-sys-typo-caption1-normal-bold { font-family: "Pretendard Variable";
|
|
514
|
+
|
|
515
|
+
}.lp-sys-typo-caption1-normal-bold { font-family: "Pretendard Variable";
|
|
486
516
|
font-size: var(--lp-pri-font-size-13);
|
|
487
517
|
font-weight: var(--lp-pri-font-weight-700);
|
|
488
518
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
489
|
-
|
|
519
|
+
|
|
520
|
+
}.lp-sys-typo-caption2-normal-bold { font-family: "Pretendard Variable";
|
|
490
521
|
font-size: var(--lp-pri-font-size-12);
|
|
491
522
|
font-weight: var(--lp-pri-font-weight-700);
|
|
492
523
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
493
|
-
|
|
524
|
+
|
|
525
|
+
}.lp-sys-typo-caption3-normal-bold { font-family: "Pretendard Variable";
|
|
494
526
|
font-size: var(--lp-pri-font-size-11);
|
|
495
527
|
font-weight: var(--lp-pri-font-weight-700);
|
|
496
528
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
497
|
-
|
|
529
|
+
|
|
530
|
+
}.lp-sys-typo-caption1-normal-medium { font-family: "Pretendard Variable";
|
|
498
531
|
font-size: var(--lp-pri-font-size-13);
|
|
499
532
|
font-weight: var(--lp-pri-font-weight-500);
|
|
500
533
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
501
|
-
|
|
534
|
+
|
|
535
|
+
}.lp-sys-typo-caption2-normal-medium { font-family: "Pretendard Variable";
|
|
502
536
|
font-size: var(--lp-pri-font-size-12);
|
|
503
537
|
font-weight: var(--lp-pri-font-weight-500);
|
|
504
538
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
505
|
-
|
|
539
|
+
|
|
540
|
+
}.lp-sys-typo-caption3-normal-medium { font-family: "Pretendard Variable";
|
|
506
541
|
font-size: var(--lp-pri-font-size-11);
|
|
507
542
|
font-weight: var(--lp-pri-font-weight-500);
|
|
508
543
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
509
|
-
|
|
544
|
+
|
|
545
|
+
}.lp-sys-typo-caption1-normal-regular { font-family: "Pretendard Variable";
|
|
510
546
|
font-size: var(--lp-pri-font-size-13);
|
|
511
547
|
font-weight: var(--lp-pri-font-weight-350);
|
|
512
548
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
513
|
-
|
|
549
|
+
|
|
550
|
+
}.lp-sys-typo-caption2-normal-regular { font-family: "Pretendard Variable";
|
|
514
551
|
font-size: var(--lp-pri-font-size-12);
|
|
515
552
|
font-weight: var(--lp-pri-font-weight-350);
|
|
516
553
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
517
|
-
|
|
554
|
+
|
|
555
|
+
}.lp-sys-typo-caption3-normal-regular { font-family: "Pretendard Variable";
|
|
518
556
|
font-size: var(--lp-pri-font-size-11);
|
|
519
557
|
font-weight: var(--lp-pri-font-weight-350);
|
|
520
558
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
521
|
-
|
|
559
|
+
|
|
560
|
+
}
|
|
522
561
|
}
|
|
523
562
|
|
|
524
563
|
|
|
@@ -723,56 +762,58 @@
|
|
|
723
762
|
|
|
724
763
|
|
|
725
764
|
:root[lang="en"] {
|
|
726
|
-
.lp-sys-typo-title1-accent-bold { font-family:
|
|
765
|
+
.lp-sys-typo-title1-accent-bold { font-family: Flare;
|
|
727
766
|
font-size: var(--lp-pri-font-size-34);
|
|
728
|
-
font-weight: var(--lp-pri-font-weight-
|
|
729
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
730
|
-
|
|
767
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
768
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
769
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
770
|
+
}.lp-sys-typo-title2-accent-bold { font-family: Flare;
|
|
731
771
|
font-size: var(--lp-pri-font-size-30);
|
|
732
|
-
font-weight: var(--lp-pri-font-weight-
|
|
733
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
734
|
-
|
|
772
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
773
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
774
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
775
|
+
}.lp-sys-typo-title3-accent-bold { font-family: Flare;
|
|
735
776
|
font-size: var(--lp-pri-font-size-26);
|
|
736
|
-
font-weight: var(--lp-pri-font-weight-
|
|
737
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
738
|
-
|
|
777
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
778
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
779
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
780
|
+
}.lp-sys-typo-title4-accent-bold { font-family: Flare;
|
|
739
781
|
font-size: var(--lp-pri-font-size-22);
|
|
740
|
-
font-weight: var(--lp-pri-font-weight-
|
|
741
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
742
|
-
|
|
743
|
-
font-
|
|
744
|
-
font-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
line-height: var(--lp-pri-font-lineheight-180);}
|
|
750
|
-
|
|
782
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
783
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
784
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
785
|
+
}.lp-sys-typo-display3-accent-black { font-family: Flare;
|
|
786
|
+
font-size: var(--lp-pri-font-size-40);
|
|
787
|
+
font-weight: var(--lp-pri-font-weight-700);
|
|
788
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
789
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
790
|
+
}
|
|
751
791
|
}
|
|
752
792
|
:root[lang="default"] {
|
|
753
|
-
.lp-sys-typo-title1-accent-bold { font-family:
|
|
793
|
+
.lp-sys-typo-title1-accent-bold { font-family: Flare;
|
|
754
794
|
font-size: var(--lp-pri-font-size-34);
|
|
755
|
-
font-weight: var(--lp-pri-font-weight-
|
|
756
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
757
|
-
|
|
795
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
796
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
797
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
798
|
+
}.lp-sys-typo-title2-accent-bold { font-family: Flare;
|
|
758
799
|
font-size: var(--lp-pri-font-size-30);
|
|
759
|
-
font-weight: var(--lp-pri-font-weight-
|
|
760
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
761
|
-
|
|
800
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
801
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
802
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
803
|
+
}.lp-sys-typo-title3-accent-bold { font-family: Flare;
|
|
762
804
|
font-size: var(--lp-pri-font-size-26);
|
|
763
|
-
font-weight: var(--lp-pri-font-weight-
|
|
764
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
765
|
-
|
|
805
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
806
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
807
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
808
|
+
}.lp-sys-typo-title4-accent-bold { font-family: Flare;
|
|
766
809
|
font-size: var(--lp-pri-font-size-22);
|
|
767
|
-
font-weight: var(--lp-pri-font-weight-
|
|
768
|
-
line-height: var(--lp-pri-font-lineheight-120);
|
|
769
|
-
|
|
770
|
-
font-
|
|
771
|
-
font-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
line-height: var(--lp-pri-font-lineheight-180);}
|
|
777
|
-
|
|
810
|
+
font-weight: var(--lp-pri-font-weight-400);
|
|
811
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
812
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
813
|
+
}.lp-sys-typo-display3-accent-black { font-family: Flare;
|
|
814
|
+
font-size: var(--lp-pri-font-size-40);
|
|
815
|
+
font-weight: var(--lp-pri-font-weight-700);
|
|
816
|
+
line-height: var(--lp-pri-font-lineheight-120);
|
|
817
|
+
letter-spacing: var(--lp-pri-font-letterspacing-tight);
|
|
818
|
+
}
|
|
778
819
|
}
|