@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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 (111) hide show
  1. package/package.json +3 -1
  2. package/tokens/components/core/accordion/fluent.json +408 -0
  3. package/tokens/components/core/ai-chat/fluent.json +956 -0
  4. package/tokens/components/core/badge/fluent.json +84 -0
  5. package/tokens/components/core/button/fluent.json +154 -0
  6. package/tokens/components/core/calendar/fluent.json +836 -0
  7. package/tokens/components/core/checkbox/fluent.json +384 -0
  8. package/tokens/components/core/collapse-button/fluent.json +168 -0
  9. package/tokens/components/core/container-body/fluent.json +90 -0
  10. package/tokens/components/core/container-footer/fluent.json +104 -0
  11. package/tokens/components/core/container-header/fluent.json +166 -0
  12. package/tokens/components/core/dialog/fluent.json +88 -0
  13. package/tokens/components/core/drawer/fluent.json +80 -0
  14. package/tokens/components/core/empty-item/fluent.json +180 -0
  15. package/tokens/components/core/focus-rect/fluent.json +42 -0
  16. package/tokens/components/core/form/fluent.json +208 -0
  17. package/tokens/components/core/icon-wrapper/fluent.json +72 -0
  18. package/tokens/components/core/indent-space/fluent.json +60 -0
  19. package/tokens/components/core/label/fluent.json +78 -0
  20. package/tokens/components/core/link/fluent.json +144 -0
  21. package/tokens/components/core/listbox/fluent.json +476 -0
  22. package/tokens/components/core/menu/fluent.json +352 -0
  23. package/tokens/components/core/message-bar/fluent.json +132 -0
  24. package/tokens/components/core/overflow-menu/fluent.json +432 -0
  25. package/tokens/components/core/pagination/fluent.json +262 -0
  26. package/tokens/components/core/popover/fluent.json +94 -0
  27. package/tokens/components/core/popover-arrow/fluent.json +26 -0
  28. package/tokens/components/core/popover-body/fluent.json +92 -0
  29. package/tokens/components/core/popover-footer/fluent.json +74 -0
  30. package/tokens/components/core/popover-header/fluent.json +150 -0
  31. package/tokens/components/core/popup/fluent.json +96 -0
  32. package/tokens/components/core/progress-bar/fluent.json +134 -0
  33. package/tokens/components/core/radio-button/fluent.json +232 -0
  34. package/tokens/components/core/ribbon/fluent.json +922 -0
  35. package/tokens/components/core/scroll-bar/fluent.json +82 -0
  36. package/tokens/components/core/spinner_load-indicator/fluent.json +210 -0
  37. package/tokens/components/core/splitter/fluent.json +452 -0
  38. package/tokens/components/core/switch/fluent.json +378 -0
  39. package/tokens/components/core/tabs/fluent.json +282 -0
  40. package/tokens/components/core/tag/fluent.json +158 -0
  41. package/tokens/components/core/text-box/fluent.json +204 -0
  42. package/tokens/components/core/text-edit/fluent.json +308 -0
  43. package/tokens/components/core/toast/fluent.json +192 -0
  44. package/tokens/components/core/toolbar/fluent.json +306 -0
  45. package/tokens/components/core/tooltip/fluent.json +116 -0
  46. package/tokens/components/core/treeview/fluent.json +424 -0
  47. package/tokens/components/desktop/badge/fluent.json +146 -0
  48. package/tokens/components/desktop/button/fluent.json +212 -0
  49. package/tokens/components/desktop/button-edit/fluent.json +242 -0
  50. package/tokens/components/desktop/button-group/fluent.json +40 -0
  51. package/tokens/components/desktop/button-text/fluent.json +114 -0
  52. package/tokens/components/desktop/checkedit/fluent.json +68 -0
  53. package/tokens/components/desktop/datapager/fluent.json +110 -0
  54. package/tokens/components/desktop/filter-edit/fluent.json +254 -0
  55. package/tokens/components/desktop/listbox-edit/fluent.json +434 -0
  56. package/tokens/components/desktop/loading-panel_wait-indicator/fluent.json +308 -0
  57. package/tokens/components/desktop/pagercontrol/fluent.json +258 -0
  58. package/tokens/components/desktop/progress-bar/fluent.json +294 -0
  59. package/tokens/components/desktop/radio-button/fluent.json +76 -0
  60. package/tokens/components/desktop/scroll-bar/fluent.json +90 -0
  61. package/tokens/components/desktop/split-button/fluent.json +30 -0
  62. package/tokens/components/desktop/text-edit/fluent.json +174 -0
  63. package/tokens/components/desktop/toggle-switch/Fluent.json +268 -0
  64. package/tokens/components/desktop/tooltip/fluent.json +198 -0
  65. package/tokens/components/web/accordion/fluent.json +24 -0
  66. package/tokens/components/web/button/fluent.json +1460 -0
  67. package/tokens/components/web/button-group/fluent.json +40 -0
  68. package/tokens/components/web/carousel/fluent.json +1458 -0
  69. package/tokens/components/web/checkbox/fluent.json +136 -0
  70. package/tokens/components/web/color-palette/fluent.json +634 -0
  71. package/tokens/components/web/column-chooser/fluent.json +176 -0
  72. package/tokens/components/web/filter-builder/fluent.json +570 -0
  73. package/tokens/components/web/form-layout/fluent.json +578 -0
  74. package/tokens/components/web/html-editor/fluent.json +146 -0
  75. package/tokens/components/web/listbox/fluent.json +160 -0
  76. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +118 -0
  77. package/tokens/components/web/memo/fluent.json +30 -0
  78. package/tokens/components/web/menu/fluent.json +24 -0
  79. package/tokens/components/web/message-bar/fluent.json +106 -0
  80. package/tokens/components/web/message-box/fluent.json +36 -0
  81. package/tokens/components/web/overflow-menu/fluent.json +64 -0
  82. package/tokens/components/web/pager/fluent.json +102 -0
  83. package/tokens/components/web/progress-bar/fluent.json +116 -0
  84. package/tokens/components/web/radio/fluent.json +140 -0
  85. package/tokens/components/web/ribbon/fluent.json +62 -0
  86. package/tokens/components/web/rich-text-editor/fluent.json +534 -0
  87. package/tokens/components/web/scheduler/fluent.json +1378 -0
  88. package/tokens/components/web/scheduler-popups/fluent.json +290 -0
  89. package/tokens/components/web/scroll-bar/fluent.json +92 -0
  90. package/tokens/components/web/split-button/fluent.json +78 -0
  91. package/tokens/components/web/splitter/fluent.json +1214 -0
  92. package/tokens/components/web/switcher/fluent.json +102 -0
  93. package/tokens/components/web/tabs/fluent.json +148 -0
  94. package/tokens/components/web/tagbox/fluent.json +82 -0
  95. package/tokens/components/web/text-edit/fluent.json +184 -0
  96. package/tokens/components/web/toast/fluent.json +688 -0
  97. package/tokens/components/web/toolbar/fluent.json +1070 -0
  98. package/tokens/components/web/tooltip/fluent.json +20 -0
  99. package/tokens/components/web/treeview/fluent.json +1214 -0
  100. package/tokens/components/web/uploader/fluent.json +1528 -0
  101. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  102. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  103. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  104. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  105. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  106. package/tokens/figma-utils/icon/property.json +48 -0
  107. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  108. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  109. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  110. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  111. package/tokens/figma-utils/typography/styles.json +400 -0
package/tokens/components/core/menu/fluent.json ADDED
@@ -0,0 +1,352 @@
1
+ {
2
+ "menu": {
3
+ "item": {
4
+ "color": {
5
+ "default": {
6
+ "bg": {
7
+ "rest": {
8
+ "$type": "color",
9
+ "$value": "{color.surface.transparent.rest}"
10
+ },
11
+ "hovered": {
12
+ "$type": "color",
13
+ "$value": "{color.surface.neutral.default.hovered}"
14
+ },
15
+ "disabled": {
16
+ "$type": "color",
17
+ "$value": "{color.surface.transparent.rest}"
18
+ },
19
+ "active": {
20
+ "$type": "color",
21
+ "$value": "{color.surface.neutral.default.active}"
22
+ }
23
+ },
24
+ "start-icon": {
25
+ "rest": {
26
+ "$type": "color",
27
+ "$value": "{color.content.neutral.subdued.rest}"
28
+ },
29
+ "hovered": {
30
+ "$type": "color",
31
+ "$value": "{color.content.primary.default.hovered}"
32
+ },
33
+ "disabled": {
34
+ "$type": "color",
35
+ "$value": "{color.content.neutral.subdued.disabled}"
36
+ },
37
+ "active": {
38
+ "$type": "color",
39
+ "$value": "{color.content.primary.default.active}"
40
+ }
41
+ },
42
+ "end-icon": {
43
+ "rest": {
44
+ "$type": "color",
45
+ "$value": "{color.content.neutral.subdued.rest}"
46
+ },
47
+ "hovered": {
48
+ "$type": "color",
49
+ "$value": "{color.content.neutral.default.hovered}"
50
+ },
51
+ "disabled": {
52
+ "$type": "color",
53
+ "$value": "{color.content.neutral.subdued.disabled}"
54
+ },
55
+ "active": {
56
+ "$type": "color",
57
+ "$value": "{color.content.neutral.default.active}"
58
+ }
59
+ },
60
+ "text": {
61
+ "rest": {
62
+ "$type": "color",
63
+ "$value": "{color.content.neutral.subdued.rest}"
64
+ },
65
+ "disabled": {
66
+ "$type": "color",
67
+ "$value": "{color.content.neutral.subdued.disabled}"
68
+ }
69
+ }
70
+ },
71
+ "selected": {
72
+ "end-icon": {
73
+ "rest": {
74
+ "$type": "color",
75
+ "$value": "{color.content.neutral.default.rest}"
76
+ },
77
+ "hovered": {
78
+ "$type": "color",
79
+ "$value": "{color.content.neutral.default.hovered}"
80
+ },
81
+ "active": {
82
+ "$type": "color",
83
+ "$value": "{color.content.neutral.default.active}"
84
+ },
85
+ "disabled": {
86
+ "$type": "color",
87
+ "$value": "{color.content.neutral.default.disabled}"
88
+ }
89
+ },
90
+ "start-icon": {
91
+ "rest": {
92
+ "$type": "color",
93
+ "$value": "{color.content.primary.default.rest}"
94
+ },
95
+ "hovered": {
96
+ "$type": "color",
97
+ "$value": "{color.content.primary.default.hovered}"
98
+ },
99
+ "active": {
100
+ "$type": "color",
101
+ "$value": "{color.content.primary.default.active}"
102
+ },
103
+ "disabled": {
104
+ "$type": "color",
105
+ "$value": "{color.content.neutral.default.disabled}"
106
+ }
107
+ },
108
+ "bg": {
109
+ "rest": {
110
+ "$type": "color",
111
+ "$value": "{color.surface.neutral.default.selected}"
112
+ },
113
+ "hovered": {
114
+ "$type": "color",
115
+ "$value": "{color.surface.neutral.default.selected-hovered}"
116
+ },
117
+ "active": {
118
+ "$type": "color",
119
+ "$value": "{color.surface.neutral.subdued.active}"
120
+ },
121
+ "disabled": {
122
+ "$type": "color",
123
+ "$value": "{color.surface.neutral.subdued.disabled}"
124
+ }
125
+ }
126
+ }
127
+ },
128
+ "layout": {
129
+ "outer-box": {
130
+ "horizontal": {
131
+ "small": {
132
+ "$type": "number",
133
+ "$value": "{spacing.100}"
134
+ },
135
+ "medium": {
136
+ "$type": "number",
137
+ "$value": "{spacing.140}"
138
+ },
139
+ "large": {
140
+ "$type": "number",
141
+ "$value": "{spacing.180}"
142
+ }
143
+ },
144
+ "vertical": {
145
+ "small": {
146
+ "$type": "number",
147
+ "$value": "{spacing.80}"
148
+ },
149
+ "medium": {
150
+ "$type": "number",
151
+ "$value": "{spacing.100}"
152
+ },
153
+ "large": {
154
+ "$type": "number",
155
+ "$value": "{spacing.120}"
156
+ }
157
+ },
158
+ "gap": {
159
+ "small": {
160
+ "$type": "number",
161
+ "$value": "{spacing.40}"
162
+ },
163
+ "medium": {
164
+ "$type": "number",
165
+ "$value": "{spacing.60}"
166
+ },
167
+ "large": {
168
+ "$type": "number",
169
+ "$value": "{spacing.80}"
170
+ }
171
+ }
172
+ },
173
+ "content-box": {
174
+ "gap": {
175
+ "small": {
176
+ "$type": "number",
177
+ "$value": "{spacing.80}"
178
+ },
179
+ "medium": {
180
+ "$type": "number",
181
+ "$value": "{spacing.120}"
182
+ },
183
+ "large": {
184
+ "$type": "number",
185
+ "$value": "{spacing.160}"
186
+ }
187
+ }
188
+ }
189
+ },
190
+ "borders": {
191
+ "border-radius": {
192
+ "small": {
193
+ "$type": "number",
194
+ "$value": "{border-radius.0}"
195
+ },
196
+ "medium": {
197
+ "$type": "number",
198
+ "$value": "{border-radius.0}"
199
+ },
200
+ "large": {
201
+ "$type": "number",
202
+ "$value": "{border-radius.0}"
203
+ }
204
+ }
205
+ }
206
+ },
207
+ "item-group": {
208
+ "color": {
209
+ "bg": {
210
+ "rest": {
211
+ "$type": "color",
212
+ "$value": "{color.surface.transparent.rest}"
213
+ }
214
+ }
215
+ },
216
+ "layout": {
217
+ "outer-box": {
218
+ "gap": {
219
+ "small": {
220
+ "$type": "number",
221
+ "$value": "{spacing.0}"
222
+ },
223
+ "medium": {
224
+ "$type": "number",
225
+ "$value": "{spacing.0}"
226
+ },
227
+ "large": {
228
+ "$type": "number",
229
+ "$value": "{spacing.0}"
230
+ }
231
+ }
232
+ }
233
+ }
234
+ },
235
+ "focus-rest": {
236
+ "layout": {
237
+ "offset": {
238
+ "$type": "number",
239
+ "$value": "{spacing.0}"
240
+ },
241
+ "outer-box": {
242
+ "$type": "number",
243
+ "$value": "{spacing.0}"
244
+ }
245
+ },
246
+ "borders": {
247
+ "border-radius": {
248
+ "$type": "number",
249
+ "$value": "{border-radius.0}"
250
+ }
251
+ }
252
+ },
253
+ "title-item": {
254
+ "typography": {
255
+ "font-weight": {
256
+ "small": {
257
+ "$type": "number",
258
+ "$value": "{font-weight.title.default}"
259
+ },
260
+ "medium": {
261
+ "$type": "number",
262
+ "$value": "{font-weight.title.default}"
263
+ },
264
+ "large": {
265
+ "$type": "number",
266
+ "$value": "{font-weight.title.default}"
267
+ }
268
+ },
269
+ "font-size": {
270
+ "small": {
271
+ "$type": "number",
272
+ "$value": "{font-size.title.xs}"
273
+ },
274
+ "medium": {
275
+ "$type": "number",
276
+ "$value": "{font-size.title.sm}"
277
+ },
278
+ "large": {
279
+ "$type": "number",
280
+ "$value": "{font-size.title.md}"
281
+ }
282
+ },
283
+ "line-height": {
284
+ "small": {
285
+ "$type": "number",
286
+ "$value": "{line-height.title.xs}"
287
+ },
288
+ "medium": {
289
+ "$type": "number",
290
+ "$value": "{line-height.title.sm}"
291
+ },
292
+ "large": {
293
+ "$type": "number",
294
+ "$value": "{line-height.title.md}"
295
+ }
296
+ }
297
+ },
298
+ "layout": {
299
+ "outer-box": {
300
+ "horizontal": {
301
+ "small": {
302
+ "$type": "number",
303
+ "$value": "{spacing.120}"
304
+ },
305
+ "medium": {
306
+ "$type": "number",
307
+ "$value": "{spacing.160}"
308
+ },
309
+ "large": {
310
+ "$type": "number",
311
+ "$value": "{spacing.200}"
312
+ }
313
+ },
314
+ "vertical": {
315
+ "small": {
316
+ "$type": "number",
317
+ "$value": "{spacing.60}"
318
+ },
319
+ "medium": {
320
+ "$type": "number",
321
+ "$value": "{spacing.90}"
322
+ },
323
+ "large": {
324
+ "$type": "number",
325
+ "$value": "{spacing.90}"
326
+ }
327
+ }
328
+ }
329
+ }
330
+ },
331
+ "menu": {
332
+ "layout": {
333
+ "outer-box": {
334
+ "gap": {
335
+ "small": {
336
+ "$type": "number",
337
+ "$value": "{spacing.0}"
338
+ },
339
+ "medium": {
340
+ "$type": "number",
341
+ "$value": "{spacing.0}"
342
+ },
343
+ "large": {
344
+ "$type": "number",
345
+ "$value": "{spacing.0}"
346
+ }
347
+ }
348
+ }
349
+ }
350
+ }
351
+ }
352
+ }
package/tokens/components/core/message-bar/fluent.json ADDED
@@ -0,0 +1,132 @@
1
+ {
2
+ "message-bar": {
3
+ "color": {
4
+ "bg": {
5
+ "rest": {
6
+ "$type": "color",
7
+ "$value": "{color.surface.neutral.subdued.rest}"
8
+ }
9
+ },
10
+ "icon": {
11
+ "rest": {
12
+ "$type": "color",
13
+ "$value": "{color.content.neutral.subdued.rest}"
14
+ }
15
+ },
16
+ "border": {
17
+ "rest": {
18
+ "$type": "color",
19
+ "$value": "{color.border.neutral.default.rest}"
20
+ }
21
+ }
22
+ },
23
+ "borders": {
24
+ "border-radius": {
25
+ "small": {
26
+ "$type": "number",
27
+ "$value": "{border-radius.40}"
28
+ },
29
+ "medium": {
30
+ "$type": "number",
31
+ "$value": "{border-radius.40}"
32
+ },
33
+ "large": {
34
+ "$type": "number",
35
+ "$value": "{border-radius.40}"
36
+ }
37
+ },
38
+ "border-width": {
39
+ "small": {
40
+ "$type": "number",
41
+ "$value": "{border-width.10}"
42
+ },
43
+ "medium": {
44
+ "$type": "number",
45
+ "$value": "{border-width.10}"
46
+ },
47
+ "large": {
48
+ "$type": "number",
49
+ "$value": "{border-width.10}"
50
+ }
51
+ }
52
+ },
53
+ "layout": {
54
+ "outer-box": {
55
+ "gap": {
56
+ "small": {
57
+ "$type": "number",
58
+ "$value": "{spacing.0}"
59
+ },
60
+ "medium": {
61
+ "$type": "number",
62
+ "$value": "{spacing.0}"
63
+ },
64
+ "large": {
65
+ "$type": "number",
66
+ "$value": "{spacing.0}"
67
+ }
68
+ },
69
+ "horizontal": {
70
+ "small": {
71
+ "$type": "number",
72
+ "$value": "{spacing.80}"
73
+ },
74
+ "medium": {
75
+ "$type": "number",
76
+ "$value": "{spacing.120}"
77
+ },
78
+ "large": {
79
+ "$type": "number",
80
+ "$value": "{spacing.160}"
81
+ }
82
+ }
83
+ },
84
+ "icon-box": {
85
+ "vertical": {
86
+ "small": {
87
+ "$type": "number",
88
+ "$value": "{spacing.80}"
89
+ },
90
+ "medium": {
91
+ "$type": "number",
92
+ "$value": "{spacing.80}"
93
+ },
94
+ "large": {
95
+ "$type": "number",
96
+ "$value": "{spacing.80}"
97
+ }
98
+ }
99
+ },
100
+ "text-box": {
101
+ "horizontal": {
102
+ "small": {
103
+ "$type": "number",
104
+ "$value": "{spacing.60}"
105
+ },
106
+ "medium": {
107
+ "$type": "number",
108
+ "$value": "{spacing.80}"
109
+ },
110
+ "large": {
111
+ "$type": "number",
112
+ "$value": "{spacing.100}"
113
+ }
114
+ },
115
+ "vertical": {
116
+ "small": {
117
+ "$type": "number",
118
+ "$value": "{spacing.80}"
119
+ },
120
+ "medium": {
121
+ "$type": "number",
122
+ "$value": "{spacing.80}"
123
+ },
124
+ "large": {
125
+ "$type": "number",
126
+ "$value": "{spacing.80}"
127
+ }
128
+ }
129
+ }
130
+ }
131
+ }
132
+ }