@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.
Files changed (8) hide show
  1. package/lib/generated/classNames.d.ts +1 -2
  2. package/lib/index.css +43 -93
  3. package/lib/index.css.map +2 -2
  4. package/lib/index.js +1 -1
  5. package/lib/index.js.map +2 -2
  6. package/package.json +1 -1
  7. package/src/generated/classNames.ts +1 -1
  8. package/src/style/global.css +133 -92
package/lib/generated/classNames.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export declare const classNames: {
2
2
  typography: {
3
+ "lp-sys-typo-display3-accent-black": string;
3
4
  "lp-sys-typo-heading1-answer": string;
4
5
  "lp-sys-typo-heading2-answer": string;
5
6
  "lp-sys-typo-heading3-answer": string;
@@ -32,8 +33,6 @@ export declare const classNames: {
32
33
  "lp-sys-typo-paragraph4-normal-regular": string;
33
34
  "lp-sys-typo-paragraph1-post-regular": string;
34
35
  "lp-sys-typo-paragraph3-post-regular": string;
35
- "lp-sys-typo-paragraph1-answer-bold": string;
36
- "lp-sys-typo-paragraph1-answer-regular": string;
37
36
  "lp-sys-typo-caption1-normal-bold": string;
38
37
  "lp-sys-typo-caption2-normal-bold": string;
39
38
  "lp-sys-typo-caption3-normal-bold": string;
package/lib/index.css CHANGED
@@ -344,306 +344,258 @@
344
344
  --lp-sys-icon-size-m: 24px;
345
345
  --lp-sys-icon-size-l: 32px;
346
346
  --lp-sys-icon-size-xl: 40px;
347
+ --lp-pri-font-letterspacing-tight: -2.5px;
348
+ .lp-sys-typo-display3-accent-black {
349
+ font-family: "Pretendard Variable";
350
+ font-size: var(--lp-pri-font-size-40);
351
+ font-weight: var(--lp-pri-font-weight-700);
352
+ line-height: var(--lp-pri-font-lineheight-130);
353
+ }
347
354
  .lp-sys-typo-heading1-answer {
348
355
  font-family: "Pretendard Variable";
349
356
  font-size: var(--lp-pri-font-size-28);
350
357
  font-weight: var(--lp-pri-font-weight-700);
351
358
  line-height: var(--lp-pri-font-lineheight-180);
352
- letter-spacing: var(--undefined);
353
359
  }
354
360
  .lp-sys-typo-heading2-answer {
355
361
  font-family: "Pretendard Variable";
356
362
  font-size: var(--lp-pri-font-size-24);
357
363
  font-weight: var(--lp-pri-font-weight-700);
358
364
  line-height: var(--lp-pri-font-lineheight-180);
359
- letter-spacing: var(--undefined);
360
365
  }
361
366
  .lp-sys-typo-heading3-answer {
362
367
  font-family: "Pretendard Variable";
363
368
  font-size: var(--lp-pri-font-size-20);
364
369
  font-weight: var(--lp-pri-font-weight-700);
365
370
  line-height: var(--lp-pri-font-lineheight-180);
366
- letter-spacing: var(--undefined);
367
371
  }
368
372
  .lp-sys-typo-heading4-answer {
369
373
  font-family: "Pretendard Variable";
370
374
  font-size: var(--lp-pri-font-size-17);
371
375
  font-weight: var(--lp-pri-font-weight-700);
372
376
  line-height: var(--lp-pri-font-lineheight-180);
373
- letter-spacing: var(--undefined);
374
377
  }
375
378
  .lp-sys-typo-heading5-answer {
376
379
  font-family: "Pretendard Variable";
377
380
  font-size: var(--lp-pri-font-size-17);
378
381
  font-weight: var(--lp-pri-font-weight-700);
379
382
  line-height: var(--lp-pri-font-lineheight-180);
380
- letter-spacing: var(--undefined);
381
383
  }
382
384
  .lp-sys-typo-heading6-answer {
383
385
  font-family: "Pretendard Variable";
384
386
  font-size: var(--lp-pri-font-size-17);
385
387
  font-weight: var(--lp-pri-font-weight-700);
386
388
  line-height: var(--lp-pri-font-lineheight-180);
387
- letter-spacing: var(--undefined);
388
389
  }
389
390
  .lp-sys-typo-title1-accent-bold {
390
391
  font-family: "Pretendard Variable";
391
392
  font-size: var(--lp-pri-font-size-32);
392
393
  font-weight: var(--lp-pri-font-weight-600);
393
394
  line-height: var(--lp-pri-font-lineheight-130);
394
- letter-spacing: var(--undefined);
395
395
  }
396
396
  .lp-sys-typo-title2-accent-bold {
397
397
  font-family: "Pretendard Variable";
398
398
  font-size: var(--lp-pri-font-size-28);
399
399
  font-weight: var(--lp-pri-font-weight-600);
400
400
  line-height: var(--lp-pri-font-lineheight-130);
401
- letter-spacing: var(--undefined);
402
401
  }
403
402
  .lp-sys-typo-title3-accent-bold {
404
403
  font-family: "Pretendard Variable";
405
404
  font-size: var(--lp-pri-font-size-24);
406
405
  font-weight: var(--lp-pri-font-weight-600);
407
406
  line-height: var(--lp-pri-font-lineheight-130);
408
- letter-spacing: var(--undefined);
409
407
  }
410
408
  .lp-sys-typo-title4-accent-bold {
411
409
  font-family: "Pretendard Variable";
412
410
  font-size: var(--lp-pri-font-size-20);
413
411
  font-weight: var(--lp-pri-font-weight-600);
414
412
  line-height: var(--lp-pri-font-lineheight-130);
415
- letter-spacing: var(--undefined);
416
413
  }
417
414
  .lp-sys-typo-title1-normal-bold {
418
415
  font-family: "Pretendard Variable";
419
416
  font-size: var(--lp-pri-font-size-32);
420
417
  font-weight: var(--lp-pri-font-weight-700);
421
418
  line-height: var(--lp-pri-font-lineheight-130);
422
- letter-spacing: var(--undefined);
423
419
  }
424
420
  .lp-sys-typo-title2-normal-bold {
425
421
  font-family: "Pretendard Variable";
426
422
  font-size: var(--lp-pri-font-size-28);
427
423
  font-weight: var(--lp-pri-font-weight-700);
428
424
  line-height: var(--lp-pri-font-lineheight-130);
429
- letter-spacing: var(--undefined);
430
425
  }
431
426
  .lp-sys-typo-title3-normal-bold {
432
427
  font-family: "Pretendard Variable";
433
428
  font-size: var(--lp-pri-font-size-24);
434
429
  font-weight: var(--lp-pri-font-weight-700);
435
430
  line-height: var(--lp-pri-font-lineheight-130);
436
- letter-spacing: var(--undefined);
437
431
  }
438
432
  .lp-sys-typo-title4-normal-bold {
439
433
  font-family: "Pretendard Variable";
440
434
  font-size: var(--lp-pri-font-size-20);
441
435
  font-weight: var(--lp-pri-font-weight-700);
442
436
  line-height: var(--lp-pri-font-lineheight-130);
443
- letter-spacing: var(--undefined);
444
437
  }
445
438
  .lp-sys-typo-title1-normal-medium {
446
439
  font-family: "Pretendard Variable";
447
440
  font-size: var(--lp-pri-font-size-32);
448
441
  font-weight: var(--lp-pri-font-weight-500);
449
442
  line-height: var(--lp-pri-font-lineheight-130);
450
- letter-spacing: var(--undefined);
451
443
  }
452
444
  .lp-sys-typo-title2-normal-medium {
453
445
  font-family: "Pretendard Variable";
454
446
  font-size: var(--lp-pri-font-size-28);
455
447
  font-weight: var(--lp-pri-font-weight-500);
456
448
  line-height: var(--lp-pri-font-lineheight-130);
457
- letter-spacing: var(--undefined);
458
449
  }
459
450
  .lp-sys-typo-title3-normal-medium {
460
451
  font-family: "Pretendard Variable";
461
452
  font-size: var(--lp-pri-font-size-24);
462
453
  font-weight: var(--lp-pri-font-weight-500);
463
454
  line-height: var(--lp-pri-font-lineheight-130);
464
- letter-spacing: var(--undefined);
465
455
  }
466
456
  .lp-sys-typo-title4-normal-medium {
467
457
  font-family: "Pretendard Variable";
468
458
  font-size: var(--lp-pri-font-size-20);
469
459
  font-weight: var(--lp-pri-font-weight-500);
470
460
  line-height: var(--lp-pri-font-lineheight-130);
471
- letter-spacing: var(--undefined);
472
461
  }
473
462
  .lp-sys-typo-paragraph1-normal-bold {
474
463
  font-family: "Pretendard Variable";
475
464
  font-size: var(--lp-pri-font-size-17);
476
465
  font-weight: var(--lp-pri-font-weight-700);
477
466
  line-height: var(--lp-pri-font-lineheight-130);
478
- letter-spacing: var(--undefined);
479
467
  }
480
468
  .lp-sys-typo-paragraph2-normal-bold {
481
469
  font-family: "Pretendard Variable";
482
470
  font-size: var(--lp-pri-font-size-16);
483
471
  font-weight: var(--lp-pri-font-weight-700);
484
472
  line-height: var(--lp-pri-font-lineheight-130);
485
- letter-spacing: var(--undefined);
486
473
  }
487
474
  .lp-sys-typo-paragraph3-normal-bold {
488
475
  font-family: "Pretendard Variable";
489
476
  font-size: var(--lp-pri-font-size-15);
490
477
  font-weight: var(--lp-pri-font-weight-700);
491
478
  line-height: var(--lp-pri-font-lineheight-130);
492
- letter-spacing: var(--undefined);
493
479
  }
494
480
  .lp-sys-typo-paragraph4-normal-bold {
495
481
  font-family: "Pretendard Variable";
496
482
  font-size: var(--lp-pri-font-size-14);
497
483
  font-weight: var(--lp-pri-font-weight-700);
498
484
  line-height: var(--lp-pri-font-lineheight-130);
499
- letter-spacing: var(--undefined);
500
485
  }
501
486
  .lp-sys-typo-paragraph1-normal-medium {
502
487
  font-family: "Pretendard Variable";
503
488
  font-size: var(--lp-pri-font-size-17);
504
489
  font-weight: var(--lp-pri-font-weight-500);
505
490
  line-height: var(--lp-pri-font-lineheight-130);
506
- letter-spacing: var(--undefined);
507
491
  }
508
492
  .lp-sys-typo-paragraph2-normal-medium {
509
493
  font-family: "Pretendard Variable";
510
494
  font-size: var(--lp-pri-font-size-16);
511
495
  font-weight: var(--lp-pri-font-weight-500);
512
496
  line-height: var(--lp-pri-font-lineheight-130);
513
- letter-spacing: var(--undefined);
514
497
  }
515
498
  .lp-sys-typo-paragraph3-normal-medium {
516
499
  font-family: "Pretendard Variable";
517
500
  font-size: var(--lp-pri-font-size-15);
518
501
  font-weight: var(--lp-pri-font-weight-500);
519
502
  line-height: var(--lp-pri-font-lineheight-130);
520
- letter-spacing: var(--undefined);
521
503
  }
522
504
  .lp-sys-typo-paragraph4-normal-medium {
523
505
  font-family: "Pretendard Variable";
524
506
  font-size: var(--lp-pri-font-size-14);
525
507
  font-weight: var(--lp-pri-font-weight-500);
526
508
  line-height: var(--lp-pri-font-lineheight-130);
527
- letter-spacing: var(--undefined);
528
509
  }
529
510
  .lp-sys-typo-paragraph1-normal-regular {
530
511
  font-family: "Pretendard Variable";
531
512
  font-size: var(--lp-pri-font-size-17);
532
513
  font-weight: var(--lp-pri-font-weight-350);
533
514
  line-height: var(--lp-pri-font-lineheight-130);
534
- letter-spacing: var(--undefined);
535
515
  }
536
516
  .lp-sys-typo-paragraph2-normal-regular {
537
517
  font-family: "Pretendard Variable";
538
518
  font-size: var(--lp-pri-font-size-16);
539
519
  font-weight: var(--lp-pri-font-weight-350);
540
520
  line-height: var(--lp-pri-font-lineheight-130);
541
- letter-spacing: var(--undefined);
542
521
  }
543
522
  .lp-sys-typo-paragraph3-normal-regular {
544
523
  font-family: "Pretendard Variable";
545
524
  font-size: var(--lp-pri-font-size-15);
546
525
  font-weight: var(--lp-pri-font-weight-350);
547
526
  line-height: var(--lp-pri-font-lineheight-130);
548
- letter-spacing: var(--undefined);
549
527
  }
550
528
  .lp-sys-typo-paragraph4-normal-regular {
551
529
  font-family: "Pretendard Variable";
552
530
  font-size: var(--lp-pri-font-size-14);
553
531
  font-weight: var(--lp-pri-font-weight-350);
554
532
  line-height: var(--lp-pri-font-lineheight-130);
555
- letter-spacing: var(--undefined);
556
533
  }
557
534
  .lp-sys-typo-paragraph1-post-regular {
558
535
  font-family: "Pretendard Variable";
559
536
  font-size: var(--lp-pri-font-size-17);
560
537
  font-weight: var(--lp-pri-font-weight-350);
561
538
  line-height: var(--lp-pri-font-lineheight-150);
562
- letter-spacing: var(--undefined);
563
539
  }
564
540
  .lp-sys-typo-paragraph3-post-regular {
565
541
  font-family: "Pretendard Variable";
566
542
  font-size: var(--lp-pri-font-size-15);
567
543
  font-weight: var(--lp-pri-font-weight-350);
568
544
  line-height: var(--lp-pri-font-lineheight-150);
569
- letter-spacing: var(--undefined);
570
- }
571
- .lp-sys-typo-paragraph1-answer-bold {
572
- font-family: "Pretendard Variable";
573
- font-size: var(--lp-pri-font-size-16);
574
- font-weight: var(--lp-pri-font-weight-800);
575
- line-height: var(--lp-pri-font-lineheight-180);
576
- letter-spacing: var(--undefined);
577
- }
578
- .lp-sys-typo-paragraph1-answer-regular {
579
- font-family: "Pretendard Variable";
580
- font-size: var(--lp-pri-font-size-16);
581
- font-weight: var(--lp-pri-font-weight-350);
582
- line-height: var(--lp-pri-font-lineheight-180);
583
- letter-spacing: var(--undefined);
584
545
  }
585
546
  .lp-sys-typo-caption1-normal-bold {
586
547
  font-family: "Pretendard Variable";
587
548
  font-size: var(--lp-pri-font-size-13);
588
549
  font-weight: var(--lp-pri-font-weight-700);
589
550
  line-height: var(--lp-pri-font-lineheight-130);
590
- letter-spacing: var(--undefined);
591
551
  }
592
552
  .lp-sys-typo-caption2-normal-bold {
593
553
  font-family: "Pretendard Variable";
594
554
  font-size: var(--lp-pri-font-size-12);
595
555
  font-weight: var(--lp-pri-font-weight-700);
596
556
  line-height: var(--lp-pri-font-lineheight-130);
597
- letter-spacing: var(--undefined);
598
557
  }
599
558
  .lp-sys-typo-caption3-normal-bold {
600
559
  font-family: "Pretendard Variable";
601
560
  font-size: var(--lp-pri-font-size-11);
602
561
  font-weight: var(--lp-pri-font-weight-700);
603
562
  line-height: var(--lp-pri-font-lineheight-130);
604
- letter-spacing: var(--undefined);
605
563
  }
606
564
  .lp-sys-typo-caption1-normal-medium {
607
565
  font-family: "Pretendard Variable";
608
566
  font-size: var(--lp-pri-font-size-13);
609
567
  font-weight: var(--lp-pri-font-weight-500);
610
568
  line-height: var(--lp-pri-font-lineheight-130);
611
- letter-spacing: var(--undefined);
612
569
  }
613
570
  .lp-sys-typo-caption2-normal-medium {
614
571
  font-family: "Pretendard Variable";
615
572
  font-size: var(--lp-pri-font-size-12);
616
573
  font-weight: var(--lp-pri-font-weight-500);
617
574
  line-height: var(--lp-pri-font-lineheight-130);
618
- letter-spacing: var(--undefined);
619
575
  }
620
576
  .lp-sys-typo-caption3-normal-medium {
621
577
  font-family: "Pretendard Variable";
622
578
  font-size: var(--lp-pri-font-size-11);
623
579
  font-weight: var(--lp-pri-font-weight-500);
624
580
  line-height: var(--lp-pri-font-lineheight-130);
625
- letter-spacing: var(--undefined);
626
581
  }
627
582
  .lp-sys-typo-caption1-normal-regular {
628
583
  font-family: "Pretendard Variable";
629
584
  font-size: var(--lp-pri-font-size-13);
630
585
  font-weight: var(--lp-pri-font-weight-350);
631
586
  line-height: var(--lp-pri-font-lineheight-130);
632
- letter-spacing: var(--undefined);
633
587
  }
634
588
  .lp-sys-typo-caption2-normal-regular {
635
589
  font-family: "Pretendard Variable";
636
590
  font-size: var(--lp-pri-font-size-12);
637
591
  font-weight: var(--lp-pri-font-weight-350);
638
592
  line-height: var(--lp-pri-font-lineheight-130);
639
- letter-spacing: var(--undefined);
640
593
  }
641
594
  .lp-sys-typo-caption3-normal-regular {
642
595
  font-family: "Pretendard Variable";
643
596
  font-size: var(--lp-pri-font-size-11);
644
597
  font-weight: var(--lp-pri-font-weight-350);
645
598
  line-height: var(--lp-pri-font-lineheight-130);
646
- letter-spacing: var(--undefined);
647
599
  }
648
600
  }
649
601
  :root[color-theme=dark],
@@ -856,78 +808,76 @@
856
808
  }
857
809
  :root[lang=en] {
858
810
  .lp-sys-typo-title1-accent-bold {
859
- font-family: "Pretendard Variable";
811
+ font-family: Flare;
860
812
  font-size: var(--lp-pri-font-size-34);
861
- font-weight: var(--lp-pri-font-weight-600);
813
+ font-weight: var(--lp-pri-font-weight-400);
862
814
  line-height: var(--lp-pri-font-lineheight-120);
815
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
863
816
  }
864
817
  .lp-sys-typo-title2-accent-bold {
865
- font-family: "Pretendard Variable";
818
+ font-family: Flare;
866
819
  font-size: var(--lp-pri-font-size-30);
867
- font-weight: var(--lp-pri-font-weight-600);
820
+ font-weight: var(--lp-pri-font-weight-400);
868
821
  line-height: var(--lp-pri-font-lineheight-120);
822
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
869
823
  }
870
824
  .lp-sys-typo-title3-accent-bold {
871
- font-family: "Pretendard Variable";
825
+ font-family: Flare;
872
826
  font-size: var(--lp-pri-font-size-26);
873
- font-weight: var(--lp-pri-font-weight-600);
827
+ font-weight: var(--lp-pri-font-weight-400);
874
828
  line-height: var(--lp-pri-font-lineheight-120);
829
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
875
830
  }
876
831
  .lp-sys-typo-title4-accent-bold {
877
- font-family: "Pretendard Variable";
832
+ font-family: Flare;
878
833
  font-size: var(--lp-pri-font-size-22);
879
- font-weight: var(--lp-pri-font-weight-600);
834
+ font-weight: var(--lp-pri-font-weight-400);
880
835
  line-height: var(--lp-pri-font-lineheight-120);
836
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
881
837
  }
882
- .lp-sys-typo-paragraph1-answer-bold {
883
- font-family: "Merriweather", serif;
884
- font-size: var(--lp-pri-font-size-16);
885
- font-weight: var(--lp-pri-font-weight-800);
886
- line-height: var(--lp-pri-font-lineheight-180);
887
- }
888
- .lp-sys-typo-paragraph1-answer-regular {
889
- font-family: "Merriweather", serif;
890
- font-size: var(--lp-pri-font-size-16);
891
- font-weight: var(--lp-pri-font-weight-350);
892
- line-height: var(--lp-pri-font-lineheight-180);
838
+ .lp-sys-typo-display3-accent-black {
839
+ font-family: Flare;
840
+ font-size: var(--lp-pri-font-size-40);
841
+ font-weight: var(--lp-pri-font-weight-700);
842
+ line-height: var(--lp-pri-font-lineheight-120);
843
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
893
844
  }
894
845
  }
895
846
  :root[lang=default] {
896
847
  .lp-sys-typo-title1-accent-bold {
897
- font-family: "Pretendard Variable";
848
+ font-family: Flare;
898
849
  font-size: var(--lp-pri-font-size-34);
899
- font-weight: var(--lp-pri-font-weight-600);
850
+ font-weight: var(--lp-pri-font-weight-400);
900
851
  line-height: var(--lp-pri-font-lineheight-120);
852
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
901
853
  }
902
854
  .lp-sys-typo-title2-accent-bold {
903
- font-family: "Pretendard Variable";
855
+ font-family: Flare;
904
856
  font-size: var(--lp-pri-font-size-30);
905
- font-weight: var(--lp-pri-font-weight-600);
857
+ font-weight: var(--lp-pri-font-weight-400);
906
858
  line-height: var(--lp-pri-font-lineheight-120);
859
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
907
860
  }
908
861
  .lp-sys-typo-title3-accent-bold {
909
- font-family: "Pretendard Variable";
862
+ font-family: Flare;
910
863
  font-size: var(--lp-pri-font-size-26);
911
- font-weight: var(--lp-pri-font-weight-600);
864
+ font-weight: var(--lp-pri-font-weight-400);
912
865
  line-height: var(--lp-pri-font-lineheight-120);
866
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
913
867
  }
914
868
  .lp-sys-typo-title4-accent-bold {
915
- font-family: "Pretendard Variable";
869
+ font-family: Flare;
916
870
  font-size: var(--lp-pri-font-size-22);
917
- font-weight: var(--lp-pri-font-weight-600);
871
+ font-weight: var(--lp-pri-font-weight-400);
918
872
  line-height: var(--lp-pri-font-lineheight-120);
873
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
919
874
  }
920
- .lp-sys-typo-paragraph1-answer-bold {
921
- font-family: "Merriweather", serif;
922
- font-size: var(--lp-pri-font-size-16);
923
- font-weight: var(--lp-pri-font-weight-800);
924
- line-height: var(--lp-pri-font-lineheight-180);
925
- }
926
- .lp-sys-typo-paragraph1-answer-regular {
927
- font-family: "Merriweather", serif;
928
- font-size: var(--lp-pri-font-size-16);
929
- font-weight: var(--lp-pri-font-weight-350);
930
- line-height: var(--lp-pri-font-lineheight-180);
875
+ .lp-sys-typo-display3-accent-black {
876
+ font-family: Flare;
877
+ font-size: var(--lp-pri-font-size-40);
878
+ font-weight: var(--lp-pri-font-weight-700);
879
+ line-height: var(--lp-pri-font-lineheight-120);
880
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
931
881
  }
932
882
  }
933
883
  /*# sourceMappingURL=index.css.map */