@lawkit/ui 0.1.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 (99) hide show
  1. package/dist/index.css +1 -0
  2. package/dist/index.js +3325 -0
  3. package/dist/tokens/src/contracts/theme-contract.css.d.ts +65 -0
  4. package/dist/tokens/src/foundation/color-palette.d.ts +150 -0
  5. package/dist/tokens/src/foundation/spacing-scale.d.ts +17 -0
  6. package/dist/tokens/src/foundation/typography-scale.d.ts +79 -0
  7. package/dist/tokens/src/index.d.ts +11 -0
  8. package/dist/tokens/src/runtime/create-theme-vars.d.ts +9 -0
  9. package/dist/tokens/src/semantic/color-roles.d.ts +409 -0
  10. package/dist/tokens/src/semantic/text-styles.d.ts +548 -0
  11. package/dist/tokens/src/theme.runtime.d.ts +2 -0
  12. package/dist/tokens/src/themes/light-theme.css.d.ts +23 -0
  13. package/dist/ui-v3/src/components/Alert/Alert.css.d.ts +59 -0
  14. package/dist/ui-v3/src/components/Alert/index.d.ts +34 -0
  15. package/dist/ui-v3/src/components/Avatar/Avatar.css.d.ts +95 -0
  16. package/dist/ui-v3/src/components/Avatar/index.d.ts +56 -0
  17. package/dist/ui-v3/src/components/Button/Button.css.d.ts +45 -0
  18. package/dist/ui-v3/src/components/Button/index.d.ts +22 -0
  19. package/dist/ui-v3/src/components/ButtonGroup/ButtonGroup.css.d.ts +68 -0
  20. package/dist/ui-v3/src/components/ButtonGroup/index.d.ts +26 -0
  21. package/dist/ui-v3/src/components/ButtonTab/ButtonTab.css.d.ts +23 -0
  22. package/dist/ui-v3/src/components/ButtonTab/index.d.ts +19 -0
  23. package/dist/ui-v3/src/components/CalendarPopover/CalendarPopover.css.d.ts +72 -0
  24. package/dist/ui-v3/src/components/CalendarPopover/index.d.ts +61 -0
  25. package/dist/ui-v3/src/components/Card/Card.css.d.ts +15 -0
  26. package/dist/ui-v3/src/components/Card/index.d.ts +29 -0
  27. package/dist/ui-v3/src/components/ChartTooltip/ChartTooltip.css.d.ts +36 -0
  28. package/dist/ui-v3/src/components/ChartTooltip/index.d.ts +28 -0
  29. package/dist/ui-v3/src/components/Checkbox/Checkbox.css.d.ts +71 -0
  30. package/dist/ui-v3/src/components/Checkbox/index.d.ts +27 -0
  31. package/dist/ui-v3/src/components/ChipsNavigation/ChipsNavigation.css.d.ts +26 -0
  32. package/dist/ui-v3/src/components/ChipsNavigation/index.d.ts +21 -0
  33. package/dist/ui-v3/src/components/Collapse/Collapse.css.d.ts +67 -0
  34. package/dist/ui-v3/src/components/Collapse/index.d.ts +32 -0
  35. package/dist/ui-v3/src/components/DataTable/DataTable.css.d.ts +32 -0
  36. package/dist/ui-v3/src/components/DataTable/index.d.ts +47 -0
  37. package/dist/ui-v3/src/components/DatePicker/DatePicker.css.d.ts +88 -0
  38. package/dist/ui-v3/src/components/DatePicker/index.d.ts +57 -0
  39. package/dist/ui-v3/src/components/Dropdown/Dropdown.css.d.ts +78 -0
  40. package/dist/ui-v3/src/components/Dropdown/index.d.ts +37 -0
  41. package/dist/ui-v3/src/components/FileUpload/FileUpload.css.d.ts +49 -0
  42. package/dist/ui-v3/src/components/FileUpload/index.d.ts +98 -0
  43. package/dist/ui-v3/src/components/IconButtonGroup/IconButtonGroup.css.d.ts +52 -0
  44. package/dist/ui-v3/src/components/IconButtonGroup/index.d.ts +23 -0
  45. package/dist/ui-v3/src/components/InfoPopover/InfoPopover.css.d.ts +9 -0
  46. package/dist/ui-v3/src/components/InfoPopover/index.d.ts +38 -0
  47. package/dist/ui-v3/src/components/Input/Input.css.d.ts +99 -0
  48. package/dist/ui-v3/src/components/Input/index.d.ts +86 -0
  49. package/dist/ui-v3/src/components/ListGroup/ListGroup.css.d.ts +47 -0
  50. package/dist/ui-v3/src/components/ListGroup/index.d.ts +30 -0
  51. package/dist/ui-v3/src/components/Mention/Mention.css.d.ts +1 -0
  52. package/dist/ui-v3/src/components/Mention/index.d.ts +15 -0
  53. package/dist/ui-v3/src/components/Modal/Modal.css.d.ts +23 -0
  54. package/dist/ui-v3/src/components/Modal/index.d.ts +34 -0
  55. package/dist/ui-v3/src/components/NavigationTab/NavigationTab.css.d.ts +18 -0
  56. package/dist/ui-v3/src/components/NavigationTab/index.d.ts +20 -0
  57. package/dist/ui-v3/src/components/NumberInput/NumberInput.css.d.ts +45 -0
  58. package/dist/ui-v3/src/components/NumberInput/index.d.ts +32 -0
  59. package/dist/ui-v3/src/components/Pagination/Pagination.css.d.ts +20 -0
  60. package/dist/ui-v3/src/components/Pagination/index.d.ts +18 -0
  61. package/dist/ui-v3/src/components/Popover/Popover.css.d.ts +65 -0
  62. package/dist/ui-v3/src/components/Popover/index.d.ts +39 -0
  63. package/dist/ui-v3/src/components/Progress/Progress.css.d.ts +60 -0
  64. package/dist/ui-v3/src/components/Progress/index.d.ts +36 -0
  65. package/dist/ui-v3/src/components/Radio/Radio.css.d.ts +55 -0
  66. package/dist/ui-v3/src/components/Radio/index.d.ts +64 -0
  67. package/dist/ui-v3/src/components/Skeleton/Skeleton.css.d.ts +19 -0
  68. package/dist/ui-v3/src/components/Skeleton/index.d.ts +52 -0
  69. package/dist/ui-v3/src/components/Slider/Slider.css.d.ts +10 -0
  70. package/dist/ui-v3/src/components/Slider/index.d.ts +66 -0
  71. package/dist/ui-v3/src/components/Spinner/Spinner.css.d.ts +68 -0
  72. package/dist/ui-v3/src/components/Spinner/index.d.ts +22 -0
  73. package/dist/ui-v3/src/components/SweetAlert/SweetAlert.css.d.ts +37 -0
  74. package/dist/ui-v3/src/components/SweetAlert/index.d.ts +25 -0
  75. package/dist/ui-v3/src/components/Switch/Switch.css.d.ts +46 -0
  76. package/dist/ui-v3/src/components/Switch/index.d.ts +26 -0
  77. package/dist/ui-v3/src/components/Tabs/Tabs.css.d.ts +55 -0
  78. package/dist/ui-v3/src/components/Tabs/index.d.ts +29 -0
  79. package/dist/ui-v3/src/components/TagSelect/TagSelect.css.d.ts +12 -0
  80. package/dist/ui-v3/src/components/TagSelect/index.d.ts +37 -0
  81. package/dist/ui-v3/src/components/Toast/Toast.css.d.ts +97 -0
  82. package/dist/ui-v3/src/components/Toast/index.d.ts +57 -0
  83. package/dist/ui-v3/src/components/Tooltip/Tooltip.css.d.ts +60 -0
  84. package/dist/ui-v3/src/components/Tooltip/index.d.ts +26 -0
  85. package/dist/ui-v3/src/components/TreeView/TreeView.css.d.ts +103 -0
  86. package/dist/ui-v3/src/components/TreeView/index.d.ts +72 -0
  87. package/dist/ui-v3/src/components/Widget/Widget.css.d.ts +52 -0
  88. package/dist/ui-v3/src/components/Widget/index.d.ts +109 -0
  89. package/dist/ui-v3/src/foundations/field/Field.d.ts +20 -0
  90. package/dist/ui-v3/src/foundations/field/field.css.d.ts +70 -0
  91. package/dist/ui-v3/src/foundations/field/index.d.ts +2 -0
  92. package/dist/ui-v3/src/index.d.ts +80 -0
  93. package/dist/ui-v3/src/lib/Portal.d.ts +6 -0
  94. package/dist/ui-v3/src/lib/cx.d.ts +1 -0
  95. package/dist/ui-v3/src/lib/cx.test.d.ts +1 -0
  96. package/dist/ui-v3/src/lib/useFocusTrap.d.ts +2 -0
  97. package/dist/ui-v3/src/styles/shared.css.d.ts +15 -0
  98. package/dist/ui-v3/src/styles/sprinkles.css.d.ts +29 -0
  99. package/package.json +67 -0
@@ -0,0 +1,548 @@
1
+ export declare const textStyles: {
2
+ readonly display: {
3
+ readonly 1: {
4
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
5
+ readonly fontSize: "84px";
6
+ readonly fontWeight: "400";
7
+ readonly lineHeight: "1.21";
8
+ readonly letterSpacing: "normal";
9
+ };
10
+ readonly 2: {
11
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
12
+ readonly fontSize: "77px";
13
+ readonly fontWeight: "400";
14
+ readonly lineHeight: "1.22";
15
+ readonly letterSpacing: "normal";
16
+ };
17
+ readonly 3: {
18
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
19
+ readonly fontSize: "63px";
20
+ readonly fontWeight: "400";
21
+ readonly lineHeight: "1.22";
22
+ readonly letterSpacing: "normal";
23
+ };
24
+ readonly 4: {
25
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
26
+ readonly fontSize: "49px";
27
+ readonly fontWeight: "400";
28
+ readonly lineHeight: "1.22";
29
+ readonly letterSpacing: "normal";
30
+ };
31
+ };
32
+ readonly heading: {
33
+ readonly h1: {
34
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
35
+ readonly fontSize: "28px";
36
+ readonly fontWeight: "700";
37
+ readonly lineHeight: "1.21";
38
+ readonly letterSpacing: "normal";
39
+ };
40
+ readonly h2: {
41
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
42
+ readonly fontSize: "24px";
43
+ readonly fontWeight: "700";
44
+ readonly lineHeight: "1.21";
45
+ readonly letterSpacing: "normal";
46
+ };
47
+ readonly h3: {
48
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
49
+ readonly fontSize: "21px";
50
+ readonly fontWeight: "700";
51
+ readonly lineHeight: "1.24";
52
+ readonly letterSpacing: "normal";
53
+ };
54
+ readonly h4: {
55
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
56
+ readonly fontSize: "18px";
57
+ readonly fontWeight: "700";
58
+ readonly lineHeight: "1.39";
59
+ readonly letterSpacing: "normal";
60
+ };
61
+ readonly h5: {
62
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
63
+ readonly fontSize: "15px";
64
+ readonly fontWeight: "700";
65
+ readonly lineHeight: "1.6";
66
+ readonly letterSpacing: "normal";
67
+ };
68
+ readonly h6: {
69
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
70
+ readonly fontSize: "14px";
71
+ readonly fontWeight: "700";
72
+ readonly lineHeight: "1.64";
73
+ readonly letterSpacing: "normal";
74
+ };
75
+ readonly h7: {
76
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
77
+ readonly fontSize: "13px";
78
+ readonly fontWeight: "700";
79
+ readonly lineHeight: "1.62";
80
+ readonly letterSpacing: "normal";
81
+ };
82
+ };
83
+ readonly appTitle: {
84
+ readonly large: {
85
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
86
+ readonly fontSize: "22px";
87
+ readonly fontWeight: "700";
88
+ readonly lineHeight: "1.27";
89
+ readonly letterSpacing: "-0.6px";
90
+ };
91
+ readonly heading: {
92
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
93
+ readonly fontSize: "18px";
94
+ readonly fontWeight: "700";
95
+ readonly lineHeight: "1.33";
96
+ readonly letterSpacing: "-0.4px";
97
+ };
98
+ readonly medium: {
99
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
100
+ readonly fontSize: "16px";
101
+ readonly fontWeight: "700";
102
+ readonly lineHeight: "1.5";
103
+ readonly letterSpacing: "-0.4px";
104
+ };
105
+ readonly small: {
106
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
107
+ readonly fontSize: "12px";
108
+ readonly fontWeight: "700";
109
+ readonly lineHeight: "1.33";
110
+ readonly letterSpacing: "-0.15px";
111
+ };
112
+ readonly description: {
113
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
114
+ readonly fontSize: "10px";
115
+ readonly fontWeight: "700";
116
+ readonly lineHeight: "1.2";
117
+ readonly letterSpacing: "-0.15px";
118
+ };
119
+ };
120
+ readonly appLabel: {
121
+ readonly heading: {
122
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
123
+ readonly fontSize: "18px";
124
+ readonly fontWeight: "600";
125
+ readonly lineHeight: "1.33";
126
+ readonly letterSpacing: "-0.4px";
127
+ };
128
+ readonly large: {
129
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
130
+ readonly fontSize: "16px";
131
+ readonly fontWeight: "600";
132
+ readonly lineHeight: "1.5";
133
+ readonly letterSpacing: "-0.4px";
134
+ };
135
+ readonly medium: {
136
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
137
+ readonly fontSize: "14px";
138
+ readonly fontWeight: "600";
139
+ readonly lineHeight: "1.43";
140
+ readonly letterSpacing: "-0.2px";
141
+ };
142
+ readonly small: {
143
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
144
+ readonly fontSize: "12px";
145
+ readonly fontWeight: "600";
146
+ readonly lineHeight: "1.33";
147
+ readonly letterSpacing: "-0.15px";
148
+ };
149
+ readonly description: {
150
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
151
+ readonly fontSize: "10px";
152
+ readonly fontWeight: "600";
153
+ readonly lineHeight: "1.2";
154
+ readonly letterSpacing: "-0.15px";
155
+ };
156
+ };
157
+ readonly appBody: {
158
+ readonly heading: {
159
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
160
+ readonly fontSize: "18px";
161
+ readonly fontWeight: "500";
162
+ readonly lineHeight: "1.33";
163
+ readonly letterSpacing: "-0.07px";
164
+ };
165
+ readonly large: {
166
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
167
+ readonly fontSize: "16px";
168
+ readonly fontWeight: "500";
169
+ readonly lineHeight: "1.5";
170
+ readonly letterSpacing: "-0.4px";
171
+ };
172
+ readonly medium: {
173
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
174
+ readonly fontSize: "14px";
175
+ readonly fontWeight: "500";
176
+ readonly lineHeight: "1.43";
177
+ readonly letterSpacing: "-0.2px";
178
+ };
179
+ readonly small: {
180
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
181
+ readonly fontSize: "12px";
182
+ readonly fontWeight: "500";
183
+ readonly lineHeight: "1.33";
184
+ readonly letterSpacing: "-0.15px";
185
+ };
186
+ readonly description: {
187
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
188
+ readonly fontSize: "10px";
189
+ readonly fontWeight: "500";
190
+ readonly lineHeight: "1.2";
191
+ readonly letterSpacing: "-0.15px";
192
+ };
193
+ };
194
+ readonly bodyParagraph: {
195
+ readonly lead: {
196
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
197
+ readonly fontSize: "16px";
198
+ readonly fontWeight: "500";
199
+ readonly lineHeight: "1.5";
200
+ readonly letterSpacing: "normal";
201
+ };
202
+ readonly bold: {
203
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
204
+ readonly fontSize: "14px";
205
+ readonly fontWeight: "700";
206
+ readonly lineHeight: "1.5";
207
+ readonly letterSpacing: "normal";
208
+ };
209
+ readonly semibold: {
210
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
211
+ readonly fontSize: "14px";
212
+ readonly fontWeight: "600";
213
+ readonly lineHeight: "1.5";
214
+ readonly letterSpacing: "normal";
215
+ };
216
+ readonly regular: {
217
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
218
+ readonly fontSize: "14px";
219
+ readonly fontWeight: "400";
220
+ readonly lineHeight: "1.5";
221
+ readonly letterSpacing: "normal";
222
+ };
223
+ readonly body: {
224
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
225
+ readonly fontSize: "14px";
226
+ readonly fontWeight: "500";
227
+ readonly lineHeight: "1.5";
228
+ readonly letterSpacing: "normal";
229
+ };
230
+ readonly italicized: {
231
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
232
+ readonly fontSize: "14px";
233
+ readonly fontWeight: "400";
234
+ readonly lineHeight: "1.71";
235
+ readonly letterSpacing: "normal";
236
+ };
237
+ readonly smallBold: {
238
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
239
+ readonly fontSize: "13px";
240
+ readonly fontWeight: "700";
241
+ readonly lineHeight: "1.38";
242
+ readonly letterSpacing: "normal";
243
+ };
244
+ readonly smallSemibold: {
245
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
246
+ readonly fontSize: "13px";
247
+ readonly fontWeight: "600";
248
+ readonly lineHeight: "1.38";
249
+ readonly letterSpacing: "normal";
250
+ };
251
+ readonly small: {
252
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
253
+ readonly fontSize: "13px";
254
+ readonly fontWeight: "500";
255
+ readonly lineHeight: "1.38";
256
+ readonly letterSpacing: "normal";
257
+ };
258
+ readonly smallRegular: {
259
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
260
+ readonly fontSize: "13px";
261
+ readonly fontWeight: "400";
262
+ readonly lineHeight: "1.38";
263
+ readonly letterSpacing: "normal";
264
+ };
265
+ readonly medium12: {
266
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
267
+ readonly fontSize: "12px";
268
+ readonly fontWeight: "500";
269
+ readonly lineHeight: "1.5";
270
+ readonly letterSpacing: "normal";
271
+ };
272
+ };
273
+ readonly input: {
274
+ readonly lg: {
275
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
276
+ readonly fontSize: "16px";
277
+ readonly fontWeight: "500";
278
+ readonly lineHeight: "normal";
279
+ readonly letterSpacing: "normal";
280
+ };
281
+ readonly md: {
282
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
283
+ readonly fontSize: "13px";
284
+ readonly fontWeight: "500";
285
+ readonly lineHeight: "normal";
286
+ readonly letterSpacing: "normal";
287
+ };
288
+ readonly sm: {
289
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
290
+ readonly fontSize: "11px";
291
+ readonly fontWeight: "500";
292
+ readonly lineHeight: "normal";
293
+ readonly letterSpacing: "normal";
294
+ };
295
+ };
296
+ readonly placeholder: {
297
+ readonly lg: {
298
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
299
+ readonly fontSize: "16px";
300
+ readonly fontWeight: "500";
301
+ readonly lineHeight: "normal";
302
+ readonly letterSpacing: "normal";
303
+ };
304
+ readonly md: {
305
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
306
+ readonly fontSize: "13px";
307
+ readonly fontWeight: "500";
308
+ readonly lineHeight: "1.85";
309
+ readonly letterSpacing: "normal";
310
+ };
311
+ readonly sm: {
312
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
313
+ readonly fontSize: "11px";
314
+ readonly fontWeight: "500";
315
+ readonly lineHeight: "normal";
316
+ readonly letterSpacing: "normal";
317
+ };
318
+ };
319
+ readonly label: {
320
+ readonly lg: {
321
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
322
+ readonly fontSize: "16px";
323
+ readonly fontWeight: "600";
324
+ readonly lineHeight: "normal";
325
+ readonly letterSpacing: "normal";
326
+ };
327
+ readonly md: {
328
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
329
+ readonly fontSize: "13px";
330
+ readonly fontWeight: "600";
331
+ readonly lineHeight: "normal";
332
+ readonly letterSpacing: "normal";
333
+ };
334
+ readonly sm: {
335
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
336
+ readonly fontSize: "11px";
337
+ readonly fontWeight: "600";
338
+ readonly lineHeight: "normal";
339
+ readonly letterSpacing: "normal";
340
+ };
341
+ };
342
+ readonly button: {
343
+ readonly lg: {
344
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
345
+ readonly fontSize: "16px";
346
+ readonly fontWeight: "500";
347
+ readonly lineHeight: "normal";
348
+ readonly letterSpacing: "normal";
349
+ };
350
+ readonly lgSemibold: {
351
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
352
+ readonly fontSize: "16px";
353
+ readonly fontWeight: "600";
354
+ readonly lineHeight: "normal";
355
+ readonly letterSpacing: "normal";
356
+ };
357
+ readonly md: {
358
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
359
+ readonly fontSize: "14px";
360
+ readonly fontWeight: "500";
361
+ readonly lineHeight: "normal";
362
+ readonly letterSpacing: "normal";
363
+ };
364
+ readonly mdSemibold: {
365
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
366
+ readonly fontSize: "14px";
367
+ readonly fontWeight: "600";
368
+ readonly lineHeight: "normal";
369
+ readonly letterSpacing: "normal";
370
+ };
371
+ readonly sm: {
372
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
373
+ readonly fontSize: "12px";
374
+ readonly fontWeight: "500";
375
+ readonly lineHeight: "normal";
376
+ readonly letterSpacing: "normal";
377
+ };
378
+ readonly smSemibold: {
379
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
380
+ readonly fontSize: "12px";
381
+ readonly fontWeight: "600";
382
+ readonly lineHeight: "normal";
383
+ readonly letterSpacing: "normal";
384
+ };
385
+ };
386
+ readonly menu: {
387
+ readonly active: {
388
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
389
+ readonly fontSize: "15px";
390
+ readonly fontWeight: "600";
391
+ readonly lineHeight: "1.6";
392
+ readonly letterSpacing: "normal";
393
+ };
394
+ };
395
+ readonly table: {
396
+ readonly header: {
397
+ readonly fontFamily: "\"Pretendard\", \"Segoe UI\", sans-serif";
398
+ readonly fontSize: "13px";
399
+ readonly fontWeight: "700";
400
+ readonly lineHeight: "normal";
401
+ readonly letterSpacing: "1px";
402
+ };
403
+ };
404
+ readonly viewer: {
405
+ readonly title: {
406
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
407
+ readonly fontSize: "25px";
408
+ readonly fontWeight: "700";
409
+ readonly lineHeight: "1.4";
410
+ readonly letterSpacing: "-0.8px";
411
+ };
412
+ readonly subtitle: {
413
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
414
+ readonly fontSize: "20px";
415
+ readonly fontWeight: "700";
416
+ readonly lineHeight: "1.4";
417
+ readonly letterSpacing: "-0.8px";
418
+ };
419
+ readonly label: {
420
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
421
+ readonly fontSize: "13px";
422
+ readonly fontWeight: "700";
423
+ readonly lineHeight: "1.85";
424
+ readonly letterSpacing: "-0.6px";
425
+ };
426
+ readonly body: {
427
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
428
+ readonly fontSize: "13px";
429
+ readonly fontWeight: "400";
430
+ readonly lineHeight: "1.85";
431
+ readonly letterSpacing: "-0.6px";
432
+ };
433
+ readonly bodyBold: {
434
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
435
+ readonly fontSize: "13px";
436
+ readonly fontWeight: "700";
437
+ readonly lineHeight: "1.85";
438
+ readonly letterSpacing: "-0.6px";
439
+ };
440
+ readonly body2: {
441
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
442
+ readonly fontSize: "11px";
443
+ readonly fontWeight: "400";
444
+ readonly lineHeight: "1.8";
445
+ readonly letterSpacing: "normal";
446
+ };
447
+ readonly body2Bold: {
448
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
449
+ readonly fontSize: "11px";
450
+ readonly fontWeight: "700";
451
+ readonly lineHeight: "1.8";
452
+ readonly letterSpacing: "normal";
453
+ };
454
+ readonly labelSmall: {
455
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
456
+ readonly fontSize: "9px";
457
+ readonly fontWeight: "700";
458
+ readonly lineHeight: "1.56";
459
+ readonly letterSpacing: "-0.6px";
460
+ };
461
+ readonly bodySmall: {
462
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
463
+ readonly fontSize: "9px";
464
+ readonly fontWeight: "400";
465
+ readonly lineHeight: "1.56";
466
+ readonly letterSpacing: "-0.6px";
467
+ };
468
+ readonly bodySmallBold: {
469
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
470
+ readonly fontSize: "9px";
471
+ readonly fontWeight: "700";
472
+ readonly lineHeight: "1.56";
473
+ readonly letterSpacing: "-0.6px";
474
+ };
475
+ readonly labelDescription: {
476
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
477
+ readonly fontSize: "8px";
478
+ readonly fontWeight: "700";
479
+ readonly lineHeight: "1.5";
480
+ readonly letterSpacing: "-0.3px";
481
+ };
482
+ readonly bodyDescription: {
483
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
484
+ readonly fontSize: "8px";
485
+ readonly fontWeight: "400";
486
+ readonly lineHeight: "1.5";
487
+ readonly letterSpacing: "-0.3px";
488
+ };
489
+ };
490
+ readonly mail: {
491
+ readonly heading: {
492
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
493
+ readonly fontSize: "30px";
494
+ readonly fontWeight: "400";
495
+ readonly lineHeight: "1.2";
496
+ readonly letterSpacing: "-1.8px";
497
+ };
498
+ readonly headingBold: {
499
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
500
+ readonly fontSize: "30px";
501
+ readonly fontWeight: "700";
502
+ readonly lineHeight: "1.2";
503
+ readonly letterSpacing: "-1.8px";
504
+ };
505
+ readonly paragraphLarge: {
506
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
507
+ readonly fontSize: "16px";
508
+ readonly fontWeight: "400";
509
+ readonly lineHeight: "1.75";
510
+ readonly letterSpacing: "-0.64px";
511
+ };
512
+ readonly paragraphLargeBold: {
513
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
514
+ readonly fontSize: "16px";
515
+ readonly fontWeight: "700";
516
+ readonly lineHeight: "1.75";
517
+ readonly letterSpacing: "-0.64px";
518
+ };
519
+ readonly paragraphMedium: {
520
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
521
+ readonly fontSize: "14px";
522
+ readonly fontWeight: "400";
523
+ readonly lineHeight: "1.43";
524
+ readonly letterSpacing: "-0.28px";
525
+ };
526
+ readonly paragraphMediumBold: {
527
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
528
+ readonly fontSize: "14px";
529
+ readonly fontWeight: "700";
530
+ readonly lineHeight: "1.43";
531
+ readonly letterSpacing: "-0.28px";
532
+ };
533
+ readonly paragraphSmall: {
534
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
535
+ readonly fontSize: "12px";
536
+ readonly fontWeight: "400";
537
+ readonly lineHeight: "1.33";
538
+ readonly letterSpacing: "-0.48px";
539
+ };
540
+ readonly paragraphSmallBold: {
541
+ readonly fontFamily: "\"Malgun Gothic\", \"MalgunGothic\", sans-serif";
542
+ readonly fontSize: "12px";
543
+ readonly fontWeight: "700";
544
+ readonly lineHeight: "1.33";
545
+ readonly letterSpacing: "-0.48px";
546
+ };
547
+ };
548
+ };
@@ -0,0 +1,2 @@
1
+ export type { LdsThemeInput } from './runtime/create-theme-vars';
2
+ export { createLdsThemeVars } from './runtime/create-theme-vars';
@@ -0,0 +1,23 @@
1
+ export declare const defaultThemeValues: {
2
+ color: import('..').LdsColorTokens;
3
+ spacing: import('..').LdsSpacingTokens;
4
+ radius: {
5
+ readonly sm: "4px";
6
+ readonly md: "6px";
7
+ readonly lg: "8px";
8
+ };
9
+ font: {
10
+ readonly family: "\"Pretendard\", \"Segoe UI\", sans-serif";
11
+ readonly sizeSm: "12px";
12
+ readonly sizeMd: "14px";
13
+ readonly sizeLg: "16px";
14
+ readonly weightRegular: "400";
15
+ readonly weightMedium: "500";
16
+ readonly weightBold: "700";
17
+ };
18
+ shadow: {
19
+ readonly focus: "0 0 0 3px rgba(47, 91, 255, 0.14)";
20
+ readonly raised: "0 6px 16px rgba(17, 24, 39, 0.08)";
21
+ };
22
+ };
23
+ export declare const lightThemeClass: string;
@@ -0,0 +1,59 @@
1
+ export declare const root: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ type: {
3
+ info: {
4
+ backgroundColor: "rgba(0, 207, 232, 0.12)";
5
+ };
6
+ confirm: {
7
+ backgroundColor: "rgba(130, 134, 139, 0.12)";
8
+ };
9
+ secret: {
10
+ backgroundColor: "rgba(0, 207, 232, 0.12)";
11
+ };
12
+ saveTemporarily: {
13
+ backgroundColor: "rgba(130, 134, 139, 0.12)";
14
+ };
15
+ };
16
+ size: {
17
+ small: {
18
+ fontSize: `var(--${string})`;
19
+ padding: `var(--${string}) var(--${string})`;
20
+ gap: `var(--${string})`;
21
+ };
22
+ medium: {};
23
+ };
24
+ }>;
25
+ export declare const iconWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
26
+ size: {
27
+ small: {
28
+ width: number;
29
+ height: number;
30
+ };
31
+ medium: {
32
+ width: number;
33
+ height: number;
34
+ };
35
+ };
36
+ }>;
37
+ export declare const iconColor: Record<"info" | "confirm" | "secret" | "saveTemporarily", string>;
38
+ export declare const content: string;
39
+ export declare const title: string;
40
+ export declare const description: string;
41
+ export declare const actions: string;
42
+ export declare const actionButton: import('@vanilla-extract/recipes').RuntimeFn<{
43
+ intent: {
44
+ primary: {
45
+ backgroundColor: string;
46
+ };
47
+ warning: {
48
+ backgroundColor: string;
49
+ };
50
+ danger: {
51
+ backgroundColor: string;
52
+ };
53
+ secondary: {
54
+ backgroundColor: string;
55
+ };
56
+ };
57
+ }>;
58
+ export declare const closeButton: string;
59
+ export declare const textButton: string;
@@ -0,0 +1,34 @@
1
+ import { ReactNode, MouseEventHandler } from 'react';
2
+ export type AlertType = "info" | "confirm" | "secret" | "saveTemporarily";
3
+ export type AlertSize = "small" | "medium";
4
+ export interface AlertAction {
5
+ label: string;
6
+ intent?: "primary" | "warning" | "danger" | "secondary";
7
+ onClick?: MouseEventHandler<HTMLButtonElement>;
8
+ }
9
+ export interface AlertProps {
10
+ /** 알림 유형 */
11
+ type?: AlertType;
12
+ /** 크기 */
13
+ size?: AlertSize;
14
+ /** 알림 텍스트 */
15
+ children: ReactNode;
16
+ /** 제목 (expanded layout) */
17
+ title?: string;
18
+ /** 아이콘 (ReactNode로 커스텀 가능) */
19
+ icon?: ReactNode;
20
+ /** 닫기 버튼 표시 */
21
+ closable?: boolean;
22
+ /** 닫기 클릭 핸들러 */
23
+ onClose?: MouseEventHandler<HTMLButtonElement>;
24
+ /** 텍스트 버튼 */
25
+ textButton?: {
26
+ label: string;
27
+ onClick?: MouseEventHandler<HTMLButtonElement>;
28
+ };
29
+ /** 액션 버튼들 (승인/반려 등) */
30
+ actions?: AlertAction[];
31
+ /** 추가 className */
32
+ className?: string;
33
+ }
34
+ export declare function Alert({ type, size, children, title, icon, closable, onClose, textButton, actions: actionButtons, className, }: AlertProps): import("react/jsx-runtime").JSX.Element;