@devexpress/design-tokens-internal 261.0.2 → 261.0.4

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 (122) hide show
  1. package/package.json +3 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +783 -0
  4. package/tokens/components/core/ai-chat/fluent.json +2236 -0
  5. package/tokens/components/core/badge/fluent.json +159 -0
  6. package/tokens/components/core/button/fluent.json +301 -0
  7. package/tokens/components/core/calendar/fluent.json +1601 -0
  8. package/tokens/components/core/checkbox/fluent.json +812 -0
  9. package/tokens/components/core/collapse-button/fluent.json +333 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +170 -0
  12. package/tokens/components/core/container-footer/fluent.json +202 -0
  13. package/tokens/components/core/container-header/fluent.json +329 -0
  14. package/tokens/components/core/dialog/fluent.json +173 -0
  15. package/tokens/components/core/drawer/fluent.json +158 -0
  16. package/tokens/components/core/empty-item/fluent.json +350 -0
  17. package/tokens/components/core/focus-rect/fluent.json +82 -0
  18. package/tokens/components/core/form/fluent.json +344 -0
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +147 -0
  21. package/tokens/components/core/indent-space/fluent.json +110 -0
  22. package/tokens/components/core/label/fluent.json +138 -0
  23. package/tokens/components/core/link/fluent.json +291 -0
  24. package/tokens/components/core/listbox/fluent.json +826 -0
  25. package/tokens/components/core/menu/fluent.json +682 -0
  26. package/tokens/components/core/message-bar/fluent.json +252 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +788 -0
  28. package/tokens/components/core/pagination/fluent.json +536 -0
  29. package/tokens/components/core/popover/fluent.json +185 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +46 -0
  31. package/tokens/components/core/popover-body/fluent.json +172 -0
  32. package/tokens/components/core/popover-footer/fluent.json +139 -0
  33. package/tokens/components/core/popover-header/fluent.json +290 -0
  34. package/tokens/components/core/popup/fluent.json +182 -0
  35. package/tokens/components/core/progress-bar/fluent.json +258 -0
  36. package/tokens/components/core/radio-button/fluent.json +486 -0
  37. package/tokens/components/core/ribbon/fluent.json +1717 -0
  38. package/tokens/components/core/scroll-bar/fluent.json +148 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +390 -0
  41. package/tokens/components/core/splitter/fluent.json +877 -0
  42. package/tokens/components/core/switch/fluent.json +722 -0
  43. package/tokens/components/core/tabs/fluent.json +607 -0
  44. package/tokens/components/core/tag/fluent.json +303 -0
  45. package/tokens/components/core/text-box/fluent.json +404 -0
  46. package/tokens/components/core/text-edit/fluent.json +623 -0
  47. package/tokens/components/core/toast/fluent.json +372 -0
  48. package/tokens/components/core/toolbar/fluent.json +423 -0
  49. package/tokens/components/core/tooltip/fluent.json +221 -0
  50. package/tokens/components/core/treeview/fluent.json +818 -0
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +117 -0
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +546 -0
  55. package/tokens/components/desktop/button-edit/fluent.json +454 -0
  56. package/tokens/components/desktop/button-group/fluent.json +70 -0
  57. package/tokens/components/desktop/button-text/fluent.json +228 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +54 -0
  59. package/tokens/components/desktop/datapager/fluent.json +202 -0
  60. package/tokens/components/desktop/filter-edit/fluent.json +454 -0
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +881 -0
  63. package/tokens/components/desktop/pagercontrol/fluent.json +480 -0
  64. package/tokens/components/desktop/progress-bar/fluent.json +568 -0
  65. package/tokens/components/desktop/radio-button/fluent.json +67 -0
  66. package/tokens/components/desktop/scroll-bar/fluent.json +206 -0
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +50 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +312 -0
  71. package/tokens/components/desktop/toggle-switch/fluent.json +493 -0
  72. package/tokens/components/desktop/wait-indicator/fluent.json +222 -0
  73. package/tokens/components/web/button/fluent.json +3068 -0
  74. package/tokens/components/web/button-group/fluent.json +70 -0
  75. package/tokens/components/web/carousel/fluent.json +2843 -0
  76. package/tokens/components/web/checkbox/fluent.json +256 -0
  77. package/tokens/components/web/color-palette/fluent.json +1245 -0
  78. package/tokens/components/web/column-chooser/fluent.json +331 -0
  79. package/tokens/components/web/filter-builder/fluent.json +1085 -0
  80. package/tokens/components/web/form-layout/fluent.json +1103 -0
  81. package/tokens/components/web/html-editor/fluent.json +276 -0
  82. package/tokens/components/web/listbox/fluent.json +298 -0
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +225 -0
  84. package/tokens/components/web/memo/fluent.json +50 -0
  85. package/tokens/components/web/menu/fluent.json +39 -0
  86. package/tokens/components/web/message-bar/fluent.json +181 -0
  87. package/tokens/components/web/message-box/fluent.json +61 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +109 -0
  89. package/tokens/components/web/pager/fluent.json +187 -0
  90. package/tokens/components/web/progress-bar/fluent.json +197 -0
  91. package/tokens/components/web/radio/fluent.json +260 -0
  92. package/tokens/components/web/ribbon/fluent.json +122 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +1005 -0
  94. package/tokens/components/web/scheduler/fluent.json +2662 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +520 -0
  96. package/tokens/components/web/split-button/fluent.json +143 -0
  97. package/tokens/components/web/switcher/fluent.json +192 -0
  98. package/tokens/components/web/tabs/fluent.json +258 -0
  99. package/tokens/components/web/tagbox/fluent.json +147 -0
  100. package/tokens/components/web/text-edit/fluent.json +334 -0
  101. package/tokens/components/web/toast/fluent.json +1228 -0
  102. package/tokens/components/web/toolbar/fluent.json +165 -0
  103. package/tokens/components/web/tooltip/fluent.json +31 -0
  104. package/tokens/components/web/treeview/fluent.json +2409 -0
  105. package/tokens/components/web/uploader/fluent.json +2963 -0
  106. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  107. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  108. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  109. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  110. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  111. package/tokens/figma-utils/icon/property.json +48 -0
  112. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  113. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  114. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  115. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  116. package/tokens/figma-utils/typography/styles.json +400 -0
  117. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  118. package/tokens/semantic/colors/dx-office/light.json +12 -0
  119. package/tokens/semantic/colors/fluent/dark.json +24 -12
  120. package/tokens/semantic/colors/fluent/light.json +24 -12
  121. package/tokens/global/dx-office/theme-builder.json +0 -56
  122. package/tokens/global/fluent/theme-builder.json +0 -56
package/tokens/components/core/tag/fluent.json ADDED
@@ -0,0 +1,303 @@
1
+ {
2
+ "tag": {
3
+ "color": {
4
+ "bg": {
5
+ "rest": {
6
+ "$extensions": {
7
+ "com.figma.scopes": [
8
+ "FRAME_FILL"
9
+ ]
10
+ },
11
+ "$type": "color",
12
+ "$value": "{color.surface.neutral.deep.rest}"
13
+ },
14
+ "disabled": {
15
+ "$extensions": {
16
+ "com.figma.scopes": [
17
+ "FRAME_FILL"
18
+ ]
19
+ },
20
+ "$type": "color",
21
+ "$value": "{color.surface.neutral.subdued.disabled}"
22
+ }
23
+ }
24
+ },
25
+ "borders": {
26
+ "border-radius": {
27
+ "small": {
28
+ "$extensions": {
29
+ "com.figma.scopes": [
30
+ "CORNER_RADIUS"
31
+ ]
32
+ },
33
+ "$type": "number",
34
+ "$value": "{border-radius.theme-builder.default}"
35
+ },
36
+ "medium": {
37
+ "$extensions": {
38
+ "com.figma.scopes": [
39
+ "CORNER_RADIUS"
40
+ ]
41
+ },
42
+ "$type": "number",
43
+ "$value": "{border-radius.theme-builder.default}"
44
+ },
45
+ "large": {
46
+ "$extensions": {
47
+ "com.figma.scopes": [
48
+ "CORNER_RADIUS"
49
+ ]
50
+ },
51
+ "$type": "number",
52
+ "$value": "{border-radius.theme-builder.default}"
53
+ }
54
+ }
55
+ },
56
+ "layout": {
57
+ "content-box": {
58
+ "horizontal": {
59
+ "small": {
60
+ "$extensions": {
61
+ "com.figma.scopes": [
62
+ "GAP"
63
+ ]
64
+ },
65
+ "$type": "number",
66
+ "$value": "{spacing.40}"
67
+ },
68
+ "medium": {
69
+ "$extensions": {
70
+ "com.figma.scopes": [
71
+ "GAP"
72
+ ]
73
+ },
74
+ "$type": "number",
75
+ "$value": "{spacing.60}"
76
+ },
77
+ "large": {
78
+ "$extensions": {
79
+ "com.figma.scopes": [
80
+ "GAP"
81
+ ]
82
+ },
83
+ "$type": "number",
84
+ "$value": "{spacing.80}"
85
+ }
86
+ },
87
+ "vertical": {
88
+ "small": {
89
+ "$extensions": {
90
+ "com.figma.scopes": [
91
+ "GAP"
92
+ ]
93
+ },
94
+ "$type": "number",
95
+ "$value": "{spacing.20}"
96
+ },
97
+ "medium": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "GAP"
101
+ ]
102
+ },
103
+ "$type": "number",
104
+ "$value": "{spacing.20}"
105
+ },
106
+ "large": {
107
+ "$extensions": {
108
+ "com.figma.scopes": [
109
+ "GAP"
110
+ ]
111
+ },
112
+ "$type": "number",
113
+ "$value": "{spacing.20}"
114
+ }
115
+ }
116
+ },
117
+ "content-placeholder": {
118
+ "sizing": {
119
+ "small": {
120
+ "$extensions": {
121
+ "com.figma.scopes": [
122
+ "WIDTH_HEIGHT"
123
+ ]
124
+ },
125
+ "$type": "number",
126
+ "$value": "{spacing.160}"
127
+ },
128
+ "medium": {
129
+ "$extensions": {
130
+ "com.figma.scopes": [
131
+ "WIDTH_HEIGHT"
132
+ ]
133
+ },
134
+ "$type": "number",
135
+ "$value": "{spacing.200}"
136
+ },
137
+ "large": {
138
+ "$extensions": {
139
+ "com.figma.scopes": [
140
+ "WIDTH_HEIGHT"
141
+ ]
142
+ },
143
+ "$type": "number",
144
+ "$value": "{spacing.240}"
145
+ }
146
+ }
147
+ },
148
+ "button-box": {
149
+ "horizontal-start": {
150
+ "small": {
151
+ "$extensions": {
152
+ "com.figma.scopes": [
153
+ "GAP"
154
+ ]
155
+ },
156
+ "$type": "number",
157
+ "$value": "{spacing.0}"
158
+ },
159
+ "medium": {
160
+ "$extensions": {
161
+ "com.figma.scopes": [
162
+ "GAP"
163
+ ]
164
+ },
165
+ "$type": "number",
166
+ "$value": "{spacing.0}"
167
+ },
168
+ "large": {
169
+ "$extensions": {
170
+ "com.figma.scopes": [
171
+ "GAP"
172
+ ]
173
+ },
174
+ "$type": "number",
175
+ "$value": "{spacing.0}"
176
+ }
177
+ },
178
+ "horizontal-end": {
179
+ "small": {
180
+ "$extensions": {
181
+ "com.figma.scopes": [
182
+ "GAP"
183
+ ]
184
+ },
185
+ "$type": "number",
186
+ "$value": "{spacing.20}"
187
+ },
188
+ "medium": {
189
+ "$extensions": {
190
+ "com.figma.scopes": [
191
+ "GAP"
192
+ ]
193
+ },
194
+ "$type": "number",
195
+ "$value": "{spacing.20}"
196
+ },
197
+ "large": {
198
+ "$extensions": {
199
+ "com.figma.scopes": [
200
+ "GAP"
201
+ ]
202
+ },
203
+ "$type": "number",
204
+ "$value": "{spacing.20}"
205
+ }
206
+ },
207
+ "vertical": {
208
+ "small": {
209
+ "$extensions": {
210
+ "com.figma.scopes": [
211
+ "GAP"
212
+ ]
213
+ },
214
+ "$type": "number",
215
+ "$value": "{spacing.20}"
216
+ },
217
+ "medium": {
218
+ "$extensions": {
219
+ "com.figma.scopes": [
220
+ "GAP"
221
+ ]
222
+ },
223
+ "$type": "number",
224
+ "$value": "{spacing.20}"
225
+ },
226
+ "large": {
227
+ "$extensions": {
228
+ "com.figma.scopes": [
229
+ "GAP"
230
+ ]
231
+ },
232
+ "$type": "number",
233
+ "$value": "{spacing.20}"
234
+ }
235
+ }
236
+ },
237
+ "outer-box": {
238
+ "gap": {
239
+ "small": {
240
+ "$extensions": {
241
+ "com.figma.scopes": [
242
+ "GAP"
243
+ ]
244
+ },
245
+ "$type": "number",
246
+ "$value": "{spacing.0}"
247
+ },
248
+ "medium": {
249
+ "$extensions": {
250
+ "com.figma.scopes": [
251
+ "GAP"
252
+ ]
253
+ },
254
+ "$type": "number",
255
+ "$value": "{spacing.0}"
256
+ },
257
+ "large": {
258
+ "$extensions": {
259
+ "com.figma.scopes": [
260
+ "GAP"
261
+ ]
262
+ },
263
+ "$type": "number",
264
+ "$value": "{spacing.0}"
265
+ }
266
+ }
267
+ }
268
+ },
269
+ "focus-rect": {
270
+ "layout": {
271
+ "offset": {
272
+ "$extensions": {
273
+ "com.figma.scopes": [
274
+ "GAP"
275
+ ]
276
+ },
277
+ "$type": "number",
278
+ "$value": "{spacing.0}"
279
+ },
280
+ "outer-box": {
281
+ "$extensions": {
282
+ "com.figma.scopes": [
283
+ "GAP"
284
+ ]
285
+ },
286
+ "$type": "number",
287
+ "$value": "{spacing.0}"
288
+ }
289
+ },
290
+ "borders": {
291
+ "border-radius": {
292
+ "$extensions": {
293
+ "com.figma.scopes": [
294
+ "CORNER_RADIUS"
295
+ ]
296
+ },
297
+ "$type": "number",
298
+ "$value": "{border-radius.40}"
299
+ }
300
+ }
301
+ }
302
+ }
303
+ }
package/tokens/components/core/text-box/fluent.json ADDED
@@ -0,0 +1,404 @@
1
+ {
2
+ "text-box": {
3
+ "color": {
4
+ "default": {
5
+ "cursor": {
6
+ "disabled": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "STROKE_COLOR"
10
+ ]
11
+ },
12
+ "$type": "color",
13
+ "$value": "{color.content.transparent.rest}"
14
+ },
15
+ "rest": {
16
+ "$extensions": {
17
+ "com.figma.scopes": [
18
+ "STROKE_COLOR"
19
+ ]
20
+ },
21
+ "$type": "color",
22
+ "$value": "{color.content.neutral.default.rest}"
23
+ },
24
+ "read-only": {
25
+ "$extensions": {
26
+ "com.figma.scopes": [
27
+ "STROKE_COLOR"
28
+ ]
29
+ },
30
+ "$type": "color",
31
+ "$value": "{color.content.transparent.rest}"
32
+ }
33
+ },
34
+ "text": {
35
+ "disabled": {
36
+ "$extensions": {
37
+ "com.figma.scopes": [
38
+ "TEXT_FILL"
39
+ ]
40
+ },
41
+ "$type": "color",
42
+ "$value": "{color.content.neutral.default.disabled}"
43
+ },
44
+ "rest": {
45
+ "$extensions": {
46
+ "com.figma.scopes": [
47
+ "TEXT_FILL"
48
+ ]
49
+ },
50
+ "$type": "color",
51
+ "$value": "{color.content.neutral.default.rest}"
52
+ }
53
+ },
54
+ "placeholder": {
55
+ "disabled": {
56
+ "$extensions": {
57
+ "com.figma.scopes": [
58
+ "TEXT_FILL"
59
+ ]
60
+ },
61
+ "$type": "color",
62
+ "$value": "{color.content.neutral.deep.disabled}"
63
+ },
64
+ "rest": {
65
+ "$extensions": {
66
+ "com.figma.scopes": [
67
+ "TEXT_FILL"
68
+ ]
69
+ },
70
+ "$type": "color",
71
+ "$value": "{color.content.neutral.deep.rest}"
72
+ }
73
+ },
74
+ "label": {
75
+ "rest": {
76
+ "$extensions": {
77
+ "com.figma.scopes": [
78
+ "TEXT_FILL"
79
+ ]
80
+ },
81
+ "$type": "color",
82
+ "$value": "{color.content.neutral.deep.rest}"
83
+ },
84
+ "disabled": {
85
+ "$extensions": {
86
+ "com.figma.scopes": [
87
+ "TEXT_FILL"
88
+ ]
89
+ },
90
+ "$type": "color",
91
+ "$value": "{color.content.neutral.deep.disabled}"
92
+ }
93
+ }
94
+ },
95
+ "on-surface": {
96
+ "placeholder": {
97
+ "rest": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "TEXT_FILL"
101
+ ]
102
+ },
103
+ "$type": "color",
104
+ "$value": "{color.content.neutral.deep.on-surface.rest}"
105
+ },
106
+ "disabled": {
107
+ "$extensions": {
108
+ "com.figma.scopes": [
109
+ "TEXT_FILL"
110
+ ]
111
+ },
112
+ "$type": "color",
113
+ "$value": "{color.content.neutral.deep.on-surface.disabled}"
114
+ }
115
+ },
116
+ "text": {
117
+ "rest": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "TEXT_FILL"
121
+ ]
122
+ },
123
+ "$type": "color",
124
+ "$value": "{color.content.neutral.default.on-surface.rest}"
125
+ },
126
+ "disabled": {
127
+ "$extensions": {
128
+ "com.figma.scopes": [
129
+ "TEXT_FILL"
130
+ ]
131
+ },
132
+ "$type": "color",
133
+ "$value": "{color.content.neutral.default.on-surface.disabled}"
134
+ }
135
+ },
136
+ "label": {
137
+ "rest": {
138
+ "$extensions": {
139
+ "com.figma.scopes": [
140
+ "TEXT_FILL"
141
+ ]
142
+ },
143
+ "$type": "color",
144
+ "$value": "{color.content.neutral.deep.on-surface.rest}"
145
+ },
146
+ "disabled": {
147
+ "$extensions": {
148
+ "com.figma.scopes": [
149
+ "TEXT_FILL"
150
+ ]
151
+ },
152
+ "$type": "color",
153
+ "$value": "{color.content.neutral.deep.on-surface.disabled}"
154
+ }
155
+ },
156
+ "cursor": {
157
+ "rest": {
158
+ "$extensions": {
159
+ "com.figma.scopes": [
160
+ "STROKE_COLOR"
161
+ ]
162
+ },
163
+ "$type": "color",
164
+ "$value": "{color.content.neutral.default.on-surface.rest}"
165
+ },
166
+ "read-only": {
167
+ "$extensions": {
168
+ "com.figma.scopes": [
169
+ "STROKE_COLOR"
170
+ ]
171
+ },
172
+ "$type": "color",
173
+ "$value": "{color.content.transparent.rest}"
174
+ },
175
+ "disabled": {
176
+ "$extensions": {
177
+ "com.figma.scopes": [
178
+ "STROKE_COLOR"
179
+ ]
180
+ },
181
+ "$type": "color",
182
+ "$value": "{color.content.transparent.rest}"
183
+ }
184
+ }
185
+ }
186
+ },
187
+ "typography": {
188
+ "font-family": {
189
+ "$extensions": {
190
+ "com.figma.scopes": [
191
+ "FONT_FAMILY"
192
+ ]
193
+ },
194
+ "$type": "text",
195
+ "$value": "{font-family.sans-serif}"
196
+ },
197
+ "letter-spacing": {
198
+ "medium": {
199
+ "$extensions": {
200
+ "com.figma.scopes": [
201
+ "LETTER_SPACING"
202
+ ]
203
+ },
204
+ "$type": "number",
205
+ "$value": "{letter-spacing.base.md}"
206
+ },
207
+ "small": {
208
+ "$extensions": {
209
+ "com.figma.scopes": [
210
+ "LETTER_SPACING"
211
+ ]
212
+ },
213
+ "$type": "number",
214
+ "$value": "{letter-spacing.base.sm}"
215
+ },
216
+ "large": {
217
+ "$extensions": {
218
+ "com.figma.scopes": [
219
+ "LETTER_SPACING"
220
+ ]
221
+ },
222
+ "$type": "number",
223
+ "$value": "{letter-spacing.base.lg}"
224
+ }
225
+ },
226
+ "font-weight": {
227
+ "medium": {
228
+ "$extensions": {
229
+ "com.figma.scopes": [
230
+ "FONT_WEIGHT"
231
+ ]
232
+ },
233
+ "$type": "number",
234
+ "$value": "{font-weight.base.default}"
235
+ },
236
+ "small": {
237
+ "$extensions": {
238
+ "com.figma.scopes": [
239
+ "FONT_WEIGHT"
240
+ ]
241
+ },
242
+ "$type": "number",
243
+ "$value": "{font-weight.base.default}"
244
+ },
245
+ "large": {
246
+ "$extensions": {
247
+ "com.figma.scopes": [
248
+ "FONT_WEIGHT"
249
+ ]
250
+ },
251
+ "$type": "number",
252
+ "$value": "{font-weight.base.default}"
253
+ }
254
+ },
255
+ "font-size": {
256
+ "medium": {
257
+ "$extensions": {
258
+ "com.figma.scopes": [
259
+ "FONT_SIZE"
260
+ ]
261
+ },
262
+ "$type": "number",
263
+ "$value": "{font-size.base.md}"
264
+ },
265
+ "small": {
266
+ "$extensions": {
267
+ "com.figma.scopes": [
268
+ "FONT_SIZE"
269
+ ]
270
+ },
271
+ "$type": "number",
272
+ "$value": "{font-size.base.sm}"
273
+ },
274
+ "large": {
275
+ "$extensions": {
276
+ "com.figma.scopes": [
277
+ "FONT_SIZE"
278
+ ]
279
+ },
280
+ "$type": "number",
281
+ "$value": "{font-size.base.lg}"
282
+ }
283
+ },
284
+ "line-height": {
285
+ "small": {
286
+ "$extensions": {
287
+ "com.figma.scopes": [
288
+ "LINE_HEIGHT"
289
+ ]
290
+ },
291
+ "$type": "number",
292
+ "$value": "{line-height.base.sm}"
293
+ },
294
+ "medium": {
295
+ "$extensions": {
296
+ "com.figma.scopes": [
297
+ "LINE_HEIGHT"
298
+ ]
299
+ },
300
+ "$type": "number",
301
+ "$value": "{line-height.base.md}"
302
+ },
303
+ "large": {
304
+ "$extensions": {
305
+ "com.figma.scopes": [
306
+ "LINE_HEIGHT"
307
+ ]
308
+ },
309
+ "$type": "number",
310
+ "$value": "{line-height.base.lg}"
311
+ }
312
+ }
313
+ },
314
+ "layout": {
315
+ "vertical": {
316
+ "medium": {
317
+ "$extensions": {
318
+ "com.figma.scopes": [
319
+ "GAP"
320
+ ]
321
+ },
322
+ "$type": "number",
323
+ "$value": "{spacing.0}"
324
+ },
325
+ "small": {
326
+ "$extensions": {
327
+ "com.figma.scopes": [
328
+ "GAP"
329
+ ]
330
+ },
331
+ "$type": "number",
332
+ "$value": "{spacing.0}"
333
+ },
334
+ "large": {
335
+ "$extensions": {
336
+ "com.figma.scopes": [
337
+ "GAP"
338
+ ]
339
+ },
340
+ "$type": "number",
341
+ "$value": "{spacing.10}"
342
+ }
343
+ },
344
+ "gap": {
345
+ "small": {
346
+ "$extensions": {
347
+ "com.figma.scopes": [
348
+ "GAP"
349
+ ]
350
+ },
351
+ "$type": "number",
352
+ "$value": "{spacing.0}"
353
+ },
354
+ "medium": {
355
+ "$extensions": {
356
+ "com.figma.scopes": [
357
+ "GAP"
358
+ ]
359
+ },
360
+ "$type": "number",
361
+ "$value": "{spacing.0}"
362
+ },
363
+ "large": {
364
+ "$extensions": {
365
+ "com.figma.scopes": [
366
+ "GAP"
367
+ ]
368
+ },
369
+ "$type": "number",
370
+ "$value": "{spacing.0}"
371
+ }
372
+ },
373
+ "horizontal": {
374
+ "small": {
375
+ "$extensions": {
376
+ "com.figma.scopes": [
377
+ "GAP"
378
+ ]
379
+ },
380
+ "$type": "number",
381
+ "$value": "{spacing.0}"
382
+ },
383
+ "medium": {
384
+ "$extensions": {
385
+ "com.figma.scopes": [
386
+ "GAP"
387
+ ]
388
+ },
389
+ "$type": "number",
390
+ "$value": "{spacing.0}"
391
+ },
392
+ "large": {
393
+ "$extensions": {
394
+ "com.figma.scopes": [
395
+ "GAP"
396
+ ]
397
+ },
398
+ "$type": "number",
399
+ "$value": "{spacing.0}"
400
+ }
401
+ }
402
+ }
403
+ }
404
+ }