@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/figma-utils/typography/styles.json ADDED
@@ -0,0 +1,400 @@
1
+ {
2
+ "caption": {
3
+ "default": {
4
+ "sm": {
5
+ "$type": "typography",
6
+ "$value": {
7
+ "fontFamily": "{font-family.sans-serif}",
8
+ "fontWeight": "{font-weight.caption.default}",
9
+ "fontSize": "{font-size.caption.sm}",
10
+ "lineHeight": "{line-height.caption.sm}",
11
+ "letterSpacing": "{letter-spacing.caption.sm}"
12
+ }
13
+ },
14
+ "md": {
15
+ "$type": "typography",
16
+ "$value": {
17
+ "fontFamily": "{font-family.sans-serif}",
18
+ "fontWeight": "{font-weight.caption.default}",
19
+ "fontSize": "{font-size.caption.md}",
20
+ "lineHeight": "{line-height.caption.md}",
21
+ "letterSpacing": "{letter-spacing.caption.md}"
22
+ }
23
+ },
24
+ "lg": {
25
+ "$type": "typography",
26
+ "$value": {
27
+ "fontFamily": "{font-family.sans-serif}",
28
+ "fontWeight": "{font-weight.caption.default}",
29
+ "fontSize": "{font-size.caption.lg}",
30
+ "lineHeight": "{line-height.caption.lg}",
31
+ "letterSpacing": "{letter-spacing.caption.lg}"
32
+ }
33
+ }
34
+ },
35
+ "strong": {
36
+ "sm": {
37
+ "$type": "typography",
38
+ "$value": {
39
+ "fontFamily": "{font-family.sans-serif}",
40
+ "fontWeight": "{font-weight.caption.strong}",
41
+ "fontSize": "{font-size.caption.sm}",
42
+ "lineHeight": "{line-height.caption.sm}",
43
+ "letterSpacing": "{letter-spacing.caption.sm}"
44
+ }
45
+ },
46
+ "md": {
47
+ "$type": "typography",
48
+ "$value": {
49
+ "fontFamily": "{font-family.sans-serif}",
50
+ "fontWeight": "{font-weight.caption.strong}",
51
+ "fontSize": "{font-size.caption.md}",
52
+ "lineHeight": "{line-height.caption.md}",
53
+ "letterSpacing": "{letter-spacing.caption.md}"
54
+ }
55
+ },
56
+ "lg": {
57
+ "$type": "typography",
58
+ "$value": {
59
+ "fontFamily": "{font-family.sans-serif}",
60
+ "fontWeight": "{font-weight.caption.strong}",
61
+ "fontSize": "{font-size.caption.lg}",
62
+ "lineHeight": "{line-height.caption.lg}",
63
+ "letterSpacing": "{letter-spacing.caption.lg}"
64
+ }
65
+ }
66
+ },
67
+ "stronger": {
68
+ "sm": {
69
+ "$type": "typography",
70
+ "$value": {
71
+ "fontFamily": "{font-family.sans-serif}",
72
+ "fontWeight": "{font-weight.caption.stronger}",
73
+ "fontSize": "{font-size.caption.sm}",
74
+ "lineHeight": "{line-height.caption.sm}",
75
+ "letterSpacing": "{letter-spacing.caption.sm}"
76
+ }
77
+ },
78
+ "md": {
79
+ "$type": "typography",
80
+ "$value": {
81
+ "fontFamily": "{font-family.sans-serif}",
82
+ "fontWeight": "{font-weight.caption.stronger}",
83
+ "fontSize": "{font-size.caption.md}",
84
+ "lineHeight": "{line-height.caption.md}",
85
+ "letterSpacing": "{letter-spacing.caption.md}"
86
+ }
87
+ },
88
+ "lg": {
89
+ "$type": "typography",
90
+ "$value": {
91
+ "fontFamily": "{font-family.sans-serif}",
92
+ "fontWeight": "{font-weight.caption.stronger}",
93
+ "fontSize": "{font-size.caption.lg}",
94
+ "lineHeight": "{line-height.caption.lg}",
95
+ "letterSpacing": "{letter-spacing.caption.lg}"
96
+ }
97
+ }
98
+ }
99
+ },
100
+ "base": {
101
+ "default": {
102
+ "xs": {
103
+ "$type": "typography",
104
+ "$value": {
105
+ "fontFamily": "{font-family.sans-serif}",
106
+ "fontWeight": "{font-weight.base.default}",
107
+ "fontSize": "{font-size.base.xs}",
108
+ "lineHeight": "{line-height.base.xs}",
109
+ "letterSpacing": "{letter-spacing.base.xs}"
110
+ }
111
+ },
112
+ "sm": {
113
+ "$type": "typography",
114
+ "$value": {
115
+ "fontFamily": "{font-family.sans-serif}",
116
+ "fontWeight": "{font-weight.base.default}",
117
+ "fontSize": "{font-size.base.sm}",
118
+ "lineHeight": "{line-height.base.sm}",
119
+ "letterSpacing": "{letter-spacing.base.sm}"
120
+ }
121
+ },
122
+ "md": {
123
+ "$type": "typography",
124
+ "$value": {
125
+ "fontFamily": "{font-family.sans-serif}",
126
+ "fontWeight": "{font-weight.base.default}",
127
+ "fontSize": "{font-size.base.md}",
128
+ "lineHeight": "{line-height.base.md}",
129
+ "letterSpacing": "{letter-spacing.base.md}"
130
+ }
131
+ },
132
+ "lg": {
133
+ "$type": "typography",
134
+ "$value": {
135
+ "fontFamily": "{font-family.sans-serif}",
136
+ "fontWeight": "{font-weight.base.default}",
137
+ "fontSize": "{font-size.base.lg}",
138
+ "lineHeight": "{line-height.base.lg}",
139
+ "letterSpacing": "{letter-spacing.base.lg}"
140
+ }
141
+ }
142
+ },
143
+ "strong": {
144
+ "xs": {
145
+ "$type": "typography",
146
+ "$value": {
147
+ "fontFamily": "{font-family.sans-serif}",
148
+ "fontWeight": "{font-weight.base.strong}",
149
+ "fontSize": "{font-size.base.xs}",
150
+ "lineHeight": "{line-height.base.xs}",
151
+ "letterSpacing": "{letter-spacing.base.xs}"
152
+ }
153
+ },
154
+ "sm": {
155
+ "$type": "typography",
156
+ "$value": {
157
+ "fontFamily": "{font-family.sans-serif}",
158
+ "fontWeight": "{font-weight.base.strong}",
159
+ "fontSize": "{font-size.base.sm}",
160
+ "lineHeight": "{line-height.base.sm}",
161
+ "letterSpacing": "{letter-spacing.base.sm}"
162
+ }
163
+ },
164
+ "md": {
165
+ "$type": "typography",
166
+ "$value": {
167
+ "fontFamily": "{font-family.sans-serif}",
168
+ "fontWeight": "{font-weight.base.strong}",
169
+ "fontSize": "{font-size.base.md}",
170
+ "lineHeight": "{line-height.base.md}",
171
+ "letterSpacing": "{letter-spacing.base.md}"
172
+ }
173
+ },
174
+ "lg": {
175
+ "$type": "typography",
176
+ "$value": {
177
+ "fontFamily": "{font-family.sans-serif}",
178
+ "fontWeight": "{font-weight.base.strong}",
179
+ "fontSize": "{font-size.base.lg}",
180
+ "lineHeight": "{line-height.base.lg}",
181
+ "letterSpacing": "{letter-spacing.base.lg}"
182
+ }
183
+ }
184
+ },
185
+ "stronger": {
186
+ "xs": {
187
+ "$type": "typography",
188
+ "$value": {
189
+ "fontFamily": "{font-family.sans-serif}",
190
+ "fontWeight": "{font-weight.base.stronger}",
191
+ "fontSize": "{font-size.base.xs}",
192
+ "lineHeight": "{line-height.base.xs}",
193
+ "letterSpacing": "{letter-spacing.base.xs}"
194
+ }
195
+ },
196
+ "sm": {
197
+ "$type": "typography",
198
+ "$value": {
199
+ "fontFamily": "{font-family.sans-serif}",
200
+ "fontWeight": "{font-weight.base.stronger}",
201
+ "fontSize": "{font-size.base.sm}",
202
+ "lineHeight": "{line-height.base.sm}",
203
+ "letterSpacing": "{letter-spacing.base.sm}"
204
+ }
205
+ },
206
+ "md": {
207
+ "$type": "typography",
208
+ "$value": {
209
+ "fontFamily": "{font-family.sans-serif}",
210
+ "fontWeight": "{font-weight.base.stronger}",
211
+ "fontSize": "{font-size.base.md}",
212
+ "lineHeight": "{line-height.base.md}",
213
+ "letterSpacing": "{letter-spacing.base.md}"
214
+ }
215
+ },
216
+ "lg": {
217
+ "$type": "typography",
218
+ "$value": {
219
+ "fontFamily": "{font-family.sans-serif}",
220
+ "fontWeight": "{font-weight.base.stronger}",
221
+ "fontSize": "{font-size.base.lg}",
222
+ "lineHeight": "{line-height.base.lg}",
223
+ "letterSpacing": "{letter-spacing.base.lg}"
224
+ }
225
+ }
226
+ }
227
+ },
228
+ "title": {
229
+ "default": {
230
+ "xs": {
231
+ "$type": "typography",
232
+ "$value": {
233
+ "fontFamily": "{font-family.sans-serif}",
234
+ "fontWeight": "{font-weight.title.default}",
235
+ "fontSize": "{font-size.title.xs}",
236
+ "lineHeight": "{line-height.title.xs}",
237
+ "letterSpacing": "{letter-spacing.title.xs}"
238
+ }
239
+ },
240
+ "sm": {
241
+ "$type": "typography",
242
+ "$value": {
243
+ "fontFamily": "{font-family.sans-serif}",
244
+ "fontWeight": "{font-weight.title.default}",
245
+ "fontSize": "{font-size.title.sm}",
246
+ "lineHeight": "{line-height.title.sm}",
247
+ "letterSpacing": "{letter-spacing.title.sm}"
248
+ }
249
+ },
250
+ "md": {
251
+ "$type": "typography",
252
+ "$value": {
253
+ "fontFamily": "{font-family.sans-serif}",
254
+ "fontWeight": "{font-weight.title.default}",
255
+ "fontSize": "{font-size.title.md}",
256
+ "lineHeight": "{line-height.title.md}",
257
+ "letterSpacing": "{letter-spacing.title.md}"
258
+ }
259
+ },
260
+ "lg": {
261
+ "$type": "typography",
262
+ "$value": {
263
+ "fontFamily": "{font-family.sans-serif}",
264
+ "fontWeight": "{font-weight.title.default}",
265
+ "fontSize": "{font-size.title.lg}",
266
+ "lineHeight": "{line-height.title.lg}",
267
+ "letterSpacing": "{letter-spacing.title.lg}"
268
+ }
269
+ }
270
+ },
271
+ "strong": {
272
+ "xs": {
273
+ "$type": "typography",
274
+ "$value": {
275
+ "fontFamily": "{font-family.sans-serif}",
276
+ "fontWeight": "{font-weight.title.strong}",
277
+ "fontSize": "{font-size.title.xs}",
278
+ "lineHeight": "{line-height.title.xs}",
279
+ "letterSpacing": "{letter-spacing.title.xs}"
280
+ }
281
+ },
282
+ "sm": {
283
+ "$type": "typography",
284
+ "$value": {
285
+ "fontFamily": "{font-family.sans-serif}",
286
+ "fontWeight": "{font-weight.title.strong}",
287
+ "fontSize": "{font-size.title.sm}",
288
+ "lineHeight": "{line-height.title.sm}",
289
+ "letterSpacing": "{letter-spacing.title.sm}"
290
+ }
291
+ },
292
+ "md": {
293
+ "$type": "typography",
294
+ "$value": {
295
+ "fontFamily": "{font-family.sans-serif}",
296
+ "fontWeight": "{font-weight.title.strong}",
297
+ "fontSize": "{font-size.title.md}",
298
+ "lineHeight": "{line-height.title.md}",
299
+ "letterSpacing": "{letter-spacing.title.md}"
300
+ }
301
+ },
302
+ "lg": {
303
+ "$type": "typography",
304
+ "$value": {
305
+ "fontFamily": "{font-family.sans-serif}",
306
+ "fontWeight": "{font-weight.title.strong}",
307
+ "fontSize": "{font-size.title.lg}",
308
+ "lineHeight": "{line-height.title.lg}",
309
+ "letterSpacing": "{letter-spacing.title.lg}"
310
+ }
311
+ }
312
+ }
313
+ },
314
+ "headline": {
315
+ "default": {
316
+ "sm": {
317
+ "$type": "typography",
318
+ "$value": {
319
+ "fontFamily": "{font-family.sans-serif}",
320
+ "fontWeight": "{font-weight.headline.default}",
321
+ "fontSize": "{font-size.headline.sm}",
322
+ "lineHeight": "{line-height.headline.sm}",
323
+ "letterSpacing": "{letter-spacing.headline.sm}"
324
+ }
325
+ },
326
+ "md": {
327
+ "$type": "typography",
328
+ "$value": {
329
+ "fontFamily": "{font-family.sans-serif}",
330
+ "fontWeight": "{font-weight.headline.default}",
331
+ "fontSize": "{font-size.headline.md}",
332
+ "lineHeight": "{line-height.headline.md}",
333
+ "letterSpacing": "{letter-spacing.headline.md}"
334
+ }
335
+ },
336
+ "lg": {
337
+ "$type": "typography",
338
+ "$value": {
339
+ "fontFamily": "{font-family.sans-serif}",
340
+ "fontWeight": "{font-weight.headline.default}",
341
+ "fontSize": "{font-size.headline.lg}",
342
+ "lineHeight": "{line-height.headline.lg}",
343
+ "letterSpacing": "{letter-spacing.headline.lg}"
344
+ }
345
+ },
346
+ "xl": {
347
+ "$type": "typography",
348
+ "$value": {
349
+ "fontFamily": "{font-family.sans-serif}",
350
+ "fontWeight": "{font-weight.headline.default}",
351
+ "fontSize": "{font-size.headline.xl}",
352
+ "lineHeight": "{line-height.headline.xl}",
353
+ "letterSpacing": "{letter-spacing.headline.xl}"
354
+ }
355
+ }
356
+ },
357
+ "strong": {
358
+ "sm": {
359
+ "$type": "typography",
360
+ "$value": {
361
+ "fontFamily": "{font-family.sans-serif}",
362
+ "fontWeight": "{font-weight.headline.strong}",
363
+ "fontSize": "{font-size.headline.sm}",
364
+ "lineHeight": "{line-height.headline.sm}",
365
+ "letterSpacing": "{letter-spacing.headline.sm}"
366
+ }
367
+ },
368
+ "md": {
369
+ "$type": "typography",
370
+ "$value": {
371
+ "fontFamily": "{font-family.sans-serif}",
372
+ "fontWeight": "{font-weight.headline.strong}",
373
+ "fontSize": "{font-size.headline.md}",
374
+ "lineHeight": "{line-height.headline.md}",
375
+ "letterSpacing": "{letter-spacing.headline.md}"
376
+ }
377
+ },
378
+ "lg": {
379
+ "$type": "typography",
380
+ "$value": {
381
+ "fontFamily": "{font-family.sans-serif}",
382
+ "fontWeight": "{font-weight.headline.strong}",
383
+ "fontSize": "{font-size.headline.lg}",
384
+ "lineHeight": "{line-height.headline.lg}",
385
+ "letterSpacing": "{letter-spacing.headline.lg}"
386
+ }
387
+ },
388
+ "xl": {
389
+ "$type": "typography",
390
+ "$value": {
391
+ "fontFamily": "{font-family.sans-serif}",
392
+ "fontWeight": "{font-weight.headline.strong}",
393
+ "fontSize": "{font-size.headline.xl}",
394
+ "lineHeight": "{line-height.headline.xl}",
395
+ "letterSpacing": "{letter-spacing.headline.xl}"
396
+ }
397
+ }
398
+ }
399
+ }
400
+ }
package/tokens/semantic/colors/dx-office/dark.json CHANGED
@@ -1372,6 +1372,18 @@
1372
1372
  }
1373
1373
  }
1374
1374
  },
1375
+ "subdued": {
1376
+ "rest": {
1377
+ "$type": "color",
1378
+ "$value": "{neutral.180}"
1379
+ }
1380
+ },
1381
+ "deep": {
1382
+ "rest": {
1383
+ "$type": "color",
1384
+ "$value": "{neutral.200}"
1385
+ }
1386
+ },
1375
1387
  "compound": {
1376
1388
  "on-surface": {
1377
1389
  "rest": {
package/tokens/semantic/colors/dx-office/light.json CHANGED
@@ -1372,6 +1372,18 @@
1372
1372
  }
1373
1373
  }
1374
1374
  },
1375
+ "subdued": {
1376
+ "rest": {
1377
+ "$type": "color",
1378
+ "$value": "{neutral.40}"
1379
+ }
1380
+ },
1381
+ "deep": {
1382
+ "rest": {
1383
+ "$type": "color",
1384
+ "$value": "{neutral.20}"
1385
+ }
1386
+ },
1375
1387
  "compound": {
1376
1388
  "on-surface": {
1377
1389
  "rest": {
package/tokens/semantic/colors/fluent/dark.json CHANGED
@@ -257,7 +257,7 @@
257
257
  },
258
258
  "hovered": {
259
259
  "$type": "color",
260
- "$value": "{primary.130}"
260
+ "$value": "{primary.140}"
261
261
  },
262
262
  "active": {
263
263
  "$type": "color",
@@ -265,7 +265,7 @@
265
265
  },
266
266
  "selected": {
267
267
  "$type": "color",
268
- "$value": "{primary.140}"
268
+ "$value": "{primary.130}"
269
269
  },
270
270
  "static-light": {
271
271
  "rest": {
@@ -274,11 +274,11 @@
274
274
  },
275
275
  "hovered": {
276
276
  "$type": "color",
277
- "$value": "{primary.30}"
277
+ "$value": "{primary.20}"
278
278
  },
279
279
  "selected": {
280
280
  "$type": "color",
281
- "$value": "{primary.20}"
281
+ "$value": "{primary.30}"
282
282
  }
283
283
  }
284
284
  },
@@ -365,7 +365,7 @@
365
365
  },
366
366
  "hovered": {
367
367
  "$type": "color",
368
- "$value": "{info.130}"
368
+ "$value": "{info.140}"
369
369
  },
370
370
  "active": {
371
371
  "$type": "color",
@@ -373,7 +373,7 @@
373
373
  },
374
374
  "selected": {
375
375
  "$type": "color",
376
- "$value": "{info.140}"
376
+ "$value": "{info.130}"
377
377
  }
378
378
  }
379
379
  },
@@ -421,7 +421,7 @@
421
421
  },
422
422
  "hovered": {
423
423
  "$type": "color",
424
- "$value": "{success.130}"
424
+ "$value": "{success.140}"
425
425
  },
426
426
  "active": {
427
427
  "$type": "color",
@@ -429,7 +429,7 @@
429
429
  },
430
430
  "selected": {
431
431
  "$type": "color",
432
- "$value": "{success.140}"
432
+ "$value": "{success.130}"
433
433
  }
434
434
  },
435
435
  "compound": {
@@ -491,7 +491,7 @@
491
491
  },
492
492
  "hovered": {
493
493
  "$type": "color",
494
- "$value": "{warning.130}"
494
+ "$value": "{warning.140}"
495
495
  },
496
496
  "active": {
497
497
  "$type": "color",
@@ -499,7 +499,7 @@
499
499
  },
500
500
  "selected": {
501
501
  "$type": "color",
502
- "$value": "{warning.140}"
502
+ "$value": "{warning.130}"
503
503
  }
504
504
  }
505
505
  },
@@ -547,7 +547,7 @@
547
547
  },
548
548
  "hovered": {
549
549
  "$type": "color",
550
- "$value": "{danger.130}"
550
+ "$value": "{danger.140}"
551
551
  },
552
552
  "active": {
553
553
  "$type": "color",
@@ -555,7 +555,7 @@
555
555
  },
556
556
  "selected": {
557
557
  "$type": "color",
558
- "$value": "{danger.140}"
558
+ "$value": "{danger.130}"
559
559
  }
560
560
  },
561
561
  "compound": {
@@ -1376,6 +1376,18 @@
1376
1376
  }
1377
1377
  }
1378
1378
  },
1379
+ "subdued": {
1380
+ "rest": {
1381
+ "$type": "color",
1382
+ "$value": "{neutral.180}"
1383
+ }
1384
+ },
1385
+ "deep": {
1386
+ "rest": {
1387
+ "$type": "color",
1388
+ "$value": "{neutral.200}"
1389
+ }
1390
+ },
1379
1391
  "compound": {
1380
1392
  "on-surface": {
1381
1393
  "rest": {
package/tokens/semantic/colors/fluent/light.json CHANGED
@@ -257,7 +257,7 @@
257
257
  },
258
258
  "hovered": {
259
259
  "$type": "color",
260
- "$value": "{primary.30}"
260
+ "$value": "{primary.20}"
261
261
  },
262
262
  "active": {
263
263
  "$type": "color",
@@ -265,7 +265,7 @@
265
265
  },
266
266
  "selected": {
267
267
  "$type": "color",
268
- "$value": "{primary.20}"
268
+ "$value": "{primary.30}"
269
269
  },
270
270
  "static-light": {
271
271
  "rest": {
@@ -274,11 +274,11 @@
274
274
  },
275
275
  "hovered": {
276
276
  "$type": "color",
277
- "$value": "{primary.30}"
277
+ "$value": "{primary.20}"
278
278
  },
279
279
  "selected": {
280
280
  "$type": "color",
281
- "$value": "{primary.20}"
281
+ "$value": "{primary.30}"
282
282
  }
283
283
  }
284
284
  },
@@ -365,7 +365,7 @@
365
365
  },
366
366
  "hovered": {
367
367
  "$type": "color",
368
- "$value": "{info.30}"
368
+ "$value": "{info.20}"
369
369
  },
370
370
  "active": {
371
371
  "$type": "color",
@@ -373,7 +373,7 @@
373
373
  },
374
374
  "selected": {
375
375
  "$type": "color",
376
- "$value": "{info.20}"
376
+ "$value": "{info.30}"
377
377
  }
378
378
  }
379
379
  },
@@ -421,7 +421,7 @@
421
421
  },
422
422
  "hovered": {
423
423
  "$type": "color",
424
- "$value": "{success.30}"
424
+ "$value": "{success.20}"
425
425
  },
426
426
  "active": {
427
427
  "$type": "color",
@@ -429,7 +429,7 @@
429
429
  },
430
430
  "selected": {
431
431
  "$type": "color",
432
- "$value": "{success.20}"
432
+ "$value": "{success.30}"
433
433
  }
434
434
  },
435
435
  "compound": {
@@ -491,7 +491,7 @@
491
491
  },
492
492
  "hovered": {
493
493
  "$type": "color",
494
- "$value": "{warning.30}"
494
+ "$value": "{warning.20}"
495
495
  },
496
496
  "active": {
497
497
  "$type": "color",
@@ -499,7 +499,7 @@
499
499
  },
500
500
  "selected": {
501
501
  "$type": "color",
502
- "$value": "{warning.20}"
502
+ "$value": "{warning.30}"
503
503
  }
504
504
  }
505
505
  },
@@ -547,7 +547,7 @@
547
547
  },
548
548
  "hovered": {
549
549
  "$type": "color",
550
- "$value": "{danger.30}"
550
+ "$value": "{danger.20}"
551
551
  },
552
552
  "active": {
553
553
  "$type": "color",
@@ -555,7 +555,7 @@
555
555
  },
556
556
  "selected": {
557
557
  "$type": "color",
558
- "$value": "{danger.20}"
558
+ "$value": "{danger.30}"
559
559
  }
560
560
  },
561
561
  "compound": {
@@ -1376,6 +1376,18 @@
1376
1376
  }
1377
1377
  }
1378
1378
  },
1379
+ "subdued": {
1380
+ "rest": {
1381
+ "$type": "color",
1382
+ "$value": "{neutral.40}"
1383
+ }
1384
+ },
1385
+ "deep": {
1386
+ "rest": {
1387
+ "$type": "color",
1388
+ "$value": "{neutral.20}"
1389
+ }
1390
+ },
1379
1391
  "compound": {
1380
1392
  "on-surface": {
1381
1393
  "rest": {