@seed-design/rootage-artifacts 2.3.0 → 2.5.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 (230) hide show
  1. package/__generated__/collections.d.ts +65 -0
  2. package/__generated__/collections.mjs +2 -0
  3. package/__generated__/color.d.ts +2440 -0
  4. package/__generated__/color.mjs +2 -0
  5. package/__generated__/components/accordion-item.d.ts +502 -0
  6. package/__generated__/components/accordion-item.mjs +2 -0
  7. package/__generated__/components/accordion.d.ts +87 -0
  8. package/__generated__/components/accordion.mjs +2 -0
  9. package/__generated__/components/action-button.d.ts +1638 -0
  10. package/__generated__/components/action-button.mjs +2 -0
  11. package/__generated__/components/action-chip.d.ts +455 -0
  12. package/__generated__/components/action-chip.mjs +2 -0
  13. package/__generated__/components/action-sheet-close-button.d.ts +116 -0
  14. package/__generated__/components/action-sheet-close-button.mjs +2 -0
  15. package/__generated__/components/action-sheet-item.d.ts +160 -0
  16. package/__generated__/components/action-sheet-item.mjs +2 -0
  17. package/__generated__/components/action-sheet.d.ts +270 -0
  18. package/__generated__/components/action-sheet.mjs +2 -0
  19. package/__generated__/components/alert-dialog.d.ts +308 -0
  20. package/__generated__/components/alert-dialog.mjs +2 -0
  21. package/__generated__/components/attachment-input-dropzone.d.ts +146 -0
  22. package/__generated__/components/attachment-input-dropzone.mjs +2 -0
  23. package/__generated__/components/attachment-input-item-action-button.d.ts +150 -0
  24. package/__generated__/components/attachment-input-item-action-button.mjs +2 -0
  25. package/__generated__/components/attachment-input-item-remove-button.d.ts +128 -0
  26. package/__generated__/components/attachment-input-item-remove-button.mjs +2 -0
  27. package/__generated__/components/attachment-input-item.d.ts +449 -0
  28. package/__generated__/components/attachment-input-item.mjs +2 -0
  29. package/__generated__/components/attachment-input-trigger.d.ts +211 -0
  30. package/__generated__/components/attachment-input-trigger.mjs +2 -0
  31. package/__generated__/components/attachment-input.d.ts +59 -0
  32. package/__generated__/components/attachment-input.mjs +2 -0
  33. package/__generated__/components/avatar-stack.d.ts +397 -0
  34. package/__generated__/components/avatar-stack.mjs +2 -0
  35. package/__generated__/components/avatar.d.ts +699 -0
  36. package/__generated__/components/avatar.mjs +2 -0
  37. package/__generated__/components/badge.d.ts +760 -0
  38. package/__generated__/components/badge.mjs +2 -0
  39. package/__generated__/components/bottom-sheet-close-button.d.ts +107 -0
  40. package/__generated__/components/bottom-sheet-close-button.mjs +2 -0
  41. package/__generated__/components/bottom-sheet-handle.d.ts +137 -0
  42. package/__generated__/components/bottom-sheet-handle.mjs +2 -0
  43. package/__generated__/components/bottom-sheet.d.ts +436 -0
  44. package/__generated__/components/bottom-sheet.mjs +2 -0
  45. package/__generated__/components/callout.d.ts +614 -0
  46. package/__generated__/components/callout.mjs +2 -0
  47. package/__generated__/components/checkbox-group.d.ts +44 -0
  48. package/__generated__/components/checkbox-group.mjs +2 -0
  49. package/__generated__/components/checkbox.d.ts +197 -0
  50. package/__generated__/components/checkbox.mjs +2 -0
  51. package/__generated__/components/checkmark.d.ts +574 -0
  52. package/__generated__/components/checkmark.mjs +2 -0
  53. package/__generated__/components/chip-tablist.d.ts +108 -0
  54. package/__generated__/components/chip-tablist.mjs +2 -0
  55. package/__generated__/components/chip.d.ts +930 -0
  56. package/__generated__/components/chip.mjs +2 -0
  57. package/__generated__/components/content-placeholder.d.ts +172 -0
  58. package/__generated__/components/content-placeholder.mjs +2 -0
  59. package/__generated__/components/contextual-floating-button.d.ts +474 -0
  60. package/__generated__/components/contextual-floating-button.mjs +2 -0
  61. package/__generated__/components/control-chip.d.ts +525 -0
  62. package/__generated__/components/control-chip.mjs +2 -0
  63. package/__generated__/components/date-picker.d.ts +467 -0
  64. package/__generated__/components/date-picker.json +466 -0
  65. package/__generated__/components/date-picker.mjs +2 -0
  66. package/__generated__/components/dialog-close-button.d.ts +125 -0
  67. package/__generated__/components/dialog-close-button.mjs +2 -0
  68. package/__generated__/components/dialog.d.ts +455 -0
  69. package/__generated__/components/dialog.mjs +2 -0
  70. package/__generated__/components/divider.d.ts +47 -0
  71. package/__generated__/components/divider.mjs +2 -0
  72. package/__generated__/components/extended-action-sheet-close-button.d.ts +123 -0
  73. package/__generated__/components/extended-action-sheet-close-button.mjs +2 -0
  74. package/__generated__/components/extended-action-sheet-item.d.ts +198 -0
  75. package/__generated__/components/extended-action-sheet-item.mjs +2 -0
  76. package/__generated__/components/extended-action-sheet.d.ts +309 -0
  77. package/__generated__/components/extended-action-sheet.mjs +2 -0
  78. package/__generated__/components/extended-fab.d.ts +338 -0
  79. package/__generated__/components/extended-fab.mjs +2 -0
  80. package/__generated__/components/fab.d.ts +125 -0
  81. package/__generated__/components/fab.mjs +2 -0
  82. package/__generated__/components/field-label.d.ts +109 -0
  83. package/__generated__/components/field-label.mjs +2 -0
  84. package/__generated__/components/field.d.ts +382 -0
  85. package/__generated__/components/field.mjs +2 -0
  86. package/__generated__/components/floating-action-button.d.ts +260 -0
  87. package/__generated__/components/floating-action-button.mjs +2 -0
  88. package/__generated__/components/help-bubble.d.ts +311 -0
  89. package/__generated__/components/help-bubble.mjs +2 -0
  90. package/__generated__/components/identity-placeholder.d.ts +57 -0
  91. package/__generated__/components/identity-placeholder.mjs +2 -0
  92. package/__generated__/components/image-frame-floater.d.ts +48 -0
  93. package/__generated__/components/image-frame-floater.mjs +2 -0
  94. package/__generated__/components/image-frame-indicator.d.ts +100 -0
  95. package/__generated__/components/image-frame-indicator.mjs +2 -0
  96. package/__generated__/components/image-frame-reaction-button.d.ts +160 -0
  97. package/__generated__/components/image-frame-reaction-button.mjs +2 -0
  98. package/__generated__/components/image-frame.d.ts +98 -0
  99. package/__generated__/components/image-frame.mjs +2 -0
  100. package/__generated__/components/inline-banner.d.ts +582 -0
  101. package/__generated__/components/inline-banner.mjs +2 -0
  102. package/__generated__/components/input-button.d.ts +559 -0
  103. package/__generated__/components/input-button.mjs +2 -0
  104. package/__generated__/components/link-content.d.ts +211 -0
  105. package/__generated__/components/link-content.mjs +2 -0
  106. package/__generated__/components/list-header.d.ts +134 -0
  107. package/__generated__/components/list-header.mjs +2 -0
  108. package/__generated__/components/list-item.d.ts +402 -0
  109. package/__generated__/components/list-item.mjs +2 -0
  110. package/__generated__/components/manner-temp-badge.d.ts +374 -0
  111. package/__generated__/components/manner-temp-badge.mjs +2 -0
  112. package/__generated__/components/manner-temp.d.ts +310 -0
  113. package/__generated__/components/manner-temp.mjs +2 -0
  114. package/__generated__/components/menu-item.d.ts +449 -0
  115. package/__generated__/components/menu-item.mjs +2 -0
  116. package/__generated__/components/menu-sheet-close-button.d.ts +122 -0
  117. package/__generated__/components/menu-sheet-close-button.mjs +2 -0
  118. package/__generated__/components/menu-sheet-item.d.ts +285 -0
  119. package/__generated__/components/menu-sheet-item.mjs +2 -0
  120. package/__generated__/components/menu-sheet.d.ts +315 -0
  121. package/__generated__/components/menu-sheet.mjs +2 -0
  122. package/__generated__/components/menu.d.ts +320 -0
  123. package/__generated__/components/menu.mjs +2 -0
  124. package/__generated__/components/notification-badge.d.ts +233 -0
  125. package/__generated__/components/notification-badge.mjs +2 -0
  126. package/__generated__/components/page-banner.d.ts +957 -0
  127. package/__generated__/components/page-banner.mjs +2 -0
  128. package/__generated__/components/progress-circle.d.ts +319 -0
  129. package/__generated__/components/progress-circle.mjs +2 -0
  130. package/__generated__/components/quantity-picker-button.d.ts +301 -0
  131. package/__generated__/components/quantity-picker-button.mjs +2 -0
  132. package/__generated__/components/quantity-picker.d.ts +310 -0
  133. package/__generated__/components/quantity-picker.mjs +2 -0
  134. package/__generated__/components/radio-group.d.ts +44 -0
  135. package/__generated__/components/radio-group.mjs +2 -0
  136. package/__generated__/components/radio.d.ts +197 -0
  137. package/__generated__/components/radio.mjs +2 -0
  138. package/__generated__/components/radiomark.d.ts +400 -0
  139. package/__generated__/components/radiomark.mjs +2 -0
  140. package/__generated__/components/reaction-button.d.ts +505 -0
  141. package/__generated__/components/reaction-button.mjs +2 -0
  142. package/__generated__/components/scroll-fog.d.ts +61 -0
  143. package/__generated__/components/scroll-fog.mjs +2 -0
  144. package/__generated__/components/segmented-control-indicator.d.ts +108 -0
  145. package/__generated__/components/segmented-control-indicator.mjs +2 -0
  146. package/__generated__/components/segmented-control-item.d.ts +206 -0
  147. package/__generated__/components/segmented-control-item.mjs +2 -0
  148. package/__generated__/components/segmented-control.d.ts +58 -0
  149. package/__generated__/components/segmented-control.mjs +2 -0
  150. package/__generated__/components/select-box-checkmark.d.ts +150 -0
  151. package/__generated__/components/select-box-checkmark.mjs +2 -0
  152. package/__generated__/components/select-box-group.d.ts +51 -0
  153. package/__generated__/components/select-box-group.mjs +2 -0
  154. package/__generated__/components/select-box.d.ts +469 -0
  155. package/__generated__/components/select-box.mjs +2 -0
  156. package/__generated__/components/select-item.d.ts +363 -0
  157. package/__generated__/components/select-item.mjs +2 -0
  158. package/__generated__/components/select-trigger.d.ts +452 -0
  159. package/__generated__/components/select-trigger.mjs +2 -0
  160. package/__generated__/components/select.d.ts +299 -0
  161. package/__generated__/components/select.mjs +2 -0
  162. package/__generated__/components/side-panel-close-button.d.ts +125 -0
  163. package/__generated__/components/side-panel-close-button.mjs +2 -0
  164. package/__generated__/components/side-panel.d.ts +453 -0
  165. package/__generated__/components/side-panel.mjs +2 -0
  166. package/__generated__/components/skeleton.d.ts +237 -0
  167. package/__generated__/components/skeleton.mjs +2 -0
  168. package/__generated__/components/slider-thumb.d.ts +115 -0
  169. package/__generated__/components/slider-thumb.mjs +2 -0
  170. package/__generated__/components/slider-tick.d.ts +98 -0
  171. package/__generated__/components/slider-tick.mjs +2 -0
  172. package/__generated__/components/slider.d.ts +402 -0
  173. package/__generated__/components/slider.mjs +2 -0
  174. package/__generated__/components/snackbar.d.ts +361 -0
  175. package/__generated__/components/snackbar.mjs +2 -0
  176. package/__generated__/components/switch.d.ts +208 -0
  177. package/__generated__/components/switch.mjs +2 -0
  178. package/__generated__/components/switchmark.d.ts +503 -0
  179. package/__generated__/components/switchmark.mjs +2 -0
  180. package/__generated__/components/tab.d.ts +190 -0
  181. package/__generated__/components/tab.mjs +2 -0
  182. package/__generated__/components/tablist.d.ts +226 -0
  183. package/__generated__/components/tablist.mjs +2 -0
  184. package/__generated__/components/tag-group-item.d.ts +403 -0
  185. package/__generated__/components/tag-group-item.mjs +2 -0
  186. package/__generated__/components/tag-group.d.ts +138 -0
  187. package/__generated__/components/tag-group.mjs +2 -0
  188. package/__generated__/components/text-button.d.ts +115 -0
  189. package/__generated__/components/text-button.mjs +2 -0
  190. package/__generated__/components/text-input.d.ts +887 -0
  191. package/__generated__/components/text-input.mjs +2 -0
  192. package/__generated__/components/time-picker.d.ts +141 -0
  193. package/__generated__/components/time-picker.json +140 -0
  194. package/__generated__/components/time-picker.mjs +2 -0
  195. package/__generated__/components/toggle-button.d.ts +642 -0
  196. package/__generated__/components/toggle-button.mjs +2 -0
  197. package/__generated__/components/top-navigation-icon-button.d.ts +140 -0
  198. package/__generated__/components/top-navigation-icon-button.mjs +2 -0
  199. package/__generated__/components/top-navigation-text-button.d.ts +226 -0
  200. package/__generated__/components/top-navigation-text-button.mjs +2 -0
  201. package/__generated__/components/top-navigation.d.ts +439 -0
  202. package/__generated__/components/top-navigation.mjs +2 -0
  203. package/__generated__/components/typography.d.ts +2675 -0
  204. package/__generated__/components/typography.mjs +2 -0
  205. package/__generated__/dimension.d.ts +276 -0
  206. package/__generated__/dimension.mjs +2 -0
  207. package/__generated__/duration.d.ts +96 -0
  208. package/__generated__/duration.mjs +2 -0
  209. package/__generated__/font-size.d.ts +339 -0
  210. package/__generated__/font-size.mjs +2 -0
  211. package/__generated__/font-weight.d.ts +37 -0
  212. package/__generated__/font-weight.mjs +2 -0
  213. package/__generated__/gradient.d.ts +248 -0
  214. package/__generated__/gradient.mjs +2 -0
  215. package/__generated__/index.d.ts +340 -0
  216. package/__generated__/index.json +7 -1
  217. package/__generated__/index.mjs +2 -0
  218. package/__generated__/line-height.d.ts +339 -0
  219. package/__generated__/line-height.mjs +2 -0
  220. package/__generated__/radius.d.ts +134 -0
  221. package/__generated__/radius.mjs +2 -0
  222. package/__generated__/scale.d.ts +49 -0
  223. package/__generated__/scale.mjs +2 -0
  224. package/__generated__/shadow.d.ts +171 -0
  225. package/__generated__/shadow.mjs +2 -0
  226. package/__generated__/timing-function.d.ts +104 -0
  227. package/__generated__/timing-function.mjs +2 -0
  228. package/components/date-picker.yaml +187 -0
  229. package/components/time-picker.yaml +53 -0
  230. package/package.json +17 -3
@@ -0,0 +1,2440 @@
1
+ declare const artifact: {
2
+ "kind": "Tokens";
3
+ "metadata": {
4
+ "id": "color";
5
+ "name": "Color";
6
+ "lastUpdated": "26-06-15";
7
+ };
8
+ "data": {
9
+ "collection": "color";
10
+ "tokens": {
11
+ "$color.palette.gray-00": {
12
+ "values": {
13
+ "theme-light": {
14
+ "type": "color";
15
+ "value": "#ffffff";
16
+ };
17
+ "theme-dark": {
18
+ "type": "color";
19
+ "value": "#000000";
20
+ };
21
+ };
22
+ };
23
+ "$color.palette.gray-100": {
24
+ "values": {
25
+ "theme-light": {
26
+ "type": "color";
27
+ "value": "#f7f8f9";
28
+ };
29
+ "theme-dark": {
30
+ "type": "color";
31
+ "value": "#16171b";
32
+ };
33
+ };
34
+ };
35
+ "$color.palette.gray-200": {
36
+ "values": {
37
+ "theme-light": {
38
+ "type": "color";
39
+ "value": "#f3f4f5";
40
+ };
41
+ "theme-dark": {
42
+ "type": "color";
43
+ "value": "#1d2025";
44
+ };
45
+ };
46
+ };
47
+ "$color.palette.gray-300": {
48
+ "values": {
49
+ "theme-light": {
50
+ "type": "color";
51
+ "value": "#eeeff1";
52
+ };
53
+ "theme-dark": {
54
+ "type": "color";
55
+ "value": "#2b2e35";
56
+ };
57
+ };
58
+ };
59
+ "$color.palette.gray-400": {
60
+ "values": {
61
+ "theme-light": {
62
+ "type": "color";
63
+ "value": "#dcdee3";
64
+ };
65
+ "theme-dark": {
66
+ "type": "color";
67
+ "value": "#393d46";
68
+ };
69
+ };
70
+ };
71
+ "$color.palette.gray-500": {
72
+ "values": {
73
+ "theme-light": {
74
+ "type": "color";
75
+ "value": "#d1d3d8";
76
+ };
77
+ "theme-dark": {
78
+ "type": "color";
79
+ "value": "#5b606a";
80
+ };
81
+ };
82
+ };
83
+ "$color.palette.gray-600": {
84
+ "values": {
85
+ "theme-light": {
86
+ "type": "color";
87
+ "value": "#b0b3ba";
88
+ };
89
+ "theme-dark": {
90
+ "type": "color";
91
+ "value": "#868b94";
92
+ };
93
+ };
94
+ };
95
+ "$color.palette.gray-700": {
96
+ "values": {
97
+ "theme-light": {
98
+ "type": "color";
99
+ "value": "#868b94";
100
+ };
101
+ "theme-dark": {
102
+ "type": "color";
103
+ "value": "#b0b3ba";
104
+ };
105
+ };
106
+ };
107
+ "$color.palette.gray-800": {
108
+ "values": {
109
+ "theme-light": {
110
+ "type": "color";
111
+ "value": "#555d6d";
112
+ };
113
+ "theme-dark": {
114
+ "type": "color";
115
+ "value": "#dcdee3";
116
+ };
117
+ };
118
+ };
119
+ "$color.palette.gray-900": {
120
+ "values": {
121
+ "theme-light": {
122
+ "type": "color";
123
+ "value": "#2a3038";
124
+ };
125
+ "theme-dark": {
126
+ "type": "color";
127
+ "value": "#e9eaec";
128
+ };
129
+ };
130
+ };
131
+ "$color.palette.gray-1000": {
132
+ "values": {
133
+ "theme-light": {
134
+ "type": "color";
135
+ "value": "#1a1c20";
136
+ };
137
+ "theme-dark": {
138
+ "type": "color";
139
+ "value": "#f3f4f5";
140
+ };
141
+ };
142
+ };
143
+ "$color.palette.carrot-100": {
144
+ "values": {
145
+ "theme-light": {
146
+ "type": "color";
147
+ "value": "#fff2ec";
148
+ };
149
+ "theme-dark": {
150
+ "type": "color";
151
+ "value": "#31241f";
152
+ };
153
+ };
154
+ };
155
+ "$color.palette.carrot-200": {
156
+ "values": {
157
+ "theme-light": {
158
+ "type": "color";
159
+ "value": "#ffe8db";
160
+ };
161
+ "theme-dark": {
162
+ "type": "color";
163
+ "value": "#4b291c";
164
+ };
165
+ };
166
+ };
167
+ "$color.palette.carrot-300": {
168
+ "values": {
169
+ "theme-light": {
170
+ "type": "color";
171
+ "value": "#ffd5c0";
172
+ };
173
+ "theme-dark": {
174
+ "type": "color";
175
+ "value": "#6b311c";
176
+ };
177
+ };
178
+ };
179
+ "$color.palette.carrot-400": {
180
+ "values": {
181
+ "theme-light": {
182
+ "type": "color";
183
+ "value": "#ffb999";
184
+ };
185
+ "theme-dark": {
186
+ "type": "color";
187
+ "value": "#923600";
188
+ };
189
+ };
190
+ };
191
+ "$color.palette.carrot-500": {
192
+ "values": {
193
+ "theme-light": {
194
+ "type": "color";
195
+ "value": "#ff9364";
196
+ };
197
+ "theme-dark": {
198
+ "type": "color";
199
+ "value": "#bd4201";
200
+ };
201
+ };
202
+ };
203
+ "$color.palette.carrot-600": {
204
+ "values": {
205
+ "theme-light": {
206
+ "type": "color";
207
+ "value": "#ff6600";
208
+ };
209
+ "theme-dark": {
210
+ "type": "color";
211
+ "value": "#e65200";
212
+ };
213
+ };
214
+ };
215
+ "$color.palette.carrot-700": {
216
+ "values": {
217
+ "theme-light": {
218
+ "type": "color";
219
+ "value": "#e14d00";
220
+ };
221
+ "theme-dark": {
222
+ "type": "color";
223
+ "value": "#ff6600";
224
+ };
225
+ };
226
+ };
227
+ "$color.palette.carrot-800": {
228
+ "values": {
229
+ "theme-light": {
230
+ "type": "color";
231
+ "value": "#b93901";
232
+ };
233
+ "theme-dark": {
234
+ "type": "color";
235
+ "value": "#ff9e65";
236
+ };
237
+ };
238
+ };
239
+ "$color.palette.carrot-900": {
240
+ "values": {
241
+ "theme-light": {
242
+ "type": "color";
243
+ "value": "#862b00";
244
+ };
245
+ "theme-dark": {
246
+ "type": "color";
247
+ "value": "#eecebc";
248
+ };
249
+ };
250
+ };
251
+ "$color.palette.carrot-1000": {
252
+ "values": {
253
+ "theme-light": {
254
+ "type": "color";
255
+ "value": "#471601";
256
+ };
257
+ "theme-dark": {
258
+ "type": "color";
259
+ "value": "#f4eeea";
260
+ };
261
+ };
262
+ };
263
+ "$color.palette.blue-100": {
264
+ "values": {
265
+ "theme-light": {
266
+ "type": "color";
267
+ "value": "#eff6ff";
268
+ };
269
+ "theme-dark": {
270
+ "type": "color";
271
+ "value": "#202742";
272
+ };
273
+ };
274
+ };
275
+ "$color.palette.blue-200": {
276
+ "values": {
277
+ "theme-light": {
278
+ "type": "color";
279
+ "value": "#e2edfc";
280
+ };
281
+ "theme-dark": {
282
+ "type": "color";
283
+ "value": "#1e3352";
284
+ };
285
+ };
286
+ };
287
+ "$color.palette.blue-300": {
288
+ "values": {
289
+ "theme-light": {
290
+ "type": "color";
291
+ "value": "#cbdffa";
292
+ };
293
+ "theme-dark": {
294
+ "type": "color";
295
+ "value": "#1a4275";
296
+ };
297
+ };
298
+ };
299
+ "$color.palette.blue-400": {
300
+ "values": {
301
+ "theme-light": {
302
+ "type": "color";
303
+ "value": "#aacefd";
304
+ };
305
+ "theme-dark": {
306
+ "type": "color";
307
+ "value": "#0f559e";
308
+ };
309
+ };
310
+ };
311
+ "$color.palette.blue-500": {
312
+ "values": {
313
+ "theme-light": {
314
+ "type": "color";
315
+ "value": "#85b8fd";
316
+ };
317
+ "theme-dark": {
318
+ "type": "color";
319
+ "value": "#1964d8";
320
+ };
321
+ };
322
+ };
323
+ "$color.palette.blue-600": {
324
+ "values": {
325
+ "theme-light": {
326
+ "type": "color";
327
+ "value": "#5e98fe";
328
+ };
329
+ "theme-dark": {
330
+ "type": "color";
331
+ "value": "#1e82eb";
332
+ };
333
+ };
334
+ };
335
+ "$color.palette.blue-700": {
336
+ "values": {
337
+ "theme-light": {
338
+ "type": "color";
339
+ "value": "#217cf9";
340
+ };
341
+ "theme-dark": {
342
+ "type": "color";
343
+ "value": "#41a2f9";
344
+ };
345
+ };
346
+ };
347
+ "$color.palette.blue-800": {
348
+ "values": {
349
+ "theme-light": {
350
+ "type": "color";
351
+ "value": "#135fcd";
352
+ };
353
+ "theme-dark": {
354
+ "type": "color";
355
+ "value": "#83bcf9";
356
+ };
357
+ };
358
+ };
359
+ "$color.palette.blue-900": {
360
+ "values": {
361
+ "theme-light": {
362
+ "type": "color";
363
+ "value": "#0b4596";
364
+ };
365
+ "theme-dark": {
366
+ "type": "color";
367
+ "value": "#b9d7fb";
368
+ };
369
+ };
370
+ };
371
+ "$color.palette.blue-1000": {
372
+ "values": {
373
+ "theme-light": {
374
+ "type": "color";
375
+ "value": "#032451";
376
+ };
377
+ "theme-dark": {
378
+ "type": "color";
379
+ "value": "#e5f0fe";
380
+ };
381
+ };
382
+ };
383
+ "$color.palette.red-100": {
384
+ "values": {
385
+ "theme-light": {
386
+ "type": "color";
387
+ "value": "#fdf0f0";
388
+ };
389
+ "theme-dark": {
390
+ "type": "color";
391
+ "value": "#322323";
392
+ };
393
+ };
394
+ };
395
+ "$color.palette.red-200": {
396
+ "values": {
397
+ "theme-light": {
398
+ "type": "color";
399
+ "value": "#fde7e7";
400
+ };
401
+ "theme-dark": {
402
+ "type": "color";
403
+ "value": "#4f2624";
404
+ };
405
+ };
406
+ };
407
+ "$color.palette.red-300": {
408
+ "values": {
409
+ "theme-light": {
410
+ "type": "color";
411
+ "value": "#fed4d2";
412
+ };
413
+ "theme-dark": {
414
+ "type": "color";
415
+ "value": "#742826";
416
+ };
417
+ };
418
+ };
419
+ "$color.palette.red-400": {
420
+ "values": {
421
+ "theme-light": {
422
+ "type": "color";
423
+ "value": "#feb7b3";
424
+ };
425
+ "theme-dark": {
426
+ "type": "color";
427
+ "value": "#a12621";
428
+ };
429
+ };
430
+ };
431
+ "$color.palette.red-500": {
432
+ "values": {
433
+ "theme-light": {
434
+ "type": "color";
435
+ "value": "#fe928d";
436
+ };
437
+ "theme-dark": {
438
+ "type": "color";
439
+ "value": "#ca2319";
440
+ };
441
+ };
442
+ };
443
+ "$color.palette.red-600": {
444
+ "values": {
445
+ "theme-light": {
446
+ "type": "color";
447
+ "value": "#fc6a66";
448
+ };
449
+ "theme-dark": {
450
+ "type": "color";
451
+ "value": "#f73526";
452
+ };
453
+ };
454
+ };
455
+ "$color.palette.red-700": {
456
+ "values": {
457
+ "theme-light": {
458
+ "type": "color";
459
+ "value": "#fa342c";
460
+ };
461
+ "theme-dark": {
462
+ "type": "color";
463
+ "value": "#ff6e60";
464
+ };
465
+ };
466
+ };
467
+ "$color.palette.red-800": {
468
+ "values": {
469
+ "theme-light": {
470
+ "type": "color";
471
+ "value": "#ca1d13";
472
+ };
473
+ "theme-dark": {
474
+ "type": "color";
475
+ "value": "#ffa299";
476
+ };
477
+ };
478
+ };
479
+ "$color.palette.red-900": {
480
+ "values": {
481
+ "theme-light": {
482
+ "type": "color";
483
+ "value": "#921708";
484
+ };
485
+ "theme-dark": {
486
+ "type": "color";
487
+ "value": "#f8c5c3";
488
+ };
489
+ };
490
+ };
491
+ "$color.palette.red-1000": {
492
+ "values": {
493
+ "theme-light": {
494
+ "type": "color";
495
+ "value": "#4a1209";
496
+ };
497
+ "theme-dark": {
498
+ "type": "color";
499
+ "value": "#fdf2f2";
500
+ };
501
+ };
502
+ };
503
+ "$color.palette.green-100": {
504
+ "values": {
505
+ "theme-light": {
506
+ "type": "color";
507
+ "value": "#edfaf6";
508
+ };
509
+ "theme-dark": {
510
+ "type": "color";
511
+ "value": "#202926";
512
+ };
513
+ };
514
+ };
515
+ "$color.palette.green-200": {
516
+ "values": {
517
+ "theme-light": {
518
+ "type": "color";
519
+ "value": "#d9f6e9";
520
+ };
521
+ "theme-dark": {
522
+ "type": "color";
523
+ "value": "#20362e";
524
+ };
525
+ };
526
+ };
527
+ "$color.palette.green-300": {
528
+ "values": {
529
+ "theme-light": {
530
+ "type": "color";
531
+ "value": "#b9e9d2";
532
+ };
533
+ "theme-dark": {
534
+ "type": "color";
535
+ "value": "#20493b";
536
+ };
537
+ };
538
+ };
539
+ "$color.palette.green-400": {
540
+ "values": {
541
+ "theme-light": {
542
+ "type": "color";
543
+ "value": "#7ddcb3";
544
+ };
545
+ "theme-dark": {
546
+ "type": "color";
547
+ "value": "#19604c";
548
+ };
549
+ };
550
+ };
551
+ "$color.palette.green-500": {
552
+ "values": {
553
+ "theme-light": {
554
+ "type": "color";
555
+ "value": "#42c593";
556
+ };
557
+ "theme-dark": {
558
+ "type": "color";
559
+ "value": "#117956";
560
+ };
561
+ };
562
+ };
563
+ "$color.palette.green-600": {
564
+ "values": {
565
+ "theme-light": {
566
+ "type": "color";
567
+ "value": "#10ab7d";
568
+ };
569
+ "theme-dark": {
570
+ "type": "color";
571
+ "value": "#1b946d";
572
+ };
573
+ };
574
+ };
575
+ "$color.palette.green-700": {
576
+ "values": {
577
+ "theme-light": {
578
+ "type": "color";
579
+ "value": "#079171";
580
+ };
581
+ "theme-dark": {
582
+ "type": "color";
583
+ "value": "#22b27f";
584
+ };
585
+ };
586
+ };
587
+ "$color.palette.green-800": {
588
+ "values": {
589
+ "theme-light": {
590
+ "type": "color";
591
+ "value": "#00745f";
592
+ };
593
+ "theme-dark": {
594
+ "type": "color";
595
+ "value": "#35ce9a";
596
+ };
597
+ };
598
+ };
599
+ "$color.palette.green-900": {
600
+ "values": {
601
+ "theme-light": {
602
+ "type": "color";
603
+ "value": "#075445";
604
+ };
605
+ "theme-dark": {
606
+ "type": "color";
607
+ "value": "#93e5c0";
608
+ };
609
+ };
610
+ };
611
+ "$color.palette.green-1000": {
612
+ "values": {
613
+ "theme-light": {
614
+ "type": "color";
615
+ "value": "#0a2b24";
616
+ };
617
+ "theme-dark": {
618
+ "type": "color";
619
+ "value": "#d4f6ef";
620
+ };
621
+ };
622
+ };
623
+ "$color.palette.yellow-100": {
624
+ "values": {
625
+ "theme-light": {
626
+ "type": "color";
627
+ "value": "#fff7de";
628
+ };
629
+ "theme-dark": {
630
+ "type": "color";
631
+ "value": "#302819";
632
+ };
633
+ };
634
+ };
635
+ "$color.palette.yellow-200": {
636
+ "values": {
637
+ "theme-light": {
638
+ "type": "color";
639
+ "value": "#fdefb9";
640
+ };
641
+ "theme-dark": {
642
+ "type": "color";
643
+ "value": "#413218";
644
+ };
645
+ };
646
+ };
647
+ "$color.palette.yellow-300": {
648
+ "values": {
649
+ "theme-light": {
650
+ "type": "color";
651
+ "value": "#fbdc65";
652
+ };
653
+ "theme-dark": {
654
+ "type": "color";
655
+ "value": "#543e15";
656
+ };
657
+ };
658
+ };
659
+ "$color.palette.yellow-400": {
660
+ "values": {
661
+ "theme-light": {
662
+ "type": "color";
663
+ "value": "#e9c647";
664
+ };
665
+ "theme-dark": {
666
+ "type": "color";
667
+ "value": "#714e15";
668
+ };
669
+ };
670
+ };
671
+ "$color.palette.yellow-500": {
672
+ "values": {
673
+ "theme-light": {
674
+ "type": "color";
675
+ "value": "#d4ab28";
676
+ };
677
+ "theme-dark": {
678
+ "type": "color";
679
+ "value": "#91601b";
680
+ };
681
+ };
682
+ };
683
+ "$color.palette.yellow-600": {
684
+ "values": {
685
+ "theme-light": {
686
+ "type": "color";
687
+ "value": "#c49725";
688
+ };
689
+ "theme-dark": {
690
+ "type": "color";
691
+ "value": "#b6720d";
692
+ };
693
+ };
694
+ };
695
+ "$color.palette.yellow-700": {
696
+ "values": {
697
+ "theme-light": {
698
+ "type": "color";
699
+ "value": "#9b7821";
700
+ };
701
+ "theme-dark": {
702
+ "type": "color";
703
+ "value": "#ca901c";
704
+ };
705
+ };
706
+ };
707
+ "$color.palette.yellow-800": {
708
+ "values": {
709
+ "theme-light": {
710
+ "type": "color";
711
+ "value": "#755b22";
712
+ };
713
+ "theme-dark": {
714
+ "type": "color";
715
+ "value": "#dab156";
716
+ };
717
+ };
718
+ };
719
+ "$color.palette.yellow-900": {
720
+ "values": {
721
+ "theme-light": {
722
+ "type": "color";
723
+ "value": "#4f3e1f";
724
+ };
725
+ "theme-dark": {
726
+ "type": "color";
727
+ "value": "#e5d49b";
728
+ };
729
+ };
730
+ };
731
+ "$color.palette.yellow-1000": {
732
+ "values": {
733
+ "theme-light": {
734
+ "type": "color";
735
+ "value": "#2c2512";
736
+ };
737
+ "theme-dark": {
738
+ "type": "color";
739
+ "value": "#f7f0cd";
740
+ };
741
+ };
742
+ };
743
+ "$color.palette.purple-100": {
744
+ "values": {
745
+ "theme-light": {
746
+ "type": "color";
747
+ "value": "#f5f3fe";
748
+ };
749
+ "theme-dark": {
750
+ "type": "color";
751
+ "value": "#28213b";
752
+ };
753
+ };
754
+ };
755
+ "$color.palette.purple-200": {
756
+ "values": {
757
+ "theme-light": {
758
+ "type": "color";
759
+ "value": "#efeafe";
760
+ };
761
+ "theme-dark": {
762
+ "type": "color";
763
+ "value": "#3b2873";
764
+ };
765
+ };
766
+ };
767
+ "$color.palette.purple-300": {
768
+ "values": {
769
+ "theme-light": {
770
+ "type": "color";
771
+ "value": "#e1d8ff";
772
+ };
773
+ "theme-dark": {
774
+ "type": "color";
775
+ "value": "#443081";
776
+ };
777
+ };
778
+ };
779
+ "$color.palette.purple-400": {
780
+ "values": {
781
+ "theme-light": {
782
+ "type": "color";
783
+ "value": "#d0c0ff";
784
+ };
785
+ "theme-dark": {
786
+ "type": "color";
787
+ "value": "#5a3bb1";
788
+ };
789
+ };
790
+ };
791
+ "$color.palette.purple-500": {
792
+ "values": {
793
+ "theme-light": {
794
+ "type": "color";
795
+ "value": "#b8a1ff";
796
+ };
797
+ "theme-dark": {
798
+ "type": "color";
799
+ "value": "#764fd9";
800
+ };
801
+ };
802
+ };
803
+ "$color.palette.purple-600": {
804
+ "values": {
805
+ "theme-light": {
806
+ "type": "color";
807
+ "value": "#9f84fb";
808
+ };
809
+ "theme-dark": {
810
+ "type": "color";
811
+ "value": "#8e6bee";
812
+ };
813
+ };
814
+ };
815
+ "$color.palette.purple-700": {
816
+ "values": {
817
+ "theme-light": {
818
+ "type": "color";
819
+ "value": "#8969ea";
820
+ };
821
+ "theme-dark": {
822
+ "type": "color";
823
+ "value": "#a78df0";
824
+ };
825
+ };
826
+ };
827
+ "$color.palette.purple-800": {
828
+ "values": {
829
+ "theme-light": {
830
+ "type": "color";
831
+ "value": "#6d50cb";
832
+ };
833
+ "theme-dark": {
834
+ "type": "color";
835
+ "value": "#beadf2";
836
+ };
837
+ };
838
+ };
839
+ "$color.palette.purple-900": {
840
+ "values": {
841
+ "theme-light": {
842
+ "type": "color";
843
+ "value": "#50379b";
844
+ };
845
+ "theme-dark": {
846
+ "type": "color";
847
+ "value": "#d9cefa";
848
+ };
849
+ };
850
+ };
851
+ "$color.palette.purple-1000": {
852
+ "values": {
853
+ "theme-light": {
854
+ "type": "color";
855
+ "value": "#29175d";
856
+ };
857
+ "theme-dark": {
858
+ "type": "color";
859
+ "value": "#f0edfc";
860
+ };
861
+ };
862
+ };
863
+ "$color.palette.static-black": {
864
+ "values": {
865
+ "theme-light": {
866
+ "type": "color";
867
+ "value": "#000000";
868
+ };
869
+ "theme-dark": {
870
+ "type": "color";
871
+ "value": "#000000";
872
+ };
873
+ };
874
+ };
875
+ "$color.palette.static-black-alpha-100": {
876
+ "values": {
877
+ "theme-light": {
878
+ "type": "color";
879
+ "value": "#00000007";
880
+ };
881
+ "theme-dark": {
882
+ "type": "color";
883
+ "value": "#00000007";
884
+ };
885
+ };
886
+ };
887
+ "$color.palette.static-black-alpha-200": {
888
+ "values": {
889
+ "theme-light": {
890
+ "type": "color";
891
+ "value": "#0000000c";
892
+ };
893
+ "theme-dark": {
894
+ "type": "color";
895
+ "value": "#0000000c";
896
+ };
897
+ };
898
+ };
899
+ "$color.palette.static-black-alpha-300": {
900
+ "values": {
901
+ "theme-light": {
902
+ "type": "color";
903
+ "value": "#00000010";
904
+ };
905
+ "theme-dark": {
906
+ "type": "color";
907
+ "value": "#00000010";
908
+ };
909
+ };
910
+ };
911
+ "$color.palette.static-black-alpha-400": {
912
+ "values": {
913
+ "theme-light": {
914
+ "type": "color";
915
+ "value": "#00000021";
916
+ };
917
+ "theme-dark": {
918
+ "type": "color";
919
+ "value": "#00000021";
920
+ };
921
+ };
922
+ };
923
+ "$color.palette.static-black-alpha-500": {
924
+ "values": {
925
+ "theme-light": {
926
+ "type": "color";
927
+ "value": "#0000002c";
928
+ };
929
+ "theme-dark": {
930
+ "type": "color";
931
+ "value": "#0000002c";
932
+ };
933
+ };
934
+ };
935
+ "$color.palette.static-black-alpha-600": {
936
+ "values": {
937
+ "theme-light": {
938
+ "type": "color";
939
+ "value": "#0000004c";
940
+ };
941
+ "theme-dark": {
942
+ "type": "color";
943
+ "value": "#0000004c";
944
+ };
945
+ };
946
+ };
947
+ "$color.palette.static-black-alpha-700": {
948
+ "values": {
949
+ "theme-light": {
950
+ "type": "color";
951
+ "value": "#00000074";
952
+ };
953
+ "theme-dark": {
954
+ "type": "color";
955
+ "value": "#00000074";
956
+ };
957
+ };
958
+ };
959
+ "$color.palette.static-black-alpha-800": {
960
+ "values": {
961
+ "theme-light": {
962
+ "type": "color";
963
+ "value": "#000000a2";
964
+ };
965
+ "theme-dark": {
966
+ "type": "color";
967
+ "value": "#000000a2";
968
+ };
969
+ };
970
+ };
971
+ "$color.palette.static-black-alpha-900": {
972
+ "values": {
973
+ "theme-light": {
974
+ "type": "color";
975
+ "value": "#000000d0";
976
+ };
977
+ "theme-dark": {
978
+ "type": "color";
979
+ "value": "#000000d0";
980
+ };
981
+ };
982
+ };
983
+ "$color.palette.static-black-alpha-1000": {
984
+ "values": {
985
+ "theme-light": {
986
+ "type": "color";
987
+ "value": "#000000e3";
988
+ };
989
+ "theme-dark": {
990
+ "type": "color";
991
+ "value": "#000000e3";
992
+ };
993
+ };
994
+ };
995
+ "$color.palette.static-white": {
996
+ "values": {
997
+ "theme-light": {
998
+ "type": "color";
999
+ "value": "#ffffff";
1000
+ };
1001
+ "theme-dark": {
1002
+ "type": "color";
1003
+ "value": "#ffffff";
1004
+ };
1005
+ };
1006
+ };
1007
+ "$color.palette.static-white-alpha-50": {
1008
+ "values": {
1009
+ "theme-light": {
1010
+ "type": "color";
1011
+ "value": "#ffffff0d";
1012
+ };
1013
+ "theme-dark": {
1014
+ "type": "color";
1015
+ "value": "#ffffff0d";
1016
+ };
1017
+ };
1018
+ };
1019
+ "$color.palette.static-white-alpha-100": {
1020
+ "values": {
1021
+ "theme-light": {
1022
+ "type": "color";
1023
+ "value": "#ffffff17";
1024
+ };
1025
+ "theme-dark": {
1026
+ "type": "color";
1027
+ "value": "#ffffff17";
1028
+ };
1029
+ };
1030
+ };
1031
+ "$color.palette.static-white-alpha-200": {
1032
+ "values": {
1033
+ "theme-light": {
1034
+ "type": "color";
1035
+ "value": "#ffffff20";
1036
+ };
1037
+ "theme-dark": {
1038
+ "type": "color";
1039
+ "value": "#ffffff20";
1040
+ };
1041
+ };
1042
+ };
1043
+ "$color.palette.static-white-alpha-300": {
1044
+ "values": {
1045
+ "theme-light": {
1046
+ "type": "color";
1047
+ "value": "#ffffff2e";
1048
+ };
1049
+ "theme-dark": {
1050
+ "type": "color";
1051
+ "value": "#ffffff2e";
1052
+ };
1053
+ };
1054
+ };
1055
+ "$color.palette.static-white-alpha-400": {
1056
+ "values": {
1057
+ "theme-light": {
1058
+ "type": "color";
1059
+ "value": "#ffffff3d";
1060
+ };
1061
+ "theme-dark": {
1062
+ "type": "color";
1063
+ "value": "#ffffff3d";
1064
+ };
1065
+ };
1066
+ };
1067
+ "$color.palette.static-white-alpha-500": {
1068
+ "values": {
1069
+ "theme-light": {
1070
+ "type": "color";
1071
+ "value": "#ffffff60";
1072
+ };
1073
+ "theme-dark": {
1074
+ "type": "color";
1075
+ "value": "#ffffff60";
1076
+ };
1077
+ };
1078
+ };
1079
+ "$color.palette.static-white-alpha-600": {
1080
+ "values": {
1081
+ "theme-light": {
1082
+ "type": "color";
1083
+ "value": "#ffffff8b";
1084
+ };
1085
+ "theme-dark": {
1086
+ "type": "color";
1087
+ "value": "#ffffff8b";
1088
+ };
1089
+ };
1090
+ };
1091
+ "$color.palette.static-white-alpha-700": {
1092
+ "values": {
1093
+ "theme-light": {
1094
+ "type": "color";
1095
+ "value": "#ffffffb3";
1096
+ };
1097
+ "theme-dark": {
1098
+ "type": "color";
1099
+ "value": "#ffffffb3";
1100
+ };
1101
+ };
1102
+ };
1103
+ "$color.palette.static-white-alpha-800": {
1104
+ "values": {
1105
+ "theme-light": {
1106
+ "type": "color";
1107
+ "value": "#ffffffde";
1108
+ };
1109
+ "theme-dark": {
1110
+ "type": "color";
1111
+ "value": "#ffffffde";
1112
+ };
1113
+ };
1114
+ };
1115
+ "$color.palette.static-white-alpha-900": {
1116
+ "values": {
1117
+ "theme-light": {
1118
+ "type": "color";
1119
+ "value": "#ffffffea";
1120
+ };
1121
+ "theme-dark": {
1122
+ "type": "color";
1123
+ "value": "#ffffffea";
1124
+ };
1125
+ };
1126
+ };
1127
+ "$color.palette.static-white-alpha-1000": {
1128
+ "values": {
1129
+ "theme-light": {
1130
+ "type": "color";
1131
+ "value": "#fffffff4";
1132
+ };
1133
+ "theme-dark": {
1134
+ "type": "color";
1135
+ "value": "#fffffff4";
1136
+ };
1137
+ };
1138
+ };
1139
+ "$color.fg.brand": {
1140
+ "values": {
1141
+ "theme-light": {
1142
+ "type": "color";
1143
+ "value": "$color.palette.carrot-600";
1144
+ };
1145
+ "theme-dark": {
1146
+ "type": "color";
1147
+ "value": "$color.palette.carrot-700";
1148
+ };
1149
+ };
1150
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다.";
1151
+ };
1152
+ "$color.fg.brand-contrast": {
1153
+ "values": {
1154
+ "theme-light": {
1155
+ "type": "color";
1156
+ "value": "$color.palette.carrot-700";
1157
+ };
1158
+ "theme-dark": {
1159
+ "type": "color";
1160
+ "value": "$color.palette.carrot-700";
1161
+ };
1162
+ };
1163
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. (contrast)";
1164
+ };
1165
+ "$color.fg.critical": {
1166
+ "values": {
1167
+ "theme-light": {
1168
+ "type": "color";
1169
+ "value": "$color.palette.red-700";
1170
+ };
1171
+ "theme-dark": {
1172
+ "type": "color";
1173
+ "value": "$color.palette.red-700";
1174
+ };
1175
+ };
1176
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다.";
1177
+ };
1178
+ "$color.fg.critical-contrast": {
1179
+ "values": {
1180
+ "theme-light": {
1181
+ "type": "color";
1182
+ "value": "$color.palette.red-900";
1183
+ };
1184
+ "theme-dark": {
1185
+ "type": "color";
1186
+ "value": "$color.palette.red-900";
1187
+ };
1188
+ };
1189
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (contrast)";
1190
+ };
1191
+ "$color.fg.disabled": {
1192
+ "values": {
1193
+ "theme-light": {
1194
+ "type": "color";
1195
+ "value": "$color.palette.gray-500";
1196
+ };
1197
+ "theme-dark": {
1198
+ "type": "color";
1199
+ "value": "$color.palette.gray-500";
1200
+ };
1201
+ };
1202
+ };
1203
+ "$color.fg.informative": {
1204
+ "values": {
1205
+ "theme-light": {
1206
+ "type": "color";
1207
+ "value": "$color.palette.blue-700";
1208
+ };
1209
+ "theme-dark": {
1210
+ "type": "color";
1211
+ "value": "$color.palette.blue-700";
1212
+ };
1213
+ };
1214
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다.";
1215
+ };
1216
+ "$color.fg.informative-contrast": {
1217
+ "values": {
1218
+ "theme-light": {
1219
+ "type": "color";
1220
+ "value": "$color.palette.blue-900";
1221
+ };
1222
+ "theme-dark": {
1223
+ "type": "color";
1224
+ "value": "$color.palette.blue-900";
1225
+ };
1226
+ };
1227
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (contrast)";
1228
+ };
1229
+ "$color.fg.neutral": {
1230
+ "values": {
1231
+ "theme-light": {
1232
+ "type": "color";
1233
+ "value": "$color.palette.gray-1000";
1234
+ };
1235
+ "theme-dark": {
1236
+ "type": "color";
1237
+ "value": "$color.palette.gray-1000";
1238
+ };
1239
+ };
1240
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다.";
1241
+ };
1242
+ "$color.fg.neutral-inverted": {
1243
+ "values": {
1244
+ "theme-light": {
1245
+ "type": "color";
1246
+ "value": "$color.palette.gray-00";
1247
+ };
1248
+ "theme-dark": {
1249
+ "type": "color";
1250
+ "value": "$color.palette.gray-100";
1251
+ };
1252
+ };
1253
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted)";
1254
+ };
1255
+ "$color.fg.neutral-muted": {
1256
+ "values": {
1257
+ "theme-light": {
1258
+ "type": "color";
1259
+ "value": "$color.palette.gray-800";
1260
+ };
1261
+ "theme-dark": {
1262
+ "type": "color";
1263
+ "value": "$color.palette.gray-800";
1264
+ };
1265
+ };
1266
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted)";
1267
+ };
1268
+ "$color.fg.neutral-subtle": {
1269
+ "values": {
1270
+ "theme-light": {
1271
+ "type": "color";
1272
+ "value": "$color.palette.gray-700";
1273
+ };
1274
+ "theme-dark": {
1275
+ "type": "color";
1276
+ "value": "$color.palette.gray-700";
1277
+ };
1278
+ };
1279
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle)";
1280
+ };
1281
+ "$color.fg.placeholder": {
1282
+ "values": {
1283
+ "theme-light": {
1284
+ "type": "color";
1285
+ "value": "$color.palette.gray-600";
1286
+ };
1287
+ "theme-dark": {
1288
+ "type": "color";
1289
+ "value": "$color.palette.gray-600";
1290
+ };
1291
+ };
1292
+ };
1293
+ "$color.fg.positive": {
1294
+ "values": {
1295
+ "theme-light": {
1296
+ "type": "color";
1297
+ "value": "$color.palette.green-700";
1298
+ };
1299
+ "theme-dark": {
1300
+ "type": "color";
1301
+ "value": "$color.palette.green-700";
1302
+ };
1303
+ };
1304
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다.";
1305
+ };
1306
+ "$color.fg.positive-contrast": {
1307
+ "values": {
1308
+ "theme-light": {
1309
+ "type": "color";
1310
+ "value": "$color.palette.green-900";
1311
+ };
1312
+ "theme-dark": {
1313
+ "type": "color";
1314
+ "value": "$color.palette.green-900";
1315
+ };
1316
+ };
1317
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (contrast)";
1318
+ };
1319
+ "$color.fg.warning": {
1320
+ "values": {
1321
+ "theme-light": {
1322
+ "type": "color";
1323
+ "value": "$color.palette.yellow-700";
1324
+ };
1325
+ "theme-dark": {
1326
+ "type": "color";
1327
+ "value": "$color.palette.yellow-700";
1328
+ };
1329
+ };
1330
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다.";
1331
+ };
1332
+ "$color.fg.warning-contrast": {
1333
+ "values": {
1334
+ "theme-light": {
1335
+ "type": "color";
1336
+ "value": "$color.palette.yellow-900";
1337
+ };
1338
+ "theme-dark": {
1339
+ "type": "color";
1340
+ "value": "$color.palette.yellow-900";
1341
+ };
1342
+ };
1343
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (contrast)";
1344
+ };
1345
+ "$color.bg.brand-solid": {
1346
+ "values": {
1347
+ "theme-light": {
1348
+ "type": "color";
1349
+ "value": "$color.palette.carrot-600";
1350
+ };
1351
+ "theme-dark": {
1352
+ "type": "color";
1353
+ "value": "$color.palette.carrot-700";
1354
+ };
1355
+ };
1356
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (solid)";
1357
+ };
1358
+ "$color.bg.brand-solid-pressed": {
1359
+ "values": {
1360
+ "theme-light": {
1361
+ "type": "color";
1362
+ "value": "$color.palette.carrot-700";
1363
+ };
1364
+ "theme-dark": {
1365
+ "type": "color";
1366
+ "value": "$color.palette.carrot-800";
1367
+ };
1368
+ };
1369
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (solid-pressed)";
1370
+ };
1371
+ "$color.bg.brand-weak": {
1372
+ "values": {
1373
+ "theme-light": {
1374
+ "type": "color";
1375
+ "value": "$color.palette.carrot-100";
1376
+ };
1377
+ "theme-dark": {
1378
+ "type": "color";
1379
+ "value": "$color.palette.carrot-100";
1380
+ };
1381
+ };
1382
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (weak)";
1383
+ };
1384
+ "$color.bg.brand-weak-pressed": {
1385
+ "values": {
1386
+ "theme-light": {
1387
+ "type": "color";
1388
+ "value": "$color.palette.carrot-200";
1389
+ };
1390
+ "theme-dark": {
1391
+ "type": "color";
1392
+ "value": "$color.palette.carrot-200";
1393
+ };
1394
+ };
1395
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (weak-pressed)";
1396
+ };
1397
+ "$color.bg.critical-solid": {
1398
+ "values": {
1399
+ "theme-light": {
1400
+ "type": "color";
1401
+ "value": "$color.palette.red-700";
1402
+ };
1403
+ "theme-dark": {
1404
+ "type": "color";
1405
+ "value": "$color.palette.red-600";
1406
+ };
1407
+ };
1408
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (solid)";
1409
+ };
1410
+ "$color.bg.critical-solid-pressed": {
1411
+ "values": {
1412
+ "theme-light": {
1413
+ "type": "color";
1414
+ "value": "$color.palette.red-800";
1415
+ };
1416
+ "theme-dark": {
1417
+ "type": "color";
1418
+ "value": "$color.palette.red-700";
1419
+ };
1420
+ };
1421
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (solid-pressed)";
1422
+ };
1423
+ "$color.bg.critical-weak": {
1424
+ "values": {
1425
+ "theme-light": {
1426
+ "type": "color";
1427
+ "value": "$color.palette.red-100";
1428
+ };
1429
+ "theme-dark": {
1430
+ "type": "color";
1431
+ "value": "$color.palette.red-100";
1432
+ };
1433
+ };
1434
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (weak)";
1435
+ };
1436
+ "$color.bg.critical-weak-pressed": {
1437
+ "values": {
1438
+ "theme-light": {
1439
+ "type": "color";
1440
+ "value": "$color.palette.red-200";
1441
+ };
1442
+ "theme-dark": {
1443
+ "type": "color";
1444
+ "value": "$color.palette.red-200";
1445
+ };
1446
+ };
1447
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (weak-pressed)";
1448
+ };
1449
+ "$color.bg.disabled": {
1450
+ "values": {
1451
+ "theme-light": {
1452
+ "type": "color";
1453
+ "value": "$color.palette.gray-200";
1454
+ };
1455
+ "theme-dark": {
1456
+ "type": "color";
1457
+ "value": "$color.palette.gray-300";
1458
+ };
1459
+ };
1460
+ };
1461
+ "$color.bg.informative-solid": {
1462
+ "values": {
1463
+ "theme-light": {
1464
+ "type": "color";
1465
+ "value": "$color.palette.blue-700";
1466
+ };
1467
+ "theme-dark": {
1468
+ "type": "color";
1469
+ "value": "$color.palette.blue-600";
1470
+ };
1471
+ };
1472
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (solid)";
1473
+ };
1474
+ "$color.bg.informative-solid-pressed": {
1475
+ "values": {
1476
+ "theme-light": {
1477
+ "type": "color";
1478
+ "value": "$color.palette.blue-800";
1479
+ };
1480
+ "theme-dark": {
1481
+ "type": "color";
1482
+ "value": "$color.palette.blue-700";
1483
+ };
1484
+ };
1485
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (solid-pressed)";
1486
+ };
1487
+ "$color.bg.informative-weak": {
1488
+ "values": {
1489
+ "theme-light": {
1490
+ "type": "color";
1491
+ "value": "$color.palette.blue-100";
1492
+ };
1493
+ "theme-dark": {
1494
+ "type": "color";
1495
+ "value": "$color.palette.blue-100";
1496
+ };
1497
+ };
1498
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (weak)";
1499
+ };
1500
+ "$color.bg.informative-weak-pressed": {
1501
+ "values": {
1502
+ "theme-light": {
1503
+ "type": "color";
1504
+ "value": "$color.palette.blue-200";
1505
+ };
1506
+ "theme-dark": {
1507
+ "type": "color";
1508
+ "value": "$color.palette.blue-200";
1509
+ };
1510
+ };
1511
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (weak-pressed)";
1512
+ };
1513
+ "$color.bg.layer-basement": {
1514
+ "values": {
1515
+ "theme-light": {
1516
+ "type": "color";
1517
+ "value": "$color.palette.gray-200";
1518
+ };
1519
+ "theme-dark": {
1520
+ "type": "color";
1521
+ "value": "$color.palette.gray-00";
1522
+ };
1523
+ };
1524
+ "description": "가장 낮은 0단계의 '대지'입니다. 화면 가장 깊은 곳에 위치하는 전체 배경색입니다.";
1525
+ };
1526
+ "$color.bg.layer-default": {
1527
+ "values": {
1528
+ "theme-light": {
1529
+ "type": "color";
1530
+ "value": "$color.palette.gray-00";
1531
+ };
1532
+ "theme-dark": {
1533
+ "type": "color";
1534
+ "value": "$color.palette.gray-100";
1535
+ };
1536
+ };
1537
+ "description": "basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다.";
1538
+ };
1539
+ "$color.bg.layer-default-pressed": {
1540
+ "values": {
1541
+ "theme-light": {
1542
+ "type": "color";
1543
+ "value": "$color.palette.gray-100";
1544
+ };
1545
+ "theme-dark": {
1546
+ "type": "color";
1547
+ "value": "$color.palette.gray-300";
1548
+ };
1549
+ };
1550
+ "description": "basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다. (pressed)";
1551
+ };
1552
+ "$color.bg.layer-fill": {
1553
+ "values": {
1554
+ "theme-light": {
1555
+ "type": "color";
1556
+ "value": "$color.palette.gray-100";
1557
+ };
1558
+ "theme-dark": {
1559
+ "type": "color";
1560
+ "value": "$color.palette.gray-200";
1561
+ };
1562
+ };
1563
+ "description": "@deprecated @seed-design/css@3.0.0에서 새 이름 토큰으로 대체·제거될 예정입니다.";
1564
+ };
1565
+ "$color.bg.layer-floating": {
1566
+ "values": {
1567
+ "theme-light": {
1568
+ "type": "color";
1569
+ "value": "$color.palette.gray-00";
1570
+ };
1571
+ "theme-dark": {
1572
+ "type": "color";
1573
+ "value": "$color.palette.gray-200";
1574
+ };
1575
+ };
1576
+ "description": "화면의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 사용자의 상호작용을 필요로 하는 모달(Modal)성 요소들이 여기에 속합니다.";
1577
+ };
1578
+ "$color.bg.layer-floating-pressed": {
1579
+ "values": {
1580
+ "theme-light": {
1581
+ "type": "color";
1582
+ "value": "$color.palette.gray-100";
1583
+ };
1584
+ "theme-dark": {
1585
+ "type": "color";
1586
+ "value": "$color.palette.gray-300";
1587
+ };
1588
+ };
1589
+ "description": "화면의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 사용자의 상호작용을 필요로 하는 모달(Modal)성 요소들이 여기에 속합니다. (pressed)";
1590
+ };
1591
+ "$color.bg.magic-weak": {
1592
+ "values": {
1593
+ "theme-light": {
1594
+ "type": "color";
1595
+ "value": "#f9f2ee";
1596
+ };
1597
+ "theme-dark": {
1598
+ "type": "color";
1599
+ "value": "#201f1f";
1600
+ };
1601
+ };
1602
+ };
1603
+ "$color.bg.neutral-inverted": {
1604
+ "values": {
1605
+ "theme-light": {
1606
+ "type": "color";
1607
+ "value": "$color.palette.gray-900";
1608
+ };
1609
+ "theme-dark": {
1610
+ "type": "color";
1611
+ "value": "$color.palette.gray-1000";
1612
+ };
1613
+ };
1614
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted)";
1615
+ };
1616
+ "$color.bg.neutral-inverted-pressed": {
1617
+ "values": {
1618
+ "theme-light": {
1619
+ "type": "color";
1620
+ "value": "$color.palette.gray-800";
1621
+ };
1622
+ "theme-dark": {
1623
+ "type": "color";
1624
+ "value": "$color.palette.gray-800";
1625
+ };
1626
+ };
1627
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted-pressed)";
1628
+ };
1629
+ "$color.bg.neutral-solid": {
1630
+ "values": {
1631
+ "theme-light": {
1632
+ "type": "color";
1633
+ "value": "$color.palette.gray-1000";
1634
+ };
1635
+ "theme-dark": {
1636
+ "type": "color";
1637
+ "value": "$color.palette.gray-300";
1638
+ };
1639
+ };
1640
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid)";
1641
+ };
1642
+ "$color.bg.neutral-weak": {
1643
+ "values": {
1644
+ "theme-light": {
1645
+ "type": "color";
1646
+ "value": "$color.palette.gray-200";
1647
+ };
1648
+ "theme-dark": {
1649
+ "type": "color";
1650
+ "value": "$color.palette.gray-300";
1651
+ };
1652
+ };
1653
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak)";
1654
+ };
1655
+ "$color.bg.neutral-weak-alpha": {
1656
+ "values": {
1657
+ "theme-light": {
1658
+ "type": "color";
1659
+ "value": "$color.palette.static-black-alpha-200";
1660
+ };
1661
+ "theme-dark": {
1662
+ "type": "color";
1663
+ "value": "$color.palette.static-white-alpha-200";
1664
+ };
1665
+ };
1666
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-alpha) `$color.layer.basement` 위에서 컴포넌트의 가시성을 보장하기 위해 사용됩니다.";
1667
+ };
1668
+ "$color.bg.neutral-weak-alpha-pressed": {
1669
+ "values": {
1670
+ "theme-light": {
1671
+ "type": "color";
1672
+ "value": "$color.palette.static-black-alpha-300";
1673
+ };
1674
+ "theme-dark": {
1675
+ "type": "color";
1676
+ "value": "$color.palette.static-white-alpha-300";
1677
+ };
1678
+ };
1679
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-alpha-pressed) `$color.layer.basement` 위에서 컴포넌트의 가시성을 보장하기 위해 사용됩니다.";
1680
+ };
1681
+ "$color.bg.neutral-weak-pressed": {
1682
+ "values": {
1683
+ "theme-light": {
1684
+ "type": "color";
1685
+ "value": "$color.palette.gray-300";
1686
+ };
1687
+ "theme-dark": {
1688
+ "type": "color";
1689
+ "value": "$color.palette.gray-400";
1690
+ };
1691
+ };
1692
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-pressed)";
1693
+ };
1694
+ "$color.bg.overlay": {
1695
+ "values": {
1696
+ "theme-light": {
1697
+ "type": "color";
1698
+ "value": "$color.palette.static-black-alpha-700";
1699
+ };
1700
+ "theme-dark": {
1701
+ "type": "color";
1702
+ "value": "$color.palette.static-black-alpha-700";
1703
+ };
1704
+ };
1705
+ };
1706
+ "$color.bg.overlay-muted": {
1707
+ "values": {
1708
+ "theme-light": {
1709
+ "type": "color";
1710
+ "value": "$color.palette.static-black-alpha-500";
1711
+ };
1712
+ "theme-dark": {
1713
+ "type": "color";
1714
+ "value": "$color.palette.static-black-alpha-500";
1715
+ };
1716
+ };
1717
+ };
1718
+ "$color.bg.positive-solid": {
1719
+ "values": {
1720
+ "theme-light": {
1721
+ "type": "color";
1722
+ "value": "$color.palette.green-700";
1723
+ };
1724
+ "theme-dark": {
1725
+ "type": "color";
1726
+ "value": "$color.palette.green-500";
1727
+ };
1728
+ };
1729
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (solid)";
1730
+ };
1731
+ "$color.bg.positive-solid-pressed": {
1732
+ "values": {
1733
+ "theme-light": {
1734
+ "type": "color";
1735
+ "value": "$color.palette.green-800";
1736
+ };
1737
+ "theme-dark": {
1738
+ "type": "color";
1739
+ "value": "$color.palette.green-600";
1740
+ };
1741
+ };
1742
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (solid-pressed)";
1743
+ };
1744
+ "$color.bg.positive-weak": {
1745
+ "values": {
1746
+ "theme-light": {
1747
+ "type": "color";
1748
+ "value": "$color.palette.green-100";
1749
+ };
1750
+ "theme-dark": {
1751
+ "type": "color";
1752
+ "value": "$color.palette.green-100";
1753
+ };
1754
+ };
1755
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (weak)";
1756
+ };
1757
+ "$color.bg.positive-weak-pressed": {
1758
+ "values": {
1759
+ "theme-light": {
1760
+ "type": "color";
1761
+ "value": "$color.palette.green-200";
1762
+ };
1763
+ "theme-dark": {
1764
+ "type": "color";
1765
+ "value": "$color.palette.green-200";
1766
+ };
1767
+ };
1768
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (weak-pressed)";
1769
+ };
1770
+ "$color.bg.transparent": {
1771
+ "values": {
1772
+ "theme-light": {
1773
+ "type": "color";
1774
+ "value": "#00000000";
1775
+ };
1776
+ "theme-dark": {
1777
+ "type": "color";
1778
+ "value": "#ffffff00";
1779
+ };
1780
+ };
1781
+ };
1782
+ "$color.bg.transparent-pressed": {
1783
+ "values": {
1784
+ "theme-light": {
1785
+ "type": "color";
1786
+ "value": "$color.palette.static-black-alpha-100";
1787
+ };
1788
+ "theme-dark": {
1789
+ "type": "color";
1790
+ "value": "$color.palette.static-white-alpha-50";
1791
+ };
1792
+ };
1793
+ };
1794
+ "$color.bg.transparent-selected": {
1795
+ "values": {
1796
+ "theme-light": {
1797
+ "type": "color";
1798
+ "value": "$color.palette.static-black-alpha-200";
1799
+ };
1800
+ "theme-dark": {
1801
+ "type": "color";
1802
+ "value": "$color.palette.static-white-alpha-100";
1803
+ };
1804
+ };
1805
+ };
1806
+ "$color.bg.transparent-selected-pressed": {
1807
+ "values": {
1808
+ "theme-light": {
1809
+ "type": "color";
1810
+ "value": "$color.palette.static-black-alpha-300";
1811
+ };
1812
+ "theme-dark": {
1813
+ "type": "color";
1814
+ "value": "$color.palette.static-white-alpha-200";
1815
+ };
1816
+ };
1817
+ };
1818
+ "$color.bg.warning-solid": {
1819
+ "values": {
1820
+ "theme-light": {
1821
+ "type": "color";
1822
+ "value": "$color.palette.yellow-300";
1823
+ };
1824
+ "theme-dark": {
1825
+ "type": "color";
1826
+ "value": "$color.palette.yellow-800";
1827
+ };
1828
+ };
1829
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (solid)";
1830
+ };
1831
+ "$color.bg.warning-solid-pressed": {
1832
+ "values": {
1833
+ "theme-light": {
1834
+ "type": "color";
1835
+ "value": "$color.palette.yellow-400";
1836
+ };
1837
+ "theme-dark": {
1838
+ "type": "color";
1839
+ "value": "$color.palette.yellow-900";
1840
+ };
1841
+ };
1842
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (solid-pressed)";
1843
+ };
1844
+ "$color.bg.warning-weak": {
1845
+ "values": {
1846
+ "theme-light": {
1847
+ "type": "color";
1848
+ "value": "$color.palette.yellow-100";
1849
+ };
1850
+ "theme-dark": {
1851
+ "type": "color";
1852
+ "value": "$color.palette.yellow-100";
1853
+ };
1854
+ };
1855
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (weak)";
1856
+ };
1857
+ "$color.bg.warning-weak-pressed": {
1858
+ "values": {
1859
+ "theme-light": {
1860
+ "type": "color";
1861
+ "value": "$color.palette.yellow-200";
1862
+ };
1863
+ "theme-dark": {
1864
+ "type": "color";
1865
+ "value": "$color.palette.yellow-200";
1866
+ };
1867
+ };
1868
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (weak-pressed)";
1869
+ };
1870
+ "$color.stroke.brand-solid": {
1871
+ "values": {
1872
+ "theme-light": {
1873
+ "type": "color";
1874
+ "value": "$color.palette.carrot-700";
1875
+ };
1876
+ "theme-dark": {
1877
+ "type": "color";
1878
+ "value": "$color.palette.carrot-700";
1879
+ };
1880
+ };
1881
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (solid)";
1882
+ };
1883
+ "$color.stroke.brand-weak": {
1884
+ "values": {
1885
+ "theme-light": {
1886
+ "type": "color";
1887
+ "value": "$color.palette.carrot-300";
1888
+ };
1889
+ "theme-dark": {
1890
+ "type": "color";
1891
+ "value": "$color.palette.carrot-300";
1892
+ };
1893
+ };
1894
+ "description": "브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (weak)";
1895
+ };
1896
+ "$color.stroke.critical-solid": {
1897
+ "values": {
1898
+ "theme-light": {
1899
+ "type": "color";
1900
+ "value": "$color.palette.red-700";
1901
+ };
1902
+ "theme-dark": {
1903
+ "type": "color";
1904
+ "value": "$color.palette.red-700";
1905
+ };
1906
+ };
1907
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (solid)";
1908
+ };
1909
+ "$color.stroke.critical-weak": {
1910
+ "values": {
1911
+ "theme-light": {
1912
+ "type": "color";
1913
+ "value": "$color.palette.red-300";
1914
+ };
1915
+ "theme-dark": {
1916
+ "type": "color";
1917
+ "value": "$color.palette.red-300";
1918
+ };
1919
+ };
1920
+ "description": "오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (weak)";
1921
+ };
1922
+ "$color.stroke.focus-ring": {
1923
+ "values": {
1924
+ "theme-light": {
1925
+ "type": "color";
1926
+ "value": "$color.palette.blue-600";
1927
+ };
1928
+ "theme-dark": {
1929
+ "type": "color";
1930
+ "value": "$color.palette.blue-600";
1931
+ };
1932
+ };
1933
+ };
1934
+ "$color.stroke.informative-solid": {
1935
+ "values": {
1936
+ "theme-light": {
1937
+ "type": "color";
1938
+ "value": "$color.palette.blue-700";
1939
+ };
1940
+ "theme-dark": {
1941
+ "type": "color";
1942
+ "value": "$color.palette.blue-700";
1943
+ };
1944
+ };
1945
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (solid)";
1946
+ };
1947
+ "$color.stroke.informative-weak": {
1948
+ "values": {
1949
+ "theme-light": {
1950
+ "type": "color";
1951
+ "value": "$color.palette.blue-300";
1952
+ };
1953
+ "theme-dark": {
1954
+ "type": "color";
1955
+ "value": "$color.palette.blue-300";
1956
+ };
1957
+ };
1958
+ "description": "사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (weak)";
1959
+ };
1960
+ "$color.stroke.neutral-contrast": {
1961
+ "values": {
1962
+ "theme-light": {
1963
+ "type": "color";
1964
+ "value": "$color.palette.gray-1000";
1965
+ };
1966
+ "theme-dark": {
1967
+ "type": "color";
1968
+ "value": "$color.palette.gray-1000";
1969
+ };
1970
+ };
1971
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (contrast)";
1972
+ };
1973
+ "$color.stroke.neutral-muted": {
1974
+ "values": {
1975
+ "theme-light": {
1976
+ "type": "color";
1977
+ "value": "$color.palette.static-black-alpha-300";
1978
+ };
1979
+ "theme-dark": {
1980
+ "type": "color";
1981
+ "value": "$color.palette.static-white-alpha-100";
1982
+ };
1983
+ };
1984
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted)";
1985
+ };
1986
+ "$color.stroke.neutral-solid": {
1987
+ "values": {
1988
+ "theme-light": {
1989
+ "type": "color";
1990
+ "value": "$color.palette.gray-800";
1991
+ };
1992
+ "theme-dark": {
1993
+ "type": "color";
1994
+ "value": "$color.palette.gray-800";
1995
+ };
1996
+ };
1997
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid)";
1998
+ };
1999
+ "$color.stroke.neutral-subtle": {
2000
+ "values": {
2001
+ "theme-light": {
2002
+ "type": "color";
2003
+ "value": "$color.palette.static-black-alpha-200";
2004
+ };
2005
+ "theme-dark": {
2006
+ "type": "color";
2007
+ "value": "$color.palette.static-white-alpha-50";
2008
+ };
2009
+ };
2010
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle)";
2011
+ };
2012
+ "$color.stroke.neutral-weak": {
2013
+ "values": {
2014
+ "theme-light": {
2015
+ "type": "color";
2016
+ "value": "$color.palette.gray-400";
2017
+ };
2018
+ "theme-dark": {
2019
+ "type": "color";
2020
+ "value": "$color.palette.gray-400";
2021
+ };
2022
+ };
2023
+ "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak)";
2024
+ };
2025
+ "$color.stroke.positive-solid": {
2026
+ "values": {
2027
+ "theme-light": {
2028
+ "type": "color";
2029
+ "value": "$color.palette.green-700";
2030
+ };
2031
+ "theme-dark": {
2032
+ "type": "color";
2033
+ "value": "$color.palette.green-700";
2034
+ };
2035
+ };
2036
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (solid)";
2037
+ };
2038
+ "$color.stroke.positive-weak": {
2039
+ "values": {
2040
+ "theme-light": {
2041
+ "type": "color";
2042
+ "value": "$color.palette.green-300";
2043
+ };
2044
+ "theme-dark": {
2045
+ "type": "color";
2046
+ "value": "$color.palette.green-300";
2047
+ };
2048
+ };
2049
+ "description": "성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (weak)";
2050
+ };
2051
+ "$color.stroke.warning-solid": {
2052
+ "values": {
2053
+ "theme-light": {
2054
+ "type": "color";
2055
+ "value": "$color.palette.yellow-700";
2056
+ };
2057
+ "theme-dark": {
2058
+ "type": "color";
2059
+ "value": "$color.palette.yellow-700";
2060
+ };
2061
+ };
2062
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (solid)";
2063
+ };
2064
+ "$color.stroke.warning-weak": {
2065
+ "values": {
2066
+ "theme-light": {
2067
+ "type": "color";
2068
+ "value": "$color.palette.yellow-300";
2069
+ };
2070
+ "theme-dark": {
2071
+ "type": "color";
2072
+ "value": "$color.palette.yellow-300";
2073
+ };
2074
+ };
2075
+ "description": "사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (weak)";
2076
+ };
2077
+ "$color.manner-temp.l1.bg": {
2078
+ "values": {
2079
+ "theme-light": {
2080
+ "type": "color";
2081
+ "value": "#f1f2f3";
2082
+ };
2083
+ "theme-dark": {
2084
+ "type": "color";
2085
+ "value": "#292929";
2086
+ };
2087
+ };
2088
+ };
2089
+ "$color.manner-temp.l1.text": {
2090
+ "values": {
2091
+ "theme-light": {
2092
+ "type": "color";
2093
+ "value": "#757b85";
2094
+ };
2095
+ "theme-dark": {
2096
+ "type": "color";
2097
+ "value": "#b8b8b9";
2098
+ };
2099
+ };
2100
+ };
2101
+ "$color.manner-temp.l10.bg": {
2102
+ "values": {
2103
+ "theme-light": {
2104
+ "type": "color";
2105
+ "value": "#ffebee";
2106
+ };
2107
+ "theme-dark": {
2108
+ "type": "color";
2109
+ "value": "#34040a";
2110
+ };
2111
+ };
2112
+ };
2113
+ "$color.manner-temp.l10.text": {
2114
+ "values": {
2115
+ "theme-light": {
2116
+ "type": "color";
2117
+ "value": "#cb0123";
2118
+ };
2119
+ "theme-dark": {
2120
+ "type": "color";
2121
+ "value": "#fb6f82";
2122
+ };
2123
+ };
2124
+ };
2125
+ "$color.manner-temp.l2.bg": {
2126
+ "values": {
2127
+ "theme-light": {
2128
+ "type": "color";
2129
+ "value": "#f8f4ec";
2130
+ };
2131
+ "theme-dark": {
2132
+ "type": "color";
2133
+ "value": "#332605";
2134
+ };
2135
+ };
2136
+ };
2137
+ "$color.manner-temp.l2.text": {
2138
+ "values": {
2139
+ "theme-light": {
2140
+ "type": "color";
2141
+ "value": "#ab863f";
2142
+ };
2143
+ "theme-dark": {
2144
+ "type": "color";
2145
+ "value": "#f5db97";
2146
+ };
2147
+ };
2148
+ };
2149
+ "$color.manner-temp.l3.bg": {
2150
+ "values": {
2151
+ "theme-light": {
2152
+ "type": "color";
2153
+ "value": "#fff5e5";
2154
+ };
2155
+ "theme-dark": {
2156
+ "type": "color";
2157
+ "value": "#372b01";
2158
+ };
2159
+ };
2160
+ };
2161
+ "$color.manner-temp.l3.text": {
2162
+ "values": {
2163
+ "theme-light": {
2164
+ "type": "color";
2165
+ "value": "#e08a00";
2166
+ };
2167
+ "theme-dark": {
2168
+ "type": "color";
2169
+ "value": "#fdda65";
2170
+ };
2171
+ };
2172
+ };
2173
+ "$color.manner-temp.l4.bg": {
2174
+ "values": {
2175
+ "theme-light": {
2176
+ "type": "color";
2177
+ "value": "#fff3e5";
2178
+ };
2179
+ "theme-dark": {
2180
+ "type": "color";
2181
+ "value": "#372301";
2182
+ };
2183
+ };
2184
+ };
2185
+ "$color.manner-temp.l4.text": {
2186
+ "values": {
2187
+ "theme-light": {
2188
+ "type": "color";
2189
+ "value": "#f57e00";
2190
+ };
2191
+ "theme-dark": {
2192
+ "type": "color";
2193
+ "value": "#fbbe55";
2194
+ };
2195
+ };
2196
+ };
2197
+ "$color.manner-temp.l5.bg": {
2198
+ "values": {
2199
+ "theme-light": {
2200
+ "type": "color";
2201
+ "value": "#fff1e5";
2202
+ };
2203
+ "theme-dark": {
2204
+ "type": "color";
2205
+ "value": "#371f01";
2206
+ };
2207
+ };
2208
+ };
2209
+ "$color.manner-temp.l5.text": {
2210
+ "values": {
2211
+ "theme-light": {
2212
+ "type": "color";
2213
+ "value": "#ff7300";
2214
+ };
2215
+ "theme-dark": {
2216
+ "type": "color";
2217
+ "value": "#faac4b";
2218
+ };
2219
+ };
2220
+ };
2221
+ "$color.manner-temp.l6.bg": {
2222
+ "values": {
2223
+ "theme-light": {
2224
+ "type": "color";
2225
+ "value": "#fff0e5";
2226
+ };
2227
+ "theme-dark": {
2228
+ "type": "color";
2229
+ "value": "#351b03";
2230
+ };
2231
+ };
2232
+ };
2233
+ "$color.manner-temp.l6.text": {
2234
+ "values": {
2235
+ "theme-light": {
2236
+ "type": "color";
2237
+ "value": "#ff6600";
2238
+ };
2239
+ "theme-dark": {
2240
+ "type": "color";
2241
+ "value": "#fc9855";
2242
+ };
2243
+ };
2244
+ };
2245
+ "$color.manner-temp.l7.bg": {
2246
+ "values": {
2247
+ "theme-light": {
2248
+ "type": "color";
2249
+ "value": "#ffefe5";
2250
+ };
2251
+ "theme-dark": {
2252
+ "type": "color";
2253
+ "value": "#371701";
2254
+ };
2255
+ };
2256
+ };
2257
+ "$color.manner-temp.l7.text": {
2258
+ "values": {
2259
+ "theme-light": {
2260
+ "type": "color";
2261
+ "value": "#ff5100";
2262
+ };
2263
+ "theme-dark": {
2264
+ "type": "color";
2265
+ "value": "#f97a25";
2266
+ };
2267
+ };
2268
+ };
2269
+ "$color.manner-temp.l8.bg": {
2270
+ "values": {
2271
+ "theme-light": {
2272
+ "type": "color";
2273
+ "value": "#ffeee5";
2274
+ };
2275
+ "theme-dark": {
2276
+ "type": "color";
2277
+ "value": "#380f00";
2278
+ };
2279
+ };
2280
+ };
2281
+ "$color.manner-temp.l8.text": {
2282
+ "values": {
2283
+ "theme-light": {
2284
+ "type": "color";
2285
+ "value": "#ff3300";
2286
+ };
2287
+ "theme-dark": {
2288
+ "type": "color";
2289
+ "value": "#fe6a34";
2290
+ };
2291
+ };
2292
+ };
2293
+ "$color.manner-temp.l9.bg": {
2294
+ "values": {
2295
+ "theme-light": {
2296
+ "type": "color";
2297
+ "value": "#fdeded";
2298
+ };
2299
+ "theme-dark": {
2300
+ "type": "color";
2301
+ "value": "#380500";
2302
+ };
2303
+ };
2304
+ };
2305
+ "$color.manner-temp.l9.text": {
2306
+ "values": {
2307
+ "theme-light": {
2308
+ "type": "color";
2309
+ "value": "#e82c45";
2310
+ };
2311
+ "theme-dark": {
2312
+ "type": "color";
2313
+ "value": "#fe6a5d";
2314
+ };
2315
+ };
2316
+ };
2317
+ "$color.banner.blue": {
2318
+ "values": {
2319
+ "theme-light": {
2320
+ "type": "color";
2321
+ "value": "#e1f7ff";
2322
+ };
2323
+ "theme-dark": {
2324
+ "type": "color";
2325
+ "value": "#0d2a3a";
2326
+ };
2327
+ };
2328
+ };
2329
+ "$color.banner.cool-gray": {
2330
+ "values": {
2331
+ "theme-light": {
2332
+ "type": "color";
2333
+ "value": "#ebf1f5";
2334
+ };
2335
+ "theme-dark": {
2336
+ "type": "color";
2337
+ "value": "#242c33";
2338
+ };
2339
+ };
2340
+ };
2341
+ "$color.banner.green": {
2342
+ "values": {
2343
+ "theme-light": {
2344
+ "type": "color";
2345
+ "value": "#f0fbe5";
2346
+ };
2347
+ "theme-dark": {
2348
+ "type": "color";
2349
+ "value": "#1e361c";
2350
+ };
2351
+ };
2352
+ };
2353
+ "$color.banner.orange": {
2354
+ "values": {
2355
+ "theme-light": {
2356
+ "type": "color";
2357
+ "value": "#fff2e1";
2358
+ };
2359
+ "theme-dark": {
2360
+ "type": "color";
2361
+ "value": "#42230a";
2362
+ };
2363
+ };
2364
+ };
2365
+ "$color.banner.pink": {
2366
+ "values": {
2367
+ "theme-light": {
2368
+ "type": "color";
2369
+ "value": "#ffebf1";
2370
+ };
2371
+ "theme-dark": {
2372
+ "type": "color";
2373
+ "value": "#3b172c";
2374
+ };
2375
+ };
2376
+ };
2377
+ "$color.banner.purple": {
2378
+ "values": {
2379
+ "theme-light": {
2380
+ "type": "color";
2381
+ "value": "#f5ecff";
2382
+ };
2383
+ "theme-dark": {
2384
+ "type": "color";
2385
+ "value": "#2e1e45";
2386
+ };
2387
+ };
2388
+ };
2389
+ "$color.banner.red": {
2390
+ "values": {
2391
+ "theme-light": {
2392
+ "type": "color";
2393
+ "value": "#ffecee";
2394
+ };
2395
+ "theme-dark": {
2396
+ "type": "color";
2397
+ "value": "#3a0f15";
2398
+ };
2399
+ };
2400
+ };
2401
+ "$color.banner.teal": {
2402
+ "values": {
2403
+ "theme-light": {
2404
+ "type": "color";
2405
+ "value": "#e6faf6";
2406
+ };
2407
+ "theme-dark": {
2408
+ "type": "color";
2409
+ "value": "#143633";
2410
+ };
2411
+ };
2412
+ };
2413
+ "$color.banner.warm-gray": {
2414
+ "values": {
2415
+ "theme-light": {
2416
+ "type": "color";
2417
+ "value": "#f2f0ee";
2418
+ };
2419
+ "theme-dark": {
2420
+ "type": "color";
2421
+ "value": "#2f2b27";
2422
+ };
2423
+ };
2424
+ };
2425
+ "$color.banner.yellow": {
2426
+ "values": {
2427
+ "theme-light": {
2428
+ "type": "color";
2429
+ "value": "#fffae1";
2430
+ };
2431
+ "theme-dark": {
2432
+ "type": "color";
2433
+ "value": "#3e2b00";
2434
+ };
2435
+ };
2436
+ };
2437
+ };
2438
+ };
2439
+ };
2440
+ export default artifact;