@devexpress/design-tokens-internal 261.0.3 → 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 (117) hide show
  1. package/package.json +1 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +376 -1
  4. package/tokens/components/core/ai-chat/fluent.json +1281 -1
  5. package/tokens/components/core/badge/fluent.json +75 -0
  6. package/tokens/components/core/button/fluent.json +147 -0
  7. package/tokens/components/core/calendar/fluent.json +766 -1
  8. package/tokens/components/core/checkbox/fluent.json +438 -10
  9. package/tokens/components/core/collapse-button/fluent.json +165 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +80 -0
  12. package/tokens/components/core/container-footer/fluent.json +98 -0
  13. package/tokens/components/core/container-header/fluent.json +163 -0
  14. package/tokens/components/core/dialog/fluent.json +85 -0
  15. package/tokens/components/core/drawer/fluent.json +79 -1
  16. package/tokens/components/core/empty-item/fluent.json +170 -0
  17. package/tokens/components/core/focus-rect/fluent.json +40 -0
  18. package/tokens/components/core/form/fluent.json +185 -49
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +75 -0
  21. package/tokens/components/core/indent-space/fluent.json +51 -1
  22. package/tokens/components/core/label/fluent.json +60 -0
  23. package/tokens/components/core/link/fluent.json +147 -0
  24. package/tokens/components/core/listbox/fluent.json +417 -67
  25. package/tokens/components/core/menu/fluent.json +331 -1
  26. package/tokens/components/core/message-bar/fluent.json +120 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +382 -26
  28. package/tokens/components/core/pagination/fluent.json +276 -2
  29. package/tokens/components/core/popover/fluent.json +91 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +20 -0
  31. package/tokens/components/core/popover-body/fluent.json +80 -0
  32. package/tokens/components/core/popover-footer/fluent.json +65 -0
  33. package/tokens/components/core/popover-header/fluent.json +140 -0
  34. package/tokens/components/core/popup/fluent.json +86 -0
  35. package/tokens/components/core/progress-bar/fluent.json +125 -1
  36. package/tokens/components/core/radio-button/fluent.json +261 -7
  37. package/tokens/components/core/ribbon/fluent.json +915 -120
  38. package/tokens/components/core/scroll-bar/fluent.json +66 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +180 -0
  41. package/tokens/components/core/splitter/fluent.json +426 -1
  42. package/tokens/components/core/switch/fluent.json +366 -22
  43. package/tokens/components/core/tabs/fluent.json +519 -194
  44. package/tokens/components/core/tag/fluent.json +145 -0
  45. package/tokens/components/core/text-box/fluent.json +200 -0
  46. package/tokens/components/core/text-edit/fluent.json +315 -0
  47. package/tokens/components/core/toast/fluent.json +180 -0
  48. package/tokens/components/core/toolbar/fluent.json +219 -102
  49. package/tokens/components/core/tooltip/fluent.json +105 -0
  50. package/tokens/components/core/treeview/fluent.json +435 -41
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +95 -124
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +464 -130
  55. package/tokens/components/desktop/button-edit/fluent.json +340 -128
  56. package/tokens/components/desktop/button-group/fluent.json +30 -0
  57. package/tokens/components/desktop/button-text/fluent.json +114 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +29 -43
  59. package/tokens/components/desktop/datapager/fluent.json +180 -88
  60. package/tokens/components/desktop/filter-edit/fluent.json +203 -3
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +552 -105
  63. package/tokens/components/desktop/pagercontrol/fluent.json +432 -210
  64. package/tokens/components/desktop/progress-bar/fluent.json +277 -3
  65. package/tokens/components/desktop/radio-button/fluent.json +38 -47
  66. package/tokens/components/desktop/scroll-bar/fluent.json +176 -60
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +20 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +148 -10
  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 +1608 -0
  74. package/tokens/components/web/button-group/fluent.json +30 -0
  75. package/tokens/components/web/carousel/fluent.json +1386 -1
  76. package/tokens/components/web/checkbox/fluent.json +120 -0
  77. package/tokens/components/web/color-palette/fluent.json +612 -1
  78. package/tokens/components/web/column-chooser/fluent.json +155 -0
  79. package/tokens/components/web/filter-builder/fluent.json +517 -2
  80. package/tokens/components/web/form-layout/fluent.json +525 -0
  81. package/tokens/components/web/html-editor/fluent.json +130 -0
  82. package/tokens/components/web/listbox/fluent.json +139 -1
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +107 -0
  84. package/tokens/components/web/memo/fluent.json +20 -0
  85. package/tokens/components/web/menu/fluent.json +16 -1
  86. package/tokens/components/web/message-bar/fluent.json +75 -0
  87. package/tokens/components/web/message-box/fluent.json +25 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +47 -2
  89. package/tokens/components/web/pager/fluent.json +85 -0
  90. package/tokens/components/web/progress-bar/fluent.json +81 -0
  91. package/tokens/components/web/radio/fluent.json +122 -2
  92. package/tokens/components/web/ribbon/fluent.json +60 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +471 -0
  94. package/tokens/components/web/scheduler/fluent.json +1284 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +230 -0
  96. package/tokens/components/web/split-button/fluent.json +65 -0
  97. package/tokens/components/web/switcher/fluent.json +90 -0
  98. package/tokens/components/web/tabs/fluent.json +110 -0
  99. package/tokens/components/web/tagbox/fluent.json +65 -0
  100. package/tokens/components/web/text-edit/fluent.json +152 -2
  101. package/tokens/components/web/toast/fluent.json +540 -0
  102. package/tokens/components/web/toolbar/fluent.json +110 -1015
  103. package/tokens/components/web/tooltip/fluent.json +11 -0
  104. package/tokens/components/web/treeview/fluent.json +1196 -1
  105. package/tokens/components/web/uploader/fluent.json +1436 -1
  106. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  107. package/tokens/semantic/colors/dx-office/light.json +12 -0
  108. package/tokens/semantic/colors/fluent/dark.json +24 -12
  109. package/tokens/semantic/colors/fluent/light.json +24 -12
  110. package/tokens/components/desktop/loading-panel_wait-indicator/fluent.json +0 -308
  111. package/tokens/components/desktop/toggle-switch/Fluent.json +0 -268
  112. package/tokens/components/desktop/tooltip/fluent.json +0 -198
  113. package/tokens/components/web/accordion/fluent.json +0 -24
  114. package/tokens/components/web/scroll-bar/fluent.json +0 -92
  115. package/tokens/components/web/splitter/fluent.json +0 -1214
  116. package/tokens/global/dx-office/theme-builder.json +0 -56
  117. package/tokens/global/fluent/theme-builder.json +0 -56
package/tokens/components/core/collapse-button/fluent.json CHANGED
@@ -4,42 +4,87 @@
4
4
  "default": {
5
5
  "border": {
6
6
  "rest": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "STROKE_COLOR"
10
+ ]
11
+ },
7
12
  "$type": "color",
8
13
  "$value": "{color.border.transparent.rest}"
9
14
  }
10
15
  },
11
16
  "bg": {
12
17
  "active": {
18
+ "$extensions": {
19
+ "com.figma.scopes": [
20
+ "ALL_FILLS"
21
+ ]
22
+ },
13
23
  "$type": "color",
14
24
  "$value": "{color.surface.neutral.default.active}"
15
25
  },
16
26
  "hovered": {
27
+ "$extensions": {
28
+ "com.figma.scopes": [
29
+ "ALL_FILLS"
30
+ ]
31
+ },
17
32
  "$type": "color",
18
33
  "$value": "{color.surface.neutral.default.hovered}"
19
34
  },
20
35
  "rest": {
36
+ "$extensions": {
37
+ "com.figma.scopes": [
38
+ "ALL_FILLS"
39
+ ]
40
+ },
21
41
  "$type": "color",
22
42
  "$value": "{color.surface.transparent.rest}"
23
43
  }
24
44
  },
25
45
  "icon": {
26
46
  "disabled": {
47
+ "$extensions": {
48
+ "com.figma.scopes": [
49
+ "ALL_FILLS"
50
+ ]
51
+ },
27
52
  "$type": "color",
28
53
  "$value": "{color.content.neutral.subdued.disabled}"
29
54
  },
30
55
  "rest": {
56
+ "$extensions": {
57
+ "com.figma.scopes": [
58
+ "ALL_FILLS"
59
+ ]
60
+ },
31
61
  "$type": "color",
32
62
  "$value": "{color.content.neutral.subdued.rest}"
33
63
  },
34
64
  "placeholder": {
65
+ "$extensions": {
66
+ "com.figma.scopes": [
67
+ "ALL_FILLS"
68
+ ]
69
+ },
35
70
  "$type": "color",
36
71
  "$value": "{color.content.transparent.rest}"
37
72
  },
38
73
  "active": {
74
+ "$extensions": {
75
+ "com.figma.scopes": [
76
+ "ALL_FILLS"
77
+ ]
78
+ },
39
79
  "$type": "color",
40
80
  "$value": "{color.content.neutral.default.active}"
41
81
  },
42
82
  "hovered": {
83
+ "$extensions": {
84
+ "com.figma.scopes": [
85
+ "ALL_FILLS"
86
+ ]
87
+ },
43
88
  "$type": "color",
44
89
  "$value": "{color.content.neutral.subdued.hovered}"
45
90
  }
@@ -48,54 +93,114 @@
48
93
  "on-surface": {
49
94
  "bg": {
50
95
  "rest": {
96
+ "$extensions": {
97
+ "com.figma.scopes": [
98
+ "ALL_FILLS"
99
+ ]
100
+ },
51
101
  "$type": "color",
52
102
  "$value": "{color.surface.neutral.alpha.on-surface.rest}"
53
103
  },
54
104
  "hovered": {
105
+ "$extensions": {
106
+ "com.figma.scopes": [
107
+ "ALL_FILLS"
108
+ ]
109
+ },
55
110
  "$type": "color",
56
111
  "$value": "{color.surface.neutral.alpha.on-surface.hovered}"
57
112
  },
58
113
  "active": {
114
+ "$extensions": {
115
+ "com.figma.scopes": [
116
+ "ALL_FILLS"
117
+ ]
118
+ },
59
119
  "$type": "color",
60
120
  "$value": "{color.surface.neutral.alpha.on-surface.active}"
61
121
  },
62
122
  "disabled": {
123
+ "$extensions": {
124
+ "com.figma.scopes": [
125
+ "ALL_FILLS"
126
+ ]
127
+ },
63
128
  "$type": "color",
64
129
  "$value": "{color.surface.neutral.alpha.on-surface.disabled}"
65
130
  },
66
131
  "placeholder": {
132
+ "$extensions": {
133
+ "com.figma.scopes": [
134
+ "ALL_FILLS"
135
+ ]
136
+ },
67
137
  "$type": "color",
68
138
  "$value": "{color.surface.transparent.rest}"
69
139
  }
70
140
  },
71
141
  "border": {
72
142
  "rest": {
143
+ "$extensions": {
144
+ "com.figma.scopes": [
145
+ "STROKE_COLOR"
146
+ ]
147
+ },
73
148
  "$type": "color",
74
149
  "$value": "{color.surface.neutral.alpha.on-surface.rest}"
75
150
  },
76
151
  "placeholder": {
152
+ "$extensions": {
153
+ "com.figma.scopes": [
154
+ "STROKE_COLOR"
155
+ ]
156
+ },
77
157
  "$type": "color",
78
158
  "$value": "{color.border.transparent.rest}"
79
159
  }
80
160
  },
81
161
  "icon": {
82
162
  "rest": {
163
+ "$extensions": {
164
+ "com.figma.scopes": [
165
+ "ALL_FILLS"
166
+ ]
167
+ },
83
168
  "$type": "color",
84
169
  "$value": "{color.content.neutral.default.on-surface.rest}"
85
170
  },
86
171
  "hovered": {
172
+ "$extensions": {
173
+ "com.figma.scopes": [
174
+ "ALL_FILLS"
175
+ ]
176
+ },
87
177
  "$type": "color",
88
178
  "$value": "{color.content.neutral.default.on-surface.hovered}"
89
179
  },
90
180
  "active": {
181
+ "$extensions": {
182
+ "com.figma.scopes": [
183
+ "ALL_FILLS"
184
+ ]
185
+ },
91
186
  "$type": "color",
92
187
  "$value": "{color.content.neutral.default.on-surface.active}"
93
188
  },
94
189
  "disabled": {
190
+ "$extensions": {
191
+ "com.figma.scopes": [
192
+ "ALL_FILLS"
193
+ ]
194
+ },
95
195
  "$type": "color",
96
196
  "$value": "{color.content.neutral.default.on-surface.disabled}"
97
197
  },
98
198
  "placeholder": {
199
+ "$extensions": {
200
+ "com.figma.scopes": [
201
+ "ALL_FILLS"
202
+ ]
203
+ },
99
204
  "$type": "color",
100
205
  "$value": "{color.content.transparent.rest}"
101
206
  }
@@ -105,28 +210,58 @@
105
210
  "borders": {
106
211
  "border-radius": {
107
212
  "medium": {
213
+ "$extensions": {
214
+ "com.figma.scopes": [
215
+ "CORNER_RADIUS"
216
+ ]
217
+ },
108
218
  "$type": "number",
109
219
  "$value": "{border-radius.40}"
110
220
  },
111
221
  "large": {
222
+ "$extensions": {
223
+ "com.figma.scopes": [
224
+ "CORNER_RADIUS"
225
+ ]
226
+ },
112
227
  "$type": "number",
113
228
  "$value": "{border-radius.40}"
114
229
  },
115
230
  "small": {
231
+ "$extensions": {
232
+ "com.figma.scopes": [
233
+ "CORNER_RADIUS"
234
+ ]
235
+ },
116
236
  "$type": "number",
117
237
  "$value": "{border-radius.40}"
118
238
  }
119
239
  },
120
240
  "border-width": {
121
241
  "medium": {
242
+ "$extensions": {
243
+ "com.figma.scopes": [
244
+ "STROKE_FLOAT"
245
+ ]
246
+ },
122
247
  "$type": "number",
123
248
  "$value": "{border-width.10}"
124
249
  },
125
250
  "small": {
251
+ "$extensions": {
252
+ "com.figma.scopes": [
253
+ "STROKE_FLOAT"
254
+ ]
255
+ },
126
256
  "$type": "number",
127
257
  "$value": "{border-width.10}"
128
258
  },
129
259
  "large": {
260
+ "$extensions": {
261
+ "com.figma.scopes": [
262
+ "STROKE_FLOAT"
263
+ ]
264
+ },
130
265
  "$type": "number",
131
266
  "$value": "{border-width.10}"
132
267
  }
@@ -136,28 +271,58 @@
136
271
  "inner-box": {
137
272
  "vertical": {
138
273
  "medium": {
274
+ "$extensions": {
275
+ "com.figma.scopes": [
276
+ "GAP"
277
+ ]
278
+ },
139
279
  "$type": "number",
140
280
  "$value": "{spacing.50}"
141
281
  },
142
282
  "large": {
283
+ "$extensions": {
284
+ "com.figma.scopes": [
285
+ "GAP"
286
+ ]
287
+ },
143
288
  "$type": "number",
144
289
  "$value": "{spacing.70}"
145
290
  },
146
291
  "small": {
292
+ "$extensions": {
293
+ "com.figma.scopes": [
294
+ "GAP"
295
+ ]
296
+ },
147
297
  "$type": "number",
148
298
  "$value": "{spacing.30}"
149
299
  }
150
300
  },
151
301
  "horizontal": {
152
302
  "large": {
303
+ "$extensions": {
304
+ "com.figma.scopes": [
305
+ "GAP"
306
+ ]
307
+ },
153
308
  "$type": "number",
154
309
  "$value": "{spacing.70}"
155
310
  },
156
311
  "medium": {
312
+ "$extensions": {
313
+ "com.figma.scopes": [
314
+ "GAP"
315
+ ]
316
+ },
157
317
  "$type": "number",
158
318
  "$value": "{spacing.50}"
159
319
  },
160
320
  "small": {
321
+ "$extensions": {
322
+ "com.figma.scopes": [
323
+ "GAP"
324
+ ]
325
+ },
161
326
  "$type": "number",
162
327
  "$value": "{spacing.30}"
163
328
  }