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