asharyu-design-token 2.0.4 → 2.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 (28) hide show
  1. package/README.ja.md +222 -0
  2. package/README.ko.md +222 -0
  3. package/README.md +222 -135
  4. package/README.zh-TW.md +222 -0
  5. package/SKILL.md +91 -0
  6. package/dist/{src/color → color}/semanticValue.d.ts +1 -1
  7. package/dist/elevation/index.d.ts +19 -0
  8. package/dist/figma-variables.json +624 -0
  9. package/dist/font/index.d.ts +64 -0
  10. package/dist/index.css +106 -0
  11. package/dist/index.css.d.ts +2 -0
  12. package/dist/index.d.ts +603 -0
  13. package/dist/index.js +104 -4
  14. package/dist/radius/index.d.ts +20 -0
  15. package/dist/spacing/index.d.ts +24 -0
  16. package/dist/tokens.json +1393 -0
  17. package/dist/zIndex/index.d.ts +30 -0
  18. package/package.json +61 -42
  19. package/dist/src/color/index.d.ts +0 -0
  20. package/dist/src/color/value.d.ts +0 -21
  21. package/dist/src/font/index.d.ts +0 -12
  22. package/dist/src/index.d.ts +0 -297
  23. package/dist/src/prev/value.d.ts +0 -21
  24. /package/dist/{src/color → color}/colorValue.d.ts +0 -0
  25. /package/dist/{src/font → font}/value.d.ts +0 -0
  26. /package/dist/{src/interaction → interaction}/index.d.ts +0 -0
  27. /package/dist/{src/motion → motion}/index.d.ts +0 -0
  28. /package/dist/{src/stroke → stroke}/index.d.ts +0 -0
package/dist/tokens.json ADDED
@@ -0,0 +1,1393 @@
1
+ {
2
+ "$metadata": {
3
+ "tokenSetOrder": [
4
+ "global",
5
+ "light",
6
+ "dark"
7
+ ]
8
+ },
9
+ "global": {
10
+ "color": {
11
+ "raw": {
12
+ "yang": {
13
+ "0": {
14
+ "$value": "#ffffff",
15
+ "$type": "color",
16
+ "$description": "yang 계열 0단계 원천 색상"
17
+ },
18
+ "1": {
19
+ "$value": "#fefdfa",
20
+ "$type": "color",
21
+ "$description": "yang 계열 1단계 원천 색상"
22
+ },
23
+ "2": {
24
+ "$value": "#fdfaf4",
25
+ "$type": "color",
26
+ "$description": "yang 계열 2단계 원천 색상"
27
+ },
28
+ "3": {
29
+ "$value": "#f7f2e1",
30
+ "$type": "color",
31
+ "$description": "yang 계열 3단계 원천 색상"
32
+ },
33
+ "4": {
34
+ "$value": "#f1ebd0",
35
+ "$type": "color",
36
+ "$description": "yang 계열 4단계 원천 색상"
37
+ }
38
+ },
39
+ "yin": {
40
+ "0": {
41
+ "$value": "#333333",
42
+ "$type": "color",
43
+ "$description": "yin 계열 0단계 원천 색상"
44
+ },
45
+ "1": {
46
+ "$value": "#1a1a1a",
47
+ "$type": "color",
48
+ "$description": "yin 계열 1단계 원천 색상"
49
+ },
50
+ "2": {
51
+ "$value": "#0c0c0c",
52
+ "$type": "color",
53
+ "$description": "yin 계열 2단계 원천 색상"
54
+ },
55
+ "3": {
56
+ "$value": "#060606",
57
+ "$type": "color",
58
+ "$description": "yin 계열 3단계 원천 색상"
59
+ },
60
+ "4": {
61
+ "$value": "#000000",
62
+ "$type": "color",
63
+ "$description": "yin 계열 4단계 원천 색상"
64
+ }
65
+ },
66
+ "wood": {
67
+ "0": {
68
+ "$value": "#ECF2F6",
69
+ "$type": "color",
70
+ "$description": "wood 계열 0단계 원천 색상"
71
+ },
72
+ "1": {
73
+ "$value": "#AEC6D7",
74
+ "$type": "color",
75
+ "$description": "wood 계열 1단계 원천 색상"
76
+ },
77
+ "2": {
78
+ "$value": "#7BA2BE",
79
+ "$type": "color",
80
+ "$description": "wood 계열 2단계 원천 색상"
81
+ },
82
+ "3": {
83
+ "$value": "#5C83A2",
84
+ "$type": "color",
85
+ "$description": "wood 계열 3단계 원천 색상"
86
+ },
87
+ "4": {
88
+ "$value": "#3E6586",
89
+ "$type": "color",
90
+ "$description": "wood 계열 4단계 원천 색상"
91
+ }
92
+ },
93
+ "fire": {
94
+ "0": {
95
+ "$value": "#F4E7E7",
96
+ "$type": "color",
97
+ "$description": "fire 계열 0단계 원천 색상"
98
+ },
99
+ "1": {
100
+ "$value": "#DDA8A8",
101
+ "$type": "color",
102
+ "$description": "fire 계열 1단계 원천 색상"
103
+ },
104
+ "2": {
105
+ "$value": "#C96B6B",
106
+ "$type": "color",
107
+ "$description": "fire 계열 2단계 원천 색상"
108
+ },
109
+ "3": {
110
+ "$value": "#A74E4E",
111
+ "$type": "color",
112
+ "$description": "fire 계열 3단계 원천 색상"
113
+ },
114
+ "4": {
115
+ "$value": "#853131",
116
+ "$type": "color",
117
+ "$description": "fire 계열 4단계 원천 색상"
118
+ }
119
+ },
120
+ "earth": {
121
+ "0": {
122
+ "$value": "#F6F1E3",
123
+ "$type": "color",
124
+ "$description": "earth 계열 0단계 원천 색상"
125
+ },
126
+ "1": {
127
+ "$value": "#E8DDBF",
128
+ "$type": "color",
129
+ "$description": "earth 계열 1단계 원천 색상"
130
+ },
131
+ "2": {
132
+ "$value": "#D9C58F",
133
+ "$type": "color",
134
+ "$description": "earth 계열 2단계 원천 색상"
135
+ },
136
+ "3": {
137
+ "$value": "#B5A16B",
138
+ "$type": "color",
139
+ "$description": "earth 계열 3단계 원천 색상"
140
+ },
141
+ "4": {
142
+ "$value": "#917D47",
143
+ "$type": "color",
144
+ "$description": "earth 계열 4단계 원천 색상"
145
+ }
146
+ },
147
+ "metal": {
148
+ "0": {
149
+ "$value": "#FAFAFA",
150
+ "$type": "color",
151
+ "$description": "metal 계열 0단계 원천 색상"
152
+ },
153
+ "1": {
154
+ "$value": "#F2F2F2",
155
+ "$type": "color",
156
+ "$description": "metal 계열 1단계 원천 색상"
157
+ },
158
+ "2": {
159
+ "$value": "#E2E2E2",
160
+ "$type": "color",
161
+ "$description": "metal 계열 2단계 원천 색상"
162
+ },
163
+ "3": {
164
+ "$value": "#C2C2C2",
165
+ "$type": "color",
166
+ "$description": "metal 계열 3단계 원천 색상"
167
+ },
168
+ "4": {
169
+ "$value": "#A2A2A2",
170
+ "$type": "color",
171
+ "$description": "metal 계열 4단계 원천 색상"
172
+ }
173
+ },
174
+ "water": {
175
+ "0": {
176
+ "$value": "#999999",
177
+ "$type": "color",
178
+ "$description": "water 계열 0단계 원천 색상"
179
+ },
180
+ "1": {
181
+ "$value": "#555555",
182
+ "$type": "color",
183
+ "$description": "water 계열 1단계 원천 색상"
184
+ },
185
+ "2": {
186
+ "$value": "#333333",
187
+ "$type": "color",
188
+ "$description": "water 계열 2단계 원천 색상"
189
+ },
190
+ "3": {
191
+ "$value": "#222222",
192
+ "$type": "color",
193
+ "$description": "water 계열 3단계 원천 색상"
194
+ },
195
+ "4": {
196
+ "$value": "#111111",
197
+ "$type": "color",
198
+ "$description": "water 계열 4단계 원천 색상"
199
+ }
200
+ },
201
+ "hong": {
202
+ "0": {
203
+ "$value": "#F2E5E5",
204
+ "$type": "color",
205
+ "$description": "hong 계열 0단계 원천 색상"
206
+ },
207
+ "1": {
208
+ "$value": "#E5C7C7",
209
+ "$type": "color",
210
+ "$description": "hong 계열 1단계 원천 색상"
211
+ },
212
+ "2": {
213
+ "$value": "#D6A6A6",
214
+ "$type": "color",
215
+ "$description": "hong 계열 2단계 원천 색상"
216
+ },
217
+ "3": {
218
+ "$value": "#B37D7D",
219
+ "$type": "color",
220
+ "$description": "hong 계열 3단계 원천 색상"
221
+ },
222
+ "4": {
223
+ "$value": "#915555",
224
+ "$type": "color",
225
+ "$description": "hong 계열 4단계 원천 색상"
226
+ }
227
+ },
228
+ "byeok": {
229
+ "0": {
230
+ "$value": "#E6EEF4",
231
+ "$type": "color",
232
+ "$description": "byeok 계열 0단계 원천 색상"
233
+ },
234
+ "1": {
235
+ "$value": "#CEDAE3",
236
+ "$type": "color",
237
+ "$description": "byeok 계열 1단계 원천 색상"
238
+ },
239
+ "2": {
240
+ "$value": "#AFC2D0",
241
+ "$type": "color",
242
+ "$description": "byeok 계열 2단계 원천 색상"
243
+ },
244
+ "3": {
245
+ "$value": "#8AA1B2",
246
+ "$type": "color",
247
+ "$description": "byeok 계열 3단계 원천 색상"
248
+ },
249
+ "4": {
250
+ "$value": "#668194",
251
+ "$type": "color",
252
+ "$description": "byeok 계열 4단계 원천 색상"
253
+ }
254
+ },
255
+ "nok": {
256
+ "0": {
257
+ "$value": "#E7F0E6",
258
+ "$type": "color",
259
+ "$description": "nok 계열 0단계 원천 색상"
260
+ },
261
+ "1": {
262
+ "$value": "#CDDAC9",
263
+ "$type": "color",
264
+ "$description": "nok 계열 1단계 원천 색상"
265
+ },
266
+ "2": {
267
+ "$value": "#ACC4A6",
268
+ "$type": "color",
269
+ "$description": "nok 계열 2단계 원천 색상"
270
+ },
271
+ "3": {
272
+ "$value": "#8AA885",
273
+ "$type": "color",
274
+ "$description": "nok 계열 3단계 원천 색상"
275
+ },
276
+ "4": {
277
+ "$value": "#698C64",
278
+ "$type": "color",
279
+ "$description": "nok 계열 4단계 원천 색상"
280
+ }
281
+ },
282
+ "yuhwang": {
283
+ "0": {
284
+ "$value": "#D0CCBE",
285
+ "$type": "color",
286
+ "$description": "yuhwang 계열 0단계 원천 색상"
287
+ },
288
+ "1": {
289
+ "$value": "#AFA895",
290
+ "$type": "color",
291
+ "$description": "yuhwang 계열 1단계 원천 색상"
292
+ },
293
+ "2": {
294
+ "$value": "#867D61",
295
+ "$type": "color",
296
+ "$description": "yuhwang 계열 2단계 원천 색상"
297
+ },
298
+ "3": {
299
+ "$value": "#6D654E",
300
+ "$type": "color",
301
+ "$description": "yuhwang 계열 3단계 원천 색상"
302
+ },
303
+ "4": {
304
+ "$value": "#544D3C",
305
+ "$type": "color",
306
+ "$description": "yuhwang 계열 4단계 원천 색상"
307
+ }
308
+ },
309
+ "ja": {
310
+ "0": {
311
+ "$value": "#D1BFC0",
312
+ "$type": "color",
313
+ "$description": "ja 계열 0단계 원천 색상"
314
+ },
315
+ "1": {
316
+ "$value": "#A9898B",
317
+ "$type": "color",
318
+ "$description": "ja 계열 1단계 원천 색상"
319
+ },
320
+ "2": {
321
+ "$value": "#7E4F53",
322
+ "$type": "color",
323
+ "$description": "ja 계열 2단계 원천 색상"
324
+ },
325
+ "3": {
326
+ "$value": "#653A3D",
327
+ "$type": "color",
328
+ "$description": "ja 계열 3단계 원천 색상"
329
+ },
330
+ "4": {
331
+ "$value": "#4C2628",
332
+ "$type": "color",
333
+ "$description": "ja 계열 4단계 원천 색상"
334
+ }
335
+ }
336
+ }
337
+ },
338
+ "spacing": {
339
+ "compact": {
340
+ "$value": "4px",
341
+ "$type": "spacing",
342
+ "$description": "찰나: 아이콘 및 초미세 간격 (4px)"
343
+ },
344
+ "fine": {
345
+ "$value": "8px",
346
+ "$type": "spacing",
347
+ "$description": "세목: 인라인 요소 간격 (8px)"
348
+ },
349
+ "moderate": {
350
+ "$value": "12px",
351
+ "$type": "spacing",
352
+ "$description": "근거리: 폼 컨트롤 및 리스트 간격 (12px)"
353
+ },
354
+ "base": {
355
+ "$value": "16px",
356
+ "$type": "spacing",
357
+ "$description": "평상: 기본 패딩 (16px)"
358
+ },
359
+ "void": {
360
+ "$value": "24px",
361
+ "$type": "spacing",
362
+ "$description": "여백: 한지의 숨구멍 / 컴포넌트 여백 (24px)"
363
+ },
364
+ "wide": {
365
+ "$value": "32px",
366
+ "$type": "spacing",
367
+ "$description": "심원: 그룹핑 여백 (32px)"
368
+ },
369
+ "spacious": {
370
+ "$value": "48px",
371
+ "$type": "spacing",
372
+ "$description": "대여백: 섹션 간격 (48px)"
373
+ },
374
+ "vast": {
375
+ "$value": "64px",
376
+ "$type": "spacing",
377
+ "$description": "광막: 페이지 레벨 여백 (64px)"
378
+ }
379
+ },
380
+ "radius": {
381
+ "sharp": {
382
+ "$value": "0px",
383
+ "$type": "borderRadius",
384
+ "$description": "예리함: 검으로 벤 직각 (0px)"
385
+ },
386
+ "delicate": {
387
+ "$value": "4px",
388
+ "$type": "borderRadius",
389
+ "$description": "정갈함: 절제된 모서리 (4px)"
390
+ },
391
+ "gentle": {
392
+ "$value": "8px",
393
+ "$type": "borderRadius",
394
+ "$description": "온화함: 부드러운 곡률 (8px)"
395
+ },
396
+ "smooth": {
397
+ "$value": "12px",
398
+ "$type": "borderRadius",
399
+ "$description": "유려함: 담채 곡률 (12px)"
400
+ },
401
+ "prominent": {
402
+ "$value": "16px",
403
+ "$type": "borderRadius",
404
+ "$description": "원만함: 넉넉한 둥글림 (16px)"
405
+ },
406
+ "full": {
407
+ "$value": "9999px",
408
+ "$type": "borderRadius",
409
+ "$description": "태극: 완전한 원형"
410
+ }
411
+ },
412
+ "typography": {
413
+ "fontFamilies": {
414
+ "serif": {
415
+ "$value": "'Gowun Batang', 'Noto Serif KR', serif",
416
+ "$type": "fontFamilies"
417
+ },
418
+ "sans": {
419
+ "$value": "'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Apple SD Gothic Neo', sans-serif",
420
+ "$type": "fontFamilies"
421
+ },
422
+ "mono": {
423
+ "$value": "'JetBrains Mono', 'Fira Code', Menlo, monospace",
424
+ "$type": "fontFamilies"
425
+ }
426
+ },
427
+ "fontWeights": {
428
+ "light": {
429
+ "$value": "300",
430
+ "$type": "fontWeights"
431
+ },
432
+ "regular": {
433
+ "$value": "400",
434
+ "$type": "fontWeights"
435
+ },
436
+ "medium": {
437
+ "$value": "500",
438
+ "$type": "fontWeights"
439
+ },
440
+ "semibold": {
441
+ "$value": "600",
442
+ "$type": "fontWeights"
443
+ },
444
+ "bold": {
445
+ "$value": "700",
446
+ "$type": "fontWeights"
447
+ }
448
+ },
449
+ "lineHeights": {
450
+ "tight": {
451
+ "$value": "1.25",
452
+ "$type": "lineHeights"
453
+ },
454
+ "normal": {
455
+ "$value": "1.5",
456
+ "$type": "lineHeights"
457
+ },
458
+ "relaxed": {
459
+ "$value": "1.75",
460
+ "$type": "lineHeights"
461
+ },
462
+ "loose": {
463
+ "$value": "2.0",
464
+ "$type": "lineHeights"
465
+ }
466
+ },
467
+ "letterSpacing": {
468
+ "tight": {
469
+ "$value": "-0.02em",
470
+ "$type": "letterSpacing"
471
+ },
472
+ "normal": {
473
+ "$value": "0em",
474
+ "$type": "letterSpacing"
475
+ },
476
+ "wide": {
477
+ "$value": "0.04em",
478
+ "$type": "letterSpacing"
479
+ },
480
+ "loose": {
481
+ "$value": "0.08em",
482
+ "$type": "letterSpacing"
483
+ }
484
+ },
485
+ "fontSize": {
486
+ "h1": {
487
+ "$value": "68px",
488
+ "$type": "fontSizes",
489
+ "$description": "h1 폰트 크기"
490
+ },
491
+ "h2": {
492
+ "$value": "48px",
493
+ "$type": "fontSizes",
494
+ "$description": "h2 폰트 크기"
495
+ },
496
+ "h3": {
497
+ "$value": "34px",
498
+ "$type": "fontSizes",
499
+ "$description": "h3 폰트 크기"
500
+ },
501
+ "h4": {
502
+ "$value": "28px",
503
+ "$type": "fontSizes",
504
+ "$description": "h4 폰트 크기"
505
+ },
506
+ "h5": {
507
+ "$value": "22px",
508
+ "$type": "fontSizes",
509
+ "$description": "h5 폰트 크기"
510
+ },
511
+ "h6": {
512
+ "$value": "18px",
513
+ "$type": "fontSizes",
514
+ "$description": "h6 폰트 크기"
515
+ },
516
+ "subtitle1": {
517
+ "$value": "16px",
518
+ "$type": "fontSizes",
519
+ "$description": "subtitle1 폰트 크기"
520
+ },
521
+ "subtitle2": {
522
+ "$value": "14px",
523
+ "$type": "fontSizes",
524
+ "$description": "subtitle2 폰트 크기"
525
+ },
526
+ "subtitle3": {
527
+ "$value": "12px",
528
+ "$type": "fontSizes",
529
+ "$description": "subtitle3 폰트 크기"
530
+ },
531
+ "body1": {
532
+ "$value": "16px",
533
+ "$type": "fontSizes",
534
+ "$description": "body1 폰트 크기"
535
+ },
536
+ "body2": {
537
+ "$value": "14px",
538
+ "$type": "fontSizes",
539
+ "$description": "body2 폰트 크기"
540
+ },
541
+ "body3": {
542
+ "$value": "12px",
543
+ "$type": "fontSizes",
544
+ "$description": "body3 폰트 크기"
545
+ },
546
+ "button": {
547
+ "$value": "12px",
548
+ "$type": "fontSizes",
549
+ "$description": "button 폰트 크기"
550
+ },
551
+ "caption": {
552
+ "$value": "10px",
553
+ "$type": "fontSizes",
554
+ "$description": "caption 폰트 크기"
555
+ },
556
+ "overline": {
557
+ "$value": "8px",
558
+ "$type": "fontSizes",
559
+ "$description": "overline 폰트 크기"
560
+ }
561
+ }
562
+ },
563
+ "stroke": {
564
+ "weight": {
565
+ "sharp": {
566
+ "$value": "0.5px",
567
+ "$type": "borderWidth",
568
+ "$description": "획의 굵기: sharp"
569
+ },
570
+ "fine": {
571
+ "$value": "1px",
572
+ "$type": "borderWidth",
573
+ "$description": "획의 굵기: fine"
574
+ },
575
+ "medium": {
576
+ "$value": "1.5px",
577
+ "$type": "borderWidth",
578
+ "$description": "획의 굵기: medium"
579
+ },
580
+ "bold": {
581
+ "$value": "2px",
582
+ "$type": "borderWidth",
583
+ "$description": "획의 굵기: bold"
584
+ },
585
+ "heavy": {
586
+ "$value": "3px",
587
+ "$type": "borderWidth",
588
+ "$description": "획의 굵기: heavy"
589
+ }
590
+ }
591
+ },
592
+ "elevation": {
593
+ "damMuk": {
594
+ "$value": [
595
+ {
596
+ "x": 0,
597
+ "y": 1,
598
+ "blur": 3,
599
+ "spread": 0,
600
+ "color": "rgba(12, 12, 12, 0.04)",
601
+ "type": "dropShadow"
602
+ },
603
+ {
604
+ "x": 0,
605
+ "y": 2,
606
+ "blur": 8,
607
+ "spread": 0,
608
+ "color": "rgba(12, 12, 12, 0.08)",
609
+ "type": "dropShadow"
610
+ }
611
+ ],
612
+ "$type": "boxShadow",
613
+ "$description": "담묵(淡墨): 카드, 드롭다운"
614
+ },
615
+ "jungMuk": {
616
+ "$value": [
617
+ {
618
+ "x": 0,
619
+ "y": 2,
620
+ "blur": 4,
621
+ "spread": 0,
622
+ "color": "rgba(12, 12, 12, 0.04)",
623
+ "type": "dropShadow"
624
+ },
625
+ {
626
+ "x": 0,
627
+ "y": 4,
628
+ "blur": 16,
629
+ "spread": 0,
630
+ "color": "rgba(12, 12, 12, 0.08)",
631
+ "type": "dropShadow"
632
+ }
633
+ ],
634
+ "$type": "boxShadow",
635
+ "$description": "중묵(中墨): 팝오버, 보드"
636
+ },
637
+ "nongMuk": {
638
+ "$value": [
639
+ {
640
+ "x": 0,
641
+ "y": 4,
642
+ "blur": 12,
643
+ "spread": 0,
644
+ "color": "rgba(12, 12, 12, 0.04)",
645
+ "type": "dropShadow"
646
+ },
647
+ {
648
+ "x": 0,
649
+ "y": 12,
650
+ "blur": 32,
651
+ "spread": 0,
652
+ "color": "rgba(12, 12, 12, 0.08)",
653
+ "type": "dropShadow"
654
+ }
655
+ ],
656
+ "$type": "boxShadow",
657
+ "$description": "농묵(濃墨): 모달 다이얼로그"
658
+ },
659
+ "gukMuk": {
660
+ "$value": [
661
+ {
662
+ "x": 0,
663
+ "y": 8,
664
+ "blur": 16,
665
+ "spread": 0,
666
+ "color": "rgba(12, 12, 12, 0.04)",
667
+ "type": "dropShadow"
668
+ },
669
+ {
670
+ "x": 0,
671
+ "y": 20,
672
+ "blur": 48,
673
+ "spread": 0,
674
+ "color": "rgba(12, 12, 12, 0.08)",
675
+ "type": "dropShadow"
676
+ }
677
+ ],
678
+ "$type": "boxShadow",
679
+ "$description": "극묵(極墨): 플로팅 토스트"
680
+ }
681
+ },
682
+ "zIndex": {
683
+ "base": {
684
+ "$value": "0",
685
+ "$type": "other"
686
+ },
687
+ "raised": {
688
+ "$value": "1",
689
+ "$type": "other"
690
+ },
691
+ "docked": {
692
+ "$value": "10",
693
+ "$type": "other"
694
+ },
695
+ "sticky": {
696
+ "$value": "100",
697
+ "$type": "other"
698
+ },
699
+ "dropdown": {
700
+ "$value": "200",
701
+ "$type": "other"
702
+ },
703
+ "backdrop": {
704
+ "$value": "500",
705
+ "$type": "other"
706
+ },
707
+ "modal": {
708
+ "$value": "600",
709
+ "$type": "other"
710
+ },
711
+ "popover": {
712
+ "$value": "700",
713
+ "$type": "other"
714
+ },
715
+ "toast": {
716
+ "$value": "800",
717
+ "$type": "other"
718
+ },
719
+ "tooltip": {
720
+ "$value": "900",
721
+ "$type": "other"
722
+ },
723
+ "max": {
724
+ "$value": "9999",
725
+ "$type": "other"
726
+ }
727
+ }
728
+ },
729
+ "light": {
730
+ "color": {
731
+ "semantic": {
732
+ "background": {
733
+ "$value": "#fdfaf4",
734
+ "$type": "color",
735
+ "$description": "라이트(Yang) 모드 기본 배경색 (한지/심연)"
736
+ },
737
+ "text": {
738
+ "$value": "#0c0c0c",
739
+ "$type": "color",
740
+ "$description": "라이트(Yang) 모드 본문 텍스트 색상"
741
+ },
742
+ "stroke": {
743
+ "$value": "#000000",
744
+ "$type": "color",
745
+ "$description": "라이트(Yang) 모드 예리한 묵선 테두리"
746
+ },
747
+ "scale": {
748
+ "subtle": {
749
+ "$value": "#ffffff",
750
+ "$type": "color",
751
+ "$description": "무채색 스케일 subtle"
752
+ },
753
+ "soft": {
754
+ "$value": "#fefdfa",
755
+ "$type": "color",
756
+ "$description": "무채색 스케일 soft"
757
+ },
758
+ "primary": {
759
+ "$value": "#fdfaf4",
760
+ "$type": "color",
761
+ "$description": "무채색 스케일 primary"
762
+ },
763
+ "deep": {
764
+ "$value": "#f7f2e1",
765
+ "$type": "color",
766
+ "$description": "무채색 스케일 deep"
767
+ },
768
+ "sharp": {
769
+ "$value": "#f1ebd0",
770
+ "$type": "color",
771
+ "$description": "무채색 스케일 sharp"
772
+ }
773
+ },
774
+ "action": {
775
+ "subtle": {
776
+ "$value": "#ECF2F6",
777
+ "$type": "color",
778
+ "$description": "목(木) - Action subtle"
779
+ },
780
+ "soft": {
781
+ "$value": "#AEC6D7",
782
+ "$type": "color",
783
+ "$description": "목(木) - Action soft"
784
+ },
785
+ "primary": {
786
+ "$value": "#7BA2BE",
787
+ "$type": "color",
788
+ "$description": "목(木) - Action primary"
789
+ },
790
+ "deep": {
791
+ "$value": "#5C83A2",
792
+ "$type": "color",
793
+ "$description": "목(木) - Action deep"
794
+ },
795
+ "sharp": {
796
+ "$value": "#3E6586",
797
+ "$type": "color",
798
+ "$description": "목(木) - Action sharp"
799
+ }
800
+ },
801
+ "danger": {
802
+ "subtle": {
803
+ "$value": "#F4E7E7",
804
+ "$type": "color",
805
+ "$description": "화(火) - Danger subtle"
806
+ },
807
+ "soft": {
808
+ "$value": "#DDA8A8",
809
+ "$type": "color",
810
+ "$description": "화(火) - Danger soft"
811
+ },
812
+ "primary": {
813
+ "$value": "#C96B6B",
814
+ "$type": "color",
815
+ "$description": "화(火) - Danger primary"
816
+ },
817
+ "deep": {
818
+ "$value": "#A74E4E",
819
+ "$type": "color",
820
+ "$description": "화(火) - Danger deep"
821
+ },
822
+ "sharp": {
823
+ "$value": "#853131",
824
+ "$type": "color",
825
+ "$description": "화(火) - Danger sharp"
826
+ }
827
+ },
828
+ "surface": {
829
+ "subtle": {
830
+ "$value": "#F6F1E3",
831
+ "$type": "color",
832
+ "$description": "토(土) - Surface subtle"
833
+ },
834
+ "soft": {
835
+ "$value": "#E8DDBF",
836
+ "$type": "color",
837
+ "$description": "토(土) - Surface soft"
838
+ },
839
+ "primary": {
840
+ "$value": "#D9C58F",
841
+ "$type": "color",
842
+ "$description": "토(土) - Surface primary"
843
+ },
844
+ "deep": {
845
+ "$value": "#B5A16B",
846
+ "$type": "color",
847
+ "$description": "토(土) - Surface deep"
848
+ },
849
+ "sharp": {
850
+ "$value": "#917D47",
851
+ "$type": "color",
852
+ "$description": "토(土) - Surface sharp"
853
+ }
854
+ },
855
+ "border": {
856
+ "subtle": {
857
+ "$value": "#FAFAFA",
858
+ "$type": "color",
859
+ "$description": "금(金) - Border subtle"
860
+ },
861
+ "soft": {
862
+ "$value": "#F2F2F2",
863
+ "$type": "color",
864
+ "$description": "금(金) - Border soft"
865
+ },
866
+ "primary": {
867
+ "$value": "#E2E2E2",
868
+ "$type": "color",
869
+ "$description": "금(金) - Border primary"
870
+ },
871
+ "deep": {
872
+ "$value": "#C2C2C2",
873
+ "$type": "color",
874
+ "$description": "금(金) - Border deep"
875
+ },
876
+ "sharp": {
877
+ "$value": "#A2A2A2",
878
+ "$type": "color",
879
+ "$description": "금(金) - Border sharp"
880
+ }
881
+ },
882
+ "info": {
883
+ "subtle": {
884
+ "$value": "#999999",
885
+ "$type": "color",
886
+ "$description": "수(水) - Info subtle"
887
+ },
888
+ "soft": {
889
+ "$value": "#555555",
890
+ "$type": "color",
891
+ "$description": "수(水) - Info soft"
892
+ },
893
+ "primary": {
894
+ "$value": "#333333",
895
+ "$type": "color",
896
+ "$description": "수(水) - Info primary"
897
+ },
898
+ "deep": {
899
+ "$value": "#222222",
900
+ "$type": "color",
901
+ "$description": "수(水) - Info deep"
902
+ },
903
+ "sharp": {
904
+ "$value": "#111111",
905
+ "$type": "color",
906
+ "$description": "수(水) - Info sharp"
907
+ }
908
+ },
909
+ "status": {
910
+ "success": {
911
+ "subtle": {
912
+ "$value": "#E7F0E6",
913
+ "$type": "color",
914
+ "$description": "오간색 - success subtle"
915
+ },
916
+ "soft": {
917
+ "$value": "#CDDAC9",
918
+ "$type": "color",
919
+ "$description": "오간색 - success soft"
920
+ },
921
+ "primary": {
922
+ "$value": "#ACC4A6",
923
+ "$type": "color",
924
+ "$description": "오간색 - success primary"
925
+ },
926
+ "deep": {
927
+ "$value": "#8AA885",
928
+ "$type": "color",
929
+ "$description": "오간색 - success deep"
930
+ },
931
+ "sharp": {
932
+ "$value": "#698C64",
933
+ "$type": "color",
934
+ "$description": "오간색 - success sharp"
935
+ }
936
+ },
937
+ "alertHover": {
938
+ "subtle": {
939
+ "$value": "#F2E5E5",
940
+ "$type": "color",
941
+ "$description": "오간색 - alertHover subtle"
942
+ },
943
+ "soft": {
944
+ "$value": "#E5C7C7",
945
+ "$type": "color",
946
+ "$description": "오간색 - alertHover soft"
947
+ },
948
+ "primary": {
949
+ "$value": "#D6A6A6",
950
+ "$type": "color",
951
+ "$description": "오간색 - alertHover primary"
952
+ },
953
+ "deep": {
954
+ "$value": "#B37D7D",
955
+ "$type": "color",
956
+ "$description": "오간색 - alertHover deep"
957
+ },
958
+ "sharp": {
959
+ "$value": "#915555",
960
+ "$type": "color",
961
+ "$description": "오간색 - alertHover sharp"
962
+ }
963
+ },
964
+ "actionFocus": {
965
+ "subtle": {
966
+ "$value": "#E6EEF4",
967
+ "$type": "color",
968
+ "$description": "오간색 - actionFocus subtle"
969
+ },
970
+ "soft": {
971
+ "$value": "#CEDAE3",
972
+ "$type": "color",
973
+ "$description": "오간색 - actionFocus soft"
974
+ },
975
+ "primary": {
976
+ "$value": "#AFC2D0",
977
+ "$type": "color",
978
+ "$description": "오간색 - actionFocus primary"
979
+ },
980
+ "deep": {
981
+ "$value": "#8AA1B2",
982
+ "$type": "color",
983
+ "$description": "오간색 - actionFocus deep"
984
+ },
985
+ "sharp": {
986
+ "$value": "#668194",
987
+ "$type": "color",
988
+ "$description": "오간색 - actionFocus sharp"
989
+ }
990
+ },
991
+ "subSurface": {
992
+ "subtle": {
993
+ "$value": "#D0CCBE",
994
+ "$type": "color",
995
+ "$description": "오간색 - subSurface subtle"
996
+ },
997
+ "soft": {
998
+ "$value": "#AFA895",
999
+ "$type": "color",
1000
+ "$description": "오간색 - subSurface soft"
1001
+ },
1002
+ "primary": {
1003
+ "$value": "#867D61",
1004
+ "$type": "color",
1005
+ "$description": "오간색 - subSurface primary"
1006
+ },
1007
+ "deep": {
1008
+ "$value": "#6D654E",
1009
+ "$type": "color",
1010
+ "$description": "오간색 - subSurface deep"
1011
+ },
1012
+ "sharp": {
1013
+ "$value": "#544D3C",
1014
+ "$type": "color",
1015
+ "$description": "오간색 - subSurface sharp"
1016
+ }
1017
+ },
1018
+ "infoActive": {
1019
+ "subtle": {
1020
+ "$value": "#D1BFC0",
1021
+ "$type": "color",
1022
+ "$description": "오간색 - infoActive subtle"
1023
+ },
1024
+ "soft": {
1025
+ "$value": "#A9898B",
1026
+ "$type": "color",
1027
+ "$description": "오간색 - infoActive soft"
1028
+ },
1029
+ "primary": {
1030
+ "$value": "#7E4F53",
1031
+ "$type": "color",
1032
+ "$description": "오간색 - infoActive primary"
1033
+ },
1034
+ "deep": {
1035
+ "$value": "#653A3D",
1036
+ "$type": "color",
1037
+ "$description": "오간색 - infoActive deep"
1038
+ },
1039
+ "sharp": {
1040
+ "$value": "#4C2628",
1041
+ "$type": "color",
1042
+ "$description": "오간색 - infoActive sharp"
1043
+ }
1044
+ }
1045
+ },
1046
+ "bleed": {
1047
+ "primary": {
1048
+ "$value": "rgba(12, 12, 12, 0.08)",
1049
+ "$type": "color",
1050
+ "$description": "담채 번짐 기준색"
1051
+ },
1052
+ "soft": {
1053
+ "$value": "rgba(217, 197, 143, 0.15)",
1054
+ "$type": "color",
1055
+ "$description": "담채 부드러운 번짐색"
1056
+ }
1057
+ }
1058
+ }
1059
+ }
1060
+ },
1061
+ "dark": {
1062
+ "color": {
1063
+ "semantic": {
1064
+ "background": {
1065
+ "$value": "#0c0c0c",
1066
+ "$type": "color",
1067
+ "$description": "다크(Yin) 모드 기본 배경색 (한지/심연)"
1068
+ },
1069
+ "text": {
1070
+ "$value": "#fdfaf4",
1071
+ "$type": "color",
1072
+ "$description": "다크(Yin) 모드 본문 텍스트 색상"
1073
+ },
1074
+ "stroke": {
1075
+ "$value": "#ffffff",
1076
+ "$type": "color",
1077
+ "$description": "다크(Yin) 모드 예리한 묵선 테두리"
1078
+ },
1079
+ "scale": {
1080
+ "subtle": {
1081
+ "$value": "#000000",
1082
+ "$type": "color",
1083
+ "$description": "무채색 스케일 subtle"
1084
+ },
1085
+ "soft": {
1086
+ "$value": "#060606",
1087
+ "$type": "color",
1088
+ "$description": "무채색 스케일 soft"
1089
+ },
1090
+ "primary": {
1091
+ "$value": "#0c0c0c",
1092
+ "$type": "color",
1093
+ "$description": "무채색 스케일 primary"
1094
+ },
1095
+ "deep": {
1096
+ "$value": "#1a1a1a",
1097
+ "$type": "color",
1098
+ "$description": "무채색 스케일 deep"
1099
+ },
1100
+ "sharp": {
1101
+ "$value": "#333333",
1102
+ "$type": "color",
1103
+ "$description": "무채색 스케일 sharp"
1104
+ }
1105
+ },
1106
+ "action": {
1107
+ "subtle": {
1108
+ "$value": "#3E6586",
1109
+ "$type": "color",
1110
+ "$description": "목(木) - Action subtle"
1111
+ },
1112
+ "soft": {
1113
+ "$value": "#5C83A2",
1114
+ "$type": "color",
1115
+ "$description": "목(木) - Action soft"
1116
+ },
1117
+ "primary": {
1118
+ "$value": "#AEC6D7",
1119
+ "$type": "color",
1120
+ "$description": "목(木) - Action primary"
1121
+ },
1122
+ "deep": {
1123
+ "$value": "#7BA2BE",
1124
+ "$type": "color",
1125
+ "$description": "목(木) - Action deep"
1126
+ },
1127
+ "sharp": {
1128
+ "$value": "#ECF2F6",
1129
+ "$type": "color",
1130
+ "$description": "목(木) - Action sharp"
1131
+ }
1132
+ },
1133
+ "danger": {
1134
+ "subtle": {
1135
+ "$value": "#853131",
1136
+ "$type": "color",
1137
+ "$description": "화(火) - Danger subtle"
1138
+ },
1139
+ "soft": {
1140
+ "$value": "#A74E4E",
1141
+ "$type": "color",
1142
+ "$description": "화(火) - Danger soft"
1143
+ },
1144
+ "primary": {
1145
+ "$value": "#DDA8A8",
1146
+ "$type": "color",
1147
+ "$description": "화(火) - Danger primary"
1148
+ },
1149
+ "deep": {
1150
+ "$value": "#C96B6B",
1151
+ "$type": "color",
1152
+ "$description": "화(火) - Danger deep"
1153
+ },
1154
+ "sharp": {
1155
+ "$value": "#F4E7E7",
1156
+ "$type": "color",
1157
+ "$description": "화(火) - Danger sharp"
1158
+ }
1159
+ },
1160
+ "surface": {
1161
+ "subtle": {
1162
+ "$value": "#917D47",
1163
+ "$type": "color",
1164
+ "$description": "토(土) - Surface subtle"
1165
+ },
1166
+ "soft": {
1167
+ "$value": "#B5A16B",
1168
+ "$type": "color",
1169
+ "$description": "토(土) - Surface soft"
1170
+ },
1171
+ "primary": {
1172
+ "$value": "#E8DDBF",
1173
+ "$type": "color",
1174
+ "$description": "토(土) - Surface primary"
1175
+ },
1176
+ "deep": {
1177
+ "$value": "#D9C58F",
1178
+ "$type": "color",
1179
+ "$description": "토(土) - Surface deep"
1180
+ },
1181
+ "sharp": {
1182
+ "$value": "#F6F1E3",
1183
+ "$type": "color",
1184
+ "$description": "토(土) - Surface sharp"
1185
+ }
1186
+ },
1187
+ "border": {
1188
+ "subtle": {
1189
+ "$value": "#A2A2A2",
1190
+ "$type": "color",
1191
+ "$description": "금(金) - Border subtle"
1192
+ },
1193
+ "soft": {
1194
+ "$value": "#C2C2C2",
1195
+ "$type": "color",
1196
+ "$description": "금(金) - Border soft"
1197
+ },
1198
+ "primary": {
1199
+ "$value": "#F2F2F2",
1200
+ "$type": "color",
1201
+ "$description": "금(金) - Border primary"
1202
+ },
1203
+ "deep": {
1204
+ "$value": "#E2E2E2",
1205
+ "$type": "color",
1206
+ "$description": "금(金) - Border deep"
1207
+ },
1208
+ "sharp": {
1209
+ "$value": "#FAFAFA",
1210
+ "$type": "color",
1211
+ "$description": "금(金) - Border sharp"
1212
+ }
1213
+ },
1214
+ "info": {
1215
+ "subtle": {
1216
+ "$value": "#111111",
1217
+ "$type": "color",
1218
+ "$description": "수(水) - Info subtle"
1219
+ },
1220
+ "soft": {
1221
+ "$value": "#222222",
1222
+ "$type": "color",
1223
+ "$description": "수(水) - Info soft"
1224
+ },
1225
+ "primary": {
1226
+ "$value": "#555555",
1227
+ "$type": "color",
1228
+ "$description": "수(水) - Info primary"
1229
+ },
1230
+ "deep": {
1231
+ "$value": "#333333",
1232
+ "$type": "color",
1233
+ "$description": "수(水) - Info deep"
1234
+ },
1235
+ "sharp": {
1236
+ "$value": "#999999",
1237
+ "$type": "color",
1238
+ "$description": "수(水) - Info sharp"
1239
+ }
1240
+ },
1241
+ "status": {
1242
+ "success": {
1243
+ "subtle": {
1244
+ "$value": "#698C64",
1245
+ "$type": "color",
1246
+ "$description": "오간색 - success subtle"
1247
+ },
1248
+ "soft": {
1249
+ "$value": "#8AA885",
1250
+ "$type": "color",
1251
+ "$description": "오간색 - success soft"
1252
+ },
1253
+ "primary": {
1254
+ "$value": "#CDDAC9",
1255
+ "$type": "color",
1256
+ "$description": "오간색 - success primary"
1257
+ },
1258
+ "deep": {
1259
+ "$value": "#ACC4A6",
1260
+ "$type": "color",
1261
+ "$description": "오간색 - success deep"
1262
+ },
1263
+ "sharp": {
1264
+ "$value": "#E7F0E6",
1265
+ "$type": "color",
1266
+ "$description": "오간색 - success sharp"
1267
+ }
1268
+ },
1269
+ "alertHover": {
1270
+ "subtle": {
1271
+ "$value": "#915555",
1272
+ "$type": "color",
1273
+ "$description": "오간색 - alertHover subtle"
1274
+ },
1275
+ "soft": {
1276
+ "$value": "#B37D7D",
1277
+ "$type": "color",
1278
+ "$description": "오간색 - alertHover soft"
1279
+ },
1280
+ "primary": {
1281
+ "$value": "#E5C7C7",
1282
+ "$type": "color",
1283
+ "$description": "오간색 - alertHover primary"
1284
+ },
1285
+ "deep": {
1286
+ "$value": "#D6A6A6",
1287
+ "$type": "color",
1288
+ "$description": "오간색 - alertHover deep"
1289
+ },
1290
+ "sharp": {
1291
+ "$value": "#F2E5E5",
1292
+ "$type": "color",
1293
+ "$description": "오간색 - alertHover sharp"
1294
+ }
1295
+ },
1296
+ "actionFocus": {
1297
+ "subtle": {
1298
+ "$value": "#668194",
1299
+ "$type": "color",
1300
+ "$description": "오간색 - actionFocus subtle"
1301
+ },
1302
+ "soft": {
1303
+ "$value": "#8AA1B2",
1304
+ "$type": "color",
1305
+ "$description": "오간색 - actionFocus soft"
1306
+ },
1307
+ "primary": {
1308
+ "$value": "#CEDAE3",
1309
+ "$type": "color",
1310
+ "$description": "오간색 - actionFocus primary"
1311
+ },
1312
+ "deep": {
1313
+ "$value": "#AFC2D0",
1314
+ "$type": "color",
1315
+ "$description": "오간색 - actionFocus deep"
1316
+ },
1317
+ "sharp": {
1318
+ "$value": "#E6EEF4",
1319
+ "$type": "color",
1320
+ "$description": "오간색 - actionFocus sharp"
1321
+ }
1322
+ },
1323
+ "subSurface": {
1324
+ "subtle": {
1325
+ "$value": "#544D3C",
1326
+ "$type": "color",
1327
+ "$description": "오간색 - subSurface subtle"
1328
+ },
1329
+ "soft": {
1330
+ "$value": "#6D654E",
1331
+ "$type": "color",
1332
+ "$description": "오간색 - subSurface soft"
1333
+ },
1334
+ "primary": {
1335
+ "$value": "#AFA895",
1336
+ "$type": "color",
1337
+ "$description": "오간색 - subSurface primary"
1338
+ },
1339
+ "deep": {
1340
+ "$value": "#867D61",
1341
+ "$type": "color",
1342
+ "$description": "오간색 - subSurface deep"
1343
+ },
1344
+ "sharp": {
1345
+ "$value": "#D0CCBE",
1346
+ "$type": "color",
1347
+ "$description": "오간색 - subSurface sharp"
1348
+ }
1349
+ },
1350
+ "infoActive": {
1351
+ "subtle": {
1352
+ "$value": "#4C2628",
1353
+ "$type": "color",
1354
+ "$description": "오간색 - infoActive subtle"
1355
+ },
1356
+ "soft": {
1357
+ "$value": "#653A3D",
1358
+ "$type": "color",
1359
+ "$description": "오간색 - infoActive soft"
1360
+ },
1361
+ "primary": {
1362
+ "$value": "#A9898B",
1363
+ "$type": "color",
1364
+ "$description": "오간색 - infoActive primary"
1365
+ },
1366
+ "deep": {
1367
+ "$value": "#7E4F53",
1368
+ "$type": "color",
1369
+ "$description": "오간색 - infoActive deep"
1370
+ },
1371
+ "sharp": {
1372
+ "$value": "#D1BFC0",
1373
+ "$type": "color",
1374
+ "$description": "오간색 - infoActive sharp"
1375
+ }
1376
+ }
1377
+ },
1378
+ "bleed": {
1379
+ "primary": {
1380
+ "$value": "rgba(253, 250, 244, 0.12)",
1381
+ "$type": "color",
1382
+ "$description": "담채 번짐 기준색"
1383
+ },
1384
+ "soft": {
1385
+ "$value": "rgba(123, 162, 190, 0.2)",
1386
+ "$type": "color",
1387
+ "$description": "담채 부드러운 번짐색"
1388
+ }
1389
+ }
1390
+ }
1391
+ }
1392
+ }
1393
+ }