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