@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/badge/fluent.json CHANGED
@@ -3,28 +3,58 @@
3
3
  "color": {
4
4
  "bg": {
5
5
  "rest": {
6
+ "$extensions": {
7
+ "com.figma.scopes": [
8
+ "FRAME_FILL"
9
+ ]
10
+ },
6
11
  "$type": "color",
7
12
  "$value": "{color.surface.primary.default.rest}"
8
13
  },
9
14
  "selected": {
15
+ "$extensions": {
16
+ "com.figma.scopes": [
17
+ "FRAME_FILL"
18
+ ]
19
+ },
10
20
  "$type": "color",
11
21
  "$value": "{color.surface.neutral.default.static-light.rest}"
12
22
  },
13
23
  "disabled": {
24
+ "$extensions": {
25
+ "com.figma.scopes": [
26
+ "FRAME_FILL"
27
+ ]
28
+ },
14
29
  "$type": "color",
15
30
  "$value": "{color.surface.neutral.subdued.disabled}"
16
31
  }
17
32
  },
18
33
  "text": {
19
34
  "rest": {
35
+ "$extensions": {
36
+ "com.figma.scopes": [
37
+ "TEXT_FILL"
38
+ ]
39
+ },
20
40
  "$type": "color",
21
41
  "$value": "{color.content.neutral.default.static-dark.rest}"
22
42
  },
23
43
  "selected": {
44
+ "$extensions": {
45
+ "com.figma.scopes": [
46
+ "TEXT_FILL"
47
+ ]
48
+ },
24
49
  "$type": "color",
25
50
  "$value": "{color.content.neutral.default.static-light.rest}"
26
51
  },
27
52
  "disabled": {
53
+ "$extensions": {
54
+ "com.figma.scopes": [
55
+ "TEXT_FILL"
56
+ ]
57
+ },
28
58
  "$type": "color",
29
59
  "$value": "{color.content.neutral.subdued.disabled}"
30
60
  }
@@ -33,14 +63,29 @@
33
63
  "borders": {
34
64
  "border-radius": {
35
65
  "small": {
66
+ "$extensions": {
67
+ "com.figma.scopes": [
68
+ "CORNER_RADIUS"
69
+ ]
70
+ },
36
71
  "$type": "number",
37
72
  "$value": "{border-radius.full}"
38
73
  },
39
74
  "medium": {
75
+ "$extensions": {
76
+ "com.figma.scopes": [
77
+ "CORNER_RADIUS"
78
+ ]
79
+ },
40
80
  "$type": "number",
41
81
  "$value": "{border-radius.full}"
42
82
  },
43
83
  "large": {
84
+ "$extensions": {
85
+ "com.figma.scopes": [
86
+ "CORNER_RADIUS"
87
+ ]
88
+ },
44
89
  "$type": "number",
45
90
  "$value": "{border-radius.full}"
46
91
  }
@@ -50,14 +95,29 @@
50
95
  "outer-box": {
51
96
  "horizontal": {
52
97
  "small": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "GAP"
101
+ ]
102
+ },
53
103
  "$type": "number",
54
104
  "$value": "{spacing.60}"
55
105
  },
56
106
  "medium": {
107
+ "$extensions": {
108
+ "com.figma.scopes": [
109
+ "GAP"
110
+ ]
111
+ },
57
112
  "$type": "number",
58
113
  "$value": "{spacing.80}"
59
114
  },
60
115
  "large": {
116
+ "$extensions": {
117
+ "com.figma.scopes": [
118
+ "GAP"
119
+ ]
120
+ },
61
121
  "$type": "number",
62
122
  "$value": "{spacing.100}"
63
123
  }
@@ -67,14 +127,29 @@
67
127
  "typography": {
68
128
  "font-weight": {
69
129
  "small": {
130
+ "$extensions": {
131
+ "com.figma.scopes": [
132
+ "FONT_WEIGHT"
133
+ ]
134
+ },
70
135
  "$type": "number",
71
136
  "$value": "{font-weight.base.strong}"
72
137
  },
73
138
  "medium": {
139
+ "$extensions": {
140
+ "com.figma.scopes": [
141
+ "FONT_WEIGHT"
142
+ ]
143
+ },
74
144
  "$type": "number",
75
145
  "$value": "{font-weight.base.strong}"
76
146
  },
77
147
  "large": {
148
+ "$extensions": {
149
+ "com.figma.scopes": [
150
+ "FONT_WEIGHT"
151
+ ]
152
+ },
78
153
  "$type": "number",
79
154
  "$value": "{font-weight.base.strong}"
80
155
  }
package/tokens/components/core/button/fluent.json CHANGED
@@ -3,34 +3,71 @@
3
3
  "color": {
4
4
  "bg": {
5
5
  "rest": {
6
+ "$extensions": {
7
+ "com.figma.scopes": [
8
+ "FRAME_FILL"
9
+ ]
10
+ },
6
11
  "$type": "color",
7
12
  "$value": "{color.surface.primary.default.rest}"
8
13
  },
9
14
  "hovered": {
15
+ "$extensions": {
16
+ "com.figma.scopes": [
17
+ "FRAME_FILL"
18
+ ]
19
+ },
10
20
  "$type": "color",
11
21
  "$value": "{color.surface.primary.default.hovered}"
12
22
  },
13
23
  "active": {
24
+ "$extensions": {
25
+ "com.figma.scopes": [
26
+ "FRAME_FILL"
27
+ ]
28
+ },
14
29
  "$type": "color",
15
30
  "$value": "{color.surface.primary.default.active}"
16
31
  },
17
32
  "disabled": {
33
+ "$extensions": {
34
+ "com.figma.scopes": [
35
+ "FRAME_FILL"
36
+ ]
37
+ },
18
38
  "$type": "color",
19
39
  "$value": "{color.surface.neutral.default.disabled}"
20
40
  }
21
41
  },
22
42
  "content": {
23
43
  "rest": {
44
+ "$extensions": {
45
+ "com.figma.scopes": [
46
+ "SHAPE_FILL",
47
+ "TEXT_FILL"
48
+ ]
49
+ },
24
50
  "$type": "color",
25
51
  "$value": "{color.content.neutral.default.static-dark.rest}"
26
52
  },
27
53
  "disabled": {
54
+ "$extensions": {
55
+ "com.figma.scopes": [
56
+ "SHAPE_FILL",
57
+ "TEXT_FILL"
58
+ ]
59
+ },
28
60
  "$type": "color",
29
61
  "$value": "{color.content.neutral.default.disabled}"
30
62
  }
31
63
  },
32
64
  "border": {
33
65
  "rest": {
66
+ "$extensions": {
67
+ "com.figma.scopes": [
68
+ "STROKE_COLOR"
69
+ ]
70
+ },
34
71
  "$type": "color",
35
72
  "$value": "{color.border.transparent.rest}"
36
73
  }
@@ -40,27 +77,57 @@
40
77
  "inner-box": {
41
78
  "horizontal": {
42
79
  "small": {
80
+ "$extensions": {
81
+ "com.figma.scopes": [
82
+ "GAP"
83
+ ]
84
+ },
43
85
  "$type": "number",
44
86
  "$value": "{spacing.70}"
45
87
  },
46
88
  "medium": {
89
+ "$extensions": {
90
+ "com.figma.scopes": [
91
+ "GAP"
92
+ ]
93
+ },
47
94
  "$type": "number",
48
95
  "$value": "{spacing.110}"
49
96
  },
50
97
  "large": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "GAP"
101
+ ]
102
+ },
51
103
  "$type": "number",
52
104
  "$value": "{spacing.150}"
53
105
  },
54
106
  "icon-only": {
55
107
  "small": {
108
+ "$extensions": {
109
+ "com.figma.scopes": [
110
+ "GAP"
111
+ ]
112
+ },
56
113
  "$type": "number",
57
114
  "$value": "{spacing.30}"
58
115
  },
59
116
  "medium": {
117
+ "$extensions": {
118
+ "com.figma.scopes": [
119
+ "GAP"
120
+ ]
121
+ },
60
122
  "$type": "number",
61
123
  "$value": "{spacing.50}"
62
124
  },
63
125
  "large": {
126
+ "$extensions": {
127
+ "com.figma.scopes": [
128
+ "GAP"
129
+ ]
130
+ },
64
131
  "$type": "number",
65
132
  "$value": "{spacing.70}"
66
133
  }
@@ -68,28 +135,58 @@
68
135
  },
69
136
  "vertical": {
70
137
  "small": {
138
+ "$extensions": {
139
+ "com.figma.scopes": [
140
+ "GAP"
141
+ ]
142
+ },
71
143
  "$type": "number",
72
144
  "$value": "{spacing.30}"
73
145
  },
74
146
  "medium": {
147
+ "$extensions": {
148
+ "com.figma.scopes": [
149
+ "GAP"
150
+ ]
151
+ },
75
152
  "$type": "number",
76
153
  "$value": "{spacing.50}"
77
154
  },
78
155
  "large": {
156
+ "$extensions": {
157
+ "com.figma.scopes": [
158
+ "GAP"
159
+ ]
160
+ },
79
161
  "$type": "number",
80
162
  "$value": "{spacing.70}"
81
163
  }
82
164
  },
83
165
  "gap": {
84
166
  "small": {
167
+ "$extensions": {
168
+ "com.figma.scopes": [
169
+ "GAP"
170
+ ]
171
+ },
85
172
  "$type": "number",
86
173
  "$value": "{spacing.40}"
87
174
  },
88
175
  "medium": {
176
+ "$extensions": {
177
+ "com.figma.scopes": [
178
+ "GAP"
179
+ ]
180
+ },
89
181
  "$type": "number",
90
182
  "$value": "{spacing.40}"
91
183
  },
92
184
  "large": {
185
+ "$extensions": {
186
+ "com.figma.scopes": [
187
+ "GAP"
188
+ ]
189
+ },
93
190
  "$type": "number",
94
191
  "$value": "{spacing.20}"
95
192
  }
@@ -98,10 +195,20 @@
98
195
  "text-box": {
99
196
  "horizontal": {
100
197
  "medium": {
198
+ "$extensions": {
199
+ "com.figma.scopes": [
200
+ "GAP"
201
+ ]
202
+ },
101
203
  "$type": "number",
102
204
  "$value": "{spacing.20}"
103
205
  },
104
206
  "large": {
207
+ "$extensions": {
208
+ "com.figma.scopes": [
209
+ "GAP"
210
+ ]
211
+ },
105
212
  "$type": "number",
106
213
  "$value": "{spacing.40}"
107
214
  }
@@ -111,28 +218,58 @@
111
218
  "borders": {
112
219
  "border-radius": {
113
220
  "small": {
221
+ "$extensions": {
222
+ "com.figma.scopes": [
223
+ "CORNER_RADIUS"
224
+ ]
225
+ },
114
226
  "$type": "number",
115
227
  "$value": "{border-radius.theme-builder.default}"
116
228
  },
117
229
  "medium": {
230
+ "$extensions": {
231
+ "com.figma.scopes": [
232
+ "CORNER_RADIUS"
233
+ ]
234
+ },
118
235
  "$type": "number",
119
236
  "$value": "{border-radius.theme-builder.default}"
120
237
  },
121
238
  "large": {
239
+ "$extensions": {
240
+ "com.figma.scopes": [
241
+ "CORNER_RADIUS"
242
+ ]
243
+ },
122
244
  "$type": "number",
123
245
  "$value": "{border-radius.theme-builder.default}"
124
246
  }
125
247
  },
126
248
  "border-width": {
127
249
  "small": {
250
+ "$extensions": {
251
+ "com.figma.scopes": [
252
+ "STROKE_FLOAT"
253
+ ]
254
+ },
128
255
  "$type": "number",
129
256
  "$value": "{border-width.10}"
130
257
  },
131
258
  "medium": {
259
+ "$extensions": {
260
+ "com.figma.scopes": [
261
+ "STROKE_FLOAT"
262
+ ]
263
+ },
132
264
  "$type": "number",
133
265
  "$value": "{border-width.10}"
134
266
  },
135
267
  "large": {
268
+ "$extensions": {
269
+ "com.figma.scopes": [
270
+ "STROKE_FLOAT"
271
+ ]
272
+ },
136
273
  "$type": "number",
137
274
  "$value": "{border-width.10}"
138
275
  }
@@ -141,10 +278,20 @@
141
278
  "typography": {
142
279
  "font-weight": {
143
280
  "medium": {
281
+ "$extensions": {
282
+ "com.figma.scopes": [
283
+ "FONT_WEIGHT"
284
+ ]
285
+ },
144
286
  "$type": "number",
145
287
  "$value": "{font-weight.base.strong}"
146
288
  },
147
289
  "large": {
290
+ "$extensions": {
291
+ "com.figma.scopes": [
292
+ "FONT_WEIGHT"
293
+ ]
294
+ },
148
295
  "$type": "number",
149
296
  "$value": "{font-weight.base.strong}"
150
297
  }