@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/focus-rect/fluent.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "focus-rect": {
3
+ "color": {
4
+ "default": {
5
+ "$extensions": {
6
+ "com.figma.scopes": [
7
+ "STROKE_COLOR"
8
+ ]
9
+ },
10
+ "$type": "color",
11
+ "$value": "{color.theme-builder.focus}"
12
+ },
13
+ "static": {
14
+ "$extensions": {
15
+ "com.figma.scopes": [
16
+ "STROKE_COLOR"
17
+ ]
18
+ },
19
+ "$type": "color",
20
+ "$value": "{color.theme-builder.focus-static}"
21
+ },
22
+ "static-inverted": {
23
+ "$extensions": {
24
+ "com.figma.scopes": [
25
+ "STROKE_COLOR"
26
+ ]
27
+ },
28
+ "$type": "color",
29
+ "$value": "{color.theme-builder.focus-static-inverted}"
30
+ },
31
+ "inverted": {
32
+ "$extensions": {
33
+ "com.figma.scopes": [
34
+ "STROKE_COLOR"
35
+ ]
36
+ },
37
+ "$type": "color",
38
+ "$value": "{color.theme-builder.focus-inverted}"
39
+ }
40
+ },
41
+ "layout": {
42
+ "offset": {
43
+ "$extensions": {
44
+ "com.figma.scopes": [
45
+ "GAP"
46
+ ]
47
+ },
48
+ "$type": "number",
49
+ "$value": "{spacing.10}"
50
+ },
51
+ "outer-box": {
52
+ "$extensions": {
53
+ "com.figma.scopes": [
54
+ "GAP"
55
+ ]
56
+ },
57
+ "$type": "number",
58
+ "$value": "{spacing.minus-10}"
59
+ }
60
+ },
61
+ "borders": {
62
+ "border-radius": {
63
+ "$extensions": {
64
+ "com.figma.scopes": [
65
+ "CORNER_RADIUS"
66
+ ]
67
+ },
68
+ "$type": "number",
69
+ "$value": "{border-radius.50}"
70
+ },
71
+ "border-width": {
72
+ "$extensions": {
73
+ "com.figma.scopes": [
74
+ "STROKE_FLOAT"
75
+ ]
76
+ },
77
+ "$type": "number",
78
+ "$value": "{border-width.theme-builder.focus}"
79
+ }
80
+ }
81
+ }
82
+ }
package/tokens/components/core/form/fluent.json ADDED
@@ -0,0 +1,344 @@
1
+ {
2
+ "form": {
3
+ "group": {
4
+ "color": {
5
+ "bg": {
6
+ "rest": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "ALL_FILLS"
10
+ ]
11
+ },
12
+ "$type": "color",
13
+ "$value": "{color.surface.neutral.default.rest}"
14
+ }
15
+ },
16
+ "border": {
17
+ "rest": {
18
+ "$extensions": {
19
+ "com.figma.scopes": [
20
+ "STROKE_COLOR"
21
+ ]
22
+ },
23
+ "$type": "color",
24
+ "$value": "{color.border.neutral.default.rest}"
25
+ }
26
+ }
27
+ },
28
+ "layout": {
29
+ "content-box": {
30
+ "vertical": {
31
+ "small": {
32
+ "$extensions": {
33
+ "com.figma.scopes": [
34
+ "GAP"
35
+ ]
36
+ },
37
+ "$type": "number",
38
+ "$value": "{spacing.120}"
39
+ },
40
+ "medium": {
41
+ "$extensions": {
42
+ "com.figma.scopes": [
43
+ "GAP"
44
+ ]
45
+ },
46
+ "$type": "number",
47
+ "$value": "{spacing.160}"
48
+ },
49
+ "large": {
50
+ "$extensions": {
51
+ "com.figma.scopes": [
52
+ "GAP"
53
+ ]
54
+ },
55
+ "$type": "number",
56
+ "$value": "{spacing.200}"
57
+ }
58
+ },
59
+ "horizontal": {
60
+ "small": {
61
+ "$extensions": {
62
+ "com.figma.scopes": [
63
+ "GAP"
64
+ ]
65
+ },
66
+ "$type": "number",
67
+ "$value": "{spacing.120}"
68
+ },
69
+ "medium": {
70
+ "$extensions": {
71
+ "com.figma.scopes": [
72
+ "GAP"
73
+ ]
74
+ },
75
+ "$type": "number",
76
+ "$value": "{spacing.160}"
77
+ },
78
+ "large": {
79
+ "$extensions": {
80
+ "com.figma.scopes": [
81
+ "GAP"
82
+ ]
83
+ },
84
+ "$type": "number",
85
+ "$value": "{spacing.200}"
86
+ }
87
+ }
88
+ }
89
+ },
90
+ "borders": {
91
+ "border-radius": {
92
+ "small": {
93
+ "$extensions": {
94
+ "com.figma.scopes": [
95
+ "CORNER_RADIUS"
96
+ ]
97
+ },
98
+ "$type": "number",
99
+ "$value": "{border-radius.theme-builder.default}"
100
+ },
101
+ "medium": {
102
+ "$extensions": {
103
+ "com.figma.scopes": [
104
+ "CORNER_RADIUS"
105
+ ]
106
+ },
107
+ "$type": "number",
108
+ "$value": "{border-radius.theme-builder.default}"
109
+ },
110
+ "large": {
111
+ "$extensions": {
112
+ "com.figma.scopes": [
113
+ "CORNER_RADIUS"
114
+ ]
115
+ },
116
+ "$type": "number",
117
+ "$value": "{border-radius.theme-builder.default}"
118
+ }
119
+ },
120
+ "border-width": {
121
+ "small": {
122
+ "$extensions": {
123
+ "com.figma.scopes": [
124
+ "STROKE_FLOAT"
125
+ ]
126
+ },
127
+ "$type": "number",
128
+ "$value": "{border-width.10}"
129
+ },
130
+ "medium": {
131
+ "$extensions": {
132
+ "com.figma.scopes": [
133
+ "STROKE_FLOAT"
134
+ ]
135
+ },
136
+ "$type": "number",
137
+ "$value": "{border-width.10}"
138
+ },
139
+ "large": {
140
+ "$extensions": {
141
+ "com.figma.scopes": [
142
+ "STROKE_FLOAT"
143
+ ]
144
+ },
145
+ "$type": "number",
146
+ "$value": "{border-width.10}"
147
+ }
148
+ }
149
+ }
150
+ },
151
+ "root": {
152
+ "layout": {
153
+ "horizontal-gap": {
154
+ "small": {
155
+ "$extensions": {
156
+ "com.figma.scopes": [
157
+ "WIDTH_HEIGHT",
158
+ "GAP"
159
+ ]
160
+ },
161
+ "$type": "number",
162
+ "$value": "{spacing.80}"
163
+ },
164
+ "medium": {
165
+ "$extensions": {
166
+ "com.figma.scopes": [
167
+ "WIDTH_HEIGHT",
168
+ "GAP"
169
+ ]
170
+ },
171
+ "$type": "number",
172
+ "$value": "{spacing.120}"
173
+ },
174
+ "large": {
175
+ "$extensions": {
176
+ "com.figma.scopes": [
177
+ "WIDTH_HEIGHT",
178
+ "GAP"
179
+ ]
180
+ },
181
+ "$type": "number",
182
+ "$value": "{spacing.160}"
183
+ }
184
+ },
185
+ "vertical-gap": {
186
+ "small": {
187
+ "$extensions": {
188
+ "com.figma.scopes": [
189
+ "WIDTH_HEIGHT",
190
+ "GAP"
191
+ ]
192
+ },
193
+ "$type": "number",
194
+ "$value": "{spacing.80}"
195
+ },
196
+ "medium": {
197
+ "$extensions": {
198
+ "com.figma.scopes": [
199
+ "WIDTH_HEIGHT",
200
+ "GAP"
201
+ ]
202
+ },
203
+ "$type": "number",
204
+ "$value": "{spacing.120}"
205
+ },
206
+ "large": {
207
+ "$extensions": {
208
+ "com.figma.scopes": [
209
+ "WIDTH_HEIGHT",
210
+ "GAP"
211
+ ]
212
+ },
213
+ "$type": "number",
214
+ "$value": "{spacing.160}"
215
+ }
216
+ }
217
+ }
218
+ },
219
+ "group-header": {
220
+ "typography": {
221
+ "font-weight": {
222
+ "small": {
223
+ "$extensions": {
224
+ "com.figma.scopes": [
225
+ "FONT_WEIGHT"
226
+ ]
227
+ },
228
+ "$type": "number",
229
+ "$value": "{font-weight.base.strong}"
230
+ },
231
+ "medium": {
232
+ "$extensions": {
233
+ "com.figma.scopes": [
234
+ "FONT_WEIGHT"
235
+ ]
236
+ },
237
+ "$type": "number",
238
+ "$value": "{font-weight.base.strong}"
239
+ },
240
+ "large": {
241
+ "$extensions": {
242
+ "com.figma.scopes": [
243
+ "FONT_WEIGHT"
244
+ ]
245
+ },
246
+ "$type": "number",
247
+ "$value": "{font-weight.base.strong}"
248
+ }
249
+ }
250
+ },
251
+ "layout": {
252
+ "outer-box": {
253
+ "horizontal": {
254
+ "small": {
255
+ "$extensions": {
256
+ "com.figma.scopes": [
257
+ "GAP"
258
+ ]
259
+ },
260
+ "$type": "number",
261
+ "$value": "{spacing.120}"
262
+ },
263
+ "medium": {
264
+ "$extensions": {
265
+ "com.figma.scopes": [
266
+ "GAP"
267
+ ]
268
+ },
269
+ "$type": "number",
270
+ "$value": "{spacing.160}"
271
+ },
272
+ "large": {
273
+ "$extensions": {
274
+ "com.figma.scopes": [
275
+ "GAP"
276
+ ]
277
+ },
278
+ "$type": "number",
279
+ "$value": "{spacing.200}"
280
+ }
281
+ },
282
+ "vertical": {
283
+ "small": {
284
+ "$extensions": {
285
+ "com.figma.scopes": [
286
+ "GAP"
287
+ ]
288
+ },
289
+ "$type": "number",
290
+ "$value": "{spacing.40}"
291
+ },
292
+ "medium": {
293
+ "$extensions": {
294
+ "com.figma.scopes": [
295
+ "GAP"
296
+ ]
297
+ },
298
+ "$type": "number",
299
+ "$value": "{spacing.40}"
300
+ },
301
+ "large": {
302
+ "$extensions": {
303
+ "com.figma.scopes": [
304
+ "GAP"
305
+ ]
306
+ },
307
+ "$type": "number",
308
+ "$value": "{spacing.40}"
309
+ }
310
+ },
311
+ "text-box": {
312
+ "small": {
313
+ "$extensions": {
314
+ "com.figma.scopes": [
315
+ "GAP"
316
+ ]
317
+ },
318
+ "$type": "number",
319
+ "$value": "{spacing.40}"
320
+ },
321
+ "medium": {
322
+ "$extensions": {
323
+ "com.figma.scopes": [
324
+ "GAP"
325
+ ]
326
+ },
327
+ "$type": "number",
328
+ "$value": "{spacing.60}"
329
+ },
330
+ "large": {
331
+ "$extensions": {
332
+ "com.figma.scopes": [
333
+ "GAP"
334
+ ]
335
+ },
336
+ "$type": "number",
337
+ "$value": "{spacing.90}"
338
+ }
339
+ }
340
+ }
341
+ }
342
+ }
343
+ }
344
+ }