@liner-fe/design-token 2.1.6 → 2.1.8

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 (36) hide show
  1. package/lib/helpers/getTypoStyle.d.ts +2 -0
  2. package/lib/index.cjs +443 -0
  3. package/lib/index.cjs.map +4 -4
  4. package/lib/index.d.ts +1 -0
  5. package/lib/index.mjs +443 -0
  6. package/lib/index.mjs.map +4 -4
  7. package/lib/scripts/create-css/constants/typography/index.d.ts +13 -0
  8. package/lib/scripts/create-css/constants/typography/primitive.d.ts +37 -0
  9. package/lib/scripts/create-css/constants/typography/types.d.ts +17 -0
  10. package/package.json +2 -2
  11. package/src/helpers/getTypoStyle.ts +35 -0
  12. package/src/index.ts +1 -0
  13. package/src/scripts/create-css/constants/PATH.ts +3 -0
  14. package/src/scripts/create-css/constants/color/index.ts +257 -0
  15. package/src/scripts/create-css/constants/color/types.ts +135 -0
  16. package/src/scripts/create-css/constants/gap/index.ts +19 -0
  17. package/src/scripts/create-css/constants/icon/index.ts +9 -0
  18. package/src/scripts/create-css/constants/opacity/index.ts +21 -0
  19. package/src/scripts/create-css/constants/padding/index.ts +24 -0
  20. package/src/scripts/create-css/constants/primitiveRoot.ts +100 -0
  21. package/src/scripts/create-css/constants/radius/index.ts +12 -0
  22. package/src/scripts/create-css/constants/radius/type.ts +10 -0
  23. package/src/scripts/create-css/constants/rootScheme.ts +94 -0
  24. package/src/scripts/create-css/constants/shadow/index.ts +16 -0
  25. package/src/scripts/create-css/constants/size/index.ts +33 -0
  26. package/src/scripts/create-css/constants/size/type.ts +31 -0
  27. package/src/scripts/create-css/constants/typography/index.ts +437 -0
  28. package/src/scripts/create-css/constants/typography/primitive.ts +39 -0
  29. package/src/scripts/create-css/constants/typography/types.ts +85 -0
  30. package/src/scripts/create-css/index.ts +57 -0
  31. package/src/scripts/create-css/utils/convertFontFamily.ts +11 -0
  32. package/src/scripts/create-css/utils/convertObjectToCSSVariables.ts +5 -0
  33. package/src/scripts/create-css/utils/createFile.ts +12 -0
  34. package/src/scripts/create-css/utils/hexToRGBA.ts +15 -0
  35. package/src/scripts/create-css/utils/makeDir.ts +7 -0
  36. package/src/scripts/create-css/utils/replaceValuesWithKeys.ts +15 -0
@@ -0,0 +1,2 @@
1
+ import { TypographyKeys } from '../scripts/create-css/constants/typography/types';
2
+ export declare const getTypoStyle: (key: TypographyKeys) => string;
package/lib/index.cjs CHANGED
@@ -33,6 +33,7 @@ var src_exports = {};
33
33
  __export(src_exports, {
34
34
  DesignSystemHead: () => DesignSystemHead,
35
35
  classNames: () => classNames,
36
+ getTypoStyle: () => getTypoStyle,
36
37
  useDarkTheme: () => useDarkTheme,
37
38
  useLanguage: () => useLanguage,
38
39
  vars: () => vars
@@ -90,5 +91,447 @@ var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-low
90
91
 
91
92
  // src/generated/classNames.ts
92
93
  var classNames = { "typography": { "lp-sys-typo-display1-accent-black": "lp-sys-typo-display1-accent-black", "lp-sys-typo-display2-accent-black": "lp-sys-typo-display2-accent-black", "lp-sys-typo-display3-accent-black": "lp-sys-typo-display3-accent-black", "lp-sys-typo-display1-normal-black": "lp-sys-typo-display1-normal-black", "lp-sys-typo-display2-normal-black": "lp-sys-typo-display2-normal-black", "lp-sys-typo-display3-normal-black": "lp-sys-typo-display3-normal-black", "lp-sys-typo-heading1-answer": "lp-sys-typo-heading1-answer", "lp-sys-typo-heading2-answer": "lp-sys-typo-heading2-answer", "lp-sys-typo-heading3-answer": "lp-sys-typo-heading3-answer", "lp-sys-typo-heading4-answer": "lp-sys-typo-heading4-answer", "lp-sys-typo-heading5-answer": "lp-sys-typo-heading5-answer", "lp-sys-typo-heading6-answer": "lp-sys-typo-heading6-answer", "lp-sys-typo-title1-accent-bold": "lp-sys-typo-title1-accent-bold", "lp-sys-typo-title2-accent-bold": "lp-sys-typo-title2-accent-bold", "lp-sys-typo-title3-accent-bold": "lp-sys-typo-title3-accent-bold", "lp-sys-typo-title4-accent-bold": "lp-sys-typo-title4-accent-bold", "lp-sys-typo-title1-accent-medium": "lp-sys-typo-title1-accent-medium", "lp-sys-typo-title2-accent-medium": "lp-sys-typo-title2-accent-medium", "lp-sys-typo-title3-accent-medium": "lp-sys-typo-title3-accent-medium", "lp-sys-typo-title4-accent-medium": "lp-sys-typo-title4-accent-medium", "lp-sys-typo-title1-normal-bold": "lp-sys-typo-title1-normal-bold", "lp-sys-typo-title2-normal-bold": "lp-sys-typo-title2-normal-bold", "lp-sys-typo-title3-normal-bold": "lp-sys-typo-title3-normal-bold", "lp-sys-typo-title4-normal-bold": "lp-sys-typo-title4-normal-bold", "lp-sys-typo-title1-normal-medium": "lp-sys-typo-title1-normal-medium", "lp-sys-typo-title2-normal-medium": "lp-sys-typo-title2-normal-medium", "lp-sys-typo-title3-normal-medium": "lp-sys-typo-title3-normal-medium", "lp-sys-typo-title4-normal-medium": "lp-sys-typo-title4-normal-medium", "lp-sys-typo-paragraph1-accent-bold": "lp-sys-typo-paragraph1-accent-bold", "lp-sys-typo-paragraph2-accent-bold": "lp-sys-typo-paragraph2-accent-bold", "lp-sys-typo-paragraph3-accent-bold": "lp-sys-typo-paragraph3-accent-bold", "lp-sys-typo-paragraph1-accent-medium": "lp-sys-typo-paragraph1-accent-medium", "lp-sys-typo-paragraph2-accent-medium": "lp-sys-typo-paragraph2-accent-medium", "lp-sys-typo-paragraph3-accent-medium": "lp-sys-typo-paragraph3-accent-medium", "lp-sys-typo-paragraph1-accent-regular": "lp-sys-typo-paragraph1-accent-regular", "lp-sys-typo-paragraph2-accent-regular": "lp-sys-typo-paragraph2-accent-regular", "lp-sys-typo-paragraph3-accent-regular": "lp-sys-typo-paragraph3-accent-regular", "lp-sys-typo-paragraph1-normal-bold": "lp-sys-typo-paragraph1-normal-bold", "lp-sys-typo-paragraph2-normal-bold": "lp-sys-typo-paragraph2-normal-bold", "lp-sys-typo-paragraph3-normal-bold": "lp-sys-typo-paragraph3-normal-bold", "lp-sys-typo-paragraph4-normal-bold": "lp-sys-typo-paragraph4-normal-bold", "lp-sys-typo-paragraph1-normal-medium": "lp-sys-typo-paragraph1-normal-medium", "lp-sys-typo-paragraph2-normal-medium": "lp-sys-typo-paragraph2-normal-medium", "lp-sys-typo-paragraph3-normal-medium": "lp-sys-typo-paragraph3-normal-medium", "lp-sys-typo-paragraph4-normal-medium": "lp-sys-typo-paragraph4-normal-medium", "lp-sys-typo-paragraph1-normal-regular": "lp-sys-typo-paragraph1-normal-regular", "lp-sys-typo-paragraph2-normal-regular": "lp-sys-typo-paragraph2-normal-regular", "lp-sys-typo-paragraph3-normal-regular": "lp-sys-typo-paragraph3-normal-regular", "lp-sys-typo-paragraph4-normal-regular": "lp-sys-typo-paragraph4-normal-regular", "lp-sys-typo-paragraph1-post-regular": "lp-sys-typo-paragraph1-post-regular", "lp-sys-typo-paragraph3-post-regular": "lp-sys-typo-paragraph3-post-regular", "lp-sys-typo-paragraph1-answer-bold": "lp-sys-typo-paragraph1-answer-bold", "lp-sys-typo-paragraph1-answer-regular": "lp-sys-typo-paragraph1-answer-regular", "lp-sys-typo-caption1-normal-bold": "lp-sys-typo-caption1-normal-bold", "lp-sys-typo-caption2-normal-bold": "lp-sys-typo-caption2-normal-bold", "lp-sys-typo-caption3-normal-bold": "lp-sys-typo-caption3-normal-bold", "lp-sys-typo-caption1-normal-medium": "lp-sys-typo-caption1-normal-medium", "lp-sys-typo-caption1-normal-regular": "lp-sys-typo-caption1-normal-regular", "lp-sys-typo-caption2-normal-regular": "lp-sys-typo-caption2-normal-regular", "lp-sys-typo-caption3-normal-regular": "lp-sys-typo-caption3-normal-regular" } };
94
+
95
+ // src/scripts/create-css/constants/typography/index.ts
96
+ var typography = {
97
+ "lp-sys-typo-display1-accent-black": {
98
+ family: "lp-pri-font-family-variables-pretendard",
99
+ weight: "lp-pri-font-weight-800",
100
+ lineHeight: "lp-pri-font-lineheight-120",
101
+ size: "lp-pri-font-size-72"
102
+ },
103
+ "lp-sys-typo-display2-accent-black": {
104
+ family: "lp-pri-font-family-variables-pretendard",
105
+ weight: "lp-pri-font-weight-800",
106
+ lineHeight: "lp-pri-font-lineheight-120",
107
+ size: "lp-pri-font-size-64"
108
+ },
109
+ "lp-sys-typo-display3-accent-black": {
110
+ family: "lp-pri-font-family-variables-pretendard",
111
+ weight: "lp-pri-font-weight-800",
112
+ lineHeight: "lp-pri-font-lineheight-120",
113
+ size: "lp-pri-font-size-40"
114
+ },
115
+ "lp-sys-typo-display1-normal-black": {
116
+ family: "lp-pri-font-family-variables-pretendard",
117
+ weight: "lp-pri-font-weight-800",
118
+ lineHeight: "lp-pri-font-lineheight-120",
119
+ size: "lp-pri-font-size-72"
120
+ },
121
+ "lp-sys-typo-display2-normal-black": {
122
+ family: "lp-pri-font-family-variables-pretendard",
123
+ weight: "lp-pri-font-weight-800",
124
+ lineHeight: "lp-pri-font-lineheight-120",
125
+ size: "lp-pri-font-size-64"
126
+ },
127
+ "lp-sys-typo-display3-normal-black": {
128
+ family: "lp-pri-font-family-variables-pretendard",
129
+ weight: "lp-pri-font-weight-800",
130
+ lineHeight: "lp-pri-font-lineheight-120",
131
+ size: "lp-pri-font-size-40"
132
+ },
133
+ "lp-sys-typo-heading1-answer": {
134
+ family: "lp-pri-font-family-variables-pretendard",
135
+ weight: "lp-pri-font-weight-700",
136
+ lineHeight: "lp-pri-font-lineheight-180",
137
+ size: "lp-pri-font-size-28"
138
+ },
139
+ "lp-sys-typo-heading2-answer": {
140
+ family: "lp-pri-font-family-variables-pretendard",
141
+ weight: "lp-pri-font-weight-700",
142
+ lineHeight: "lp-pri-font-lineheight-180",
143
+ size: "lp-pri-font-size-24"
144
+ },
145
+ "lp-sys-typo-heading3-answer": {
146
+ family: "lp-pri-font-family-variables-pretendard",
147
+ weight: "lp-pri-font-weight-700",
148
+ lineHeight: "lp-pri-font-lineheight-120",
149
+ size: "lp-pri-font-size-40"
150
+ },
151
+ "lp-sys-typo-heading4-answer": {
152
+ family: "lp-pri-font-family-variables-pretendard",
153
+ weight: "lp-pri-font-weight-800",
154
+ lineHeight: "lp-pri-font-lineheight-120",
155
+ size: "lp-pri-font-size-40"
156
+ },
157
+ "lp-sys-typo-heading5-answer": {
158
+ family: "lp-pri-font-family-variables-pretendard",
159
+ weight: "lp-pri-font-weight-800",
160
+ lineHeight: "lp-pri-font-lineheight-120",
161
+ size: "lp-pri-font-size-40"
162
+ },
163
+ "lp-sys-typo-heading6-answer": {
164
+ family: "lp-pri-font-family-variables-pretendard",
165
+ weight: "lp-pri-font-weight-800",
166
+ lineHeight: "lp-pri-font-lineheight-120",
167
+ size: "lp-pri-font-size-40"
168
+ },
169
+ "lp-sys-typo-title1-accent-bold": {
170
+ family: "lp-pri-font-family-variables-pretendard",
171
+ weight: "lp-pri-font-weight-700",
172
+ lineHeight: "lp-pri-font-lineheight-130",
173
+ size: "lp-pri-font-size-32"
174
+ },
175
+ "lp-sys-typo-title2-accent-bold": {
176
+ family: "lp-pri-font-family-variables-pretendard",
177
+ weight: "lp-pri-font-weight-700",
178
+ lineHeight: "lp-pri-font-lineheight-130",
179
+ size: "lp-pri-font-size-28"
180
+ },
181
+ "lp-sys-typo-title3-accent-bold": {
182
+ family: "lp-pri-font-family-variables-pretendard",
183
+ weight: "lp-pri-font-weight-650",
184
+ lineHeight: "lp-pri-font-lineheight-130",
185
+ size: "lp-pri-font-size-24"
186
+ },
187
+ "lp-sys-typo-title4-accent-bold": {
188
+ family: "lp-pri-font-family-variables-pretendard",
189
+ weight: "lp-pri-font-weight-650",
190
+ lineHeight: "lp-pri-font-lineheight-130",
191
+ size: "lp-pri-font-size-20"
192
+ },
193
+ "lp-sys-typo-title1-accent-medium": {
194
+ family: "lp-pri-font-family-variables-pretendard",
195
+ weight: "lp-pri-font-weight-450",
196
+ lineHeight: "lp-pri-font-lineheight-130",
197
+ size: "lp-pri-font-size-32"
198
+ },
199
+ "lp-sys-typo-title2-accent-medium": {
200
+ family: "lp-pri-font-family-variables-pretendard",
201
+ weight: "lp-pri-font-weight-450",
202
+ lineHeight: "lp-pri-font-lineheight-130",
203
+ size: "lp-pri-font-size-28"
204
+ },
205
+ "lp-sys-typo-title3-accent-medium": {
206
+ family: "lp-pri-font-family-variables-pretendard",
207
+ weight: "lp-pri-font-weight-420",
208
+ lineHeight: "lp-pri-font-lineheight-130",
209
+ size: "lp-pri-font-size-24"
210
+ },
211
+ "lp-sys-typo-title4-accent-medium": {
212
+ family: "lp-pri-font-family-variables-pretendard",
213
+ weight: "lp-pri-font-weight-420",
214
+ lineHeight: "lp-pri-font-lineheight-130",
215
+ size: "lp-pri-font-size-20"
216
+ },
217
+ "lp-sys-typo-title1-normal-bold": {
218
+ family: "lp-pri-font-family-variables-pretendard",
219
+ weight: "lp-pri-font-weight-700",
220
+ lineHeight: "lp-pri-font-lineheight-130",
221
+ size: "lp-pri-font-size-32"
222
+ },
223
+ "lp-sys-typo-title2-normal-bold": {
224
+ family: "lp-pri-font-family-variables-pretendard",
225
+ weight: "lp-pri-font-weight-700",
226
+ lineHeight: "lp-pri-font-lineheight-130",
227
+ size: "lp-pri-font-size-28"
228
+ },
229
+ "lp-sys-typo-title3-normal-bold": {
230
+ family: "lp-pri-font-family-variables-pretendard",
231
+ weight: "lp-pri-font-weight-650",
232
+ lineHeight: "lp-pri-font-lineheight-130",
233
+ size: "lp-pri-font-size-24"
234
+ },
235
+ "lp-sys-typo-title4-normal-bold": {
236
+ weight: "lp-pri-font-weight-650",
237
+ lineHeight: "lp-pri-font-lineheight-130",
238
+ size: "lp-pri-font-size-20",
239
+ family: "lp-pri-font-family-variables-pretendard"
240
+ },
241
+ "lp-sys-typo-title1-normal-medium": {
242
+ family: "lp-pri-font-family-variables-pretendard",
243
+ weight: "lp-pri-font-weight-450",
244
+ size: "lp-pri-font-size-32",
245
+ lineHeight: "lp-pri-font-lineheight-130"
246
+ },
247
+ "lp-sys-typo-title2-normal-medium": {
248
+ family: "lp-pri-font-family-variables-pretendard",
249
+ weight: "lp-pri-font-weight-450",
250
+ size: "lp-pri-font-size-28",
251
+ lineHeight: "lp-pri-font-lineheight-130"
252
+ },
253
+ "lp-sys-typo-title3-normal-medium": {
254
+ family: "lp-pri-font-family-variables-pretendard",
255
+ weight: "lp-pri-font-weight-450",
256
+ size: "lp-pri-font-size-24",
257
+ lineHeight: "lp-pri-font-lineheight-130"
258
+ },
259
+ "lp-sys-typo-title4-normal-medium": {
260
+ family: "lp-pri-font-family-variables-pretendard",
261
+ weight: "lp-pri-font-weight-450",
262
+ size: "lp-pri-font-size-20",
263
+ lineHeight: "lp-pri-font-lineheight-130"
264
+ },
265
+ "lp-sys-typo-paragraph1-accent-bold": {
266
+ family: "lp-pri-font-family-variables-pretendard",
267
+ weight: "lp-pri-font-weight-700",
268
+ lineHeight: "lp-pri-font-lineheight-130",
269
+ size: "lp-pri-font-size-17"
270
+ },
271
+ "lp-sys-typo-paragraph2-accent-bold": {
272
+ family: "lp-pri-font-family-variables-pretendard",
273
+ weight: "lp-pri-font-weight-700",
274
+ lineHeight: "lp-pri-font-lineheight-130",
275
+ size: "lp-pri-font-size-16"
276
+ },
277
+ "lp-sys-typo-paragraph3-accent-bold": {
278
+ family: "lp-pri-font-family-variables-pretendard",
279
+ weight: "lp-pri-font-weight-700",
280
+ lineHeight: "lp-pri-font-lineheight-130",
281
+ size: "lp-pri-font-size-15"
282
+ },
283
+ "lp-sys-typo-paragraph1-accent-medium": {
284
+ family: "lp-pri-font-family-variables-pretendard",
285
+ weight: "lp-pri-font-weight-420",
286
+ lineHeight: "lp-pri-font-lineheight-130",
287
+ size: "lp-pri-font-size-17"
288
+ },
289
+ "lp-sys-typo-paragraph2-accent-medium": {
290
+ family: "lp-pri-font-family-variables-pretendard",
291
+ weight: "lp-pri-font-weight-420",
292
+ lineHeight: "lp-pri-font-lineheight-130",
293
+ size: "lp-pri-font-size-16"
294
+ },
295
+ "lp-sys-typo-paragraph3-accent-medium": {
296
+ family: "lp-pri-font-family-variables-pretendard",
297
+ weight: "lp-pri-font-weight-420",
298
+ lineHeight: "lp-pri-font-lineheight-130",
299
+ size: "lp-pri-font-size-15"
300
+ },
301
+ "lp-sys-typo-paragraph1-accent-regular": {
302
+ family: "lp-pri-font-family-variables-pretendard",
303
+ weight: "lp-pri-font-weight-350",
304
+ lineHeight: "lp-pri-font-lineheight-130",
305
+ size: "lp-pri-font-size-17"
306
+ },
307
+ "lp-sys-typo-paragraph2-accent-regular": {
308
+ family: "lp-pri-font-family-variables-pretendard",
309
+ weight: "lp-pri-font-weight-350",
310
+ lineHeight: "lp-pri-font-lineheight-130",
311
+ size: "lp-pri-font-size-16"
312
+ },
313
+ "lp-sys-typo-paragraph3-accent-regular": {
314
+ family: "lp-pri-font-family-variables-pretendard",
315
+ weight: "lp-pri-font-weight-350",
316
+ lineHeight: "lp-pri-font-lineheight-130",
317
+ size: "lp-pri-font-size-15"
318
+ },
319
+ "lp-sys-typo-paragraph1-normal-bold": {
320
+ weight: "lp-pri-font-weight-600",
321
+ lineHeight: "lp-pri-font-lineheight-130",
322
+ size: "lp-pri-font-size-17",
323
+ family: "lp-pri-font-family-variables-pretendard"
324
+ },
325
+ "lp-sys-typo-paragraph2-normal-bold": {
326
+ weight: "lp-pri-font-weight-600",
327
+ lineHeight: "lp-pri-font-lineheight-130",
328
+ size: "lp-pri-font-size-16",
329
+ family: "lp-pri-font-family-variables-pretendard"
330
+ },
331
+ "lp-sys-typo-paragraph3-normal-bold": {
332
+ family: "lp-pri-font-family-variables-pretendard",
333
+ weight: "lp-pri-font-weight-600",
334
+ lineHeight: "lp-pri-font-lineheight-130",
335
+ size: "lp-pri-font-size-15"
336
+ },
337
+ "lp-sys-typo-paragraph4-normal-bold": {
338
+ family: "lp-pri-font-family-variables-pretendard",
339
+ weight: "lp-pri-font-weight-600",
340
+ lineHeight: "lp-pri-font-lineheight-130",
341
+ size: "lp-pri-font-size-14"
342
+ },
343
+ "lp-sys-typo-paragraph1-normal-medium": {
344
+ family: "lp-pri-font-family-variables-pretendard",
345
+ weight: "lp-pri-font-weight-420",
346
+ lineHeight: "lp-pri-font-lineheight-130",
347
+ size: "lp-pri-font-size-17"
348
+ },
349
+ "lp-sys-typo-paragraph2-normal-medium": {
350
+ family: "lp-pri-font-family-variables-pretendard",
351
+ weight: "lp-pri-font-weight-420",
352
+ lineHeight: "lp-pri-font-lineheight-130",
353
+ size: "lp-pri-font-size-16"
354
+ },
355
+ "lp-sys-typo-paragraph3-normal-medium": {
356
+ family: "lp-pri-font-family-variables-pretendard",
357
+ weight: "lp-pri-font-weight-420",
358
+ lineHeight: "lp-pri-font-lineheight-130",
359
+ size: "lp-pri-font-size-15"
360
+ },
361
+ "lp-sys-typo-paragraph4-normal-medium": {
362
+ family: "lp-pri-font-family-variables-pretendard",
363
+ weight: "lp-pri-font-weight-420",
364
+ lineHeight: "lp-pri-font-lineheight-130",
365
+ size: "lp-pri-font-size-14"
366
+ },
367
+ "lp-sys-typo-paragraph1-normal-regular": {
368
+ family: "lp-pri-font-family-variables-pretendard",
369
+ weight: "lp-pri-font-weight-350",
370
+ lineHeight: "lp-pri-font-lineheight-130",
371
+ size: "lp-pri-font-size-17"
372
+ },
373
+ "lp-sys-typo-paragraph2-normal-regular": {
374
+ family: "lp-pri-font-family-variables-pretendard",
375
+ weight: "lp-pri-font-weight-350",
376
+ lineHeight: "lp-pri-font-lineheight-130",
377
+ size: "lp-pri-font-size-16"
378
+ },
379
+ "lp-sys-typo-paragraph3-normal-regular": {
380
+ family: "lp-pri-font-family-variables-pretendard",
381
+ weight: "lp-pri-font-weight-350",
382
+ lineHeight: "lp-pri-font-lineheight-130",
383
+ size: "lp-pri-font-size-15"
384
+ },
385
+ "lp-sys-typo-paragraph4-normal-regular": {
386
+ family: "lp-pri-font-family-variables-pretendard",
387
+ weight: "lp-pri-font-weight-350",
388
+ lineHeight: "lp-pri-font-lineheight-130",
389
+ size: "lp-pri-font-size-14"
390
+ },
391
+ "lp-sys-typo-paragraph1-post-regular": {
392
+ family: "lp-pri-font-family-variables-pretendard",
393
+ weight: "lp-pri-font-weight-350",
394
+ lineHeight: "lp-pri-font-lineheight-150",
395
+ size: "lp-pri-font-size-17"
396
+ },
397
+ "lp-sys-typo-paragraph3-post-regular": {
398
+ family: "lp-pri-font-family-variables-pretendard",
399
+ weight: "lp-pri-font-weight-350",
400
+ lineHeight: "lp-pri-font-lineheight-150",
401
+ size: "lp-pri-font-size-15"
402
+ },
403
+ "lp-sys-typo-paragraph1-answer-bold": {
404
+ family: "lp-pri-font-family-variables-pretendard",
405
+ weight: "lp-pri-font-weight-600",
406
+ lineHeight: "lp-pri-font-lineheight-180",
407
+ size: "lp-pri-font-size-17"
408
+ },
409
+ "lp-sys-typo-paragraph1-answer-regular": {
410
+ family: "lp-pri-font-family-variables-pretendard",
411
+ weight: "lp-pri-font-weight-350",
412
+ lineHeight: "lp-pri-font-lineheight-180",
413
+ size: "lp-pri-font-size-17"
414
+ },
415
+ "lp-sys-typo-caption1-normal-bold": {
416
+ family: "lp-pri-font-family-variables-pretendard",
417
+ weight: "lp-pri-font-weight-600",
418
+ lineHeight: "lp-pri-font-lineheight-130",
419
+ size: "lp-pri-font-size-13"
420
+ },
421
+ "lp-sys-typo-caption2-normal-bold": {
422
+ family: "lp-pri-font-family-variables-pretendard",
423
+ weight: "lp-pri-font-weight-600",
424
+ lineHeight: "lp-pri-font-lineheight-130",
425
+ size: "lp-pri-font-size-12"
426
+ },
427
+ "lp-sys-typo-caption3-normal-bold": {
428
+ family: "lp-pri-font-family-variables-pretendard",
429
+ weight: "lp-pri-font-weight-600",
430
+ lineHeight: "lp-pri-font-lineheight-130",
431
+ size: "lp-pri-font-size-11"
432
+ },
433
+ "lp-sys-typo-caption1-normal-medium": {
434
+ family: "lp-pri-font-family-variables-pretendard",
435
+ weight: "lp-pri-font-weight-420",
436
+ lineHeight: "lp-pri-font-lineheight-130",
437
+ size: "lp-pri-font-size-13"
438
+ },
439
+ "lp-sys-typo-caption1-normal-regular": {
440
+ family: "lp-pri-font-family-variables-pretendard",
441
+ weight: "lp-pri-font-weight-350",
442
+ lineHeight: "lp-pri-font-lineheight-130",
443
+ size: "lp-pri-font-size-13"
444
+ },
445
+ "lp-sys-typo-caption2-normal-regular": {
446
+ family: "lp-pri-font-family-variables-pretendard",
447
+ weight: "lp-pri-font-weight-350",
448
+ lineHeight: "lp-pri-font-lineheight-130",
449
+ size: "lp-pri-font-size-12"
450
+ },
451
+ "lp-sys-typo-caption3-normal-regular": {
452
+ family: "lp-pri-font-family-variables-pretendard",
453
+ weight: "lp-pri-font-weight-350",
454
+ lineHeight: "lp-pri-font-lineheight-130",
455
+ size: "lp-pri-font-size-11"
456
+ }
457
+ };
458
+ var typographyClassName = (() => {
459
+ const result = {};
460
+ for (const key in typography) {
461
+ const typedKey = key;
462
+ result[typedKey] = typedKey;
463
+ }
464
+ return result;
465
+ })();
466
+ var typographyEnglish = {
467
+ "lp-sys-typo-paragraph1-accent-bold": {
468
+ ...typography["lp-sys-typo-paragraph1-accent-bold"],
469
+ family: "lp-pri-font-family-poppins",
470
+ weight: "lp-pri-font-weight-600"
471
+ },
472
+ "lp-sys-typo-paragraph2-accent-bold": {
473
+ ...typography["lp-sys-typo-paragraph2-accent-bold"],
474
+ family: "lp-pri-font-family-variables-pretendard",
475
+ weight: "lp-pri-font-weight-600"
476
+ },
477
+ "lp-sys-typo-paragraph3-accent-bold": {
478
+ ...typography["lp-sys-typo-paragraph3-accent-bold"],
479
+ family: "lp-pri-font-family-variables-pretendard",
480
+ weight: "lp-pri-font-weight-600"
481
+ },
482
+ "lp-sys-typo-paragraph1-accent-medium": {
483
+ ...typography["lp-sys-typo-paragraph1-accent-medium"],
484
+ family: "lp-pri-font-family-poppins",
485
+ weight: "lp-pri-font-weight-500"
486
+ },
487
+ "lp-sys-typo-paragraph2-accent-medium": {
488
+ ...typography["lp-sys-typo-paragraph2-accent-medium"],
489
+ family: "lp-pri-font-family-poppins",
490
+ weight: "lp-pri-font-weight-500"
491
+ },
492
+ "lp-sys-typo-paragraph3-accent-medium": {
493
+ ...typography["lp-sys-typo-paragraph3-accent-medium"],
494
+ family: "lp-pri-font-family-poppins",
495
+ weight: "lp-pri-font-weight-500"
496
+ },
497
+ "lp-sys-typo-paragraph1-accent-regular": {
498
+ ...typography["lp-sys-typo-paragraph3-accent-regular"],
499
+ weight: "lp-pri-font-weight-300",
500
+ family: "lp-pri-font-family-poppins"
501
+ },
502
+ "lp-sys-typo-paragraph2-accent-regular": {
503
+ ...typography["lp-sys-typo-paragraph3-accent-regular"],
504
+ weight: "lp-pri-font-weight-300",
505
+ family: "lp-pri-font-family-poppins"
506
+ },
507
+ "lp-sys-typo-paragraph3-accent-regular": {
508
+ ...typography["lp-sys-typo-paragraph3-accent-regular"],
509
+ weight: "lp-pri-font-weight-300",
510
+ family: "lp-pri-font-family-poppins"
511
+ }
512
+ };
513
+
514
+ // src/helpers/getTypoStyle.ts
515
+ var transformCSS = /* @__PURE__ */ __name((family, size, weight, lineHeight) => `
516
+ 'font-family': ${family},
517
+ 'font-size': ${size},
518
+ 'font-weight': ${weight},
519
+ 'line-height': ${lineHeight},
520
+ `, "transformCSS");
521
+ var getTypoStyle = /* @__PURE__ */ __name((key) => {
522
+ const locale = document.documentElement.getAttribute("lang");
523
+ const { family, size, weight, lineHeight } = typography[key];
524
+ if (locale === "en") {
525
+ if (typographyEnglish[key]) {
526
+ const { family: family2, size: size2, weight: weight2, lineHeight: lineHeight2 } = typographyEnglish[key];
527
+ return transformCSS(family2, size2, weight2, lineHeight2);
528
+ }
529
+ return transformCSS(family, size, weight, lineHeight);
530
+ }
531
+ if (locale === "ja") {
532
+ return transformCSS("lp-pri-font-family-variables-pretendard-jp", size, weight, lineHeight);
533
+ }
534
+ return transformCSS(family, size, weight, lineHeight);
535
+ }, "getTypoStyle");
93
536
  /*! For license information please see index.cjs.LEGAL.txt */
94
537
  //# sourceMappingURL=index.cjs.map