@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/radio-button/fluent.json ADDED
@@ -0,0 +1,232 @@
1
+ {
2
+ "radio-button": {
3
+ "color": {
4
+ "unchecked": {
5
+ "border": {
6
+ "hovered": {
7
+ "$type": "color",
8
+ "$value": "{color.border.neutral.accessible.hovered}"
9
+ },
10
+ "rest": {
11
+ "$type": "color",
12
+ "$value": "{color.border.neutral.accessible.rest}"
13
+ },
14
+ "disabled": {
15
+ "$type": "color",
16
+ "$value": "{color.border.neutral.accessible.disabled}"
17
+ },
18
+ "active": {
19
+ "$type": "color",
20
+ "$value": "{color.border.neutral.accessible.active}"
21
+ },
22
+ "read-only": {
23
+ "$type": "color",
24
+ "$value": "{color.border.neutral.accessible.disabled}"
25
+ }
26
+ },
27
+ "icon": {
28
+ "rest": {
29
+ "$type": "color",
30
+ "$value": "{color.content.transparent.rest}"
31
+ }
32
+ },
33
+ "bg": {
34
+ "rest": {
35
+ "$type": "color",
36
+ "$value": "{color.surface.transparent.rest}"
37
+ }
38
+ }
39
+ },
40
+ "checked": {
41
+ "border": {
42
+ "disabled": {
43
+ "$type": "color",
44
+ "$value": "{color.border.neutral.accessible.disabled}"
45
+ },
46
+ "active": {
47
+ "$type": "color",
48
+ "$value": "{color.border.primary.compound.active}"
49
+ },
50
+ "hovered": {
51
+ "$type": "color",
52
+ "$value": "{color.border.primary.compound.hovered}"
53
+ },
54
+ "rest": {
55
+ "$type": "color",
56
+ "$value": "{color.border.primary.compound.rest}"
57
+ },
58
+ "read-only": {
59
+ "$type": "color",
60
+ "$value": "{color.border.neutral.accessible.disabled}"
61
+ }
62
+ },
63
+ "icon": {
64
+ "rest": {
65
+ "$type": "color",
66
+ "$value": "{color.content.primary.compound.rest}"
67
+ },
68
+ "active": {
69
+ "$type": "color",
70
+ "$value": "{color.content.primary.compound.active}"
71
+ },
72
+ "hovered": {
73
+ "$type": "color",
74
+ "$value": "{color.content.primary.compound.hovered}"
75
+ },
76
+ "disabled": {
77
+ "$type": "color",
78
+ "$value": "{color.content.neutral.subdued.disabled}"
79
+ },
80
+ "read-only": {
81
+ "$type": "color",
82
+ "$value": "{color.content.neutral.subdued.disabled}"
83
+ }
84
+ },
85
+ "bg": {
86
+ "rest": {
87
+ "$type": "color",
88
+ "$value": "{color.surface.transparent.rest}"
89
+ }
90
+ }
91
+ }
92
+ },
93
+ "layout": {
94
+ "text-box": {
95
+ "vertical": {
96
+ "large": {
97
+ "$type": "number",
98
+ "$value": "{spacing.90}"
99
+ },
100
+ "medium": {
101
+ "$type": "number",
102
+ "$value": "{spacing.60}"
103
+ },
104
+ "small": {
105
+ "$type": "number",
106
+ "$value": "{spacing.40}"
107
+ }
108
+ }
109
+ },
110
+ "outer-box": {
111
+ "gap": {
112
+ "large": {
113
+ "$type": "number",
114
+ "$value": "{spacing.120}"
115
+ },
116
+ "medium": {
117
+ "$type": "number",
118
+ "$value": "{spacing.80}"
119
+ },
120
+ "small": {
121
+ "$type": "number",
122
+ "$value": "{spacing.80}"
123
+ }
124
+ },
125
+ "horizontal": {
126
+ "small": {
127
+ "$type": "number",
128
+ "$value": "{spacing.40}"
129
+ },
130
+ "medium": {
131
+ "$type": "number",
132
+ "$value": "{spacing.80}"
133
+ },
134
+ "large": {
135
+ "$type": "number",
136
+ "$value": "{spacing.100}"
137
+ }
138
+ }
139
+ },
140
+ "inner-box": {
141
+ "vertical": {
142
+ "large": {
143
+ "$type": "number",
144
+ "$value": "{spacing.100}"
145
+ },
146
+ "medium": {
147
+ "$type": "number",
148
+ "$value": "{spacing.80}"
149
+ },
150
+ "small": {
151
+ "$type": "number",
152
+ "$value": "{spacing.40}"
153
+ }
154
+ }
155
+ },
156
+ "radio": {
157
+ "vertical": {
158
+ "large": {
159
+ "$type": "number",
160
+ "$value": "{spacing.10}"
161
+ },
162
+ "medium": {
163
+ "$type": "number",
164
+ "$value": "{spacing.10}"
165
+ },
166
+ "small": {
167
+ "$type": "number",
168
+ "$value": "{spacing.10}"
169
+ }
170
+ },
171
+ "horizontal": {
172
+ "medium": {
173
+ "$type": "number",
174
+ "$value": "{spacing.10}"
175
+ },
176
+ "small": {
177
+ "$type": "number",
178
+ "$value": "{spacing.10}"
179
+ },
180
+ "large": {
181
+ "$type": "number",
182
+ "$value": "{spacing.10}"
183
+ }
184
+ },
185
+ "sizing": {
186
+ "medium": {
187
+ "$type": "number",
188
+ "$value": "{spacing.160}"
189
+ },
190
+ "small": {
191
+ "$type": "number",
192
+ "$value": "{spacing.160}"
193
+ },
194
+ "large": {
195
+ "$type": "number",
196
+ "$value": "{spacing.200}"
197
+ }
198
+ }
199
+ }
200
+ },
201
+ "borders": {
202
+ "border-radius": {
203
+ "small": {
204
+ "$type": "number",
205
+ "$value": "{border-radius.full}"
206
+ },
207
+ "large": {
208
+ "$type": "number",
209
+ "$value": "{border-radius.full}"
210
+ },
211
+ "medium": {
212
+ "$type": "number",
213
+ "$value": "{border-radius.full}"
214
+ }
215
+ },
216
+ "border-width": {
217
+ "small": {
218
+ "$type": "number",
219
+ "$value": "{border-width.10}"
220
+ },
221
+ "large": {
222
+ "$type": "number",
223
+ "$value": "{border-width.10}"
224
+ },
225
+ "medium": {
226
+ "$type": "number",
227
+ "$value": "{border-width.10}"
228
+ }
229
+ }
230
+ }
231
+ }
232
+ }