@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/web/switcher/fluent.json ADDED
@@ -0,0 +1,192 @@
1
+ {
2
+ "switcher": {
3
+ "color": {
4
+ "checked": {
5
+ "invalid": {
6
+ "border": {
7
+ "hovered": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "STROKE_COLOR"
11
+ ]
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.border.danger.compound.hovered}"
15
+ },
16
+ "rest": {
17
+ "$extensions": {
18
+ "com.figma.scopes": [
19
+ "STROKE_COLOR"
20
+ ]
21
+ },
22
+ "$type": "color",
23
+ "$value": "{color.border.danger.compound.rest}"
24
+ },
25
+ "active": {
26
+ "$extensions": {
27
+ "com.figma.scopes": [
28
+ "STROKE_COLOR"
29
+ ]
30
+ },
31
+ "$type": "color",
32
+ "$value": "{color.surface.danger.default.active}"
33
+ }
34
+ },
35
+ "bg": {
36
+ "hovered": {
37
+ "$extensions": {
38
+ "com.figma.scopes": [
39
+ "FRAME_FILL"
40
+ ]
41
+ },
42
+ "$type": "color",
43
+ "$value": "{color.surface.danger.compound.hovered}"
44
+ },
45
+ "rest": {
46
+ "$extensions": {
47
+ "com.figma.scopes": [
48
+ "FRAME_FILL"
49
+ ]
50
+ },
51
+ "$type": "color",
52
+ "$value": "{color.surface.danger.compound.rest}"
53
+ },
54
+ "active": {
55
+ "$extensions": {
56
+ "com.figma.scopes": [
57
+ "FRAME_FILL"
58
+ ]
59
+ },
60
+ "$type": "color",
61
+ "$value": "{color.surface.danger.default.active}"
62
+ }
63
+ }
64
+ },
65
+ "success": {
66
+ "bg": {
67
+ "hovered": {
68
+ "$extensions": {
69
+ "com.figma.scopes": [
70
+ "FRAME_FILL"
71
+ ]
72
+ },
73
+ "$type": "color",
74
+ "$value": "{color.surface.success.compound.hovered}"
75
+ },
76
+ "rest": {
77
+ "$extensions": {
78
+ "com.figma.scopes": [
79
+ "FRAME_FILL"
80
+ ]
81
+ },
82
+ "$type": "color",
83
+ "$value": "{color.surface.success.compound.rest}"
84
+ },
85
+ "active": {
86
+ "$extensions": {
87
+ "com.figma.scopes": [
88
+ "FRAME_FILL"
89
+ ]
90
+ },
91
+ "$type": "color",
92
+ "$value": "{color.surface.success.default.active}"
93
+ }
94
+ },
95
+ "border": {
96
+ "rest": {
97
+ "$extensions": {
98
+ "com.figma.scopes": [
99
+ "STROKE_COLOR"
100
+ ]
101
+ },
102
+ "$type": "color",
103
+ "$value": "{color.border.success.compound.rest}"
104
+ },
105
+ "hovered": {
106
+ "$extensions": {
107
+ "com.figma.scopes": [
108
+ "STROKE_COLOR"
109
+ ]
110
+ },
111
+ "$type": "color",
112
+ "$value": "{color.border.success.compound.hovered}"
113
+ },
114
+ "active": {
115
+ "$extensions": {
116
+ "com.figma.scopes": [
117
+ "STROKE_COLOR"
118
+ ]
119
+ },
120
+ "$type": "color",
121
+ "$value": "{color.border.success.compound.active}"
122
+ }
123
+ }
124
+ }
125
+ },
126
+ "unchecked": {
127
+ "invalid": {
128
+ "border": {
129
+ "rest": {
130
+ "$extensions": {
131
+ "com.figma.scopes": [
132
+ "STROKE_COLOR"
133
+ ]
134
+ },
135
+ "$type": "color",
136
+ "$value": "{color.border.danger.compound.rest}"
137
+ },
138
+ "hovered": {
139
+ "$extensions": {
140
+ "com.figma.scopes": [
141
+ "STROKE_COLOR"
142
+ ]
143
+ },
144
+ "$type": "color",
145
+ "$value": "{color.border.danger.compound.hovered}"
146
+ },
147
+ "active": {
148
+ "$extensions": {
149
+ "com.figma.scopes": [
150
+ "STROKE_COLOR"
151
+ ]
152
+ },
153
+ "$type": "color",
154
+ "$value": "{color.surface.danger.default.active}"
155
+ }
156
+ }
157
+ },
158
+ "success": {
159
+ "border": {
160
+ "rest": {
161
+ "$extensions": {
162
+ "com.figma.scopes": [
163
+ "STROKE_COLOR"
164
+ ]
165
+ },
166
+ "$type": "color",
167
+ "$value": "{color.border.success.compound.rest}"
168
+ },
169
+ "hovered": {
170
+ "$extensions": {
171
+ "com.figma.scopes": [
172
+ "STROKE_COLOR"
173
+ ]
174
+ },
175
+ "$type": "color",
176
+ "$value": "{color.border.success.compound.hovered}"
177
+ },
178
+ "active": {
179
+ "$extensions": {
180
+ "com.figma.scopes": [
181
+ "STROKE_COLOR"
182
+ ]
183
+ },
184
+ "$type": "color",
185
+ "$value": "{color.border.success.compound.active}"
186
+ }
187
+ }
188
+ }
189
+ }
190
+ }
191
+ }
192
+ }
package/tokens/components/web/tabs/fluent.json ADDED
@@ -0,0 +1,258 @@
1
+ {
2
+ "tabs": {
3
+ "item": {
4
+ "color": {
5
+ "context": {
6
+ "text": {
7
+ "rest": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "TEXT_FILL"
11
+ ]
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.content.primary.default.rest}"
15
+ }
16
+ },
17
+ "icon": {
18
+ "rest": {
19
+ "$extensions": {
20
+ "com.figma.scopes": [
21
+ "SHAPE_FILL"
22
+ ]
23
+ },
24
+ "$type": "color",
25
+ "$value": "{color.content.primary.default.rest}"
26
+ }
27
+ }
28
+ }
29
+ },
30
+ "typography": {
31
+ "context": {
32
+ "font-weight": {
33
+ "small": {
34
+ "$extensions": {
35
+ "com.figma.scopes": [
36
+ "FONT_WEIGHT"
37
+ ]
38
+ },
39
+ "$type": "number",
40
+ "$value": "{font-weight.base.strong}"
41
+ },
42
+ "medium": {
43
+ "$extensions": {
44
+ "com.figma.scopes": [
45
+ "FONT_WEIGHT"
46
+ ]
47
+ },
48
+ "$type": "number",
49
+ "$value": "{font-weight.base.strong}"
50
+ },
51
+ "large": {
52
+ "$extensions": {
53
+ "com.figma.scopes": [
54
+ "FONT_WEIGHT"
55
+ ]
56
+ },
57
+ "$type": "number",
58
+ "$value": "{font-weight.base.strong}"
59
+ }
60
+ }
61
+ }
62
+ }
63
+ },
64
+ "close-button": {
65
+ "color": {
66
+ "bg": {
67
+ "rest": {
68
+ "$extensions": {
69
+ "com.figma.scopes": [
70
+ "FRAME_FILL"
71
+ ]
72
+ },
73
+ "$type": "color",
74
+ "$value": "{color.surface.transparent.rest}"
75
+ }
76
+ },
77
+ "icon": {
78
+ "hovered": {
79
+ "$extensions": {
80
+ "com.figma.scopes": [
81
+ "SHAPE_FILL"
82
+ ]
83
+ },
84
+ "$type": "color",
85
+ "$value": "{color.content.primary.default.hovered}"
86
+ },
87
+ "active": {
88
+ "$extensions": {
89
+ "com.figma.scopes": [
90
+ "SHAPE_FILL"
91
+ ]
92
+ },
93
+ "$type": "color",
94
+ "$value": "{color.content.primary.default.active}"
95
+ }
96
+ }
97
+ },
98
+ "layout": {
99
+ "sizing": {
100
+ "small": {
101
+ "$extensions": {
102
+ "com.figma.scopes": [
103
+ "WIDTH_HEIGHT"
104
+ ]
105
+ },
106
+ "$type": "number",
107
+ "$value": "{spacing.160}"
108
+ },
109
+ "large": {
110
+ "$extensions": {
111
+ "com.figma.scopes": [
112
+ "WIDTH_HEIGHT"
113
+ ]
114
+ },
115
+ "$type": "number",
116
+ "$value": "{spacing.240}"
117
+ },
118
+ "medium": {
119
+ "$extensions": {
120
+ "com.figma.scopes": [
121
+ "WIDTH_HEIGHT"
122
+ ]
123
+ },
124
+ "$type": "number",
125
+ "$value": "{spacing.200}"
126
+ }
127
+ },
128
+ "horizontal": {
129
+ "small": {
130
+ "$extensions": {
131
+ "com.figma.scopes": [
132
+ "GAP"
133
+ ]
134
+ },
135
+ "$type": "number",
136
+ "$value": "{spacing.10}"
137
+ },
138
+ "medium": {
139
+ "$extensions": {
140
+ "com.figma.scopes": [
141
+ "GAP"
142
+ ]
143
+ },
144
+ "$type": "number",
145
+ "$value": "{spacing.10}"
146
+ },
147
+ "large": {
148
+ "$extensions": {
149
+ "com.figma.scopes": [
150
+ "GAP"
151
+ ]
152
+ },
153
+ "$type": "number",
154
+ "$value": "{spacing.10}"
155
+ }
156
+ },
157
+ "vertical": {
158
+ "small": {
159
+ "$extensions": {
160
+ "com.figma.scopes": [
161
+ "GAP"
162
+ ]
163
+ },
164
+ "$type": "number",
165
+ "$value": "{spacing.10}"
166
+ },
167
+ "medium": {
168
+ "$extensions": {
169
+ "com.figma.scopes": [
170
+ "GAP"
171
+ ]
172
+ },
173
+ "$type": "number",
174
+ "$value": "{spacing.10}"
175
+ },
176
+ "large": {
177
+ "$extensions": {
178
+ "com.figma.scopes": [
179
+ "GAP"
180
+ ]
181
+ },
182
+ "$type": "number",
183
+ "$value": "{spacing.10}"
184
+ }
185
+ }
186
+ }
187
+ },
188
+ "navigation-button": {
189
+ "color": {
190
+ "bg": {
191
+ "rest": {
192
+ "$extensions": {
193
+ "com.figma.scopes": [
194
+ "FRAME_FILL"
195
+ ]
196
+ },
197
+ "$type": "color",
198
+ "$value": "{color.surface.transparent.rest}"
199
+ }
200
+ }
201
+ },
202
+ "layout": {
203
+ "button": {
204
+ "inner-box": {
205
+ "horizontal": {
206
+ "medium": {
207
+ "medium": {
208
+ "$extensions": {
209
+ "com.figma.scopes": [
210
+ "GAP"
211
+ ]
212
+ },
213
+ "$type": "number",
214
+ "$value": "{spacing.10}"
215
+ }
216
+ },
217
+ "large": {
218
+ "large": {
219
+ "$extensions": {
220
+ "com.figma.scopes": [
221
+ "GAP"
222
+ ]
223
+ },
224
+ "$type": "number",
225
+ "$value": "{spacing.30}"
226
+ }
227
+ }
228
+ },
229
+ "vertical": {
230
+ "medium": {
231
+ "medium": {
232
+ "$extensions": {
233
+ "com.figma.scopes": [
234
+ "GAP"
235
+ ]
236
+ },
237
+ "$type": "number",
238
+ "$value": "{spacing.10}"
239
+ }
240
+ },
241
+ "large": {
242
+ "large": {
243
+ "$extensions": {
244
+ "com.figma.scopes": [
245
+ "GAP"
246
+ ]
247
+ },
248
+ "$type": "number",
249
+ "$value": "{spacing.30}"
250
+ }
251
+ }
252
+ }
253
+ }
254
+ }
255
+ }
256
+ }
257
+ }
258
+ }
package/tokens/components/web/tagbox/fluent.json ADDED
@@ -0,0 +1,147 @@
1
+ {
2
+ "tagbox": {
3
+ "delete-button": {
4
+ "color": {
5
+ "bg": {
6
+ "rest": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "FRAME_FILL"
10
+ ]
11
+ },
12
+ "$type": "color",
13
+ "$value": "{color.surface.transparent.rest}"
14
+ }
15
+ }
16
+ },
17
+ "layout": {
18
+ "sizing": {
19
+ "small": {
20
+ "$extensions": {
21
+ "com.figma.scopes": [
22
+ "WIDTH_HEIGHT"
23
+ ]
24
+ },
25
+ "$type": "number",
26
+ "$value": "{spacing.160}"
27
+ },
28
+ "large": {
29
+ "$extensions": {
30
+ "com.figma.scopes": [
31
+ "WIDTH_HEIGHT"
32
+ ]
33
+ },
34
+ "$type": "number",
35
+ "$value": "{spacing.240}"
36
+ },
37
+ "medium": {
38
+ "$extensions": {
39
+ "com.figma.scopes": [
40
+ "WIDTH_HEIGHT"
41
+ ]
42
+ },
43
+ "$type": "number",
44
+ "$value": "{spacing.200}"
45
+ }
46
+ }
47
+ }
48
+ },
49
+ "tag-group": {
50
+ "layout": {
51
+ "text-box": {
52
+ "vertical": {
53
+ "small": {
54
+ "$extensions": {
55
+ "com.figma.scopes": [
56
+ "GAP"
57
+ ]
58
+ },
59
+ "$type": "number",
60
+ "$value": "{spacing.20}"
61
+ },
62
+ "medium": {
63
+ "$extensions": {
64
+ "com.figma.scopes": [
65
+ "GAP"
66
+ ]
67
+ },
68
+ "$type": "number",
69
+ "$value": "{spacing.20}"
70
+ },
71
+ "large": {
72
+ "$extensions": {
73
+ "com.figma.scopes": [
74
+ "GAP"
75
+ ]
76
+ },
77
+ "$type": "number",
78
+ "$value": "{spacing.30}"
79
+ }
80
+ }
81
+ },
82
+ "outter-box": {
83
+ "gap": {
84
+ "vertical": {
85
+ "small": {
86
+ "$extensions": {
87
+ "com.figma.scopes": [
88
+ "GAP"
89
+ ]
90
+ },
91
+ "$type": "number",
92
+ "$value": "{spacing.20}"
93
+ },
94
+ "medium": {
95
+ "$extensions": {
96
+ "com.figma.scopes": [
97
+ "GAP"
98
+ ]
99
+ },
100
+ "$type": "number",
101
+ "$value": "{spacing.30}"
102
+ },
103
+ "large": {
104
+ "$extensions": {
105
+ "com.figma.scopes": [
106
+ "GAP"
107
+ ]
108
+ },
109
+ "$type": "number",
110
+ "$value": "{spacing.40}"
111
+ }
112
+ },
113
+ "horizontal": {
114
+ "small": {
115
+ "$extensions": {
116
+ "com.figma.scopes": [
117
+ "GAP"
118
+ ]
119
+ },
120
+ "$type": "number",
121
+ "$value": "{spacing.40}"
122
+ },
123
+ "medium": {
124
+ "$extensions": {
125
+ "com.figma.scopes": [
126
+ "GAP"
127
+ ]
128
+ },
129
+ "$type": "number",
130
+ "$value": "{spacing.60}"
131
+ },
132
+ "large": {
133
+ "$extensions": {
134
+ "com.figma.scopes": [
135
+ "GAP"
136
+ ]
137
+ },
138
+ "$type": "number",
139
+ "$value": "{spacing.80}"
140
+ }
141
+ }
142
+ }
143
+ }
144
+ }
145
+ }
146
+ }
147
+ }