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