@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/desktop/filter-edit/fluent.json ADDED
@@ -0,0 +1,454 @@
1
+ {
2
+ "filter-editor": {
3
+ "custom": {
4
+ "filter-dropdown-button": {
5
+ "color": {
6
+ "operation": {
7
+ "bg": {
8
+ "hover": {
9
+ "$extensions": {
10
+ "com.figma.scopes": [
11
+ "FRAME_FILL"
12
+ ]
13
+ },
14
+ "$type": "color",
15
+ "$value": "{color.surface.info.deep.hovered}"
16
+ },
17
+ "default": {
18
+ "$extensions": {
19
+ "com.figma.scopes": [
20
+ "FRAME_FILL"
21
+ ]
22
+ },
23
+ "$type": "color",
24
+ "$value": "{color.surface.info.deep.selected}"
25
+ },
26
+ "selected": {
27
+ "$extensions": {
28
+ "com.figma.scopes": [
29
+ "FRAME_FILL"
30
+ ]
31
+ },
32
+ "$type": "color",
33
+ "$value": "{color.surface.info.deep.rest}"
34
+ },
35
+ "active": {
36
+ "$extensions": {
37
+ "com.figma.scopes": [
38
+ "FRAME_FILL"
39
+ ]
40
+ },
41
+ "$type": "color",
42
+ "$value": "{color.surface.info.deep.active}"
43
+ }
44
+ }
45
+ },
46
+ "field": {
47
+ "bg": {
48
+ "selected": {
49
+ "$extensions": {
50
+ "com.figma.scopes": [
51
+ "FRAME_FILL"
52
+ ]
53
+ },
54
+ "$type": "color",
55
+ "$value": "{color.surface.warning.deep.rest}"
56
+ },
57
+ "hovered": {
58
+ "$extensions": {
59
+ "com.figma.scopes": [
60
+ "FRAME_FILL"
61
+ ]
62
+ },
63
+ "$type": "color",
64
+ "$value": "{color.surface.warning.deep.hovered}"
65
+ },
66
+ "active": {
67
+ "$extensions": {
68
+ "com.figma.scopes": [
69
+ "FRAME_FILL"
70
+ ]
71
+ },
72
+ "$type": "color",
73
+ "$value": "{color.surface.warning.deep.active}"
74
+ },
75
+ "default": {
76
+ "$extensions": {
77
+ "com.figma.scopes": [
78
+ "FRAME_FILL"
79
+ ]
80
+ },
81
+ "$type": "color",
82
+ "$value": "{color.surface.warning.deep.selected}"
83
+ }
84
+ }
85
+ },
86
+ "conditional": {
87
+ "bg": {
88
+ "selected": {
89
+ "$extensions": {
90
+ "com.figma.scopes": [
91
+ "FRAME_FILL"
92
+ ]
93
+ },
94
+ "$type": "color",
95
+ "$value": "{color.surface.primary.deep.rest}"
96
+ },
97
+ "default": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "FRAME_FILL"
101
+ ]
102
+ },
103
+ "$type": "color",
104
+ "$value": "{color.surface.primary.deep.selected}"
105
+ },
106
+ "active": {
107
+ "$extensions": {
108
+ "com.figma.scopes": [
109
+ "FRAME_FILL"
110
+ ]
111
+ },
112
+ "$type": "color",
113
+ "$value": "{color.surface.primary.deep.active}"
114
+ },
115
+ "hovered": {
116
+ "$extensions": {
117
+ "com.figma.scopes": [
118
+ "FRAME_FILL"
119
+ ]
120
+ },
121
+ "$type": "color",
122
+ "$value": "{color.surface.primary.deep.hovered}"
123
+ }
124
+ }
125
+ },
126
+ "border": {
127
+ "rest": {
128
+ "$extensions": {
129
+ "com.figma.scopes": [
130
+ "STROKE_COLOR"
131
+ ]
132
+ },
133
+ "$type": "color",
134
+ "$value": "{color.border.transparent.rest}"
135
+ }
136
+ },
137
+ "argument": {
138
+ "bg": {
139
+ "active": {
140
+ "$extensions": {
141
+ "com.figma.scopes": [
142
+ "FRAME_FILL"
143
+ ]
144
+ },
145
+ "$type": "color",
146
+ "$value": "{color.surface.success.deep.active}"
147
+ },
148
+ "selected": {
149
+ "$extensions": {
150
+ "com.figma.scopes": [
151
+ "FRAME_FILL"
152
+ ]
153
+ },
154
+ "$type": "color",
155
+ "$value": "{color.surface.success.deep.rest}"
156
+ },
157
+ "hovered": {
158
+ "$extensions": {
159
+ "com.figma.scopes": [
160
+ "FRAME_FILL"
161
+ ]
162
+ },
163
+ "$type": "color",
164
+ "$value": "{color.surface.success.deep.hovered}"
165
+ },
166
+ "default": {
167
+ "$extensions": {
168
+ "com.figma.scopes": [
169
+ "FRAME_FILL"
170
+ ]
171
+ },
172
+ "$type": "color",
173
+ "$value": "{color.surface.success.deep.selected}"
174
+ }
175
+ }
176
+ }
177
+ },
178
+ "layout": {
179
+ "outer-box": {
180
+ "min-width": {
181
+ "small": {
182
+ "$extensions": {
183
+ "com.figma.scopes": [
184
+ "ALL_SCOPES"
185
+ ]
186
+ },
187
+ "$type": "number",
188
+ "$value": "{spacing.0}"
189
+ },
190
+ "medium": {
191
+ "$extensions": {
192
+ "com.figma.scopes": [
193
+ "ALL_SCOPES"
194
+ ]
195
+ },
196
+ "$type": "number",
197
+ "$value": "{spacing.0}"
198
+ }
199
+ }
200
+ }
201
+ },
202
+ "typography": {
203
+ "font-weight": {
204
+ "medium": {
205
+ "$extensions": {
206
+ "com.figma.scopes": [
207
+ "ALL_SCOPES"
208
+ ]
209
+ },
210
+ "$type": "number",
211
+ "$value": "{font-weight.body-1}"
212
+ }
213
+ }
214
+ }
215
+ }
216
+ },
217
+ "main-group-control": {
218
+ "color": {
219
+ "icon": {
220
+ "rest": {
221
+ "$extensions": {
222
+ "com.figma.scopes": [
223
+ "ALL_SCOPES"
224
+ ]
225
+ },
226
+ "$type": "color",
227
+ "$value": "{color.content.neutral.default.rest}"
228
+ }
229
+ }
230
+ },
231
+ "layout": {
232
+ "content-box": {
233
+ "gap": {
234
+ "medium": {
235
+ "$extensions": {
236
+ "com.figma.scopes": [
237
+ "ALL_SCOPES"
238
+ ]
239
+ },
240
+ "$type": "number",
241
+ "$value": "{spacing.40}"
242
+ },
243
+ "small": {
244
+ "$extensions": {
245
+ "com.figma.scopes": [
246
+ "ALL_SCOPES"
247
+ ]
248
+ },
249
+ "$type": "number",
250
+ "$value": "{spacing.40}"
251
+ }
252
+ }
253
+ },
254
+ "outer-box": {
255
+ "gap": {
256
+ "medium": {
257
+ "$extensions": {
258
+ "com.figma.scopes": [
259
+ "ALL_SCOPES"
260
+ ]
261
+ },
262
+ "$type": "number",
263
+ "$value": "{spacing.0}"
264
+ },
265
+ "small": {
266
+ "$extensions": {
267
+ "com.figma.scopes": [
268
+ "ALL_SCOPES"
269
+ ]
270
+ },
271
+ "$type": "number",
272
+ "$value": "{spacing.0}"
273
+ }
274
+ }
275
+ }
276
+ }
277
+ },
278
+ "expression": {
279
+ "color": {
280
+ "icon": {
281
+ "rest": {
282
+ "$extensions": {
283
+ "com.figma.scopes": [
284
+ "ALL_SCOPES"
285
+ ]
286
+ },
287
+ "$type": "color",
288
+ "$value": "{color.content.neutral.default.rest}"
289
+ }
290
+ }
291
+ },
292
+ "layout": {
293
+ "content-box": {
294
+ "vertical-gap": {
295
+ "small": {
296
+ "$extensions": {
297
+ "com.figma.scopes": [
298
+ "ALL_SCOPES"
299
+ ]
300
+ },
301
+ "$type": "number",
302
+ "$value": "{spacing.40}"
303
+ },
304
+ "medium": {
305
+ "$extensions": {
306
+ "com.figma.scopes": [
307
+ "ALL_SCOPES"
308
+ ]
309
+ },
310
+ "$type": "number",
311
+ "$value": "{spacing.40}"
312
+ }
313
+ },
314
+ "horizontal-gap": {
315
+ "medium": {
316
+ "$extensions": {
317
+ "com.figma.scopes": [
318
+ "ALL_SCOPES"
319
+ ]
320
+ },
321
+ "$type": "number",
322
+ "$value": "{spacing.40}"
323
+ },
324
+ "small": {
325
+ "$extensions": {
326
+ "com.figma.scopes": [
327
+ "ALL_SCOPES"
328
+ ]
329
+ },
330
+ "$type": "number",
331
+ "$value": "{spacing.40}"
332
+ }
333
+ }
334
+ },
335
+ "outer-box": {
336
+ "gap": {
337
+ "medium": {
338
+ "$extensions": {
339
+ "com.figma.scopes": [
340
+ "ALL_SCOPES"
341
+ ]
342
+ },
343
+ "$type": "number",
344
+ "$value": "{spacing.0}"
345
+ },
346
+ "small": {
347
+ "$extensions": {
348
+ "com.figma.scopes": [
349
+ "ALL_SCOPES"
350
+ ]
351
+ },
352
+ "$type": "number",
353
+ "$value": "{spacing.0}"
354
+ }
355
+ }
356
+ }
357
+ }
358
+ },
359
+ "value-with-label": {
360
+ "layout": {
361
+ "inner-box": {
362
+ "medium": {
363
+ "$extensions": {
364
+ "com.figma.scopes": [
365
+ "GAP"
366
+ ]
367
+ },
368
+ "$type": "number",
369
+ "$value": "{spacing.40}"
370
+ },
371
+ "small": {
372
+ "$extensions": {
373
+ "com.figma.scopes": [
374
+ "GAP"
375
+ ]
376
+ },
377
+ "$type": "number",
378
+ "$value": "{spacing.40}"
379
+ }
380
+ },
381
+ "text-box": {
382
+ "vertical": {
383
+ "small": {
384
+ "$extensions": {
385
+ "com.figma.scopes": [
386
+ "GAP"
387
+ ]
388
+ },
389
+ "$type": "number",
390
+ "$value": "{spacing.40}"
391
+ },
392
+ "medium": {
393
+ "$extensions": {
394
+ "com.figma.scopes": [
395
+ "GAP"
396
+ ]
397
+ },
398
+ "$type": "number",
399
+ "$value": "{spacing.60}"
400
+ }
401
+ }
402
+ }
403
+ }
404
+ },
405
+ "root": {
406
+ "layout": {
407
+ "inner-box": {
408
+ "gap": {
409
+ "medium": {
410
+ "$extensions": {
411
+ "com.figma.scopes": [
412
+ "ALL_SCOPES"
413
+ ]
414
+ },
415
+ "$type": "number",
416
+ "$value": "{spacing.60}"
417
+ },
418
+ "small": {
419
+ "$extensions": {
420
+ "com.figma.scopes": [
421
+ "ALL_SCOPES"
422
+ ]
423
+ },
424
+ "$type": "number",
425
+ "$value": "{spacing.60}"
426
+ }
427
+ }
428
+ },
429
+ "outer-box": {
430
+ "gap": {
431
+ "medium": {
432
+ "$extensions": {
433
+ "com.figma.scopes": [
434
+ "ALL_SCOPES"
435
+ ]
436
+ },
437
+ "$type": "number",
438
+ "$value": "{spacing.120}"
439
+ },
440
+ "small": {
441
+ "$extensions": {
442
+ "com.figma.scopes": [
443
+ "ALL_SCOPES"
444
+ ]
445
+ },
446
+ "$type": "number",
447
+ "$value": "{spacing.120}"
448
+ }
449
+ }
450
+ }
451
+ }
452
+ }
453
+ }
454
+ }