@devexpress/design-tokens-internal 261.0.0

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 (50) hide show
  1. package/README.md +6 -0
  2. package/package.json +18 -0
  3. package/tokens/base/borders.json +70 -0
  4. package/tokens/base/colors/icons/blazor-default/dark.json +34 -0
  5. package/tokens/base/colors/icons/blazor-default/light.json +34 -0
  6. package/tokens/base/colors/icons/dx-desktop/dark.json +34 -0
  7. package/tokens/base/colors/icons/dx-desktop/light.json +34 -0
  8. package/tokens/base/colors/icons/fluent/dark.json +34 -0
  9. package/tokens/base/colors/icons/fluent/light.json +34 -0
  10. package/tokens/base/colors/palettes/dx-office/orange.json +524 -0
  11. package/tokens/base/colors/palettes/fluent/blue.json +524 -0
  12. package/tokens/base/colors/palettes/fluent/cool-blue.json +524 -0
  13. package/tokens/base/colors/palettes/fluent/desert.json +524 -0
  14. package/tokens/base/colors/palettes/fluent/mint.json +524 -0
  15. package/tokens/base/colors/palettes/fluent/moss.json +524 -0
  16. package/tokens/base/colors/palettes/fluent/orchid.json +524 -0
  17. package/tokens/base/colors/palettes/fluent/purple.json +524 -0
  18. package/tokens/base/colors/palettes/fluent/rose.json +524 -0
  19. package/tokens/base/colors/palettes/fluent/rust.json +524 -0
  20. package/tokens/base/colors/palettes/fluent/steel.json +524 -0
  21. package/tokens/base/colors/palettes/fluent/storm.json +524 -0
  22. package/tokens/base/colors/utility/dx-office.json +554 -0
  23. package/tokens/base/colors/utility/fluent.json +554 -0
  24. package/tokens/base/opacity.json +88 -0
  25. package/tokens/base/spacing.json +200 -0
  26. package/tokens/base/typography/font-family.json +24 -0
  27. package/tokens/base/typography/font-size.json +96 -0
  28. package/tokens/base/typography/font-weight.json +40 -0
  29. package/tokens/base/typography/letter-spacing.json +8 -0
  30. package/tokens/base/typography/line-height.json +100 -0
  31. package/tokens/base/typography/text-case.json +20 -0
  32. package/tokens/base/typography/text-decoration.json +16 -0
  33. package/tokens/global/dx-office/theme-builder.json +56 -0
  34. package/tokens/global/fluent/theme-builder.json +56 -0
  35. package/tokens/semantic/box-shadow/dx-office.json +151 -0
  36. package/tokens/semantic/box-shadow/fluent.json +151 -0
  37. package/tokens/semantic/colors/dx-office/dark.json +1674 -0
  38. package/tokens/semantic/colors/dx-office/light.json +1674 -0
  39. package/tokens/semantic/colors/fluent/dark.json +1678 -0
  40. package/tokens/semantic/colors/fluent/light.json +1678 -0
  41. package/tokens/semantic/typography/dx-office/font-family.json +16 -0
  42. package/tokens/semantic/typography/dx-office/font-size.json +64 -0
  43. package/tokens/semantic/typography/dx-office/font-weight.json +52 -0
  44. package/tokens/semantic/typography/dx-office/letter-spacing.json +64 -0
  45. package/tokens/semantic/typography/dx-office/line-height.json +64 -0
  46. package/tokens/semantic/typography/fluent/font-family.json +16 -0
  47. package/tokens/semantic/typography/fluent/font-size.json +72 -0
  48. package/tokens/semantic/typography/fluent/font-weight.json +52 -0
  49. package/tokens/semantic/typography/fluent/letter-spacing.json +72 -0
  50. package/tokens/semantic/typography/fluent/line-height.json +72 -0
@@ -0,0 +1,200 @@
1
+ {
2
+ "spacing": {
3
+ "0": {
4
+ "$type": "dimension",
5
+ "$value": "0rem"
6
+ },
7
+ "10": {
8
+ "$type": "dimension",
9
+ "$value": "0.0625rem"
10
+ },
11
+ "20": {
12
+ "$type": "dimension",
13
+ "$value": "0.125rem"
14
+ },
15
+ "30": {
16
+ "$type": "dimension",
17
+ "$value": "0.1875rem"
18
+ },
19
+ "40": {
20
+ "$type": "dimension",
21
+ "$value": "0.25rem"
22
+ },
23
+ "50": {
24
+ "$type": "dimension",
25
+ "$value": "0.3125rem"
26
+ },
27
+ "60": {
28
+ "$type": "dimension",
29
+ "$value": "0.375rem"
30
+ },
31
+ "70": {
32
+ "$type": "dimension",
33
+ "$value": "0.4375rem"
34
+ },
35
+ "80": {
36
+ "$type": "dimension",
37
+ "$value": "0.5rem"
38
+ },
39
+ "90": {
40
+ "$type": "dimension",
41
+ "$value": "0.5625rem"
42
+ },
43
+ "100": {
44
+ "$type": "dimension",
45
+ "$value": "0.625rem"
46
+ },
47
+ "110": {
48
+ "$type": "dimension",
49
+ "$value": "0.6875rem"
50
+ },
51
+ "120": {
52
+ "$type": "dimension",
53
+ "$value": "0.75rem"
54
+ },
55
+ "130": {
56
+ "$type": "dimension",
57
+ "$value": "0.8125rem"
58
+ },
59
+ "140": {
60
+ "$type": "dimension",
61
+ "$value": "0.875rem"
62
+ },
63
+ "150": {
64
+ "$type": "dimension",
65
+ "$value": "0.9375rem"
66
+ },
67
+ "160": {
68
+ "$type": "dimension",
69
+ "$value": "1rem"
70
+ },
71
+ "170": {
72
+ "$type": "dimension",
73
+ "$value": "1.0625rem"
74
+ },
75
+ "180": {
76
+ "$type": "dimension",
77
+ "$value": "1.125rem"
78
+ },
79
+ "190": {
80
+ "$type": "dimension",
81
+ "$value": "1.1875rem"
82
+ },
83
+ "200": {
84
+ "$type": "dimension",
85
+ "$value": "1.25rem"
86
+ },
87
+ "210": {
88
+ "$type": "dimension",
89
+ "$value": "1.3125rem"
90
+ },
91
+ "220": {
92
+ "$type": "dimension",
93
+ "$value": "1.375rem"
94
+ },
95
+ "230": {
96
+ "$type": "dimension",
97
+ "$value": "1.4375rem"
98
+ },
99
+ "240": {
100
+ "$type": "dimension",
101
+ "$value": "1.5rem"
102
+ },
103
+ "260": {
104
+ "$type": "dimension",
105
+ "$value": "1.625rem"
106
+ },
107
+ "280": {
108
+ "$type": "dimension",
109
+ "$value": "1.75rem"
110
+ },
111
+ "300": {
112
+ "$type": "dimension",
113
+ "$value": "1.875rem"
114
+ },
115
+ "320": {
116
+ "$type": "dimension",
117
+ "$value": "2rem"
118
+ },
119
+ "360": {
120
+ "$type": "dimension",
121
+ "$value": "2.25rem"
122
+ },
123
+ "400": {
124
+ "$type": "dimension",
125
+ "$value": "2.5rem"
126
+ },
127
+ "440": {
128
+ "$type": "dimension",
129
+ "$value": "2.75rem"
130
+ },
131
+ "480": {
132
+ "$type": "dimension",
133
+ "$value": "3rem"
134
+ },
135
+ "520": {
136
+ "$type": "dimension",
137
+ "$value": "3.25rem"
138
+ },
139
+ "560": {
140
+ "$type": "dimension",
141
+ "$value": "3.5rem"
142
+ },
143
+ "600": {
144
+ "$type": "dimension",
145
+ "$value": "3.75rem"
146
+ },
147
+ "640": {
148
+ "$type": "dimension",
149
+ "$value": "4rem"
150
+ },
151
+ "720": {
152
+ "$type": "dimension",
153
+ "$value": "4.5rem"
154
+ },
155
+ "760": {
156
+ "$type": "dimension",
157
+ "$value": "4.75rem"
158
+ },
159
+ "800": {
160
+ "$type": "dimension",
161
+ "$value": "5rem"
162
+ },
163
+ "880": {
164
+ "$type": "dimension",
165
+ "$value": "5.5rem"
166
+ },
167
+ "940": {
168
+ "$type": "dimension",
169
+ "$value": "5.875rem"
170
+ },
171
+ "960": {
172
+ "$type": "dimension",
173
+ "$value": "6rem"
174
+ },
175
+ "1000": {
176
+ "$type": "dimension",
177
+ "$value": "6.25rem"
178
+ },
179
+ "1200": {
180
+ "$type": "dimension",
181
+ "$value": "7.5rem"
182
+ },
183
+ "1600": {
184
+ "$type": "dimension",
185
+ "$value": "10rem"
186
+ },
187
+ "minus-10": {
188
+ "$type": "dimension",
189
+ "$value": "-0.0625rem"
190
+ },
191
+ "minus-20": {
192
+ "$type": "dimension",
193
+ "$value": "-0.125rem"
194
+ },
195
+ "minus-40": {
196
+ "$type": "dimension",
197
+ "$value": "-0.25rem"
198
+ }
199
+ }
200
+ }
@@ -0,0 +1,24 @@
1
+ {
2
+ "font-family": {
3
+ "system-sans-serif": {
4
+ "$type": "fontFamilies",
5
+ "$value": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif"
6
+ },
7
+ "system-serif": {
8
+ "$type": "fontFamilies",
9
+ "$value": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"
10
+ },
11
+ "system-mono": {
12
+ "$type": "fontFamilies",
13
+ "$value": "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace"
14
+ },
15
+ "segoe-ui": {
16
+ "$type": "fontFamilies",
17
+ "$value": "segoe ui"
18
+ },
19
+ "inter": {
20
+ "$type": "fontFamilies",
21
+ "$value": "Inter"
22
+ }
23
+ }
24
+ }
@@ -0,0 +1,96 @@
1
+ {
2
+ "font-size": {
3
+ "100": {
4
+ "$type": "fontSizes",
5
+ "$value": "0.625rem"
6
+ },
7
+ "110": {
8
+ "$type": "fontSizes",
9
+ "$value": "0.6875rem"
10
+ },
11
+ "120": {
12
+ "$type": "fontSizes",
13
+ "$value": "0.75rem"
14
+ },
15
+ "140": {
16
+ "$type": "fontSizes",
17
+ "$value": "0.875rem"
18
+ },
19
+ "160": {
20
+ "$type": "fontSizes",
21
+ "$value": "1rem"
22
+ },
23
+ "180": {
24
+ "$type": "fontSizes",
25
+ "$value": "1.125rem"
26
+ },
27
+ "200": {
28
+ "$type": "fontSizes",
29
+ "$value": "1.25rem"
30
+ },
31
+ "220": {
32
+ "$type": "fontSizes",
33
+ "$value": "1.375rem"
34
+ },
35
+ "240": {
36
+ "$type": "fontSizes",
37
+ "$value": "1.5rem"
38
+ },
39
+ "260": {
40
+ "$type": "fontSizes",
41
+ "$value": "1.625rem"
42
+ },
43
+ "280": {
44
+ "$type": "fontSizes",
45
+ "$value": "1.75rem"
46
+ },
47
+ "300": {
48
+ "$type": "fontSizes",
49
+ "$value": "1.875rem"
50
+ },
51
+ "320": {
52
+ "$type": "fontSizes",
53
+ "$value": "2rem"
54
+ },
55
+ "360": {
56
+ "$type": "fontSizes",
57
+ "$value": "2.25rem"
58
+ },
59
+ "400": {
60
+ "$type": "fontSizes",
61
+ "$value": "2.5rem"
62
+ },
63
+ "440": {
64
+ "$type": "fontSizes",
65
+ "$value": "2.75rem"
66
+ },
67
+ "480": {
68
+ "$type": "fontSizes",
69
+ "$value": "3rem"
70
+ },
71
+ "520": {
72
+ "$type": "fontSizes",
73
+ "$value": "3.25rem"
74
+ },
75
+ "560": {
76
+ "$type": "fontSizes",
77
+ "$value": "3.5rem"
78
+ },
79
+ "600": {
80
+ "$type": "fontSizes",
81
+ "$value": "3.75rem"
82
+ },
83
+ "640": {
84
+ "$type": "fontSizes",
85
+ "$value": "4rem"
86
+ },
87
+ "680": {
88
+ "$type": "fontSizes",
89
+ "$value": "4.25rem"
90
+ },
91
+ "720": {
92
+ "$type": "fontSizes",
93
+ "$value": "4.5rem"
94
+ }
95
+ }
96
+ }
@@ -0,0 +1,40 @@
1
+ {
2
+ "font-weight": {
3
+ "100": {
4
+ "$type": "fontWeights",
5
+ "$value": "100"
6
+ },
7
+ "200": {
8
+ "$type": "fontWeights",
9
+ "$value": "200"
10
+ },
11
+ "300": {
12
+ "$type": "fontWeights",
13
+ "$value": "300"
14
+ },
15
+ "400": {
16
+ "$type": "fontWeights",
17
+ "$value": "400"
18
+ },
19
+ "500": {
20
+ "$type": "fontWeights",
21
+ "$value": "500"
22
+ },
23
+ "600": {
24
+ "$type": "fontWeights",
25
+ "$value": "600"
26
+ },
27
+ "700": {
28
+ "$type": "fontWeights",
29
+ "$value": "700"
30
+ },
31
+ "800": {
32
+ "$type": "fontWeights",
33
+ "$value": "800"
34
+ },
35
+ "900": {
36
+ "$type": "fontWeights",
37
+ "$value": "900"
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "letter-spacing": {
3
+ "0": {
4
+ "$type": "letterSpacing",
5
+ "$value": "0"
6
+ }
7
+ }
8
+ }
@@ -0,0 +1,100 @@
1
+ {
2
+ "line-height": {
3
+ "100": {
4
+ "$type": "lineHeights",
5
+ "$value": "0.625rem"
6
+ },
7
+ "120": {
8
+ "$type": "lineHeights",
9
+ "$value": "0.75rem"
10
+ },
11
+ "140": {
12
+ "$type": "lineHeights",
13
+ "$value": "0.875rem"
14
+ },
15
+ "160": {
16
+ "$type": "lineHeights",
17
+ "$value": "1rem"
18
+ },
19
+ "180": {
20
+ "$type": "lineHeights",
21
+ "$value": "1.125rem"
22
+ },
23
+ "200": {
24
+ "$type": "lineHeights",
25
+ "$value": "1.25rem"
26
+ },
27
+ "220": {
28
+ "$type": "lineHeights",
29
+ "$value": "1.375rem"
30
+ },
31
+ "240": {
32
+ "$type": "lineHeights",
33
+ "$value": "1.5rem"
34
+ },
35
+ "260": {
36
+ "$type": "lineHeights",
37
+ "$value": "1.625rem"
38
+ },
39
+ "280": {
40
+ "$type": "lineHeights",
41
+ "$value": "1.75rem"
42
+ },
43
+ "300": {
44
+ "$type": "lineHeights",
45
+ "$value": "1.875rem"
46
+ },
47
+ "320": {
48
+ "$type": "lineHeights",
49
+ "$value": "2rem"
50
+ },
51
+ "360": {
52
+ "$type": "lineHeights",
53
+ "$value": "2.25rem"
54
+ },
55
+ "400": {
56
+ "$type": "lineHeights",
57
+ "$value": "2.5rem"
58
+ },
59
+ "440": {
60
+ "$type": "lineHeights",
61
+ "$value": "2.75rem"
62
+ },
63
+ "480": {
64
+ "$type": "lineHeights",
65
+ "$value": "3rem"
66
+ },
67
+ "520": {
68
+ "$type": "lineHeights",
69
+ "$value": "3.25rem"
70
+ },
71
+ "560": {
72
+ "$type": "lineHeights",
73
+ "$value": "3.5rem"
74
+ },
75
+ "600": {
76
+ "$type": "lineHeights",
77
+ "$value": "3.75rem"
78
+ },
79
+ "640": {
80
+ "$type": "lineHeights",
81
+ "$value": "4rem"
82
+ },
83
+ "680": {
84
+ "$type": "lineHeights",
85
+ "$value": "4.25rem"
86
+ },
87
+ "760": {
88
+ "$type": "lineHeights",
89
+ "$value": "4.75rem"
90
+ },
91
+ "840": {
92
+ "$type": "lineHeights",
93
+ "$value": "5.25rem"
94
+ },
95
+ "920": {
96
+ "$type": "lineHeights",
97
+ "$value": "5.75rem"
98
+ }
99
+ }
100
+ }
@@ -0,0 +1,20 @@
1
+ {
2
+ "text-case": {
3
+ "none": {
4
+ "$type": "textCase",
5
+ "$value": "none"
6
+ },
7
+ "uppercase": {
8
+ "$type": "textCase",
9
+ "$value": "uppercase"
10
+ },
11
+ "lowercase": {
12
+ "$type": "textCase",
13
+ "$value": "lowercase"
14
+ },
15
+ "capitalize": {
16
+ "$type": "textCase",
17
+ "$value": "capitalize"
18
+ }
19
+ }
20
+ }
@@ -0,0 +1,16 @@
1
+ {
2
+ "text-decoration": {
3
+ "none": {
4
+ "$type": "textDecoration",
5
+ "$value": "none"
6
+ },
7
+ "underline": {
8
+ "$type": "textDecoration",
9
+ "$value": "underline"
10
+ },
11
+ "line-through": {
12
+ "$type": "textDecoration",
13
+ "$value": "line-through"
14
+ }
15
+ }
16
+ }
@@ -0,0 +1,56 @@
1
+ {
2
+ "border-radius": {
3
+ "theme-builder": {
4
+ "default": {
5
+ "$type": "borderRadius",
6
+ "$value": "{border-radius.20}"
7
+ }
8
+ }
9
+ },
10
+ "color": {
11
+ "theme-builder": {
12
+ "focus": {
13
+ "$type": "color",
14
+ "$value": "{color.border.focus.default}"
15
+ },
16
+ "focus-inverted": {
17
+ "$type": "color",
18
+ "$value": "{color.border.focus.inverted}"
19
+ },
20
+ "focus-static": {
21
+ "$type": "color",
22
+ "$value": "{color.border.focus.static-dark}"
23
+ },
24
+ "focus-static-inverted": {
25
+ "$type": "color",
26
+ "$value": "{color.border.focus.static-light}"
27
+ }
28
+ }
29
+ },
30
+ "border-width": {
31
+ "theme-builder": {
32
+ "focus": {
33
+ "$type": "borderWidth",
34
+ "$value": "{border-width.20}"
35
+ }
36
+ }
37
+ },
38
+ "sizing": {
39
+ "theme-builder": {
40
+ "item-gap": {
41
+ "small": {
42
+ "$type": "sizing",
43
+ "$value": "{spacing.80}"
44
+ },
45
+ "medium": {
46
+ "$type": "sizing",
47
+ "$value": "{spacing.120}"
48
+ },
49
+ "large": {
50
+ "$type": "sizing",
51
+ "$value": "{spacing.160}"
52
+ }
53
+ }
54
+ }
55
+ }
56
+ }
@@ -0,0 +1,56 @@
1
+ {
2
+ "border-radius": {
3
+ "theme-builder": {
4
+ "default": {
5
+ "$type": "borderRadius",
6
+ "$value": "{border-radius.40}"
7
+ }
8
+ }
9
+ },
10
+ "color": {
11
+ "theme-builder": {
12
+ "focus": {
13
+ "$type": "color",
14
+ "$value": "{color.border.focus.default}"
15
+ },
16
+ "focus-inverted": {
17
+ "$type": "color",
18
+ "$value": "{color.border.focus.inverted}"
19
+ },
20
+ "focus-static": {
21
+ "$type": "color",
22
+ "$value": "{color.border.focus.static-dark}"
23
+ },
24
+ "focus-static-inverted": {
25
+ "$type": "color",
26
+ "$value": "{color.border.focus.static-light}"
27
+ }
28
+ }
29
+ },
30
+ "border-width": {
31
+ "theme-builder": {
32
+ "focus": {
33
+ "$type": "borderWidth",
34
+ "$value": "{border-width.20}"
35
+ }
36
+ }
37
+ },
38
+ "sizing": {
39
+ "theme-builder": {
40
+ "item-gap": {
41
+ "small": {
42
+ "$type": "sizing",
43
+ "$value": "{spacing.80}"
44
+ },
45
+ "medium": {
46
+ "$type": "sizing",
47
+ "$value": "{spacing.120}"
48
+ },
49
+ "large": {
50
+ "$type": "sizing",
51
+ "$value": "{spacing.160}"
52
+ }
53
+ }
54
+ }
55
+ }
56
+ }