@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
package/tokens/semantic/box-shadow/dx-office.json ADDED
@@ -0,0 +1,151 @@
1
+ {
2
+ "box-shadow": {
3
+ "none": {
4
+ "$type": "boxShadow",
5
+ "$value": [
6
+ {
7
+ "x": "0",
8
+ "y": "0",
9
+ "blur": "0",
10
+ "spread": "0",
11
+ "color": "{color.shadow.none}",
12
+ "type": "dropShadow"
13
+ },
14
+ {
15
+ "x": "0",
16
+ "y": "0",
17
+ "blur": "0",
18
+ "spread": "0",
19
+ "color": "{color.shadow.none}",
20
+ "type": "innerShadow"
21
+ }
22
+ ]
23
+ },
24
+ "xs": {
25
+ "$type": "boxShadow",
26
+ "$value": [
27
+ {
28
+ "x": "0",
29
+ "y": "1px",
30
+ "blur": "2px",
31
+ "spread": "0",
32
+ "color": "{color.shadow.key}",
33
+ "type": "dropShadow"
34
+ },
35
+ {
36
+ "x": "0",
37
+ "y": "0",
38
+ "blur": "0",
39
+ "spread": "0",
40
+ "color": "{color.shadow.ambient}",
41
+ "type": "dropShadow"
42
+ }
43
+ ]
44
+ },
45
+ "sm": {
46
+ "$type": "boxShadow",
47
+ "$value": [
48
+ {
49
+ "x": "0",
50
+ "y": "1px",
51
+ "blur": "3px",
52
+ "spread": "0",
53
+ "color": "{color.shadow.key}",
54
+ "type": "dropShadow"
55
+ },
56
+ {
57
+ "x": "0",
58
+ "y": "1",
59
+ "blur": "2px",
60
+ "spread": "-1",
61
+ "color": "{color.shadow.ambient}",
62
+ "type": "dropShadow"
63
+ }
64
+ ]
65
+ },
66
+ "md": {
67
+ "$type": "boxShadow",
68
+ "$value": [
69
+ {
70
+ "x": "0",
71
+ "y": "1px",
72
+ "blur": "6px",
73
+ "spread": "-1",
74
+ "color": "{color.shadow.key}",
75
+ "type": "dropShadow"
76
+ },
77
+ {
78
+ "x": "0",
79
+ "y": "1",
80
+ "blur": "4px",
81
+ "spread": "-1",
82
+ "color": "{color.shadow.ambient}",
83
+ "type": "dropShadow"
84
+ }
85
+ ]
86
+ },
87
+ "lg": {
88
+ "$type": "boxShadow",
89
+ "$value": [
90
+ {
91
+ "x": "0",
92
+ "y": "10px",
93
+ "blur": "15px",
94
+ "spread": "-3",
95
+ "color": "{color.shadow.key}",
96
+ "type": "dropShadow"
97
+ },
98
+ {
99
+ "x": "0",
100
+ "y": "4",
101
+ "blur": "15px",
102
+ "spread": "-4",
103
+ "color": "{color.shadow.ambient}",
104
+ "type": "dropShadow"
105
+ }
106
+ ]
107
+ },
108
+ "xl": {
109
+ "$type": "boxShadow",
110
+ "$value": [
111
+ {
112
+ "x": "0",
113
+ "y": "20px",
114
+ "blur": "25px",
115
+ "spread": "-5",
116
+ "color": "{color.shadow.key-darker}",
117
+ "type": "dropShadow"
118
+ },
119
+ {
120
+ "x": "0",
121
+ "y": "8",
122
+ "blur": "10px",
123
+ "spread": "-6",
124
+ "color": "{color.shadow.ambient-darker}",
125
+ "type": "dropShadow"
126
+ }
127
+ ]
128
+ },
129
+ "2xl": {
130
+ "$type": "boxShadow",
131
+ "$value": [
132
+ {
133
+ "x": "0",
134
+ "y": "25px",
135
+ "blur": "50px",
136
+ "spread": "-12",
137
+ "color": "{color.shadow.key}",
138
+ "type": "dropShadow"
139
+ },
140
+ {
141
+ "x": "0",
142
+ "y": "0",
143
+ "blur": "0",
144
+ "spread": "0",
145
+ "color": "{color.shadow.none}",
146
+ "type": "dropShadow"
147
+ }
148
+ ]
149
+ }
150
+ }
151
+ }
package/tokens/semantic/box-shadow/fluent.json ADDED
@@ -0,0 +1,151 @@
1
+ {
2
+ "box-shadow": {
3
+ "none": {
4
+ "$type": "boxShadow",
5
+ "$value": [
6
+ {
7
+ "x": "0",
8
+ "y": "0",
9
+ "blur": "0",
10
+ "spread": "0",
11
+ "color": "{color.shadow.none}",
12
+ "type": "dropShadow"
13
+ },
14
+ {
15
+ "x": "0",
16
+ "y": "0",
17
+ "blur": "0",
18
+ "spread": "0",
19
+ "color": "{color.shadow.none}",
20
+ "type": "dropShadow"
21
+ }
22
+ ]
23
+ },
24
+ "xs": {
25
+ "$type": "boxShadow",
26
+ "$value": [
27
+ {
28
+ "x": "0",
29
+ "y": "1px",
30
+ "blur": "2px",
31
+ "spread": "0",
32
+ "color": "{color.shadow.key}",
33
+ "type": "dropShadow"
34
+ },
35
+ {
36
+ "x": "0",
37
+ "y": "0",
38
+ "blur": "2px",
39
+ "spread": "0",
40
+ "color": "{color.shadow.ambient}",
41
+ "type": "dropShadow"
42
+ }
43
+ ]
44
+ },
45
+ "sm": {
46
+ "$type": "boxShadow",
47
+ "$value": [
48
+ {
49
+ "x": "0",
50
+ "y": "2px",
51
+ "blur": "4px",
52
+ "spread": "0",
53
+ "color": "{color.shadow.key}",
54
+ "type": "dropShadow"
55
+ },
56
+ {
57
+ "x": "0",
58
+ "y": "0",
59
+ "blur": "2px",
60
+ "spread": "0",
61
+ "color": "{color.shadow.ambient}",
62
+ "type": "dropShadow"
63
+ }
64
+ ]
65
+ },
66
+ "md": {
67
+ "$type": "boxShadow",
68
+ "$value": [
69
+ {
70
+ "x": "0",
71
+ "y": "4px",
72
+ "blur": "8px",
73
+ "spread": "0",
74
+ "color": "{color.shadow.key}",
75
+ "type": "dropShadow"
76
+ },
77
+ {
78
+ "x": "0",
79
+ "y": "0",
80
+ "blur": "2px",
81
+ "spread": "0",
82
+ "color": "{color.shadow.ambient}",
83
+ "type": "dropShadow"
84
+ }
85
+ ]
86
+ },
87
+ "lg": {
88
+ "$type": "boxShadow",
89
+ "$value": [
90
+ {
91
+ "x": "0",
92
+ "y": "8px",
93
+ "blur": "16px",
94
+ "spread": "0",
95
+ "color": "{color.shadow.key}",
96
+ "type": "dropShadow"
97
+ },
98
+ {
99
+ "x": "0",
100
+ "y": "0",
101
+ "blur": "2px",
102
+ "spread": "0",
103
+ "color": "{color.shadow.ambient}",
104
+ "type": "dropShadow"
105
+ }
106
+ ]
107
+ },
108
+ "xl": {
109
+ "$type": "boxShadow",
110
+ "$value": [
111
+ {
112
+ "x": "0",
113
+ "y": "14px",
114
+ "blur": "28px",
115
+ "spread": "0",
116
+ "color": "{color.shadow.key-darker}",
117
+ "type": "dropShadow"
118
+ },
119
+ {
120
+ "x": "0",
121
+ "y": "0",
122
+ "blur": "8px",
123
+ "spread": "0",
124
+ "color": "{color.shadow.ambient-darker}",
125
+ "type": "dropShadow"
126
+ }
127
+ ]
128
+ },
129
+ "2xl": {
130
+ "$type": "boxShadow",
131
+ "$value": [
132
+ {
133
+ "x": "0",
134
+ "y": "32px",
135
+ "blur": "64px",
136
+ "spread": "0",
137
+ "color": "{color.shadow.key-darker}",
138
+ "type": "dropShadow"
139
+ },
140
+ {
141
+ "x": "0",
142
+ "y": "0",
143
+ "blur": "8px",
144
+ "spread": "0",
145
+ "color": "{color.shadow.ambient-darker}",
146
+ "type": "dropShadow"
147
+ }
148
+ ]
149
+ }
150
+ }
151
+ }