@seed-design/css 1.1.13 → 1.1.16

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 (68) hide show
  1. package/all.css +385 -170
  2. package/all.min.css +1 -1
  3. package/base.css +184 -164
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/app-bar-main.css +1 -0
  7. package/recipes/app-bar-main.d.ts +1 -1
  8. package/recipes/app-bar-main.mjs +2 -1
  9. package/recipes/app-bar.css +21 -0
  10. package/recipes/app-bar.d.ts +1 -1
  11. package/recipes/app-bar.mjs +2 -1
  12. package/recipes/app-screen.css +34 -4
  13. package/recipes/app-screen.d.ts +1 -1
  14. package/recipes/app-screen.mjs +2 -1
  15. package/recipes/checkmark.css +2 -1
  16. package/recipes/menu-sheet-item.css +1 -0
  17. package/recipes/segmented-control.css +1 -0
  18. package/recipes/text.css +120 -0
  19. package/recipes/text.d.ts +1 -1
  20. package/recipes/text.mjs +25 -1
  21. package/vars/color/banner.d.ts +10 -0
  22. package/vars/color/banner.mjs +10 -0
  23. package/vars/color/bg.d.ts +13 -13
  24. package/vars/color/bg.mjs +13 -13
  25. package/vars/color/fg.d.ts +8 -8
  26. package/vars/color/fg.mjs +8 -8
  27. package/vars/color/index.d.ts +2 -1
  28. package/vars/color/index.mjs +2 -1
  29. package/vars/color/manner-temp/index.d.ts +2 -2
  30. package/vars/color/manner-temp/index.mjs +2 -2
  31. package/vars/color/manner-temp/l1.d.ts +2 -2
  32. package/vars/color/manner-temp/l1.mjs +2 -2
  33. package/vars/color/manner-temp/l10.d.ts +2 -2
  34. package/vars/color/manner-temp/l10.mjs +2 -2
  35. package/vars/color/manner-temp/l2.d.ts +2 -2
  36. package/vars/color/manner-temp/l2.mjs +2 -2
  37. package/vars/color/manner-temp/l3.d.ts +2 -2
  38. package/vars/color/manner-temp/l3.mjs +2 -2
  39. package/vars/color/manner-temp/l4.d.ts +2 -2
  40. package/vars/color/manner-temp/l4.mjs +2 -2
  41. package/vars/color/manner-temp/l5.d.ts +2 -2
  42. package/vars/color/manner-temp/l5.mjs +2 -2
  43. package/vars/color/manner-temp/l6.d.ts +2 -2
  44. package/vars/color/manner-temp/l6.mjs +2 -2
  45. package/vars/color/manner-temp/l7.d.ts +2 -2
  46. package/vars/color/manner-temp/l7.mjs +2 -2
  47. package/vars/color/manner-temp/l8.d.ts +2 -2
  48. package/vars/color/manner-temp/l8.mjs +2 -2
  49. package/vars/color/manner-temp/l9.d.ts +2 -2
  50. package/vars/color/manner-temp/l9.mjs +2 -2
  51. package/vars/color/palette.d.ts +42 -42
  52. package/vars/color/palette.mjs +42 -42
  53. package/vars/color/stroke.d.ts +8 -8
  54. package/vars/color/stroke.mjs +8 -8
  55. package/vars/component/action-button.d.ts +18 -0
  56. package/vars/component/checkmark.d.ts +4 -2
  57. package/vars/component/checkmark.mjs +4 -2
  58. package/vars/component/control-chip.d.ts +1 -1
  59. package/vars/component/control-chip.mjs +1 -1
  60. package/vars/component/help-bubble.d.ts +2 -0
  61. package/vars/component/typography.d.ts +216 -0
  62. package/vars/component/typography.mjs +216 -0
  63. package/vars/dimension/spacing-x.d.ts +2 -0
  64. package/vars/dimension/spacing-y.d.ts +4 -0
  65. package/vars/gradient.d.ts +10 -3
  66. package/vars/gradient.mjs +3 -3
  67. package/vars/index.d.ts +9 -4
  68. package/vars/shadow.d.ts +1 -0
@@ -18,6 +18,7 @@ export declare const vars: {
18
18
  "label": {
19
19
  "color": "var(--seed-color-palette-static-white)"
20
20
  },
21
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
21
22
  "icon": {
22
23
  "color": "var(--seed-color-palette-static-white)"
23
24
  },
@@ -44,6 +45,7 @@ export declare const vars: {
44
45
  "label": {
45
46
  "color": "var(--seed-color-fg-disabled)"
46
47
  },
48
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
47
49
  "icon": {
48
50
  "color": "var(--seed-color-fg-disabled)"
49
51
  },
@@ -68,6 +70,7 @@ export declare const vars: {
68
70
  "label": {
69
71
  "color": "var(--seed-color-fg-neutral-inverted)"
70
72
  },
73
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
71
74
  "icon": {
72
75
  "color": "var(--seed-color-fg-neutral-inverted)"
73
76
  },
@@ -94,6 +97,7 @@ export declare const vars: {
94
97
  "label": {
95
98
  "color": "var(--seed-color-fg-disabled)"
96
99
  },
100
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
97
101
  "icon": {
98
102
  "color": "var(--seed-color-fg-disabled)"
99
103
  },
@@ -118,6 +122,7 @@ export declare const vars: {
118
122
  "label": {
119
123
  "color": "var(--seed-color-fg-neutral)"
120
124
  },
125
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
121
126
  "icon": {
122
127
  "color": "var(--seed-color-fg-neutral)"
123
128
  },
@@ -144,6 +149,7 @@ export declare const vars: {
144
149
  "label": {
145
150
  "color": "var(--seed-color-fg-disabled)"
146
151
  },
152
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
147
153
  "icon": {
148
154
  "color": "var(--seed-color-fg-disabled)"
149
155
  },
@@ -168,6 +174,7 @@ export declare const vars: {
168
174
  "label": {
169
175
  "color": "var(--seed-color-palette-static-white)"
170
176
  },
177
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
171
178
  "icon": {
172
179
  "color": "var(--seed-color-palette-static-white)"
173
180
  },
@@ -194,6 +201,7 @@ export declare const vars: {
194
201
  "label": {
195
202
  "color": "var(--seed-color-fg-disabled)"
196
203
  },
204
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
197
205
  "icon": {
198
206
  "color": "var(--seed-color-fg-disabled)"
199
207
  },
@@ -220,6 +228,7 @@ export declare const vars: {
220
228
  "label": {
221
229
  "color": "var(--seed-color-fg-neutral)"
222
230
  },
231
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
223
232
  "icon": {
224
233
  "color": "var(--seed-color-fg-neutral)"
225
234
  },
@@ -247,6 +256,7 @@ export declare const vars: {
247
256
  "label": {
248
257
  "color": "var(--seed-color-fg-disabled)"
249
258
  },
259
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
250
260
  "icon": {
251
261
  "color": "var(--seed-color-fg-disabled)"
252
262
  },
@@ -273,6 +283,7 @@ export declare const vars: {
273
283
  "label": {
274
284
  "color": "var(--seed-color-fg-brand)"
275
285
  },
286
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
276
287
  "icon": {
277
288
  "color": "var(--seed-color-fg-brand)"
278
289
  },
@@ -300,6 +311,7 @@ export declare const vars: {
300
311
  "label": {
301
312
  "color": "var(--seed-color-fg-disabled)"
302
313
  },
314
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
303
315
  "icon": {
304
316
  "color": "var(--seed-color-fg-disabled)"
305
317
  },
@@ -324,6 +336,7 @@ export declare const vars: {
324
336
  "label": {
325
337
  "color": "var(--seed-color-fg-neutral)"
326
338
  },
339
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
327
340
  "icon": {
328
341
  "color": "var(--seed-color-fg-neutral)"
329
342
  },
@@ -350,6 +363,7 @@ export declare const vars: {
350
363
  "label": {
351
364
  "color": "var(--seed-color-fg-disabled)"
352
365
  },
366
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
353
367
  "icon": {
354
368
  "color": "var(--seed-color-fg-disabled)"
355
369
  },
@@ -404,6 +418,7 @@ export declare const vars: {
404
418
  "paddingX": "var(--seed-dimension-x1_5)",
405
419
  "paddingY": "var(--seed-dimension-x1_5)"
406
420
  },
421
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
407
422
  "icon": {
408
423
  "size": "var(--seed-dimension-x3_5)"
409
424
  }
@@ -447,6 +462,7 @@ export declare const vars: {
447
462
  "paddingX": "var(--seed-dimension-x2)",
448
463
  "paddingY": "var(--seed-dimension-x2)"
449
464
  },
465
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
450
466
  "icon": {
451
467
  "size": "var(--seed-dimension-x4)"
452
468
  }
@@ -490,6 +506,7 @@ export declare const vars: {
490
506
  "paddingX": "var(--seed-dimension-x2_5)",
491
507
  "paddingY": "var(--seed-dimension-x2_5)"
492
508
  },
509
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
493
510
  "icon": {
494
511
  "size": "18px"
495
512
  }
@@ -533,6 +550,7 @@ export declare const vars: {
533
550
  "paddingX": "var(--seed-dimension-x3_5)",
534
551
  "paddingY": "var(--seed-dimension-x3_5)"
535
552
  },
553
+ /** Icon Only 레이아웃에서 사용되는 아이콘 슬롯입니다. */
536
554
  "icon": {
537
555
  "size": "22px"
538
556
  }
@@ -73,7 +73,9 @@ export declare const vars: {
73
73
  "variantGhost": {
74
74
  "enabled": {
75
75
  "icon": {
76
- "color": "var(--seed-color-fg-placeholder)"
76
+ "color": "var(--seed-color-fg-placeholder)",
77
+ "colorDuration": "var(--seed-duration-color-transition)",
78
+ "colorTimingFunction": "var(--seed-timing-function-easing)"
77
79
  }
78
80
  },
79
81
  "pressed": {
@@ -107,7 +109,7 @@ export declare const vars: {
107
109
  "variantGhostToneNeutral": {
108
110
  "enabledSelected": {
109
111
  "icon": {
110
- "color": "var(--seed-color-fg-neutral-muted)"
112
+ "color": "var(--seed-color-fg-neutral)"
111
113
  }
112
114
  },
113
115
  "pressedSelected": {
@@ -73,7 +73,9 @@ export const vars = {
73
73
  "variantGhost": {
74
74
  "enabled": {
75
75
  "icon": {
76
- "color": "var(--seed-color-fg-placeholder)"
76
+ "color": "var(--seed-color-fg-placeholder)",
77
+ "colorDuration": "var(--seed-duration-color-transition)",
78
+ "colorTimingFunction": "var(--seed-timing-function-easing)"
77
79
  }
78
80
  },
79
81
  "pressed": {
@@ -107,7 +109,7 @@ export const vars = {
107
109
  "variantGhostToneNeutral": {
108
110
  "enabledSelected": {
109
111
  "icon": {
110
- "color": "var(--seed-color-fg-neutral-muted)"
112
+ "color": "var(--seed-color-fg-neutral)"
111
113
  }
112
114
  },
113
115
  "pressedSelected": {
@@ -31,7 +31,7 @@ export declare const vars: {
31
31
  },
32
32
  "selected": {
33
33
  "root": {
34
- "strokeWidth": "0",
34
+ "strokeWidth": "0px",
35
35
  "color": "var(--seed-color-bg-neutral-solid-muted)"
36
36
  },
37
37
  "label": {
@@ -31,7 +31,7 @@ export const vars = {
31
31
  },
32
32
  "selected": {
33
33
  "root": {
34
- "strokeWidth": "0",
34
+ "strokeWidth": "0px",
35
35
  "color": "var(--seed-color-bg-neutral-solid-muted)"
36
36
  },
37
37
  "label": {
@@ -20,7 +20,9 @@ export declare const vars: {
20
20
  "width": "12px",
21
21
  "height": "8px",
22
22
  "cornerRadius": "2px",
23
+ /** arrow와 타겟 요소 사이의 거리를 정의합니다. */
23
24
  "gutter": "4px",
25
+ /** arrow와 root의 경계 사이의 최소 간격을 정의합니다. */
24
26
  "padding": "14px"
25
27
  },
26
28
  "title": {
@@ -232,5 +232,221 @@ export declare const vars: {
232
232
  "fontWeight": "var(--seed-font-weight-bold)"
233
233
  }
234
234
  }
235
+ },
236
+ "textStyleT1StaticRegular": {
237
+ "enabled": {
238
+ "root": {
239
+ "fontSize": "var(--seed-font-size-t1-static)",
240
+ "lineHeight": "var(--seed-line-height-t1-static)",
241
+ "fontWeight": "var(--seed-font-weight-regular)"
242
+ }
243
+ }
244
+ },
245
+ "textStyleT1StaticMedium": {
246
+ "enabled": {
247
+ "root": {
248
+ "fontSize": "var(--seed-font-size-t1-static)",
249
+ "lineHeight": "var(--seed-line-height-t1-static)",
250
+ "fontWeight": "var(--seed-font-weight-medium)"
251
+ }
252
+ }
253
+ },
254
+ "textStyleT1StaticBold": {
255
+ "enabled": {
256
+ "root": {
257
+ "fontSize": "var(--seed-font-size-t1-static)",
258
+ "lineHeight": "var(--seed-line-height-t1-static)",
259
+ "fontWeight": "var(--seed-font-weight-bold)"
260
+ }
261
+ }
262
+ },
263
+ "textStyleT2StaticRegular": {
264
+ "enabled": {
265
+ "root": {
266
+ "fontSize": "var(--seed-font-size-t2-static)",
267
+ "lineHeight": "var(--seed-line-height-t2-static)",
268
+ "fontWeight": "var(--seed-font-weight-regular)"
269
+ }
270
+ }
271
+ },
272
+ "textStyleT2StaticMedium": {
273
+ "enabled": {
274
+ "root": {
275
+ "fontSize": "var(--seed-font-size-t2-static)",
276
+ "lineHeight": "var(--seed-line-height-t2-static)",
277
+ "fontWeight": "var(--seed-font-weight-medium)"
278
+ }
279
+ }
280
+ },
281
+ "textStyleT2StaticBold": {
282
+ "enabled": {
283
+ "root": {
284
+ "fontSize": "var(--seed-font-size-t2-static)",
285
+ "lineHeight": "var(--seed-line-height-t2-static)",
286
+ "fontWeight": "var(--seed-font-weight-bold)"
287
+ }
288
+ }
289
+ },
290
+ "textStyleT3StaticRegular": {
291
+ "enabled": {
292
+ "root": {
293
+ "fontSize": "var(--seed-font-size-t3-static)",
294
+ "lineHeight": "var(--seed-line-height-t3-static)",
295
+ "fontWeight": "var(--seed-font-weight-regular)"
296
+ }
297
+ }
298
+ },
299
+ "textStyleT3StaticMedium": {
300
+ "enabled": {
301
+ "root": {
302
+ "fontSize": "var(--seed-font-size-t3-static)",
303
+ "lineHeight": "var(--seed-line-height-t3-static)",
304
+ "fontWeight": "var(--seed-font-weight-medium)"
305
+ }
306
+ }
307
+ },
308
+ "textStyleT3StaticBold": {
309
+ "enabled": {
310
+ "root": {
311
+ "fontSize": "var(--seed-font-size-t3-static)",
312
+ "lineHeight": "var(--seed-line-height-t3-static)",
313
+ "fontWeight": "var(--seed-font-weight-bold)"
314
+ }
315
+ }
316
+ },
317
+ "textStyleT4StaticRegular": {
318
+ "enabled": {
319
+ "root": {
320
+ "fontSize": "var(--seed-font-size-t4-static)",
321
+ "lineHeight": "var(--seed-line-height-t4-static)",
322
+ "fontWeight": "var(--seed-font-weight-regular)"
323
+ }
324
+ }
325
+ },
326
+ "textStyleT4StaticMedium": {
327
+ "enabled": {
328
+ "root": {
329
+ "fontSize": "var(--seed-font-size-t4-static)",
330
+ "lineHeight": "var(--seed-line-height-t4-static)",
331
+ "fontWeight": "var(--seed-font-weight-medium)"
332
+ }
333
+ }
334
+ },
335
+ "textStyleT4StaticBold": {
336
+ "enabled": {
337
+ "root": {
338
+ "fontSize": "var(--seed-font-size-t4-static)",
339
+ "lineHeight": "var(--seed-line-height-t4-static)",
340
+ "fontWeight": "var(--seed-font-weight-bold)"
341
+ }
342
+ }
343
+ },
344
+ "textStyleT5StaticRegular": {
345
+ "enabled": {
346
+ "root": {
347
+ "fontSize": "var(--seed-font-size-t5-static)",
348
+ "lineHeight": "var(--seed-line-height-t5-static)",
349
+ "fontWeight": "var(--seed-font-weight-regular)"
350
+ }
351
+ }
352
+ },
353
+ "textStyleT5StaticMedium": {
354
+ "enabled": {
355
+ "root": {
356
+ "fontSize": "var(--seed-font-size-t5-static)",
357
+ "lineHeight": "var(--seed-line-height-t5-static)",
358
+ "fontWeight": "var(--seed-font-weight-medium)"
359
+ }
360
+ }
361
+ },
362
+ "textStyleT5StaticBold": {
363
+ "enabled": {
364
+ "root": {
365
+ "fontSize": "var(--seed-font-size-t5-static)",
366
+ "lineHeight": "var(--seed-line-height-t5-static)",
367
+ "fontWeight": "var(--seed-font-weight-bold)"
368
+ }
369
+ }
370
+ },
371
+ "textStyleT6StaticRegular": {
372
+ "enabled": {
373
+ "root": {
374
+ "fontSize": "var(--seed-font-size-t6-static)",
375
+ "lineHeight": "var(--seed-line-height-t6-static)",
376
+ "fontWeight": "var(--seed-font-weight-regular)"
377
+ }
378
+ }
379
+ },
380
+ "textStyleT6StaticMedium": {
381
+ "enabled": {
382
+ "root": {
383
+ "fontSize": "var(--seed-font-size-t6-static)",
384
+ "lineHeight": "var(--seed-line-height-t6-static)",
385
+ "fontWeight": "var(--seed-font-weight-medium)"
386
+ }
387
+ }
388
+ },
389
+ "textStyleT6StaticBold": {
390
+ "enabled": {
391
+ "root": {
392
+ "fontSize": "var(--seed-font-size-t6-static)",
393
+ "lineHeight": "var(--seed-line-height-t6-static)",
394
+ "fontWeight": "var(--seed-font-weight-bold)"
395
+ }
396
+ }
397
+ },
398
+ "textStyleT7StaticRegular": {
399
+ "enabled": {
400
+ "root": {
401
+ "fontSize": "var(--seed-font-size-t7-static)",
402
+ "lineHeight": "var(--seed-line-height-t7-static)",
403
+ "fontWeight": "var(--seed-font-weight-regular)"
404
+ }
405
+ }
406
+ },
407
+ "textStyleT7StaticMedium": {
408
+ "enabled": {
409
+ "root": {
410
+ "fontSize": "var(--seed-font-size-t7-static)",
411
+ "lineHeight": "var(--seed-line-height-t7-static)",
412
+ "fontWeight": "var(--seed-font-weight-medium)"
413
+ }
414
+ }
415
+ },
416
+ "textStyleT7StaticBold": {
417
+ "enabled": {
418
+ "root": {
419
+ "fontSize": "var(--seed-font-size-t7-static)",
420
+ "lineHeight": "var(--seed-line-height-t7-static)",
421
+ "fontWeight": "var(--seed-font-weight-bold)"
422
+ }
423
+ }
424
+ },
425
+ "textStyleT8StaticBold": {
426
+ "enabled": {
427
+ "root": {
428
+ "fontSize": "var(--seed-font-size-t8-static)",
429
+ "lineHeight": "var(--seed-line-height-t8-static)",
430
+ "fontWeight": "var(--seed-font-weight-bold)"
431
+ }
432
+ }
433
+ },
434
+ "textStyleT9StaticBold": {
435
+ "enabled": {
436
+ "root": {
437
+ "fontSize": "var(--seed-font-size-t9-static)",
438
+ "lineHeight": "var(--seed-line-height-t9-static)",
439
+ "fontWeight": "var(--seed-font-weight-bold)"
440
+ }
441
+ }
442
+ },
443
+ "textStyleT10StaticBold": {
444
+ "enabled": {
445
+ "root": {
446
+ "fontSize": "var(--seed-font-size-t10-static)",
447
+ "lineHeight": "var(--seed-line-height-t10-static)",
448
+ "fontWeight": "var(--seed-font-weight-bold)"
449
+ }
450
+ }
235
451
  }
236
452
  }
@@ -232,5 +232,221 @@ export const vars = {
232
232
  "fontWeight": "var(--seed-font-weight-bold)"
233
233
  }
234
234
  }
235
+ },
236
+ "textStyleT1StaticRegular": {
237
+ "enabled": {
238
+ "root": {
239
+ "fontSize": "var(--seed-font-size-t1-static)",
240
+ "lineHeight": "var(--seed-line-height-t1-static)",
241
+ "fontWeight": "var(--seed-font-weight-regular)"
242
+ }
243
+ }
244
+ },
245
+ "textStyleT1StaticMedium": {
246
+ "enabled": {
247
+ "root": {
248
+ "fontSize": "var(--seed-font-size-t1-static)",
249
+ "lineHeight": "var(--seed-line-height-t1-static)",
250
+ "fontWeight": "var(--seed-font-weight-medium)"
251
+ }
252
+ }
253
+ },
254
+ "textStyleT1StaticBold": {
255
+ "enabled": {
256
+ "root": {
257
+ "fontSize": "var(--seed-font-size-t1-static)",
258
+ "lineHeight": "var(--seed-line-height-t1-static)",
259
+ "fontWeight": "var(--seed-font-weight-bold)"
260
+ }
261
+ }
262
+ },
263
+ "textStyleT2StaticRegular": {
264
+ "enabled": {
265
+ "root": {
266
+ "fontSize": "var(--seed-font-size-t2-static)",
267
+ "lineHeight": "var(--seed-line-height-t2-static)",
268
+ "fontWeight": "var(--seed-font-weight-regular)"
269
+ }
270
+ }
271
+ },
272
+ "textStyleT2StaticMedium": {
273
+ "enabled": {
274
+ "root": {
275
+ "fontSize": "var(--seed-font-size-t2-static)",
276
+ "lineHeight": "var(--seed-line-height-t2-static)",
277
+ "fontWeight": "var(--seed-font-weight-medium)"
278
+ }
279
+ }
280
+ },
281
+ "textStyleT2StaticBold": {
282
+ "enabled": {
283
+ "root": {
284
+ "fontSize": "var(--seed-font-size-t2-static)",
285
+ "lineHeight": "var(--seed-line-height-t2-static)",
286
+ "fontWeight": "var(--seed-font-weight-bold)"
287
+ }
288
+ }
289
+ },
290
+ "textStyleT3StaticRegular": {
291
+ "enabled": {
292
+ "root": {
293
+ "fontSize": "var(--seed-font-size-t3-static)",
294
+ "lineHeight": "var(--seed-line-height-t3-static)",
295
+ "fontWeight": "var(--seed-font-weight-regular)"
296
+ }
297
+ }
298
+ },
299
+ "textStyleT3StaticMedium": {
300
+ "enabled": {
301
+ "root": {
302
+ "fontSize": "var(--seed-font-size-t3-static)",
303
+ "lineHeight": "var(--seed-line-height-t3-static)",
304
+ "fontWeight": "var(--seed-font-weight-medium)"
305
+ }
306
+ }
307
+ },
308
+ "textStyleT3StaticBold": {
309
+ "enabled": {
310
+ "root": {
311
+ "fontSize": "var(--seed-font-size-t3-static)",
312
+ "lineHeight": "var(--seed-line-height-t3-static)",
313
+ "fontWeight": "var(--seed-font-weight-bold)"
314
+ }
315
+ }
316
+ },
317
+ "textStyleT4StaticRegular": {
318
+ "enabled": {
319
+ "root": {
320
+ "fontSize": "var(--seed-font-size-t4-static)",
321
+ "lineHeight": "var(--seed-line-height-t4-static)",
322
+ "fontWeight": "var(--seed-font-weight-regular)"
323
+ }
324
+ }
325
+ },
326
+ "textStyleT4StaticMedium": {
327
+ "enabled": {
328
+ "root": {
329
+ "fontSize": "var(--seed-font-size-t4-static)",
330
+ "lineHeight": "var(--seed-line-height-t4-static)",
331
+ "fontWeight": "var(--seed-font-weight-medium)"
332
+ }
333
+ }
334
+ },
335
+ "textStyleT4StaticBold": {
336
+ "enabled": {
337
+ "root": {
338
+ "fontSize": "var(--seed-font-size-t4-static)",
339
+ "lineHeight": "var(--seed-line-height-t4-static)",
340
+ "fontWeight": "var(--seed-font-weight-bold)"
341
+ }
342
+ }
343
+ },
344
+ "textStyleT5StaticRegular": {
345
+ "enabled": {
346
+ "root": {
347
+ "fontSize": "var(--seed-font-size-t5-static)",
348
+ "lineHeight": "var(--seed-line-height-t5-static)",
349
+ "fontWeight": "var(--seed-font-weight-regular)"
350
+ }
351
+ }
352
+ },
353
+ "textStyleT5StaticMedium": {
354
+ "enabled": {
355
+ "root": {
356
+ "fontSize": "var(--seed-font-size-t5-static)",
357
+ "lineHeight": "var(--seed-line-height-t5-static)",
358
+ "fontWeight": "var(--seed-font-weight-medium)"
359
+ }
360
+ }
361
+ },
362
+ "textStyleT5StaticBold": {
363
+ "enabled": {
364
+ "root": {
365
+ "fontSize": "var(--seed-font-size-t5-static)",
366
+ "lineHeight": "var(--seed-line-height-t5-static)",
367
+ "fontWeight": "var(--seed-font-weight-bold)"
368
+ }
369
+ }
370
+ },
371
+ "textStyleT6StaticRegular": {
372
+ "enabled": {
373
+ "root": {
374
+ "fontSize": "var(--seed-font-size-t6-static)",
375
+ "lineHeight": "var(--seed-line-height-t6-static)",
376
+ "fontWeight": "var(--seed-font-weight-regular)"
377
+ }
378
+ }
379
+ },
380
+ "textStyleT6StaticMedium": {
381
+ "enabled": {
382
+ "root": {
383
+ "fontSize": "var(--seed-font-size-t6-static)",
384
+ "lineHeight": "var(--seed-line-height-t6-static)",
385
+ "fontWeight": "var(--seed-font-weight-medium)"
386
+ }
387
+ }
388
+ },
389
+ "textStyleT6StaticBold": {
390
+ "enabled": {
391
+ "root": {
392
+ "fontSize": "var(--seed-font-size-t6-static)",
393
+ "lineHeight": "var(--seed-line-height-t6-static)",
394
+ "fontWeight": "var(--seed-font-weight-bold)"
395
+ }
396
+ }
397
+ },
398
+ "textStyleT7StaticRegular": {
399
+ "enabled": {
400
+ "root": {
401
+ "fontSize": "var(--seed-font-size-t7-static)",
402
+ "lineHeight": "var(--seed-line-height-t7-static)",
403
+ "fontWeight": "var(--seed-font-weight-regular)"
404
+ }
405
+ }
406
+ },
407
+ "textStyleT7StaticMedium": {
408
+ "enabled": {
409
+ "root": {
410
+ "fontSize": "var(--seed-font-size-t7-static)",
411
+ "lineHeight": "var(--seed-line-height-t7-static)",
412
+ "fontWeight": "var(--seed-font-weight-medium)"
413
+ }
414
+ }
415
+ },
416
+ "textStyleT7StaticBold": {
417
+ "enabled": {
418
+ "root": {
419
+ "fontSize": "var(--seed-font-size-t7-static)",
420
+ "lineHeight": "var(--seed-line-height-t7-static)",
421
+ "fontWeight": "var(--seed-font-weight-bold)"
422
+ }
423
+ }
424
+ },
425
+ "textStyleT8StaticBold": {
426
+ "enabled": {
427
+ "root": {
428
+ "fontSize": "var(--seed-font-size-t8-static)",
429
+ "lineHeight": "var(--seed-line-height-t8-static)",
430
+ "fontWeight": "var(--seed-font-weight-bold)"
431
+ }
432
+ }
433
+ },
434
+ "textStyleT9StaticBold": {
435
+ "enabled": {
436
+ "root": {
437
+ "fontSize": "var(--seed-font-size-t9-static)",
438
+ "lineHeight": "var(--seed-line-height-t9-static)",
439
+ "fontWeight": "var(--seed-font-weight-bold)"
440
+ }
441
+ }
442
+ },
443
+ "textStyleT10StaticBold": {
444
+ "enabled": {
445
+ "root": {
446
+ "fontSize": "var(--seed-font-size-t10-static)",
447
+ "lineHeight": "var(--seed-line-height-t10-static)",
448
+ "fontWeight": "var(--seed-font-weight-bold)"
449
+ }
450
+ }
235
451
  }
236
452
  }
@@ -1,2 +1,4 @@
1
+ /** Chip 사이의 수평 간격에 사용합니다. */
1
2
  export declare const betweenChips = "var(--seed-dimension-spacing-x-between-chips)";
3
+ /** 화면 전체에 적용되는 기본 수평 padding 값입니다. */
2
4
  export declare const globalGutter = "var(--seed-dimension-spacing-x-global-gutter)";
@@ -1,4 +1,8 @@
1
+ /** 컴포넌트 간 수직 간격 토큰이 정의되지 않은 컴포넌트 사이의 수직 간격에 사용합니다. */
1
2
  export declare const componentDefault = "var(--seed-dimension-spacing-y-component-default)";
3
+ /** Top Navigation과 Page Title 사이의 간격입니다. */
2
4
  export declare const navToTitle = "var(--seed-dimension-spacing-y-nav-to-title)";
5
+ /** 화면 하단의 여백입니다. */
3
6
  export declare const screenBottom = "var(--seed-dimension-spacing-y-screen-bottom)";
7
+ /** 텍스트 요소 간의 수직 간격입니다. */
4
8
  export declare const betweenText = "var(--seed-dimension-spacing-y-between-text)";
@@ -1,8 +1,15 @@
1
+ /** 스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요. */
1
2
  export declare const fadeLayerFloating = "var(--seed-gradient-fade-layer-floating)";
3
+ /** 스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요. */
2
4
  export declare const fadeLayerDefault = "var(--seed-gradient-fade-layer-default)";
5
+ /** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다. */
3
6
  export declare const glowMagic = "var(--seed-gradient-glow-magic)";
7
+ /** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다. */
4
8
  export declare const glowMagicPressed = "var(--seed-gradient-glow-magic-pressed)";
5
- export declare const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";
6
- export declare const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
9
+ /** 아이콘 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다. */
10
+ export declare const highlightMagic = "var(--seed-gradient-highlight-magic)";
7
11
  export declare const highlightMagicPressed = "var(--seed-gradient-highlight-magic-pressed)";
8
- export declare const highlightMagic = "var(--seed-gradient-highlight-magic)";
12
+ /** Skeleton AI shimmer */
13
+ export declare const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
14
+ /** Skeleton shimmer */
15
+ export declare const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";