@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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 (111) hide show
  1. package/package.json +3 -1
  2. package/tokens/components/core/accordion/fluent.json +408 -0
  3. package/tokens/components/core/ai-chat/fluent.json +956 -0
  4. package/tokens/components/core/badge/fluent.json +84 -0
  5. package/tokens/components/core/button/fluent.json +154 -0
  6. package/tokens/components/core/calendar/fluent.json +836 -0
  7. package/tokens/components/core/checkbox/fluent.json +384 -0
  8. package/tokens/components/core/collapse-button/fluent.json +168 -0
  9. package/tokens/components/core/container-body/fluent.json +90 -0
  10. package/tokens/components/core/container-footer/fluent.json +104 -0
  11. package/tokens/components/core/container-header/fluent.json +166 -0
  12. package/tokens/components/core/dialog/fluent.json +88 -0
  13. package/tokens/components/core/drawer/fluent.json +80 -0
  14. package/tokens/components/core/empty-item/fluent.json +180 -0
  15. package/tokens/components/core/focus-rect/fluent.json +42 -0
  16. package/tokens/components/core/form/fluent.json +208 -0
  17. package/tokens/components/core/icon-wrapper/fluent.json +72 -0
  18. package/tokens/components/core/indent-space/fluent.json +60 -0
  19. package/tokens/components/core/label/fluent.json +78 -0
  20. package/tokens/components/core/link/fluent.json +144 -0
  21. package/tokens/components/core/listbox/fluent.json +476 -0
  22. package/tokens/components/core/menu/fluent.json +352 -0
  23. package/tokens/components/core/message-bar/fluent.json +132 -0
  24. package/tokens/components/core/overflow-menu/fluent.json +432 -0
  25. package/tokens/components/core/pagination/fluent.json +262 -0
  26. package/tokens/components/core/popover/fluent.json +94 -0
  27. package/tokens/components/core/popover-arrow/fluent.json +26 -0
  28. package/tokens/components/core/popover-body/fluent.json +92 -0
  29. package/tokens/components/core/popover-footer/fluent.json +74 -0
  30. package/tokens/components/core/popover-header/fluent.json +150 -0
  31. package/tokens/components/core/popup/fluent.json +96 -0
  32. package/tokens/components/core/progress-bar/fluent.json +134 -0
  33. package/tokens/components/core/radio-button/fluent.json +232 -0
  34. package/tokens/components/core/ribbon/fluent.json +922 -0
  35. package/tokens/components/core/scroll-bar/fluent.json +82 -0
  36. package/tokens/components/core/spinner_load-indicator/fluent.json +210 -0
  37. package/tokens/components/core/splitter/fluent.json +452 -0
  38. package/tokens/components/core/switch/fluent.json +378 -0
  39. package/tokens/components/core/tabs/fluent.json +282 -0
  40. package/tokens/components/core/tag/fluent.json +158 -0
  41. package/tokens/components/core/text-box/fluent.json +204 -0
  42. package/tokens/components/core/text-edit/fluent.json +308 -0
  43. package/tokens/components/core/toast/fluent.json +192 -0
  44. package/tokens/components/core/toolbar/fluent.json +306 -0
  45. package/tokens/components/core/tooltip/fluent.json +116 -0
  46. package/tokens/components/core/treeview/fluent.json +424 -0
  47. package/tokens/components/desktop/badge/fluent.json +146 -0
  48. package/tokens/components/desktop/button/fluent.json +212 -0
  49. package/tokens/components/desktop/button-edit/fluent.json +242 -0
  50. package/tokens/components/desktop/button-group/fluent.json +40 -0
  51. package/tokens/components/desktop/button-text/fluent.json +114 -0
  52. package/tokens/components/desktop/checkedit/fluent.json +68 -0
  53. package/tokens/components/desktop/datapager/fluent.json +110 -0
  54. package/tokens/components/desktop/filter-edit/fluent.json +254 -0
  55. package/tokens/components/desktop/listbox-edit/fluent.json +434 -0
  56. package/tokens/components/desktop/loading-panel_wait-indicator/fluent.json +308 -0
  57. package/tokens/components/desktop/pagercontrol/fluent.json +258 -0
  58. package/tokens/components/desktop/progress-bar/fluent.json +294 -0
  59. package/tokens/components/desktop/radio-button/fluent.json +76 -0
  60. package/tokens/components/desktop/scroll-bar/fluent.json +90 -0
  61. package/tokens/components/desktop/split-button/fluent.json +30 -0
  62. package/tokens/components/desktop/text-edit/fluent.json +174 -0
  63. package/tokens/components/desktop/toggle-switch/Fluent.json +268 -0
  64. package/tokens/components/desktop/tooltip/fluent.json +198 -0
  65. package/tokens/components/web/accordion/fluent.json +24 -0
  66. package/tokens/components/web/button/fluent.json +1460 -0
  67. package/tokens/components/web/button-group/fluent.json +40 -0
  68. package/tokens/components/web/carousel/fluent.json +1458 -0
  69. package/tokens/components/web/checkbox/fluent.json +136 -0
  70. package/tokens/components/web/color-palette/fluent.json +634 -0
  71. package/tokens/components/web/column-chooser/fluent.json +176 -0
  72. package/tokens/components/web/filter-builder/fluent.json +570 -0
  73. package/tokens/components/web/form-layout/fluent.json +578 -0
  74. package/tokens/components/web/html-editor/fluent.json +146 -0
  75. package/tokens/components/web/listbox/fluent.json +160 -0
  76. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +118 -0
  77. package/tokens/components/web/memo/fluent.json +30 -0
  78. package/tokens/components/web/menu/fluent.json +24 -0
  79. package/tokens/components/web/message-bar/fluent.json +106 -0
  80. package/tokens/components/web/message-box/fluent.json +36 -0
  81. package/tokens/components/web/overflow-menu/fluent.json +64 -0
  82. package/tokens/components/web/pager/fluent.json +102 -0
  83. package/tokens/components/web/progress-bar/fluent.json +116 -0
  84. package/tokens/components/web/radio/fluent.json +140 -0
  85. package/tokens/components/web/ribbon/fluent.json +62 -0
  86. package/tokens/components/web/rich-text-editor/fluent.json +534 -0
  87. package/tokens/components/web/scheduler/fluent.json +1378 -0
  88. package/tokens/components/web/scheduler-popups/fluent.json +290 -0
  89. package/tokens/components/web/scroll-bar/fluent.json +92 -0
  90. package/tokens/components/web/split-button/fluent.json +78 -0
  91. package/tokens/components/web/splitter/fluent.json +1214 -0
  92. package/tokens/components/web/switcher/fluent.json +102 -0
  93. package/tokens/components/web/tabs/fluent.json +148 -0
  94. package/tokens/components/web/tagbox/fluent.json +82 -0
  95. package/tokens/components/web/text-edit/fluent.json +184 -0
  96. package/tokens/components/web/toast/fluent.json +688 -0
  97. package/tokens/components/web/toolbar/fluent.json +1070 -0
  98. package/tokens/components/web/tooltip/fluent.json +20 -0
  99. package/tokens/components/web/treeview/fluent.json +1214 -0
  100. package/tokens/components/web/uploader/fluent.json +1528 -0
  101. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  102. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  103. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  104. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  105. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  106. package/tokens/figma-utils/icon/property.json +48 -0
  107. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  108. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  109. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  110. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  111. package/tokens/figma-utils/typography/styles.json +400 -0
package/tokens/components/core/toast/fluent.json ADDED
@@ -0,0 +1,192 @@
1
+ {
2
+ "toast": {
3
+ "color": {
4
+ "bg": {
5
+ "rest": {
6
+ "$type": "color",
7
+ "$value": "{color.surface.neutral.default.rest}"
8
+ }
9
+ },
10
+ "icon": {
11
+ "rest": {
12
+ "$type": "color",
13
+ "$value": "{color.content.primary.default.rest}"
14
+ }
15
+ }
16
+ },
17
+ "box-shadow": {
18
+ "layer-1": {
19
+ "color": {
20
+ "$type": "color",
21
+ "$value": "{box-shadow.layer-1.color.lg}"
22
+ },
23
+ "x": {
24
+ "$type": "number",
25
+ "$value": "{box-shadow.layer-1.x.lg}"
26
+ },
27
+ "y": {
28
+ "$type": "number",
29
+ "$value": "{box-shadow.layer-1.y.lg}"
30
+ },
31
+ "blur": {
32
+ "$type": "number",
33
+ "$value": "{box-shadow.layer-1.blur.lg}"
34
+ },
35
+ "spread": {
36
+ "$type": "number",
37
+ "$value": "{box-shadow.layer-1.spread.lg}"
38
+ }
39
+ },
40
+ "layer-2": {
41
+ "color": {
42
+ "$type": "color",
43
+ "$value": "{box-shadow.layer-2.color.lg}"
44
+ },
45
+ "x": {
46
+ "$type": "number",
47
+ "$value": "{box-shadow.layer-2.x.lg}"
48
+ },
49
+ "y": {
50
+ "$type": "number",
51
+ "$value": "{box-shadow.layer-2.y.lg}"
52
+ },
53
+ "blur": {
54
+ "$type": "number",
55
+ "$value": "{box-shadow.layer-2.blur.lg}"
56
+ },
57
+ "spread": {
58
+ "$type": "number",
59
+ "$value": "{box-shadow.layer-2.spread.lg}"
60
+ }
61
+ },
62
+ "composite": {
63
+ "$type": "text",
64
+ "$value": "{box-shadow.lg}"
65
+ }
66
+ },
67
+ "layout": {
68
+ "inner-box": {
69
+ "vertical": {
70
+ "small": {
71
+ "$type": "number",
72
+ "$value": "{spacing.80}"
73
+ },
74
+ "medium": {
75
+ "$type": "number",
76
+ "$value": "{spacing.120}"
77
+ },
78
+ "large": {
79
+ "$type": "number",
80
+ "$value": "{spacing.160}"
81
+ }
82
+ },
83
+ "horizontal": {
84
+ "small": {
85
+ "$type": "number",
86
+ "$value": "{spacing.80}"
87
+ },
88
+ "medium": {
89
+ "$type": "number",
90
+ "$value": "{spacing.120}"
91
+ },
92
+ "large": {
93
+ "$type": "number",
94
+ "$value": "{spacing.160}"
95
+ }
96
+ },
97
+ "gap": {
98
+ "small": {
99
+ "$type": "number",
100
+ "$value": "{spacing.60}"
101
+ },
102
+ "medium": {
103
+ "$type": "number",
104
+ "$value": "{spacing.80}"
105
+ },
106
+ "large": {
107
+ "$type": "number",
108
+ "$value": "{spacing.100}"
109
+ }
110
+ }
111
+ },
112
+ "content-box": {
113
+ "gap": {
114
+ "small": {
115
+ "$type": "number",
116
+ "$value": "{spacing.0}"
117
+ },
118
+ "medium": {
119
+ "$type": "number",
120
+ "$value": "{spacing.0}"
121
+ },
122
+ "large": {
123
+ "$type": "number",
124
+ "$value": "{spacing.0}"
125
+ }
126
+ }
127
+ },
128
+ "outer-box": {
129
+ "vertical": {
130
+ "small": {
131
+ "$type": "number",
132
+ "$value": "{spacing.0}"
133
+ },
134
+ "medium": {
135
+ "$type": "number",
136
+ "$value": "{spacing.0}"
137
+ },
138
+ "large": {
139
+ "$type": "number",
140
+ "$value": "{spacing.0}"
141
+ }
142
+ },
143
+ "horizontal": {
144
+ "small": {
145
+ "$type": "number",
146
+ "$value": "{spacing.0}"
147
+ },
148
+ "medium": {
149
+ "$type": "number",
150
+ "$value": "{spacing.0}"
151
+ },
152
+ "large": {
153
+ "$type": "number",
154
+ "$value": "{spacing.0}"
155
+ }
156
+ }
157
+ }
158
+ },
159
+ "borders": {
160
+ "border-radius": {
161
+ "small": {
162
+ "$type": "number",
163
+ "$value": "{border-radius.theme-builder.default}"
164
+ },
165
+ "medium": {
166
+ "$type": "number",
167
+ "$value": "{border-radius.theme-builder.default}"
168
+ },
169
+ "large": {
170
+ "$type": "number",
171
+ "$value": "{border-radius.theme-builder.default}"
172
+ }
173
+ }
174
+ },
175
+ "typography": {
176
+ "font-weight": {
177
+ "small": {
178
+ "$type": "number",
179
+ "$value": "{font-weight.base.strong}"
180
+ },
181
+ "medium": {
182
+ "$type": "number",
183
+ "$value": "{font-weight.base.strong}"
184
+ },
185
+ "large": {
186
+ "$type": "number",
187
+ "$value": "{font-weight.base.strong}"
188
+ }
189
+ }
190
+ }
191
+ }
192
+ }
package/tokens/components/core/toolbar/fluent.json ADDED
@@ -0,0 +1,306 @@
1
+ {
2
+ "toolbar": {
3
+ "toolbar": {
4
+ "color": {
5
+ "border": {
6
+ "rest": {
7
+ "$type": "color",
8
+ "$value": "{color.border.transparent.rest}"
9
+ }
10
+ },
11
+ "separator": {
12
+ "rest": {
13
+ "$type": "color",
14
+ "$value": "{color.border.neutral.default.rest}"
15
+ }
16
+ },
17
+ "bg": {
18
+ "rest": {
19
+ "$type": "color",
20
+ "$value": "{color.surface.transparent.rest}"
21
+ }
22
+ }
23
+ },
24
+ "layout": {
25
+ "inner-box": {
26
+ "gap": {
27
+ "small": {
28
+ "$type": "number",
29
+ "$value": "{spacing.80}"
30
+ },
31
+ "medium": {
32
+ "$type": "number",
33
+ "$value": "{spacing.80}"
34
+ },
35
+ "large": {
36
+ "$type": "number",
37
+ "$value": "{spacing.80}"
38
+ }
39
+ }
40
+ },
41
+ "outer-box": {
42
+ "horizontal": {
43
+ "small": {
44
+ "$type": "number",
45
+ "$value": "{spacing.80}"
46
+ },
47
+ "medium": {
48
+ "$type": "number",
49
+ "$value": "{spacing.80}"
50
+ },
51
+ "large": {
52
+ "$type": "number",
53
+ "$value": "{spacing.80}"
54
+ }
55
+ },
56
+ "vertical": {
57
+ "small": {
58
+ "$type": "number",
59
+ "$value": "{spacing.40}"
60
+ },
61
+ "medium": {
62
+ "$type": "number",
63
+ "$value": "{spacing.40}"
64
+ },
65
+ "large": {
66
+ "$type": "number",
67
+ "$value": "{spacing.40}"
68
+ }
69
+ }
70
+ },
71
+ "text-box": {
72
+ "vertical": {
73
+ "small": {
74
+ "$type": "number",
75
+ "$value": "{spacing.20}"
76
+ },
77
+ "medium": {
78
+ "$type": "number",
79
+ "$value": "{spacing.50}"
80
+ },
81
+ "large": {
82
+ "$type": "number",
83
+ "$value": "{spacing.60}"
84
+ }
85
+ },
86
+ "horizontal": {
87
+ "small": {
88
+ "$type": "number",
89
+ "$value": "{spacing.40}"
90
+ },
91
+ "medium": {
92
+ "$type": "number",
93
+ "$value": "{spacing.60}"
94
+ },
95
+ "large": {
96
+ "$type": "number",
97
+ "$value": "{spacing.80}"
98
+ }
99
+ }
100
+ },
101
+ "menu-box": {
102
+ "gap": {
103
+ "small": {
104
+ "$type": "number",
105
+ "$value": "{spacing.40}"
106
+ },
107
+ "medium": {
108
+ "$type": "number",
109
+ "$value": "{spacing.60}"
110
+ },
111
+ "large": {
112
+ "$type": "number",
113
+ "$value": "{spacing.80}"
114
+ }
115
+ }
116
+ },
117
+ "separator": {
118
+ "width": {
119
+ "small": {
120
+ "$type": "number",
121
+ "$value": "{spacing.10}"
122
+ },
123
+ "medium": {
124
+ "$type": "number",
125
+ "$value": "{spacing.10}"
126
+ },
127
+ "large": {
128
+ "$type": "number",
129
+ "$value": "{spacing.10}"
130
+ }
131
+ },
132
+ "height": {
133
+ "small": {
134
+ "$type": "number",
135
+ "$value": "{spacing.240}"
136
+ },
137
+ "medium": {
138
+ "$type": "number",
139
+ "$value": "{spacing.320}"
140
+ },
141
+ "large": {
142
+ "$type": "number",
143
+ "$value": "{spacing.400}"
144
+ }
145
+ },
146
+ "vertical": {
147
+ "small": {
148
+ "$type": "number",
149
+ "$value": "{spacing.20}"
150
+ },
151
+ "medium": {
152
+ "$type": "number",
153
+ "$value": "{spacing.20}"
154
+ },
155
+ "large": {
156
+ "$type": "number",
157
+ "$value": "{spacing.40}"
158
+ }
159
+ }
160
+ }
161
+ },
162
+ "borders": {
163
+ "border-width": {
164
+ "small": {
165
+ "$type": "number",
166
+ "$value": "{border-width.10}"
167
+ },
168
+ "medium": {
169
+ "$type": "number",
170
+ "$value": "{border-width.10}"
171
+ },
172
+ "large": {
173
+ "$type": "number",
174
+ "$value": "{border-width.10}"
175
+ }
176
+ },
177
+ "border-radius": {
178
+ "small": {
179
+ "$type": "number",
180
+ "$value": "{border-radius.40}"
181
+ },
182
+ "medium": {
183
+ "$type": "number",
184
+ "$value": "{border-radius.40}"
185
+ },
186
+ "large": {
187
+ "$type": "number",
188
+ "$value": "{border-radius.40}"
189
+ }
190
+ }
191
+ },
192
+ "typography": {
193
+ "line-height": {
194
+ "small": {
195
+ "$type": "number",
196
+ "$value": "{line-height.title.xs}"
197
+ },
198
+ "large": {
199
+ "$type": "number",
200
+ "$value": "{line-height.title.md}"
201
+ },
202
+ "medium": {
203
+ "$type": "number",
204
+ "$value": "{line-height.title.sm}"
205
+ }
206
+ },
207
+ "letter-spacing": {
208
+ "medium": {
209
+ "$type": "number",
210
+ "$value": "{letter-spacing.title.md}"
211
+ },
212
+ "large": {
213
+ "$type": "number",
214
+ "$value": "{letter-spacing.title.lg}"
215
+ },
216
+ "small": {
217
+ "$type": "number",
218
+ "$value": "{letter-spacing.title.sm}"
219
+ }
220
+ },
221
+ "font-size": {
222
+ "small": {
223
+ "$type": "number",
224
+ "$value": "{font-size.title.xs}"
225
+ },
226
+ "medium": {
227
+ "$type": "number",
228
+ "$value": "{font-size.title.sm}"
229
+ },
230
+ "large": {
231
+ "$type": "number",
232
+ "$value": "{font-size.title.md}"
233
+ }
234
+ },
235
+ "font-weight": {
236
+ "large": {
237
+ "$type": "number",
238
+ "$value": "{font-weight.title.default}"
239
+ },
240
+ "medium": {
241
+ "$type": "number",
242
+ "$value": "{font-weight.title.default}"
243
+ },
244
+ "small": {
245
+ "$type": "number",
246
+ "$value": "{font-weight.title.default}"
247
+ }
248
+ }
249
+ }
250
+ },
251
+ "button-group": {
252
+ "layout": {
253
+ "gap": {
254
+ "small": {
255
+ "$type": "number",
256
+ "$value": "{spacing.minus-10}"
257
+ },
258
+ "medium": {
259
+ "$type": "number",
260
+ "$value": "{spacing.minus-10}"
261
+ },
262
+ "large": {
263
+ "$type": "number",
264
+ "$value": "{spacing.minus-10}"
265
+ }
266
+ }
267
+ },
268
+ "borders": {
269
+ "border-radius": {
270
+ "inner-corner": {
271
+ "small": {
272
+ "$type": "number",
273
+ "$value": "{border-radius.0}"
274
+ },
275
+ "medium": {
276
+ "$type": "number",
277
+ "$value": "{border-radius.0}"
278
+ },
279
+ "large": {
280
+ "$type": "number",
281
+ "$value": "{border-radius.0}"
282
+ }
283
+ }
284
+ }
285
+ }
286
+ },
287
+ "combo-button-group": {
288
+ "layout": {
289
+ "gap": {
290
+ "small": {
291
+ "$type": "number",
292
+ "$value": "{spacing.40}"
293
+ },
294
+ "medium": {
295
+ "$type": "number",
296
+ "$value": "{spacing.40}"
297
+ },
298
+ "large": {
299
+ "$type": "number",
300
+ "$value": "{spacing.40}"
301
+ }
302
+ }
303
+ }
304
+ }
305
+ }
306
+ }
package/tokens/components/core/tooltip/fluent.json ADDED
@@ -0,0 +1,116 @@
1
+ {
2
+ "tooltip": {
3
+ "color": {
4
+ "bg": {
5
+ "rest": {
6
+ "$type": "color",
7
+ "$value": "{color.surface.neutral.default.rest}"
8
+ }
9
+ },
10
+ "content": {
11
+ "rest": {
12
+ "$type": "color",
13
+ "$value": "{color.content.neutral.default.rest}"
14
+ }
15
+ }
16
+ },
17
+ "box-shadow": {
18
+ "layer-1": {
19
+ "color": {
20
+ "$type": "color",
21
+ "$value": "{box-shadow.layer-1.color.md}"
22
+ },
23
+ "x": {
24
+ "$type": "number",
25
+ "$value": "{box-shadow.layer-1.x.md}"
26
+ },
27
+ "y": {
28
+ "$type": "number",
29
+ "$value": "{box-shadow.layer-1.y.md}"
30
+ },
31
+ "blur": {
32
+ "$type": "number",
33
+ "$value": "{box-shadow.layer-1.blur.md}"
34
+ },
35
+ "spread": {
36
+ "$type": "number",
37
+ "$value": "{box-shadow.layer-1.spread.md}"
38
+ }
39
+ },
40
+ "layer-2": {
41
+ "color": {
42
+ "$type": "color",
43
+ "$value": "{box-shadow.layer-2.color.md}"
44
+ },
45
+ "x": {
46
+ "$type": "number",
47
+ "$value": "{box-shadow.layer-2.x.md}"
48
+ },
49
+ "y": {
50
+ "$type": "number",
51
+ "$value": "{box-shadow.layer-2.y.md}"
52
+ },
53
+ "blur": {
54
+ "$type": "number",
55
+ "$value": "{box-shadow.layer-2.blur.md}"
56
+ },
57
+ "spread": {
58
+ "$type": "number",
59
+ "$value": "{box-shadow.layer-2.spread.md}"
60
+ }
61
+ },
62
+ "composite": {
63
+ "$type": "text",
64
+ "$value": "{box-shadow.md}"
65
+ }
66
+ },
67
+ "borders": {
68
+ "border-radius": {
69
+ "small": {
70
+ "$type": "number",
71
+ "$value": "{border-radius.theme-builder.default}"
72
+ },
73
+ "medium": {
74
+ "$type": "number",
75
+ "$value": "{border-radius.theme-builder.default}"
76
+ },
77
+ "large": {
78
+ "$type": "number",
79
+ "$value": "{border-radius.theme-builder.default}"
80
+ }
81
+ }
82
+ },
83
+ "layout": {
84
+ "inner-box": {
85
+ "vertical": {
86
+ "small": {
87
+ "$type": "number",
88
+ "$value": "{spacing.40}"
89
+ },
90
+ "medium": {
91
+ "$type": "number",
92
+ "$value": "{spacing.60}"
93
+ },
94
+ "large": {
95
+ "$type": "number",
96
+ "$value": "{spacing.80}"
97
+ }
98
+ },
99
+ "horizontal": {
100
+ "small": {
101
+ "$type": "number",
102
+ "$value": "{spacing.80}"
103
+ },
104
+ "medium": {
105
+ "$type": "number",
106
+ "$value": "{spacing.120}"
107
+ },
108
+ "large": {
109
+ "$type": "number",
110
+ "$value": "{spacing.160}"
111
+ }
112
+ }
113
+ }
114
+ }
115
+ }
116
+ }