@pisodev/ui-common 0.0.6 → 0.0.7

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.
@@ -0,0 +1,540 @@
1
+ /* Auto-generated file. Do not edit manually.
2
+ /* Generated by extract-typography.ts
3
+ */
4
+
5
+
6
+ /* Typography preset classes */
7
+ .h1 {
8
+ font-family: Inter;
9
+ font-size: 72px;
10
+ font-weight: 600;
11
+ font-style: normal;
12
+ line-height: 82.8px;
13
+ }
14
+
15
+ .amount {
16
+ font-family: Inter;
17
+ font-size: 60px;
18
+ font-weight: 600;
19
+ font-style: normal;
20
+ line-height: 69px;
21
+ }
22
+
23
+ .h2 {
24
+ font-family: Inter;
25
+ font-size: 60px;
26
+ font-weight: 600;
27
+ font-style: normal;
28
+ line-height: 69px;
29
+ }
30
+
31
+ .h3 {
32
+ font-family: Inter;
33
+ font-size: 54px;
34
+ font-weight: 600;
35
+ font-style: normal;
36
+ line-height: 62.1px;
37
+ }
38
+
39
+ .h4 {
40
+ font-family: Inter;
41
+ font-size: 48px;
42
+ font-weight: 600;
43
+ font-style: normal;
44
+ line-height: 55.2px;
45
+ }
46
+
47
+ .h5 {
48
+ font-family: Inter;
49
+ font-size: 42px;
50
+ font-weight: 600;
51
+ font-style: normal;
52
+ line-height: 48.3px;
53
+ }
54
+
55
+ .title1-bold {
56
+ font-family: Inter;
57
+ font-size: 32px;
58
+ font-weight: 600;
59
+ font-style: normal;
60
+ line-height: 48px;
61
+ }
62
+
63
+ .title1-regular {
64
+ font-family: Inter;
65
+ font-size: 32px;
66
+ font-weight: 400;
67
+ font-style: normal;
68
+ line-height: 48px;
69
+ }
70
+
71
+ .title2-bold {
72
+ font-family: Inter;
73
+ font-size: 26px;
74
+ font-weight: 600;
75
+ font-style: normal;
76
+ line-height: 39px;
77
+ }
78
+
79
+ .title2-regular {
80
+ font-family: Inter;
81
+ font-size: 26px;
82
+ font-weight: 400;
83
+ font-style: normal;
84
+ line-height: 39px;
85
+ }
86
+
87
+ .title3-bold {
88
+ font-family: Inter;
89
+ font-size: 24px;
90
+ font-weight: 600;
91
+ font-style: normal;
92
+ line-height: 36px;
93
+ }
94
+
95
+ .title3-regular {
96
+ font-family: Inter;
97
+ font-size: 24px;
98
+ font-weight: 400;
99
+ font-style: normal;
100
+ line-height: 36px;
101
+ }
102
+
103
+ .title4-bold {
104
+ font-family: Inter;
105
+ font-size: 20px;
106
+ font-weight: 600;
107
+ font-style: normal;
108
+ line-height: 30px;
109
+ }
110
+
111
+ .title4-regular {
112
+ font-family: Inter;
113
+ font-size: 20px;
114
+ font-weight: 400;
115
+ font-style: normal;
116
+ line-height: 30px;
117
+ }
118
+
119
+ .title5-bold {
120
+ font-family: Inter;
121
+ font-size: 19px;
122
+ font-weight: 600;
123
+ font-style: normal;
124
+ line-height: 28.5px;
125
+ letter-spacing: -0.19px;
126
+ }
127
+
128
+ .title5-regular {
129
+ font-family: Inter;
130
+ font-size: 19px;
131
+ font-weight: 400;
132
+ font-style: normal;
133
+ line-height: 28.5px;
134
+ letter-spacing: -0.19px;
135
+ }
136
+
137
+ .subtitle1-bold {
138
+ font-family: Inter;
139
+ font-size: 18px;
140
+ font-weight: 600;
141
+ font-style: normal;
142
+ line-height: 27px;
143
+ letter-spacing: -0.18px;
144
+ }
145
+
146
+ .subtitle1-regular {
147
+ font-family: Inter;
148
+ font-size: 18px;
149
+ font-weight: 400;
150
+ font-style: normal;
151
+ line-height: 27px;
152
+ letter-spacing: -0.18px;
153
+ }
154
+
155
+ .subtitle2-bold {
156
+ font-family: Inter;
157
+ font-size: 17px;
158
+ font-weight: 600;
159
+ font-style: normal;
160
+ line-height: 25.5px;
161
+ letter-spacing: -0.17px;
162
+ }
163
+
164
+ .subtitle2-regular {
165
+ font-family: Inter;
166
+ font-size: 17px;
167
+ font-weight: 400;
168
+ font-style: normal;
169
+ line-height: 25.5px;
170
+ letter-spacing: -0.17px;
171
+ }
172
+
173
+ .body1-l1-bold {
174
+ font-family: Inter;
175
+ font-size: 18px;
176
+ font-weight: 600;
177
+ font-style: normal;
178
+ line-height: 32.4px;
179
+ letter-spacing: -0.18px;
180
+ }
181
+
182
+ .body1-l1-medium {
183
+ font-family: Inter;
184
+ font-size: 18px;
185
+ font-weight: 500;
186
+ font-style: normal;
187
+ line-height: 32.4px;
188
+ letter-spacing: -0.18px;
189
+ }
190
+
191
+ .body1-l1-regular {
192
+ font-family: Inter;
193
+ font-size: 18px;
194
+ font-weight: 400;
195
+ font-style: normal;
196
+ line-height: 32.4px;
197
+ letter-spacing: -0.18px;
198
+ }
199
+
200
+ .body1-l2-bold {
201
+ font-family: Inter;
202
+ font-size: 18px;
203
+ font-weight: 600;
204
+ font-style: normal;
205
+ line-height: 27px;
206
+ letter-spacing: -0.18px;
207
+ }
208
+
209
+ .body1-l2-medium {
210
+ font-family: Inter;
211
+ font-size: 18px;
212
+ font-weight: 500;
213
+ font-style: normal;
214
+ line-height: 27px;
215
+ letter-spacing: -0.18px;
216
+ }
217
+
218
+ .body1-l2-regular {
219
+ font-family: Inter;
220
+ font-size: 18px;
221
+ font-weight: 400;
222
+ font-style: normal;
223
+ line-height: 27px;
224
+ letter-spacing: -0.18px;
225
+ }
226
+
227
+ .body2-l1-bold {
228
+ font-family: Inter;
229
+ font-size: 17px;
230
+ font-weight: 600;
231
+ font-style: normal;
232
+ line-height: 30.6px;
233
+ letter-spacing: -0.17px;
234
+ }
235
+
236
+ .body2-l1-medium {
237
+ font-family: Inter;
238
+ font-size: 17px;
239
+ font-weight: 500;
240
+ font-style: normal;
241
+ line-height: 30.6px;
242
+ letter-spacing: -0.17px;
243
+ }
244
+
245
+ .body2-l1-regular {
246
+ font-family: Inter;
247
+ font-size: 17px;
248
+ font-weight: 400;
249
+ font-style: normal;
250
+ line-height: 25.5px;
251
+ letter-spacing: -0.17px;
252
+ }
253
+
254
+ .body2-l2-bold {
255
+ font-family: Inter;
256
+ font-size: 17px;
257
+ font-weight: 600;
258
+ font-style: normal;
259
+ line-height: 25.5px;
260
+ letter-spacing: -0.17px;
261
+ }
262
+
263
+ .body2-l2-medium {
264
+ font-family: Inter;
265
+ font-size: 17px;
266
+ font-weight: 500;
267
+ font-style: normal;
268
+ line-height: 25.5px;
269
+ letter-spacing: -0.17px;
270
+ }
271
+
272
+ .body3-l1-bold {
273
+ font-family: Inter;
274
+ font-size: 16px;
275
+ font-weight: 600;
276
+ font-style: normal;
277
+ line-height: 28.8px;
278
+ letter-spacing: -0.16px;
279
+ }
280
+
281
+ .body3-l1-medium {
282
+ font-family: Inter;
283
+ font-size: 16px;
284
+ font-weight: 500;
285
+ font-style: normal;
286
+ line-height: 28.8px;
287
+ letter-spacing: -0.16px;
288
+ }
289
+
290
+ .body3-l1-regular {
291
+ font-family: Inter;
292
+ font-size: 16px;
293
+ font-weight: 400;
294
+ font-style: normal;
295
+ line-height: 28.8px;
296
+ letter-spacing: -0.16px;
297
+ }
298
+
299
+ .body3-l2-bold {
300
+ font-family: Inter;
301
+ font-size: 16px;
302
+ font-weight: 600;
303
+ font-style: normal;
304
+ line-height: 24px;
305
+ letter-spacing: -0.16px;
306
+ }
307
+
308
+ .body3-l2-medium {
309
+ font-family: Inter;
310
+ font-size: 16px;
311
+ font-weight: 500;
312
+ font-style: normal;
313
+ line-height: 24px;
314
+ letter-spacing: -0.16px;
315
+ }
316
+
317
+ .body3-l2-regular {
318
+ font-family: Inter;
319
+ font-size: 16px;
320
+ font-weight: 400;
321
+ font-style: normal;
322
+ line-height: 24px;
323
+ letter-spacing: -0.16px;
324
+ }
325
+
326
+ .body4-l1-bold {
327
+ font-family: Inter;
328
+ font-size: 15px;
329
+ font-weight: 600;
330
+ font-style: normal;
331
+ line-height: 27px;
332
+ letter-spacing: -0.15px;
333
+ }
334
+
335
+ .body4-l1-medium {
336
+ font-family: Inter;
337
+ font-size: 15px;
338
+ font-weight: 500;
339
+ font-style: normal;
340
+ line-height: 27px;
341
+ letter-spacing: -0.15px;
342
+ }
343
+
344
+ .body4-l1-regular {
345
+ font-family: Inter;
346
+ font-size: 15px;
347
+ font-weight: 400;
348
+ font-style: normal;
349
+ line-height: 27px;
350
+ letter-spacing: -0.15px;
351
+ }
352
+
353
+ .body4-l2-bold {
354
+ font-family: Inter;
355
+ font-size: 15px;
356
+ font-weight: 600;
357
+ font-style: normal;
358
+ line-height: 22.5px;
359
+ letter-spacing: -0.15px;
360
+ }
361
+
362
+ .body4-l2-medium {
363
+ font-family: Inter;
364
+ font-size: 15px;
365
+ font-weight: 500;
366
+ font-style: normal;
367
+ line-height: 22.5px;
368
+ letter-spacing: -0.15px;
369
+ }
370
+
371
+ .body4-l2-regular {
372
+ font-family: Inter;
373
+ font-size: 15px;
374
+ font-weight: 400;
375
+ font-style: normal;
376
+ line-height: 22.5px;
377
+ letter-spacing: -0.15px;
378
+ }
379
+
380
+ .label1-bold {
381
+ font-family: Inter;
382
+ font-size: 18px;
383
+ font-weight: 600;
384
+ font-style: normal;
385
+ line-height: 27px;
386
+ letter-spacing: -0.18px;
387
+ }
388
+
389
+ .label1-regular {
390
+ font-family: Inter;
391
+ font-size: 18px;
392
+ font-weight: 400;
393
+ font-style: normal;
394
+ line-height: 27px;
395
+ letter-spacing: -0.18px;
396
+ }
397
+
398
+ .label2-bold {
399
+ font-family: Inter;
400
+ font-size: 17px;
401
+ font-weight: 600;
402
+ font-style: normal;
403
+ line-height: 25.5px;
404
+ letter-spacing: -0.17px;
405
+ }
406
+
407
+ .label2-regular {
408
+ font-family: Inter;
409
+ font-size: 17px;
410
+ font-weight: 400;
411
+ font-style: normal;
412
+ line-height: 25.5px;
413
+ letter-spacing: -0.17px;
414
+ }
415
+
416
+ .label3-bold {
417
+ font-family: Inter;
418
+ font-size: 16px;
419
+ font-weight: 600;
420
+ font-style: normal;
421
+ line-height: 24px;
422
+ letter-spacing: -0.16px;
423
+ }
424
+
425
+ .label3-regular {
426
+ font-family: Inter;
427
+ font-size: 16px;
428
+ font-weight: 400;
429
+ font-style: normal;
430
+ line-height: 24px;
431
+ letter-spacing: -0.16px;
432
+ }
433
+
434
+ .label4-bold {
435
+ font-family: Inter;
436
+ font-size: 15px;
437
+ font-weight: 600;
438
+ font-style: normal;
439
+ line-height: 22.5px;
440
+ letter-spacing: -0.15px;
441
+ }
442
+
443
+ .label4-regular {
444
+ font-family: Inter;
445
+ font-size: 15px;
446
+ font-weight: 400;
447
+ font-style: normal;
448
+ line-height: 22.5px;
449
+ letter-spacing: -0.15px;
450
+ }
451
+
452
+ .label5-bold {
453
+ font-family: Inter;
454
+ font-size: 14px;
455
+ font-weight: 600;
456
+ font-style: normal;
457
+ line-height: 21px;
458
+ letter-spacing: -0.14px;
459
+ }
460
+
461
+ .label5-regular {
462
+ font-family: Inter;
463
+ font-size: 14px;
464
+ font-weight: 400;
465
+ font-style: normal;
466
+ line-height: 21px;
467
+ letter-spacing: -0.14px;
468
+ }
469
+
470
+ .label6-bold {
471
+ font-family: Inter;
472
+ font-size: 13px;
473
+ font-weight: 600;
474
+ font-style: normal;
475
+ line-height: 19.5px;
476
+ letter-spacing: -0.13px;
477
+ }
478
+
479
+ .label6-regular {
480
+ font-family: Inter;
481
+ font-size: 13px;
482
+ font-weight: 400;
483
+ font-style: normal;
484
+ line-height: 19.5px;
485
+ letter-spacing: -0.13px;
486
+ }
487
+
488
+ .caption1-bold {
489
+ font-family: Inter;
490
+ font-size: 12px;
491
+ font-weight: 600;
492
+ font-style: normal;
493
+ line-height: 18px;
494
+ letter-spacing: -0.12px;
495
+ }
496
+
497
+ .caption1-regular {
498
+ font-family: Inter;
499
+ font-size: 12px;
500
+ font-weight: 400;
501
+ font-style: normal;
502
+ line-height: 18px;
503
+ letter-spacing: -0.12px;
504
+ }
505
+
506
+ .caption2-bold {
507
+ font-family: Inter;
508
+ font-size: 11px;
509
+ font-weight: 600;
510
+ font-style: normal;
511
+ line-height: 16.5px;
512
+ letter-spacing: -0.11px;
513
+ }
514
+
515
+ .caption2-regular {
516
+ font-family: Inter;
517
+ font-size: 11px;
518
+ font-weight: 400;
519
+ font-style: normal;
520
+ line-height: 16.5px;
521
+ letter-spacing: -0.11px;
522
+ }
523
+
524
+ .caption3-bold {
525
+ font-family: Inter;
526
+ font-size: 10px;
527
+ font-weight: 600;
528
+ font-style: normal;
529
+ line-height: 15px;
530
+ letter-spacing: -0.1px;
531
+ }
532
+
533
+ .caption3-regular {
534
+ font-family: Inter;
535
+ font-size: 10px;
536
+ font-weight: 400;
537
+ font-style: normal;
538
+ line-height: 14px;
539
+ letter-spacing: -0.1px;
540
+ }
package/package.json CHANGED
@@ -1,11 +1,22 @@
1
1
  {
2
2
  "name": "@pisodev/ui-common",
3
- "version": "0.0.6",
3
+ "version": "0.0.7",
4
4
  "description": "웹과 React Native를 위한 공통 타입 및 테마",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
7
7
  "types": "dist/index.d.ts",
8
8
  "private": false,
9
+ "exports": {
10
+ ".": {
11
+ "import": "./dist/index.esm.js",
12
+ "require": "./dist/index.js",
13
+ "types": "./dist/index.d.ts"
14
+ },
15
+ "./theme/colors.css": "./dist/theme/colors.css",
16
+ "./theme/colors.scss": "./dist/theme/_colors.scss",
17
+ "./typography/typography.css": "./dist/typography/typography.css",
18
+ "./typography/typography.scss": "./dist/typography/_typography.scss"
19
+ },
9
20
  "files": [
10
21
  "dist"
11
22
  ],
@@ -39,7 +50,11 @@
39
50
  "@rollup/plugin-node-resolve": "^16.0.3",
40
51
  "@rollup/plugin-typescript": "^12.3.0",
41
52
  "@types/node": "^22.0.0",
53
+ "glob": "^11.0.0",
54
+ "postcss": "^8.5.6",
42
55
  "rollup": "^4.54.0",
56
+ "rollup-plugin-postcss": "^4.0.2",
57
+ "sass": "^1.97.1",
43
58
  "ts-node": "^10.9.2",
44
59
  "tslib": "^2.8.1",
45
60
  "tsx": "^4.21.0",