@seed-design/rootage-artifacts 2.9.0 → 3.0.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 (91) hide show
  1. package/__generated__/color.d.ts +122 -18
  2. package/__generated__/color.json +122 -18
  3. package/__generated__/components/action-button.d.ts +18 -18
  4. package/__generated__/components/action-button.json +18 -18
  5. package/__generated__/components/badge.d.ts +55 -24
  6. package/__generated__/components/badge.json +55 -24
  7. package/__generated__/components/checkmark.d.ts +4 -4
  8. package/__generated__/components/checkmark.json +4 -4
  9. package/__generated__/components/chip.d.ts +12 -12
  10. package/__generated__/components/chip.json +12 -12
  11. package/__generated__/components/contextual-floating-button.d.ts +7 -7
  12. package/__generated__/components/contextual-floating-button.json +7 -7
  13. package/__generated__/components/date-picker.d.ts +29 -20
  14. package/__generated__/components/date-picker.json +31 -22
  15. package/__generated__/components/dialog-close-button.d.ts +0 -14
  16. package/__generated__/components/dialog-close-button.json +0 -14
  17. package/__generated__/components/extended-fab.d.ts +4 -4
  18. package/__generated__/components/extended-fab.json +4 -4
  19. package/__generated__/components/floating-action-button.d.ts +2 -2
  20. package/__generated__/components/floating-action-button.json +2 -2
  21. package/__generated__/components/help-bubble.d.ts +5 -5
  22. package/__generated__/components/help-bubble.json +5 -5
  23. package/__generated__/components/notification-badge.d.ts +1 -1
  24. package/__generated__/components/notification-badge.json +1 -1
  25. package/__generated__/components/page-banner-close-button.d.ts +1 -1
  26. package/__generated__/components/page-banner-close-button.json +1 -1
  27. package/__generated__/components/page-banner.d.ts +27 -27
  28. package/__generated__/components/page-banner.json +27 -27
  29. package/__generated__/components/pagination-page-item.d.ts +3 -3
  30. package/__generated__/components/pagination-page-item.json +3 -3
  31. package/__generated__/components/popover-close-button.d.ts +122 -0
  32. package/__generated__/components/popover-close-button.json +121 -0
  33. package/__generated__/components/popover-close-button.mjs +2 -0
  34. package/__generated__/components/popover.d.ts +388 -0
  35. package/__generated__/components/popover.json +387 -0
  36. package/__generated__/components/popover.mjs +2 -0
  37. package/__generated__/components/radiomark.d.ts +4 -4
  38. package/__generated__/components/radiomark.json +4 -4
  39. package/__generated__/components/side-panel-close-button.d.ts +0 -14
  40. package/__generated__/components/side-panel-close-button.json +0 -14
  41. package/__generated__/components/slider-thumb.d.ts +1 -1
  42. package/__generated__/components/slider-thumb.json +1 -1
  43. package/__generated__/components/slider-tick.d.ts +1 -1
  44. package/__generated__/components/slider-tick.json +1 -1
  45. package/__generated__/components/slider.d.ts +4 -4
  46. package/__generated__/components/slider.json +4 -4
  47. package/__generated__/components/snackbar.d.ts +2 -2
  48. package/__generated__/components/snackbar.json +2 -2
  49. package/__generated__/components/switchmark.d.ts +8 -2
  50. package/__generated__/components/switchmark.json +8 -2
  51. package/__generated__/components/toggle-button.d.ts +4 -4
  52. package/__generated__/components/toggle-button.json +4 -4
  53. package/__generated__/components/top-navigation.d.ts +7 -16
  54. package/__generated__/components/top-navigation.json +7 -16
  55. package/__generated__/index.d.ts +7 -7
  56. package/__generated__/index.json +7 -7
  57. package/color.yaml +50 -10
  58. package/components/action-button.yaml +18 -18
  59. package/components/badge.yaml +26 -11
  60. package/components/checkmark.yaml +4 -4
  61. package/components/chip.yaml +12 -12
  62. package/components/contextual-floating-button.yaml +7 -7
  63. package/components/date-picker.yaml +16 -13
  64. package/components/dialog-close-button.yaml +0 -6
  65. package/components/extended-fab.yaml +4 -4
  66. package/components/floating-action-button.yaml +2 -2
  67. package/components/help-bubble.yaml +5 -5
  68. package/components/notification-badge.yaml +1 -1
  69. package/components/page-banner-close-button.yaml +1 -1
  70. package/components/page-banner.yaml +27 -27
  71. package/components/pagination-page-item.yaml +3 -3
  72. package/components/popover-close-button.yaml +45 -0
  73. package/components/popover.yaml +162 -0
  74. package/components/radiomark.yaml +4 -4
  75. package/components/side-panel-close-button.yaml +0 -6
  76. package/components/slider-thumb.yaml +1 -1
  77. package/components/slider-tick.yaml +1 -1
  78. package/components/slider.yaml +4 -4
  79. package/components/snackbar.yaml +2 -2
  80. package/components/switchmark.yaml +4 -2
  81. package/components/toggle-button.yaml +4 -4
  82. package/components/top-navigation.yaml +1 -3
  83. package/package.json +1 -1
  84. package/__generated__/components/control-chip.d.ts +0 -525
  85. package/__generated__/components/control-chip.json +0 -524
  86. package/__generated__/components/control-chip.mjs +0 -2
  87. package/__generated__/components/inline-banner.d.ts +0 -582
  88. package/__generated__/components/inline-banner.json +0 -581
  89. package/__generated__/components/inline-banner.mjs +0 -2
  90. package/components/control-chip.yaml +0 -169
  91. package/components/inline-banner.yaml +0 -197
@@ -0,0 +1,387 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "popover",
5
+ "name": "Popover"
6
+ },
7
+ "data": {
8
+ "id": "popover",
9
+ "name": "Popover",
10
+ "schema": {
11
+ "slots": {
12
+ "content": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color"
16
+ },
17
+ "cornerRadius": {
18
+ "type": "dimension"
19
+ },
20
+ "shadow": {
21
+ "type": "shadow"
22
+ },
23
+ "minWidth": {
24
+ "type": "dimension",
25
+ "description": "viewport가 이보다 작으면 overflowPadding을 뺀 가용 너비로 축소됩니다."
26
+ },
27
+ "maxWidth": {
28
+ "type": "dimension",
29
+ "description": "viewport가 이보다 작으면 overflowPadding을 뺀 가용 너비로 축소됩니다."
30
+ },
31
+ "maxHeight": {
32
+ "type": "dimension",
33
+ "description": "viewport가 이보다 작으면 overflowPadding과 safe-area를 뺀 가용 높이로 축소됩니다."
34
+ },
35
+ "gutter": {
36
+ "type": "dimension",
37
+ "description": "트리거와 popover 사이의 간격을 정의합니다."
38
+ },
39
+ "overflowPadding": {
40
+ "type": "dimension",
41
+ "description": "popover와 뷰포트 경계 사이의 최소 간격을 정의합니다. 위아래에 safe-area가 있으면 그 안쪽으로 배치됩니다."
42
+ },
43
+ "enterDuration": {
44
+ "type": "duration"
45
+ },
46
+ "enterTimingFunction": {
47
+ "type": "cubicBezier"
48
+ },
49
+ "enterScale": {
50
+ "type": "number"
51
+ },
52
+ "enterOpacity": {
53
+ "type": "number"
54
+ },
55
+ "exitDuration": {
56
+ "type": "duration"
57
+ },
58
+ "exitTimingFunction": {
59
+ "type": "cubicBezier"
60
+ },
61
+ "exitScale": {
62
+ "type": "number"
63
+ },
64
+ "exitOpacity": {
65
+ "type": "number"
66
+ }
67
+ }
68
+ },
69
+ "header": {
70
+ "properties": {
71
+ "gap": {
72
+ "type": "dimension"
73
+ },
74
+ "paddingX": {
75
+ "type": "dimension"
76
+ },
77
+ "paddingTop": {
78
+ "type": "dimension"
79
+ },
80
+ "paddingBottom": {
81
+ "type": "dimension"
82
+ },
83
+ "closeButtonGap": {
84
+ "type": "dimension",
85
+ "description": "closeButton이 표시되는 경우 paddingRight에 추가되는 여백입니다."
86
+ }
87
+ }
88
+ },
89
+ "body": {
90
+ "properties": {
91
+ "paddingX": {
92
+ "type": "dimension"
93
+ },
94
+ "paddingBottom": {
95
+ "type": "dimension",
96
+ "description": "body의 하단 padding이며, 동시에 하단 scroll fog 그라데이션의 높이로도 사용됩니다. 본문이 오버플로되어 스크롤 가능한 경우에만 적용됩니다."
97
+ },
98
+ "strokeWidth": {
99
+ "type": "dimension"
100
+ },
101
+ "strokeColor": {
102
+ "type": "color",
103
+ "description": "본문이 스크롤된(scrolled) 상태에서 body 상단에 나타나는 divider의 색상입니다."
104
+ },
105
+ "strokeDuration": {
106
+ "type": "duration"
107
+ },
108
+ "strokeTimingFunction": {
109
+ "type": "cubicBezier"
110
+ }
111
+ }
112
+ },
113
+ "footer": {
114
+ "properties": {
115
+ "paddingX": {
116
+ "type": "dimension"
117
+ },
118
+ "paddingTop": {
119
+ "type": "dimension"
120
+ },
121
+ "paddingBottom": {
122
+ "type": "dimension"
123
+ }
124
+ }
125
+ },
126
+ "title": {
127
+ "properties": {
128
+ "color": {
129
+ "type": "color"
130
+ },
131
+ "fontSize": {
132
+ "type": "dimension"
133
+ },
134
+ "lineHeight": {
135
+ "type": "dimension"
136
+ },
137
+ "fontWeight": {
138
+ "type": "number"
139
+ }
140
+ }
141
+ },
142
+ "description": {
143
+ "properties": {
144
+ "color": {
145
+ "type": "color"
146
+ },
147
+ "fontSize": {
148
+ "type": "dimension"
149
+ },
150
+ "lineHeight": {
151
+ "type": "dimension"
152
+ },
153
+ "fontWeight": {
154
+ "type": "number"
155
+ }
156
+ }
157
+ },
158
+ "closeButton": {
159
+ "properties": {
160
+ "fromTop": {
161
+ "type": "dimension"
162
+ },
163
+ "fromRight": {
164
+ "type": "dimension"
165
+ }
166
+ }
167
+ }
168
+ },
169
+ "variants": {}
170
+ },
171
+ "definitions": [
172
+ {
173
+ "variants": {},
174
+ "definitions": [
175
+ {
176
+ "states": [
177
+ "enabled"
178
+ ],
179
+ "slots": {
180
+ "content": {
181
+ "color": {
182
+ "type": "color",
183
+ "value": "$color.bg.layer-floating"
184
+ },
185
+ "cornerRadius": {
186
+ "type": "dimension",
187
+ "value": "$radius.r5"
188
+ },
189
+ "shadow": {
190
+ "type": "shadow",
191
+ "value": "$shadow.s3"
192
+ },
193
+ "minWidth": {
194
+ "type": "dimension",
195
+ "value": {
196
+ "value": 320,
197
+ "unit": "px"
198
+ }
199
+ },
200
+ "maxWidth": {
201
+ "type": "dimension",
202
+ "value": {
203
+ "value": 480,
204
+ "unit": "px"
205
+ }
206
+ },
207
+ "maxHeight": {
208
+ "type": "dimension",
209
+ "value": {
210
+ "value": 600,
211
+ "unit": "px"
212
+ }
213
+ },
214
+ "gutter": {
215
+ "type": "dimension",
216
+ "value": "$dimension.x2"
217
+ },
218
+ "overflowPadding": {
219
+ "type": "dimension",
220
+ "value": "$dimension.x4"
221
+ },
222
+ "enterDuration": {
223
+ "type": "duration",
224
+ "value": "$duration.d3"
225
+ },
226
+ "enterTimingFunction": {
227
+ "type": "cubicBezier",
228
+ "value": "$timing-function.enter"
229
+ },
230
+ "enterScale": {
231
+ "type": "number",
232
+ "value": 0.95
233
+ },
234
+ "enterOpacity": {
235
+ "type": "number",
236
+ "value": 0
237
+ },
238
+ "exitDuration": {
239
+ "type": "duration",
240
+ "value": "$duration.d2"
241
+ },
242
+ "exitTimingFunction": {
243
+ "type": "cubicBezier",
244
+ "value": "$timing-function.exit"
245
+ },
246
+ "exitScale": {
247
+ "type": "number",
248
+ "value": 0.95
249
+ },
250
+ "exitOpacity": {
251
+ "type": "number",
252
+ "value": 0
253
+ }
254
+ },
255
+ "header": {
256
+ "gap": {
257
+ "type": "dimension",
258
+ "value": "$dimension.x1_5"
259
+ },
260
+ "paddingX": {
261
+ "type": "dimension",
262
+ "value": "$dimension.x6"
263
+ },
264
+ "paddingTop": {
265
+ "type": "dimension",
266
+ "value": "$dimension.x6"
267
+ },
268
+ "paddingBottom": {
269
+ "type": "dimension",
270
+ "value": "$dimension.x4"
271
+ },
272
+ "closeButtonGap": {
273
+ "type": "dimension",
274
+ "value": "$dimension.x1_5"
275
+ }
276
+ },
277
+ "body": {
278
+ "paddingX": {
279
+ "type": "dimension",
280
+ "value": "$dimension.x6"
281
+ },
282
+ "paddingBottom": {
283
+ "type": "dimension",
284
+ "value": "$dimension.x12"
285
+ },
286
+ "strokeDuration": {
287
+ "type": "duration",
288
+ "value": "$duration.color-transition"
289
+ },
290
+ "strokeTimingFunction": {
291
+ "type": "cubicBezier",
292
+ "value": "$timing-function.easing"
293
+ }
294
+ },
295
+ "footer": {
296
+ "paddingX": {
297
+ "type": "dimension",
298
+ "value": "$dimension.x6"
299
+ },
300
+ "paddingTop": {
301
+ "type": "dimension",
302
+ "value": "$dimension.x4"
303
+ },
304
+ "paddingBottom": {
305
+ "type": "dimension",
306
+ "value": "$dimension.x6"
307
+ }
308
+ },
309
+ "title": {
310
+ "color": {
311
+ "type": "color",
312
+ "value": "$color.fg.neutral"
313
+ },
314
+ "fontSize": {
315
+ "type": "dimension",
316
+ "value": "$font-size.t7"
317
+ },
318
+ "lineHeight": {
319
+ "type": "dimension",
320
+ "value": "$line-height.t7"
321
+ },
322
+ "fontWeight": {
323
+ "type": "number",
324
+ "value": "$font-weight.bold"
325
+ }
326
+ },
327
+ "description": {
328
+ "color": {
329
+ "type": "color",
330
+ "value": "$color.fg.neutral-muted"
331
+ },
332
+ "fontSize": {
333
+ "type": "dimension",
334
+ "value": "$font-size.t4"
335
+ },
336
+ "lineHeight": {
337
+ "type": "dimension",
338
+ "value": "$line-height.t4"
339
+ },
340
+ "fontWeight": {
341
+ "type": "number",
342
+ "value": "$font-weight.regular"
343
+ }
344
+ },
345
+ "closeButton": {
346
+ "fromTop": {
347
+ "type": "dimension",
348
+ "value": {
349
+ "value": 27,
350
+ "unit": "px"
351
+ }
352
+ },
353
+ "fromRight": {
354
+ "type": "dimension",
355
+ "value": {
356
+ "value": 24,
357
+ "unit": "px"
358
+ }
359
+ }
360
+ }
361
+ }
362
+ },
363
+ {
364
+ "states": [
365
+ "scrolled"
366
+ ],
367
+ "slots": {
368
+ "body": {
369
+ "strokeWidth": {
370
+ "type": "dimension",
371
+ "value": {
372
+ "value": 1,
373
+ "unit": "px"
374
+ }
375
+ },
376
+ "strokeColor": {
377
+ "type": "color",
378
+ "value": "$color.stroke.neutral-muted"
379
+ }
380
+ }
381
+ }
382
+ }
383
+ ]
384
+ }
385
+ ]
386
+ }
387
+ }
@@ -0,0 +1,2 @@
1
+ import artifact from "./popover.json" with { type: "json" };
2
+ export default artifact;
@@ -185,7 +185,7 @@ declare const artifact: {
185
185
  "icon": {
186
186
  "color": {
187
187
  "type": "color";
188
- "value": "$color.palette.static-white";
188
+ "value": "$color.fg.on-brand-solid";
189
189
  };
190
190
  };
191
191
  };
@@ -265,13 +265,13 @@ declare const artifact: {
265
265
  "root": {
266
266
  "color": {
267
267
  "type": "color";
268
- "value": "$color.bg.neutral-inverted";
268
+ "value": "$color.bg.neutral-solid";
269
269
  };
270
270
  };
271
271
  "icon": {
272
272
  "color": {
273
273
  "type": "color";
274
- "value": "$color.fg.neutral-inverted";
274
+ "value": "$color.fg.on-neutral-solid";
275
275
  };
276
276
  };
277
277
  };
@@ -286,7 +286,7 @@ declare const artifact: {
286
286
  "root": {
287
287
  "color": {
288
288
  "type": "color";
289
- "value": "$color.bg.neutral-inverted-pressed";
289
+ "value": "$color.bg.neutral-solid-pressed";
290
290
  };
291
291
  };
292
292
  };
@@ -185,7 +185,7 @@
185
185
  "icon": {
186
186
  "color": {
187
187
  "type": "color",
188
- "value": "$color.palette.static-white"
188
+ "value": "$color.fg.on-brand-solid"
189
189
  }
190
190
  }
191
191
  }
@@ -265,13 +265,13 @@
265
265
  "root": {
266
266
  "color": {
267
267
  "type": "color",
268
- "value": "$color.bg.neutral-inverted"
268
+ "value": "$color.bg.neutral-solid"
269
269
  }
270
270
  },
271
271
  "icon": {
272
272
  "color": {
273
273
  "type": "color",
274
- "value": "$color.fg.neutral-inverted"
274
+ "value": "$color.fg.on-neutral-solid"
275
275
  }
276
276
  }
277
277
  }
@@ -286,7 +286,7 @@
286
286
  "root": {
287
287
  "color": {
288
288
  "type": "color",
289
- "value": "$color.bg.neutral-inverted-pressed"
289
+ "value": "$color.bg.neutral-solid-pressed"
290
290
  }
291
291
  }
292
292
  }
@@ -43,12 +43,6 @@ declare const artifact: {
43
43
  "size": {
44
44
  "type": "dimension";
45
45
  };
46
- "colorDuration": {
47
- "type": "duration";
48
- };
49
- "colorTimingFunction": {
50
- "type": "cubicBezier";
51
- };
52
46
  };
53
47
  };
54
48
  };
@@ -100,14 +94,6 @@ declare const artifact: {
100
94
  "unit": "px";
101
95
  };
102
96
  };
103
- "colorDuration": {
104
- "type": "duration";
105
- "value": "$duration.color-transition";
106
- };
107
- "colorTimingFunction": {
108
- "type": "cubicBezier";
109
- "value": "$timing-function.easing";
110
- };
111
97
  };
112
98
  };
113
99
  },
@@ -42,12 +42,6 @@
42
42
  },
43
43
  "size": {
44
44
  "type": "dimension"
45
- },
46
- "colorDuration": {
47
- "type": "duration"
48
- },
49
- "colorTimingFunction": {
50
- "type": "cubicBezier"
51
45
  }
52
46
  }
53
47
  }
@@ -99,14 +93,6 @@
99
93
  "value": 22,
100
94
  "unit": "px"
101
95
  }
102
- },
103
- "colorDuration": {
104
- "type": "duration",
105
- "value": "$duration.color-transition"
106
- },
107
- "colorTimingFunction": {
108
- "type": "cubicBezier",
109
- "value": "$timing-function.easing"
110
96
  }
111
97
  }
112
98
  }
@@ -60,7 +60,7 @@ declare const artifact: {
60
60
  };
61
61
  "color": {
62
62
  "type": "color";
63
- "value": "$color.bg.neutral-inverted";
63
+ "value": "$color.bg.neutral-solid";
64
64
  };
65
65
  "scaleDuration": {
66
66
  "type": "duration";
@@ -60,7 +60,7 @@
60
60
  },
61
61
  "color": {
62
62
  "type": "color",
63
- "value": "$color.bg.neutral-inverted"
63
+ "value": "$color.bg.neutral-solid"
64
64
  },
65
65
  "scaleDuration": {
66
66
  "type": "duration",
@@ -42,7 +42,7 @@ declare const artifact: {
42
42
  "root": {
43
43
  "color": {
44
44
  "type": "color";
45
- "value": "$color.fg.neutral-inverted";
45
+ "value": "$color.fg.on-neutral-solid";
46
46
  };
47
47
  };
48
48
  };
@@ -42,7 +42,7 @@
42
42
  "root": {
43
43
  "color": {
44
44
  "type": "color",
45
- "value": "$color.fg.neutral-inverted"
45
+ "value": "$color.fg.on-neutral-solid"
46
46
  }
47
47
  }
48
48
  }
@@ -238,13 +238,13 @@ declare const artifact: {
238
238
  };
239
239
  "color": {
240
240
  "type": "color";
241
- "value": "$color.bg.neutral-inverted";
241
+ "value": "$color.bg.neutral-solid";
242
242
  };
243
243
  };
244
244
  "valueIndicatorRoot": {
245
245
  "color": {
246
246
  "type": "color";
247
- "value": "$color.bg.neutral-inverted";
247
+ "value": "$color.bg.neutral-solid";
248
248
  };
249
249
  "cornerRadius": {
250
250
  "type": "dimension";
@@ -306,7 +306,7 @@ declare const artifact: {
306
306
  "valueIndicatorArrow": {
307
307
  "color": {
308
308
  "type": "color";
309
- "value": "$color.bg.neutral-inverted";
309
+ "value": "$color.bg.neutral-solid";
310
310
  };
311
311
  "width": {
312
312
  "type": "dimension";
@@ -328,7 +328,7 @@ declare const artifact: {
328
328
  "valueIndicatorLabel": {
329
329
  "color": {
330
330
  "type": "color";
331
- "value": "$color.fg.neutral-inverted";
331
+ "value": "$color.fg.on-neutral-solid";
332
332
  };
333
333
  "fontSize": {
334
334
  "type": "dimension";
@@ -238,13 +238,13 @@
238
238
  },
239
239
  "color": {
240
240
  "type": "color",
241
- "value": "$color.bg.neutral-inverted"
241
+ "value": "$color.bg.neutral-solid"
242
242
  }
243
243
  },
244
244
  "valueIndicatorRoot": {
245
245
  "color": {
246
246
  "type": "color",
247
- "value": "$color.bg.neutral-inverted"
247
+ "value": "$color.bg.neutral-solid"
248
248
  },
249
249
  "cornerRadius": {
250
250
  "type": "dimension",
@@ -306,7 +306,7 @@
306
306
  "valueIndicatorArrow": {
307
307
  "color": {
308
308
  "type": "color",
309
- "value": "$color.bg.neutral-inverted"
309
+ "value": "$color.bg.neutral-solid"
310
310
  },
311
311
  "width": {
312
312
  "type": "dimension",
@@ -328,7 +328,7 @@
328
328
  "valueIndicatorLabel": {
329
329
  "color": {
330
330
  "type": "color",
331
- "value": "$color.fg.neutral-inverted"
331
+ "value": "$color.fg.on-neutral-solid"
332
332
  },
333
333
  "fontSize": {
334
334
  "type": "dimension",
@@ -181,7 +181,7 @@ declare const artifact: {
181
181
  "root": {
182
182
  "color": {
183
183
  "type": "color";
184
- "value": "$color.bg.neutral-inverted";
184
+ "value": "$color.bg.neutral-solid";
185
185
  };
186
186
  "cornerRadius": {
187
187
  "type": "dimension";
@@ -255,7 +255,7 @@ declare const artifact: {
255
255
  "message": {
256
256
  "color": {
257
257
  "type": "color";
258
- "value": "$color.fg.neutral-inverted";
258
+ "value": "$color.fg.on-neutral-solid";
259
259
  };
260
260
  "fontSize": {
261
261
  "type": "dimension";
@@ -181,7 +181,7 @@
181
181
  "root": {
182
182
  "color": {
183
183
  "type": "color",
184
- "value": "$color.bg.neutral-inverted"
184
+ "value": "$color.bg.neutral-solid"
185
185
  },
186
186
  "cornerRadius": {
187
187
  "type": "dimension",
@@ -255,7 +255,7 @@
255
255
  "message": {
256
256
  "color": {
257
257
  "type": "color",
258
- "value": "$color.fg.neutral-inverted"
258
+ "value": "$color.fg.on-neutral-solid"
259
259
  },
260
260
  "fontSize": {
261
261
  "type": "dimension",