@liner-fe/design-token 2.1.21 → 2.2.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.
Files changed (15) hide show
  1. package/global.css +139 -87
  2. package/lib/generated/classNames.d.ts +1 -2
  3. package/lib/index.cjs +78 -60
  4. package/lib/index.cjs.map +2 -2
  5. package/lib/index.mjs +78 -60
  6. package/lib/index.mjs.map +2 -2
  7. package/lib/scripts/create-css/constants/typography/index.d.ts +1 -1
  8. package/lib/scripts/create-css/constants/typography/primitive.d.ts +2 -4
  9. package/lib/scripts/create-css/constants/typography/types.d.ts +2 -2
  10. package/package.json +1 -1
  11. package/src/generated/classNames.ts +1 -1
  12. package/src/scripts/create-css/constants/color/index.ts +1 -1
  13. package/src/scripts/create-css/constants/typography/index.ts +77 -59
  14. package/src/scripts/create-css/constants/typography/primitive.ts +2 -4
  15. package/src/scripts/create-css/constants/typography/types.ts +2 -7
package/global.css CHANGED
@@ -319,6 +319,7 @@
319
319
  --lp-pri-font-size-28: 28px;
320
320
  --lp-pri-font-size-32: 32px;
321
321
  --lp-pri-font-size-40: 40px;
322
+ --lp-pri-font-size-56: 56px;
322
323
  --lp-pri-font-size-64: 64px;
323
324
  --lp-pri-font-size-72: 72px;
324
325
  --lp-pri-font-lineheight-120: 120%;
@@ -328,25 +329,16 @@
328
329
  --lp-pri-font-weight-300: 300;
329
330
  --lp-pri-font-weight-350: 350;
330
331
  --lp-pri-font-weight-400: 400;
331
- --lp-pri-font-weight-420: 420;
332
- --lp-pri-font-weight-450: 450;
333
332
  --lp-pri-font-weight-500: 500;
334
- --lp-pri-font-weight-600: 600;
335
- --lp-pri-font-weight-650: 650;
336
333
  --lp-pri-font-weight-700: 700;
337
334
  --lp-pri-font-weight-800: 800;
335
+ --lp-pri-font-weight-900: 900;
338
336
  --lp-sys-icon-size-xs: 16px;
339
337
  --lp-sys-icon-size-s: 20px;
340
338
  --lp-sys-icon-size-m: 24px;
341
339
  --lp-sys-icon-size-l: 32px;
342
340
  --lp-sys-icon-size-xl: 40px;
343
341
  }
344
- :root .lp-sys-typo-display1-accent-black {
345
- font-family: "Pretendard Variable";
346
- font-size: var(--lp-pri-font-size-72);
347
- font-weight: var(--lp-pri-font-weight-800);
348
- line-height: var(--lp-pri-font-lineheight-120);
349
- }
350
342
  :root .lp-sys-typo-display2-accent-black {
351
343
  font-family: "Pretendard Variable";
352
344
  font-size: var(--lp-pri-font-size-64);
@@ -359,23 +351,17 @@
359
351
  font-weight: var(--lp-pri-font-weight-800);
360
352
  line-height: var(--lp-pri-font-lineheight-120);
361
353
  }
362
- :root .lp-sys-typo-display1-normal-black {
363
- font-family: "Pretendard Variable";
364
- font-size: var(--lp-pri-font-size-72);
365
- font-weight: var(--lp-pri-font-weight-800);
366
- line-height: var(--lp-pri-font-lineheight-120);
367
- }
368
354
  :root .lp-sys-typo-display2-normal-black {
369
355
  font-family: "Pretendard Variable";
370
- font-size: var(--lp-pri-font-size-64);
356
+ font-size: var(--lp-pri-font-size-56);
371
357
  font-weight: var(--lp-pri-font-weight-800);
372
- line-height: var(--lp-pri-font-lineheight-120);
358
+ line-height: var(--lp-pri-font-lineheight-130);
373
359
  }
374
360
  :root .lp-sys-typo-display3-normal-black {
375
361
  font-family: "Pretendard Variable";
376
362
  font-size: var(--lp-pri-font-size-40);
377
363
  font-weight: var(--lp-pri-font-weight-800);
378
- line-height: var(--lp-pri-font-lineheight-120);
364
+ line-height: var(--lp-pri-font-lineheight-130);
379
365
  }
380
366
  :root .lp-sys-typo-heading1-answer {
381
367
  font-family: "Pretendard Variable";
@@ -391,27 +377,27 @@
391
377
  }
392
378
  :root .lp-sys-typo-heading3-answer {
393
379
  font-family: "Pretendard Variable";
394
- font-size: var(--lp-pri-font-size-40);
380
+ font-size: var(--lp-pri-font-size-20);
395
381
  font-weight: var(--lp-pri-font-weight-700);
396
- line-height: var(--lp-pri-font-lineheight-120);
382
+ line-height: var(--lp-pri-font-lineheight-180);
397
383
  }
398
384
  :root .lp-sys-typo-heading4-answer {
399
385
  font-family: "Pretendard Variable";
400
- font-size: var(--lp-pri-font-size-40);
401
- font-weight: var(--lp-pri-font-weight-800);
402
- line-height: var(--lp-pri-font-lineheight-120);
386
+ font-size: var(--lp-pri-font-size-17);
387
+ font-weight: var(--lp-pri-font-weight-700);
388
+ line-height: var(--lp-pri-font-lineheight-180);
403
389
  }
404
390
  :root .lp-sys-typo-heading5-answer {
405
391
  font-family: "Pretendard Variable";
406
- font-size: var(--lp-pri-font-size-40);
407
- font-weight: var(--lp-pri-font-weight-800);
408
- line-height: var(--lp-pri-font-lineheight-120);
392
+ font-size: var(--lp-pri-font-size-17);
393
+ font-weight: var(--lp-pri-font-weight-700);
394
+ line-height: var(--lp-pri-font-lineheight-180);
409
395
  }
410
396
  :root .lp-sys-typo-heading6-answer {
411
397
  font-family: "Pretendard Variable";
412
- font-size: var(--lp-pri-font-size-40);
413
- font-weight: var(--lp-pri-font-weight-800);
414
- line-height: var(--lp-pri-font-lineheight-120);
398
+ font-size: var(--lp-pri-font-size-17);
399
+ font-weight: var(--lp-pri-font-weight-700);
400
+ line-height: var(--lp-pri-font-lineheight-180);
415
401
  }
416
402
  :root .lp-sys-typo-title1-accent-bold {
417
403
  font-family: "Pretendard Variable";
@@ -428,37 +414,37 @@
428
414
  :root .lp-sys-typo-title3-accent-bold {
429
415
  font-family: "Pretendard Variable";
430
416
  font-size: var(--lp-pri-font-size-24);
431
- font-weight: var(--lp-pri-font-weight-650);
417
+ font-weight: var(--lp-pri-font-weight-700);
432
418
  line-height: var(--lp-pri-font-lineheight-130);
433
419
  }
434
420
  :root .lp-sys-typo-title4-accent-bold {
435
421
  font-family: "Pretendard Variable";
436
422
  font-size: var(--lp-pri-font-size-20);
437
- font-weight: var(--lp-pri-font-weight-650);
423
+ font-weight: var(--lp-pri-font-weight-700);
438
424
  line-height: var(--lp-pri-font-lineheight-130);
439
425
  }
440
426
  :root .lp-sys-typo-title1-accent-medium {
441
427
  font-family: "Pretendard Variable";
442
428
  font-size: var(--lp-pri-font-size-32);
443
- font-weight: var(--lp-pri-font-weight-450);
429
+ font-weight: var(--lp-pri-font-weight-500);
444
430
  line-height: var(--lp-pri-font-lineheight-130);
445
431
  }
446
432
  :root .lp-sys-typo-title2-accent-medium {
447
433
  font-family: "Pretendard Variable";
448
434
  font-size: var(--lp-pri-font-size-28);
449
- font-weight: var(--lp-pri-font-weight-450);
435
+ font-weight: var(--lp-pri-font-weight-500);
450
436
  line-height: var(--lp-pri-font-lineheight-130);
451
437
  }
452
438
  :root .lp-sys-typo-title3-accent-medium {
453
439
  font-family: "Pretendard Variable";
454
440
  font-size: var(--lp-pri-font-size-24);
455
- font-weight: var(--lp-pri-font-weight-420);
441
+ font-weight: var(--lp-pri-font-weight-500);
456
442
  line-height: var(--lp-pri-font-lineheight-130);
457
443
  }
458
444
  :root .lp-sys-typo-title4-accent-medium {
459
445
  font-family: "Pretendard Variable";
460
446
  font-size: var(--lp-pri-font-size-20);
461
- font-weight: var(--lp-pri-font-weight-420);
447
+ font-weight: var(--lp-pri-font-weight-500);
462
448
  line-height: var(--lp-pri-font-lineheight-130);
463
449
  }
464
450
  :root .lp-sys-typo-title1-normal-bold {
@@ -476,13 +462,13 @@
476
462
  :root .lp-sys-typo-title3-normal-bold {
477
463
  font-family: "Pretendard Variable";
478
464
  font-size: var(--lp-pri-font-size-24);
479
- font-weight: var(--lp-pri-font-weight-650);
465
+ font-weight: var(--lp-pri-font-weight-700);
480
466
  line-height: var(--lp-pri-font-lineheight-130);
481
467
  }
482
468
  :root .lp-sys-typo-title4-normal-bold {
483
469
  font-family: "Pretendard Variable";
484
470
  font-size: var(--lp-pri-font-size-20);
485
- font-weight: var(--lp-pri-font-weight-650);
471
+ font-weight: var(--lp-pri-font-weight-700);
486
472
  line-height: var(--lp-pri-font-lineheight-130);
487
473
  }
488
474
  :root .lp-sys-typo-title1-normal-medium {
@@ -530,19 +516,19 @@
530
516
  :root .lp-sys-typo-paragraph1-accent-medium {
531
517
  font-family: "Pretendard Variable";
532
518
  font-size: var(--lp-pri-font-size-17);
533
- font-weight: var(--lp-pri-font-weight-420);
519
+ font-weight: var(--lp-pri-font-weight-500);
534
520
  line-height: var(--lp-pri-font-lineheight-130);
535
521
  }
536
522
  :root .lp-sys-typo-paragraph2-accent-medium {
537
523
  font-family: "Pretendard Variable";
538
524
  font-size: var(--lp-pri-font-size-16);
539
- font-weight: var(--lp-pri-font-weight-420);
525
+ font-weight: var(--lp-pri-font-weight-500);
540
526
  line-height: var(--lp-pri-font-lineheight-130);
541
527
  }
542
528
  :root .lp-sys-typo-paragraph3-accent-medium {
543
529
  font-family: "Pretendard Variable";
544
530
  font-size: var(--lp-pri-font-size-15);
545
- font-weight: var(--lp-pri-font-weight-420);
531
+ font-weight: var(--lp-pri-font-weight-500);
546
532
  line-height: var(--lp-pri-font-lineheight-130);
547
533
  }
548
534
  :root .lp-sys-typo-paragraph1-accent-regular {
@@ -566,25 +552,25 @@
566
552
  :root .lp-sys-typo-paragraph1-normal-bold {
567
553
  font-family: "Pretendard Variable";
568
554
  font-size: var(--lp-pri-font-size-17);
569
- font-weight: var(--lp-pri-font-weight-600);
555
+ font-weight: var(--lp-pri-font-weight-700);
570
556
  line-height: var(--lp-pri-font-lineheight-130);
571
557
  }
572
558
  :root .lp-sys-typo-paragraph2-normal-bold {
573
559
  font-family: "Pretendard Variable";
574
560
  font-size: var(--lp-pri-font-size-16);
575
- font-weight: var(--lp-pri-font-weight-600);
561
+ font-weight: var(--lp-pri-font-weight-700);
576
562
  line-height: var(--lp-pri-font-lineheight-130);
577
563
  }
578
564
  :root .lp-sys-typo-paragraph3-normal-bold {
579
565
  font-family: "Pretendard Variable";
580
566
  font-size: var(--lp-pri-font-size-15);
581
- font-weight: var(--lp-pri-font-weight-600);
567
+ font-weight: var(--lp-pri-font-weight-700);
582
568
  line-height: var(--lp-pri-font-lineheight-130);
583
569
  }
584
570
  :root .lp-sys-typo-paragraph4-normal-bold {
585
571
  font-family: "Pretendard Variable";
586
572
  font-size: var(--lp-pri-font-size-14);
587
- font-weight: var(--lp-pri-font-weight-600);
573
+ font-weight: var(--lp-pri-font-weight-700);
588
574
  line-height: var(--lp-pri-font-lineheight-130);
589
575
  }
590
576
  :root .lp-sys-typo-paragraph1-normal-medium {
@@ -649,38 +635,38 @@
649
635
  }
650
636
  :root .lp-sys-typo-paragraph1-answer-bold {
651
637
  font-family: "Pretendard Variable";
652
- font-size: var(--lp-pri-font-size-17);
653
- font-weight: var(--lp-pri-font-weight-600);
638
+ font-size: var(--lp-pri-font-size-16);
639
+ font-weight: var(--lp-pri-font-weight-800);
654
640
  line-height: var(--lp-pri-font-lineheight-180);
655
641
  }
656
642
  :root .lp-sys-typo-paragraph1-answer-regular {
657
643
  font-family: "Pretendard Variable";
658
- font-size: var(--lp-pri-font-size-17);
644
+ font-size: var(--lp-pri-font-size-16);
659
645
  font-weight: var(--lp-pri-font-weight-350);
660
646
  line-height: var(--lp-pri-font-lineheight-180);
661
647
  }
662
648
  :root .lp-sys-typo-caption1-normal-bold {
663
649
  font-family: "Pretendard Variable";
664
650
  font-size: var(--lp-pri-font-size-13);
665
- font-weight: var(--lp-pri-font-weight-600);
651
+ font-weight: var(--lp-pri-font-weight-700);
666
652
  line-height: var(--lp-pri-font-lineheight-130);
667
653
  }
668
654
  :root .lp-sys-typo-caption2-normal-bold {
669
655
  font-family: "Pretendard Variable";
670
656
  font-size: var(--lp-pri-font-size-12);
671
- font-weight: var(--lp-pri-font-weight-600);
657
+ font-weight: var(--lp-pri-font-weight-700);
672
658
  line-height: var(--lp-pri-font-lineheight-130);
673
659
  }
674
660
  :root .lp-sys-typo-caption3-normal-bold {
675
661
  font-family: "Pretendard Variable";
676
662
  font-size: var(--lp-pri-font-size-11);
677
- font-weight: var(--lp-pri-font-weight-600);
663
+ font-weight: var(--lp-pri-font-weight-700);
678
664
  line-height: var(--lp-pri-font-lineheight-130);
679
665
  }
680
666
  :root .lp-sys-typo-caption1-normal-medium {
681
667
  font-family: "Pretendard Variable";
682
668
  font-size: var(--lp-pri-font-size-13);
683
- font-weight: var(--lp-pri-font-weight-420);
669
+ font-weight: var(--lp-pri-font-weight-500);
684
670
  line-height: var(--lp-pri-font-lineheight-130);
685
671
  }
686
672
  :root .lp-sys-typo-caption2-normal-medium {
@@ -689,6 +675,12 @@
689
675
  font-weight: var(--lp-pri-font-weight-500);
690
676
  line-height: var(--lp-pri-font-lineheight-130);
691
677
  }
678
+ :root .lp-sys-typo-caption3-normal-medium {
679
+ font-family: "Pretendard Variable";
680
+ font-size: var(--lp-pri-font-size-11);
681
+ font-weight: var(--lp-pri-font-weight-500);
682
+ line-height: var(--lp-pri-font-lineheight-130);
683
+ }
692
684
  :root .lp-sys-typo-caption1-normal-regular {
693
685
  font-family: "Pretendard Variable";
694
686
  font-size: var(--lp-pri-font-size-13);
@@ -712,7 +704,7 @@
712
704
  --neutral-container-lowest-hover: var(--lp-pri-gray-cool-200);
713
705
  --neutral-container-low: var(--lp-pri-gray-cool-200);
714
706
  --neutral-container-low-hover: var(--lp-pri-gray-cool-250);
715
- --neutral-container-mid: var(--lp-pri-gray-cool-200);
707
+ --neutral-container-mid: var(--lp-pri-gray-cool-250);
716
708
  --neutral-container-mid-hover: var(--lp-pri-gray-cool-300);
717
709
  --neutral-container-high: var(--lp-pri-gray-cool-250);
718
710
  --neutral-container-high-hover: var(--lp-pri-gray-cool-300);
@@ -889,6 +881,18 @@
889
881
  0px 8px 16px 0px rgba(0, 0, 0, 0.08),
890
882
  0px 0px 8px 0px rgba(0, 0, 0, 0.08);
891
883
  }
884
+ :root[lang=en] .lp-sys-typo-display2-accent-black {
885
+ font-family: "Merriweather", serif;
886
+ font-size: var(--lp-pri-font-size-64);
887
+ font-weight: var(--lp-pri-font-weight-900);
888
+ line-height: var(--lp-pri-font-lineheight-120);
889
+ }
890
+ :root[lang=en] .lp-sys-typo-display3-accent-black {
891
+ font-family: "Merriweather", serif;
892
+ font-size: var(--lp-pri-font-size-40);
893
+ font-weight: var(--lp-pri-font-weight-900);
894
+ line-height: var(--lp-pri-font-lineheight-120);
895
+ }
892
896
  :root[lang=en] .lp-sys-typo-title1-accent-bold {
893
897
  font-family: "Merriweather", serif;
894
898
  font-size: var(--lp-pri-font-size-32);
@@ -904,93 +908,123 @@
904
908
  :root[lang=en] .lp-sys-typo-title3-accent-bold {
905
909
  font-family: "Merriweather", serif;
906
910
  font-size: var(--lp-pri-font-size-24);
907
- font-weight: var(--lp-pri-font-weight-650);
911
+ font-weight: var(--lp-pri-font-weight-700);
908
912
  line-height: var(--lp-pri-font-lineheight-130);
909
913
  }
910
914
  :root[lang=en] .lp-sys-typo-title4-accent-bold {
911
915
  font-family: "Merriweather", serif;
912
916
  font-size: var(--lp-pri-font-size-20);
913
- font-weight: var(--lp-pri-font-weight-650);
917
+ font-weight: var(--lp-pri-font-weight-700);
914
918
  line-height: var(--lp-pri-font-lineheight-130);
915
919
  }
916
920
  :root[lang=en] .lp-sys-typo-title1-accent-medium {
917
921
  font-family: "Merriweather", serif;
918
922
  font-size: var(--lp-pri-font-size-32);
919
- font-weight: var(--lp-pri-font-weight-450);
923
+ font-weight: var(--lp-pri-font-weight-500);
920
924
  line-height: var(--lp-pri-font-lineheight-130);
921
925
  }
922
926
  :root[lang=en] .lp-sys-typo-title2-accent-medium {
923
927
  font-family: "Merriweather", serif;
924
928
  font-size: var(--lp-pri-font-size-28);
925
- font-weight: var(--lp-pri-font-weight-450);
929
+ font-weight: var(--lp-pri-font-weight-500);
926
930
  line-height: var(--lp-pri-font-lineheight-130);
927
931
  }
928
932
  :root[lang=en] .lp-sys-typo-title3-accent-medium {
929
933
  font-family: "Merriweather", serif;
930
934
  font-size: var(--lp-pri-font-size-24);
931
- font-weight: var(--lp-pri-font-weight-420);
935
+ font-weight: var(--lp-pri-font-weight-500);
932
936
  line-height: var(--lp-pri-font-lineheight-130);
933
937
  }
934
938
  :root[lang=en] .lp-sys-typo-title4-accent-medium {
935
939
  font-family: "Merriweather", serif;
936
940
  font-size: var(--lp-pri-font-size-20);
937
- font-weight: var(--lp-pri-font-weight-420);
941
+ font-weight: var(--lp-pri-font-weight-500);
938
942
  line-height: var(--lp-pri-font-lineheight-130);
939
943
  }
940
944
  :root[lang=en] .lp-sys-typo-paragraph1-accent-bold {
941
945
  font-family: "Merriweather", serif;
942
946
  font-size: var(--lp-pri-font-size-17);
943
- font-weight: var(--lp-pri-font-weight-600);
947
+ font-weight: var(--lp-pri-font-weight-700);
944
948
  line-height: var(--lp-pri-font-lineheight-130);
945
949
  }
946
950
  :root[lang=en] .lp-sys-typo-paragraph2-accent-bold {
947
951
  font-family: "Pretendard Variable";
948
952
  font-size: var(--lp-pri-font-size-16);
949
- font-weight: var(--lp-pri-font-weight-600);
953
+ font-weight: var(--lp-pri-font-weight-700);
950
954
  line-height: var(--lp-pri-font-lineheight-130);
951
955
  }
952
956
  :root[lang=en] .lp-sys-typo-paragraph3-accent-bold {
953
957
  font-family: "Pretendard Variable";
954
958
  font-size: var(--lp-pri-font-size-15);
955
- font-weight: var(--lp-pri-font-weight-600);
959
+ font-weight: var(--lp-pri-font-weight-700);
956
960
  line-height: var(--lp-pri-font-lineheight-130);
957
961
  }
958
962
  :root[lang=en] .lp-sys-typo-paragraph1-accent-medium {
959
- font-family: "Poppins", sans-serif;
963
+ font-family: "Merriweather", serif;
960
964
  font-size: var(--lp-pri-font-size-17);
961
965
  font-weight: var(--lp-pri-font-weight-500);
962
966
  line-height: var(--lp-pri-font-lineheight-130);
963
967
  }
964
968
  :root[lang=en] .lp-sys-typo-paragraph2-accent-medium {
965
- font-family: "Poppins", sans-serif;
969
+ font-family: "Merriweather", serif;
966
970
  font-size: var(--lp-pri-font-size-16);
967
971
  font-weight: var(--lp-pri-font-weight-500);
968
972
  line-height: var(--lp-pri-font-lineheight-130);
969
973
  }
970
974
  :root[lang=en] .lp-sys-typo-paragraph3-accent-medium {
971
- font-family: "Poppins", sans-serif;
975
+ font-family: "Merriweather", serif;
972
976
  font-size: var(--lp-pri-font-size-15);
973
977
  font-weight: var(--lp-pri-font-weight-500);
974
978
  line-height: var(--lp-pri-font-lineheight-130);
975
979
  }
976
980
  :root[lang=en] .lp-sys-typo-paragraph1-accent-regular {
977
- font-family: "Poppins", sans-serif;
978
- font-size: var(--lp-pri-font-size-15);
981
+ font-family: "Merriweather", serif;
982
+ font-size: var(--lp-pri-font-size-17);
979
983
  font-weight: var(--lp-pri-font-weight-300);
980
984
  line-height: var(--lp-pri-font-lineheight-130);
981
985
  }
982
986
  :root[lang=en] .lp-sys-typo-paragraph2-accent-regular {
983
- font-family: "Poppins", sans-serif;
984
- font-size: var(--lp-pri-font-size-15);
987
+ font-family: "Merriweather", serif;
988
+ font-size: var(--lp-pri-font-size-16);
985
989
  font-weight: var(--lp-pri-font-weight-300);
986
990
  line-height: var(--lp-pri-font-lineheight-130);
987
991
  }
988
992
  :root[lang=en] .lp-sys-typo-paragraph3-accent-regular {
989
- font-family: "Poppins", sans-serif;
993
+ font-family: "Merriweather", serif;
990
994
  font-size: var(--lp-pri-font-size-15);
991
995
  font-weight: var(--lp-pri-font-weight-300);
992
996
  line-height: var(--lp-pri-font-lineheight-130);
993
997
  }
998
+ :root[lang=en] .lp-sys-typo-display2-normal-black {
999
+ font-family: "Pretendard Variable";
1000
+ font-size: var(--lp-pri-font-size-56);
1001
+ font-weight: var(--lp-pri-font-weight-800);
1002
+ line-height: var(--lp-pri-font-lineheight-130);
1003
+ }
1004
+ :root[lang=en] .lp-sys-typo-paragraph1-answer-bold {
1005
+ font-family: "Merriweather", serif;
1006
+ font-size: var(--lp-pri-font-size-15);
1007
+ font-weight: var(--lp-pri-font-weight-800);
1008
+ line-height: var(--lp-pri-font-lineheight-180);
1009
+ }
1010
+ :root[lang=en] .lp-sys-typo-paragraph1-answer-regular {
1011
+ font-family: "Merriweather", serif;
1012
+ font-size: var(--lp-pri-font-size-15);
1013
+ font-weight: var(--lp-pri-font-weight-350);
1014
+ line-height: var(--lp-pri-font-lineheight-180);
1015
+ }
1016
+ :root[lang=default] .lp-sys-typo-display2-accent-black {
1017
+ font-family: "Merriweather", serif;
1018
+ font-size: var(--lp-pri-font-size-64);
1019
+ font-weight: var(--lp-pri-font-weight-900);
1020
+ line-height: var(--lp-pri-font-lineheight-120);
1021
+ }
1022
+ :root[lang=default] .lp-sys-typo-display3-accent-black {
1023
+ font-family: "Merriweather", serif;
1024
+ font-size: var(--lp-pri-font-size-40);
1025
+ font-weight: var(--lp-pri-font-weight-900);
1026
+ line-height: var(--lp-pri-font-lineheight-120);
1027
+ }
994
1028
  :root[lang=default] .lp-sys-typo-title1-accent-bold {
995
1029
  font-family: "Merriweather", serif;
996
1030
  font-size: var(--lp-pri-font-size-32);
@@ -1006,92 +1040,110 @@
1006
1040
  :root[lang=default] .lp-sys-typo-title3-accent-bold {
1007
1041
  font-family: "Merriweather", serif;
1008
1042
  font-size: var(--lp-pri-font-size-24);
1009
- font-weight: var(--lp-pri-font-weight-650);
1043
+ font-weight: var(--lp-pri-font-weight-700);
1010
1044
  line-height: var(--lp-pri-font-lineheight-130);
1011
1045
  }
1012
1046
  :root[lang=default] .lp-sys-typo-title4-accent-bold {
1013
1047
  font-family: "Merriweather", serif;
1014
1048
  font-size: var(--lp-pri-font-size-20);
1015
- font-weight: var(--lp-pri-font-weight-650);
1049
+ font-weight: var(--lp-pri-font-weight-700);
1016
1050
  line-height: var(--lp-pri-font-lineheight-130);
1017
1051
  }
1018
1052
  :root[lang=default] .lp-sys-typo-title1-accent-medium {
1019
1053
  font-family: "Merriweather", serif;
1020
1054
  font-size: var(--lp-pri-font-size-32);
1021
- font-weight: var(--lp-pri-font-weight-450);
1055
+ font-weight: var(--lp-pri-font-weight-500);
1022
1056
  line-height: var(--lp-pri-font-lineheight-130);
1023
1057
  }
1024
1058
  :root[lang=default] .lp-sys-typo-title2-accent-medium {
1025
1059
  font-family: "Merriweather", serif;
1026
1060
  font-size: var(--lp-pri-font-size-28);
1027
- font-weight: var(--lp-pri-font-weight-450);
1061
+ font-weight: var(--lp-pri-font-weight-500);
1028
1062
  line-height: var(--lp-pri-font-lineheight-130);
1029
1063
  }
1030
1064
  :root[lang=default] .lp-sys-typo-title3-accent-medium {
1031
1065
  font-family: "Merriweather", serif;
1032
1066
  font-size: var(--lp-pri-font-size-24);
1033
- font-weight: var(--lp-pri-font-weight-420);
1067
+ font-weight: var(--lp-pri-font-weight-500);
1034
1068
  line-height: var(--lp-pri-font-lineheight-130);
1035
1069
  }
1036
1070
  :root[lang=default] .lp-sys-typo-title4-accent-medium {
1037
1071
  font-family: "Merriweather", serif;
1038
1072
  font-size: var(--lp-pri-font-size-20);
1039
- font-weight: var(--lp-pri-font-weight-420);
1073
+ font-weight: var(--lp-pri-font-weight-500);
1040
1074
  line-height: var(--lp-pri-font-lineheight-130);
1041
1075
  }
1042
1076
  :root[lang=default] .lp-sys-typo-paragraph1-accent-bold {
1043
1077
  font-family: "Merriweather", serif;
1044
1078
  font-size: var(--lp-pri-font-size-17);
1045
- font-weight: var(--lp-pri-font-weight-600);
1079
+ font-weight: var(--lp-pri-font-weight-700);
1046
1080
  line-height: var(--lp-pri-font-lineheight-130);
1047
1081
  }
1048
1082
  :root[lang=default] .lp-sys-typo-paragraph2-accent-bold {
1049
1083
  font-family: "Pretendard Variable";
1050
1084
  font-size: var(--lp-pri-font-size-16);
1051
- font-weight: var(--lp-pri-font-weight-600);
1085
+ font-weight: var(--lp-pri-font-weight-700);
1052
1086
  line-height: var(--lp-pri-font-lineheight-130);
1053
1087
  }
1054
1088
  :root[lang=default] .lp-sys-typo-paragraph3-accent-bold {
1055
1089
  font-family: "Pretendard Variable";
1056
1090
  font-size: var(--lp-pri-font-size-15);
1057
- font-weight: var(--lp-pri-font-weight-600);
1091
+ font-weight: var(--lp-pri-font-weight-700);
1058
1092
  line-height: var(--lp-pri-font-lineheight-130);
1059
1093
  }
1060
1094
  :root[lang=default] .lp-sys-typo-paragraph1-accent-medium {
1061
- font-family: "Poppins", sans-serif;
1095
+ font-family: "Merriweather", serif;
1062
1096
  font-size: var(--lp-pri-font-size-17);
1063
1097
  font-weight: var(--lp-pri-font-weight-500);
1064
1098
  line-height: var(--lp-pri-font-lineheight-130);
1065
1099
  }
1066
1100
  :root[lang=default] .lp-sys-typo-paragraph2-accent-medium {
1067
- font-family: "Poppins", sans-serif;
1101
+ font-family: "Merriweather", serif;
1068
1102
  font-size: var(--lp-pri-font-size-16);
1069
1103
  font-weight: var(--lp-pri-font-weight-500);
1070
1104
  line-height: var(--lp-pri-font-lineheight-130);
1071
1105
  }
1072
1106
  :root[lang=default] .lp-sys-typo-paragraph3-accent-medium {
1073
- font-family: "Poppins", sans-serif;
1107
+ font-family: "Merriweather", serif;
1074
1108
  font-size: var(--lp-pri-font-size-15);
1075
1109
  font-weight: var(--lp-pri-font-weight-500);
1076
1110
  line-height: var(--lp-pri-font-lineheight-130);
1077
1111
  }
1078
1112
  :root[lang=default] .lp-sys-typo-paragraph1-accent-regular {
1079
- font-family: "Poppins", sans-serif;
1080
- font-size: var(--lp-pri-font-size-15);
1113
+ font-family: "Merriweather", serif;
1114
+ font-size: var(--lp-pri-font-size-17);
1081
1115
  font-weight: var(--lp-pri-font-weight-300);
1082
1116
  line-height: var(--lp-pri-font-lineheight-130);
1083
1117
  }
1084
1118
  :root[lang=default] .lp-sys-typo-paragraph2-accent-regular {
1085
- font-family: "Poppins", sans-serif;
1086
- font-size: var(--lp-pri-font-size-15);
1119
+ font-family: "Merriweather", serif;
1120
+ font-size: var(--lp-pri-font-size-16);
1087
1121
  font-weight: var(--lp-pri-font-weight-300);
1088
1122
  line-height: var(--lp-pri-font-lineheight-130);
1089
1123
  }
1090
1124
  :root[lang=default] .lp-sys-typo-paragraph3-accent-regular {
1091
- font-family: "Poppins", sans-serif;
1125
+ font-family: "Merriweather", serif;
1092
1126
  font-size: var(--lp-pri-font-size-15);
1093
1127
  font-weight: var(--lp-pri-font-weight-300);
1094
1128
  line-height: var(--lp-pri-font-lineheight-130);
1095
1129
  }
1130
+ :root[lang=default] .lp-sys-typo-display2-normal-black {
1131
+ font-family: "Pretendard Variable";
1132
+ font-size: var(--lp-pri-font-size-56);
1133
+ font-weight: var(--lp-pri-font-weight-800);
1134
+ line-height: var(--lp-pri-font-lineheight-130);
1135
+ }
1136
+ :root[lang=default] .lp-sys-typo-paragraph1-answer-bold {
1137
+ font-family: "Merriweather", serif;
1138
+ font-size: var(--lp-pri-font-size-15);
1139
+ font-weight: var(--lp-pri-font-weight-800);
1140
+ line-height: var(--lp-pri-font-lineheight-180);
1141
+ }
1142
+ :root[lang=default] .lp-sys-typo-paragraph1-answer-regular {
1143
+ font-family: "Merriweather", serif;
1144
+ font-size: var(--lp-pri-font-size-15);
1145
+ font-weight: var(--lp-pri-font-weight-350);
1146
+ line-height: var(--lp-pri-font-lineheight-180);
1147
+ }
1096
1148
  /*! For license information please see global.css.LEGAL.txt */
1097
1149
  /*# sourceMappingURL=global.css.map */
package/lib/generated/classNames.d.ts CHANGED
@@ -1,9 +1,7 @@
1
1
  export declare const classNames: {
2
2
  typography: {
3
- "lp-sys-typo-display1-accent-black": string;
4
3
  "lp-sys-typo-display2-accent-black": string;
5
4
  "lp-sys-typo-display3-accent-black": string;
6
- "lp-sys-typo-display1-normal-black": string;
7
5
  "lp-sys-typo-display2-normal-black": string;
8
6
  "lp-sys-typo-display3-normal-black": string;
9
7
  "lp-sys-typo-heading1-answer": string;
@@ -58,6 +56,7 @@ export declare const classNames: {
58
56
  "lp-sys-typo-caption3-normal-bold": string;
59
57
  "lp-sys-typo-caption1-normal-medium": string;
60
58
  "lp-sys-typo-caption2-normal-medium": string;
59
+ "lp-sys-typo-caption3-normal-medium": string;
61
60
  "lp-sys-typo-caption1-normal-regular": string;
62
61
  "lp-sys-typo-caption2-normal-regular": string;
63
62
  "lp-sys-typo-caption3-normal-regular": string;