@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/src/scripts/create-css/constants/typography/index.ts CHANGED
@@ -15,12 +15,6 @@ interface TypographyValues {
15
15
  }
16
16
 
17
17
  export const typography: Record<TypographyKeys, TypographyValues> = {
18
- 'lp-sys-typo-display1-accent-black': {
19
- family: 'lp-pri-font-family-variables-pretendard',
20
- weight: 'lp-pri-font-weight-800',
21
- lineHeight: 'lp-pri-font-lineheight-120',
22
- size: 'lp-pri-font-size-72',
23
- },
24
18
  'lp-sys-typo-display2-accent-black': {
25
19
  family: 'lp-pri-font-family-variables-pretendard',
26
20
  weight: 'lp-pri-font-weight-800',
@@ -33,22 +27,16 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
33
27
  lineHeight: 'lp-pri-font-lineheight-120',
34
28
  size: 'lp-pri-font-size-40',
35
29
  },
36
- 'lp-sys-typo-display1-normal-black': {
37
- family: 'lp-pri-font-family-variables-pretendard',
38
- weight: 'lp-pri-font-weight-800',
39
- lineHeight: 'lp-pri-font-lineheight-120',
40
- size: 'lp-pri-font-size-72',
41
- },
42
30
  'lp-sys-typo-display2-normal-black': {
43
31
  family: 'lp-pri-font-family-variables-pretendard',
44
32
  weight: 'lp-pri-font-weight-800',
45
- lineHeight: 'lp-pri-font-lineheight-120',
46
- size: 'lp-pri-font-size-64',
33
+ lineHeight: 'lp-pri-font-lineheight-130',
34
+ size: 'lp-pri-font-size-56',
47
35
  },
48
36
  'lp-sys-typo-display3-normal-black': {
49
37
  family: 'lp-pri-font-family-variables-pretendard',
50
38
  weight: 'lp-pri-font-weight-800',
51
- lineHeight: 'lp-pri-font-lineheight-120',
39
+ lineHeight: 'lp-pri-font-lineheight-130',
52
40
  size: 'lp-pri-font-size-40',
53
41
  },
54
42
  'lp-sys-typo-heading1-answer': {
@@ -66,26 +54,26 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
66
54
  'lp-sys-typo-heading3-answer': {
67
55
  family: 'lp-pri-font-family-variables-pretendard',
68
56
  weight: 'lp-pri-font-weight-700',
69
- lineHeight: 'lp-pri-font-lineheight-120',
70
- size: 'lp-pri-font-size-40',
57
+ lineHeight: 'lp-pri-font-lineheight-180',
58
+ size: 'lp-pri-font-size-20',
71
59
  },
72
60
  'lp-sys-typo-heading4-answer': {
73
61
  family: 'lp-pri-font-family-variables-pretendard',
74
- weight: 'lp-pri-font-weight-800',
75
- lineHeight: 'lp-pri-font-lineheight-120',
76
- size: 'lp-pri-font-size-40',
62
+ weight: 'lp-pri-font-weight-700',
63
+ lineHeight: 'lp-pri-font-lineheight-180',
64
+ size: 'lp-pri-font-size-17',
77
65
  },
78
66
  'lp-sys-typo-heading5-answer': {
79
67
  family: 'lp-pri-font-family-variables-pretendard',
80
- weight: 'lp-pri-font-weight-800',
81
- lineHeight: 'lp-pri-font-lineheight-120',
82
- size: 'lp-pri-font-size-40',
68
+ weight: 'lp-pri-font-weight-700',
69
+ lineHeight: 'lp-pri-font-lineheight-180',
70
+ size: 'lp-pri-font-size-17',
83
71
  },
84
72
  'lp-sys-typo-heading6-answer': {
85
73
  family: 'lp-pri-font-family-variables-pretendard',
86
- weight: 'lp-pri-font-weight-800',
87
- lineHeight: 'lp-pri-font-lineheight-120',
88
- size: 'lp-pri-font-size-40',
74
+ weight: 'lp-pri-font-weight-700',
75
+ lineHeight: 'lp-pri-font-lineheight-180',
76
+ size: 'lp-pri-font-size-17',
89
77
  },
90
78
  'lp-sys-typo-title1-accent-bold': {
91
79
  family: 'lp-pri-font-family-variables-pretendard',
@@ -101,37 +89,37 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
101
89
  },
102
90
  'lp-sys-typo-title3-accent-bold': {
103
91
  family: 'lp-pri-font-family-variables-pretendard',
104
- weight: 'lp-pri-font-weight-650',
92
+ weight: 'lp-pri-font-weight-700',
105
93
  lineHeight: 'lp-pri-font-lineheight-130',
106
94
  size: 'lp-pri-font-size-24',
107
95
  },
108
96
  'lp-sys-typo-title4-accent-bold': {
109
97
  family: 'lp-pri-font-family-variables-pretendard',
110
- weight: 'lp-pri-font-weight-650',
98
+ weight: 'lp-pri-font-weight-700',
111
99
  lineHeight: 'lp-pri-font-lineheight-130',
112
100
  size: 'lp-pri-font-size-20',
113
101
  },
114
102
  'lp-sys-typo-title1-accent-medium': {
115
103
  family: 'lp-pri-font-family-variables-pretendard',
116
- weight: 'lp-pri-font-weight-450',
104
+ weight: 'lp-pri-font-weight-500',
117
105
  lineHeight: 'lp-pri-font-lineheight-130',
118
106
  size: 'lp-pri-font-size-32',
119
107
  },
120
108
  'lp-sys-typo-title2-accent-medium': {
121
109
  family: 'lp-pri-font-family-variables-pretendard',
122
- weight: 'lp-pri-font-weight-450',
110
+ weight: 'lp-pri-font-weight-500',
123
111
  lineHeight: 'lp-pri-font-lineheight-130',
124
112
  size: 'lp-pri-font-size-28',
125
113
  },
126
114
  'lp-sys-typo-title3-accent-medium': {
127
115
  family: 'lp-pri-font-family-variables-pretendard',
128
- weight: 'lp-pri-font-weight-420',
116
+ weight: 'lp-pri-font-weight-500',
129
117
  lineHeight: 'lp-pri-font-lineheight-130',
130
118
  size: 'lp-pri-font-size-24',
131
119
  },
132
120
  'lp-sys-typo-title4-accent-medium': {
133
121
  family: 'lp-pri-font-family-variables-pretendard',
134
- weight: 'lp-pri-font-weight-420',
122
+ weight: 'lp-pri-font-weight-500',
135
123
  lineHeight: 'lp-pri-font-lineheight-130',
136
124
  size: 'lp-pri-font-size-20',
137
125
  },
@@ -149,12 +137,12 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
149
137
  },
150
138
  'lp-sys-typo-title3-normal-bold': {
151
139
  family: 'lp-pri-font-family-variables-pretendard',
152
- weight: 'lp-pri-font-weight-650',
140
+ weight: 'lp-pri-font-weight-700',
153
141
  lineHeight: 'lp-pri-font-lineheight-130',
154
142
  size: 'lp-pri-font-size-24',
155
143
  },
156
144
  'lp-sys-typo-title4-normal-bold': {
157
- weight: 'lp-pri-font-weight-650',
145
+ weight: 'lp-pri-font-weight-700',
158
146
  lineHeight: 'lp-pri-font-lineheight-130',
159
147
  size: 'lp-pri-font-size-20',
160
148
  family: 'lp-pri-font-family-variables-pretendard',
@@ -203,19 +191,19 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
203
191
  },
204
192
  'lp-sys-typo-paragraph1-accent-medium': {
205
193
  family: 'lp-pri-font-family-variables-pretendard',
206
- weight: 'lp-pri-font-weight-420',
194
+ weight: 'lp-pri-font-weight-500',
207
195
  lineHeight: 'lp-pri-font-lineheight-130',
208
196
  size: 'lp-pri-font-size-17',
209
197
  },
210
198
  'lp-sys-typo-paragraph2-accent-medium': {
211
199
  family: 'lp-pri-font-family-variables-pretendard',
212
- weight: 'lp-pri-font-weight-420',
200
+ weight: 'lp-pri-font-weight-500',
213
201
  lineHeight: 'lp-pri-font-lineheight-130',
214
202
  size: 'lp-pri-font-size-16',
215
203
  },
216
204
  'lp-sys-typo-paragraph3-accent-medium': {
217
205
  family: 'lp-pri-font-family-variables-pretendard',
218
- weight: 'lp-pri-font-weight-420',
206
+ weight: 'lp-pri-font-weight-500',
219
207
  lineHeight: 'lp-pri-font-lineheight-130',
220
208
  size: 'lp-pri-font-size-15',
221
209
  },
@@ -238,26 +226,26 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
238
226
  size: 'lp-pri-font-size-15',
239
227
  },
240
228
  'lp-sys-typo-paragraph1-normal-bold': {
241
- weight: 'lp-pri-font-weight-600',
229
+ weight: 'lp-pri-font-weight-700',
242
230
  lineHeight: 'lp-pri-font-lineheight-130',
243
231
  size: 'lp-pri-font-size-17',
244
232
  family: 'lp-pri-font-family-variables-pretendard',
245
233
  },
246
234
  'lp-sys-typo-paragraph2-normal-bold': {
247
- weight: 'lp-pri-font-weight-600',
235
+ weight: 'lp-pri-font-weight-700',
248
236
  lineHeight: 'lp-pri-font-lineheight-130',
249
237
  size: 'lp-pri-font-size-16',
250
238
  family: 'lp-pri-font-family-variables-pretendard',
251
239
  },
252
240
  'lp-sys-typo-paragraph3-normal-bold': {
253
241
  family: 'lp-pri-font-family-variables-pretendard',
254
- weight: 'lp-pri-font-weight-600',
242
+ weight: 'lp-pri-font-weight-700',
255
243
  lineHeight: 'lp-pri-font-lineheight-130',
256
244
  size: 'lp-pri-font-size-15',
257
245
  },
258
246
  'lp-sys-typo-paragraph4-normal-bold': {
259
247
  family: 'lp-pri-font-family-variables-pretendard',
260
- weight: 'lp-pri-font-weight-600',
248
+ weight: 'lp-pri-font-weight-700',
261
249
  lineHeight: 'lp-pri-font-lineheight-130',
262
250
  size: 'lp-pri-font-size-14',
263
251
  },
@@ -323,37 +311,37 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
323
311
  },
324
312
  'lp-sys-typo-paragraph1-answer-bold': {
325
313
  family: 'lp-pri-font-family-variables-pretendard',
326
- weight: 'lp-pri-font-weight-600',
314
+ weight: 'lp-pri-font-weight-800',
327
315
  lineHeight: 'lp-pri-font-lineheight-180',
328
- size: 'lp-pri-font-size-17',
316
+ size: 'lp-pri-font-size-16',
329
317
  },
330
318
  'lp-sys-typo-paragraph1-answer-regular': {
331
319
  family: 'lp-pri-font-family-variables-pretendard',
332
320
  weight: 'lp-pri-font-weight-350',
333
321
  lineHeight: 'lp-pri-font-lineheight-180',
334
- size: 'lp-pri-font-size-17',
322
+ size: 'lp-pri-font-size-16',
335
323
  },
336
324
  'lp-sys-typo-caption1-normal-bold': {
337
325
  family: 'lp-pri-font-family-variables-pretendard',
338
- weight: 'lp-pri-font-weight-600',
326
+ weight: 'lp-pri-font-weight-700',
339
327
  lineHeight: 'lp-pri-font-lineheight-130',
340
328
  size: 'lp-pri-font-size-13',
341
329
  },
342
330
  'lp-sys-typo-caption2-normal-bold': {
343
331
  family: 'lp-pri-font-family-variables-pretendard',
344
- weight: 'lp-pri-font-weight-600',
332
+ weight: 'lp-pri-font-weight-700',
345
333
  lineHeight: 'lp-pri-font-lineheight-130',
346
334
  size: 'lp-pri-font-size-12',
347
335
  },
348
336
  'lp-sys-typo-caption3-normal-bold': {
349
337
  family: 'lp-pri-font-family-variables-pretendard',
350
- weight: 'lp-pri-font-weight-600',
338
+ weight: 'lp-pri-font-weight-700',
351
339
  lineHeight: 'lp-pri-font-lineheight-130',
352
340
  size: 'lp-pri-font-size-11',
353
341
  },
354
342
  'lp-sys-typo-caption1-normal-medium': {
355
343
  family: 'lp-pri-font-family-variables-pretendard',
356
- weight: 'lp-pri-font-weight-420',
344
+ weight: 'lp-pri-font-weight-500',
357
345
  lineHeight: 'lp-pri-font-lineheight-130',
358
346
  size: 'lp-pri-font-size-13',
359
347
  },
@@ -363,6 +351,12 @@ export const typography: Record<TypographyKeys, TypographyValues> = {
363
351
  lineHeight: 'lp-pri-font-lineheight-130',
364
352
  size: 'lp-pri-font-size-12',
365
353
  },
354
+ 'lp-sys-typo-caption3-normal-medium': {
355
+ family: 'lp-pri-font-family-variables-pretendard',
356
+ weight: 'lp-pri-font-weight-500',
357
+ lineHeight: 'lp-pri-font-lineheight-130',
358
+ size: 'lp-pri-font-size-11',
359
+ },
366
360
  'lp-sys-typo-caption1-normal-regular': {
367
361
  family: 'lp-pri-font-family-variables-pretendard',
368
362
  weight: 'lp-pri-font-weight-350',
@@ -396,6 +390,16 @@ export const typographyClassName = (() => {
396
390
  })();
397
391
 
398
392
  export const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {
393
+ 'lp-sys-typo-display2-accent-black': {
394
+ ...typography['lp-sys-typo-display2-accent-black'],
395
+ family: 'lp-pri-font-family-merriweather',
396
+ weight: 'lp-pri-font-weight-900',
397
+ },
398
+ 'lp-sys-typo-display3-accent-black': {
399
+ ...typography['lp-sys-typo-display3-accent-black'],
400
+ family: 'lp-pri-font-family-merriweather',
401
+ weight: 'lp-pri-font-weight-900',
402
+ },
399
403
  'lp-sys-typo-title1-accent-bold': {
400
404
  ...typography['lp-sys-typo-title1-accent-bold'],
401
405
  family: 'lp-pri-font-family-merriweather',
@@ -431,46 +435,60 @@ export const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>
431
435
  'lp-sys-typo-paragraph1-accent-bold': {
432
436
  ...typography['lp-sys-typo-paragraph1-accent-bold'],
433
437
  family: 'lp-pri-font-family-merriweather',
434
- weight: 'lp-pri-font-weight-600',
438
+ weight: 'lp-pri-font-weight-700',
435
439
  },
436
440
  'lp-sys-typo-paragraph2-accent-bold': {
437
441
  ...typography['lp-sys-typo-paragraph2-accent-bold'],
438
442
  family: 'lp-pri-font-family-variables-pretendard',
439
- weight: 'lp-pri-font-weight-600',
443
+ weight: 'lp-pri-font-weight-700',
440
444
  },
441
445
  'lp-sys-typo-paragraph3-accent-bold': {
442
446
  ...typography['lp-sys-typo-paragraph3-accent-bold'],
443
447
  family: 'lp-pri-font-family-variables-pretendard',
444
- weight: 'lp-pri-font-weight-600',
448
+ weight: 'lp-pri-font-weight-700',
445
449
  },
446
450
  'lp-sys-typo-paragraph1-accent-medium': {
447
451
  ...typography['lp-sys-typo-paragraph1-accent-medium'],
448
- family: 'lp-pri-font-family-poppins',
452
+ family: 'lp-pri-font-family-merriweather',
449
453
  weight: 'lp-pri-font-weight-500',
450
454
  },
451
455
  'lp-sys-typo-paragraph2-accent-medium': {
452
456
  ...typography['lp-sys-typo-paragraph2-accent-medium'],
453
- family: 'lp-pri-font-family-poppins',
457
+ family: 'lp-pri-font-family-merriweather',
454
458
  weight: 'lp-pri-font-weight-500',
455
459
  },
456
460
  'lp-sys-typo-paragraph3-accent-medium': {
457
461
  ...typography['lp-sys-typo-paragraph3-accent-medium'],
458
- family: 'lp-pri-font-family-poppins',
462
+ family: 'lp-pri-font-family-merriweather',
459
463
  weight: 'lp-pri-font-weight-500',
460
464
  },
461
465
  'lp-sys-typo-paragraph1-accent-regular': {
462
- ...typography['lp-sys-typo-paragraph3-accent-regular'],
466
+ ...typography['lp-sys-typo-paragraph1-accent-regular'],
463
467
  weight: 'lp-pri-font-weight-300',
464
- family: 'lp-pri-font-family-poppins',
468
+ family: 'lp-pri-font-family-merriweather',
465
469
  },
466
470
  'lp-sys-typo-paragraph2-accent-regular': {
467
- ...typography['lp-sys-typo-paragraph3-accent-regular'],
471
+ ...typography['lp-sys-typo-paragraph2-accent-regular'],
468
472
  weight: 'lp-pri-font-weight-300',
469
- family: 'lp-pri-font-family-poppins',
473
+ family: 'lp-pri-font-family-merriweather',
470
474
  },
471
475
  'lp-sys-typo-paragraph3-accent-regular': {
472
476
  ...typography['lp-sys-typo-paragraph3-accent-regular'],
473
477
  weight: 'lp-pri-font-weight-300',
474
- family: 'lp-pri-font-family-poppins',
478
+ family: 'lp-pri-font-family-merriweather',
479
+ },
480
+ 'lp-sys-typo-display2-normal-black': {
481
+ ...typography['lp-sys-typo-display2-normal-black'],
482
+ family: 'lp-pri-font-family-variables-pretendard',
483
+ },
484
+ 'lp-sys-typo-paragraph1-answer-bold': {
485
+ ...typography['lp-sys-typo-paragraph1-answer-bold'],
486
+ family: 'lp-pri-font-family-merriweather',
487
+ size: 'lp-pri-font-size-15',
488
+ },
489
+ 'lp-sys-typo-paragraph1-answer-regular': {
490
+ ...typography['lp-sys-typo-paragraph1-answer-regular'],
491
+ family: 'lp-pri-font-family-merriweather',
492
+ size: 'lp-pri-font-size-15',
475
493
  },
476
494
  };
package/src/scripts/create-css/constants/typography/primitive.ts CHANGED
@@ -19,6 +19,7 @@ const size = {
19
19
  'lp-pri-font-size-28': 28,
20
20
  'lp-pri-font-size-32': 32,
21
21
  'lp-pri-font-size-40': 40,
22
+ 'lp-pri-font-size-56': 56,
22
23
  'lp-pri-font-size-64': 64,
23
24
  'lp-pri-font-size-72': 72,
24
25
  } as const;
@@ -27,13 +28,10 @@ const weight = {
27
28
  'lp-pri-font-weight-300': 300,
28
29
  'lp-pri-font-weight-350': 350,
29
30
  'lp-pri-font-weight-400': 400,
30
- 'lp-pri-font-weight-420': 420,
31
- 'lp-pri-font-weight-450': 450,
32
31
  'lp-pri-font-weight-500': 500,
33
- 'lp-pri-font-weight-600': 600,
34
- 'lp-pri-font-weight-650': 650,
35
32
  'lp-pri-font-weight-700': 700,
36
33
  'lp-pri-font-weight-800': 800,
34
+ 'lp-pri-font-weight-900': 900,
37
35
  } as const;
38
36
 
39
37
  export const font = { weight, lineHeight, size };
package/src/scripts/create-css/constants/typography/types.ts CHANGED
@@ -21,13 +21,7 @@ export type TypographyTitle =
21
21
  export type TypographyTitleType = `${TypographyTitlePrefix}${TypographyTitle}`;
22
22
 
23
23
  export type TypographyDisplayPrefix = 'display';
24
- export type TypographyDisplay =
25
- | '1-accent-black'
26
- | '2-accent-black'
27
- | '3-accent-black'
28
- | '1-normal-black'
29
- | '2-normal-black'
30
- | '3-normal-black';
24
+ export type TypographyDisplay = '2-accent-black' | '3-accent-black' | '2-normal-black' | '3-normal-black';
31
25
 
32
26
  export type TypographyDisplayType = `${TypographyDisplayPrefix}${TypographyDisplay}`;
33
27
 
@@ -72,6 +66,7 @@ export type TypographyCaption =
72
66
  | '3-normal-bold'
73
67
  | '1-normal-medium'
74
68
  | '2-normal-medium'
69
+ | '3-normal-medium'
75
70
  | '1-normal-regular'
76
71
  | '2-normal-regular'
77
72
  | '3-normal-regular';