@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,16 @@
1
+ {
2
+ "font-family": {
3
+ "sans-serif": {
4
+ "$type": "fontFamilies",
5
+ "$value": "{font-family.inter}, {font-family.system-sans-serif}"
6
+ },
7
+ "serif": {
8
+ "$type": "fontFamilies",
9
+ "$value": "{font-family.system-serif}"
10
+ },
11
+ "mono": {
12
+ "$type": "fontFamilies",
13
+ "$value": "{font-family.system-mono}"
14
+ }
15
+ }
16
+ }
@@ -0,0 +1,64 @@
1
+ {
2
+ "font-size": {
3
+ "caption": {
4
+ "sm": {
5
+ "$type": "fontSizes",
6
+ "$value": "{font-size.100}"
7
+ },
8
+ "md": {
9
+ "$type": "fontSizes",
10
+ "$value": "{font-size.120}"
11
+ },
12
+ "lg": {
13
+ "$type": "fontSizes",
14
+ "$value": "{font-size.140}"
15
+ }
16
+ },
17
+ "base": {
18
+ "xs": {
19
+ "$type": "fontSizes",
20
+ "$value": "{font-size.100}"
21
+ },
22
+ "sm": {
23
+ "$type": "fontSizes",
24
+ "$value": "{font-size.120}"
25
+ },
26
+ "md": {
27
+ "$type": "fontSizes",
28
+ "$value": "{font-size.140}"
29
+ },
30
+ "lg": {
31
+ "$type": "fontSizes",
32
+ "$value": "{font-size.160}"
33
+ }
34
+ },
35
+ "title": {
36
+ "sm": {
37
+ "$type": "fontSizes",
38
+ "$value": "{font-size.160}"
39
+ },
40
+ "md": {
41
+ "$type": "fontSizes",
42
+ "$value": "{font-size.200}"
43
+ },
44
+ "lg": {
45
+ "$type": "fontSizes",
46
+ "$value": "{font-size.240}"
47
+ }
48
+ },
49
+ "headline": {
50
+ "sm": {
51
+ "$type": "fontSizes",
52
+ "$value": "{font-size.240}"
53
+ },
54
+ "md": {
55
+ "$type": "fontSizes",
56
+ "$value": "{font-size.280}"
57
+ },
58
+ "lg": {
59
+ "$type": "fontSizes",
60
+ "$value": "{font-size.320}"
61
+ }
62
+ }
63
+ }
64
+ }
@@ -0,0 +1,52 @@
1
+ {
2
+ "font-weight": {
3
+ "caption": {
4
+ "default": {
5
+ "$type": "fontWeights",
6
+ "$value": "{font-weight.400}"
7
+ },
8
+ "strong": {
9
+ "$type": "fontWeights",
10
+ "$value": "{font-weight.600}"
11
+ },
12
+ "stronger": {
13
+ "$type": "fontWeights",
14
+ "$value": "{font-weight.700}"
15
+ }
16
+ },
17
+ "base": {
18
+ "default": {
19
+ "$type": "fontWeights",
20
+ "$value": "{font-weight.400}"
21
+ },
22
+ "strong": {
23
+ "$type": "fontWeights",
24
+ "$value": "{font-weight.600}"
25
+ },
26
+ "stronger": {
27
+ "$type": "fontWeights",
28
+ "$value": "{font-weight.700}"
29
+ }
30
+ },
31
+ "title": {
32
+ "default": {
33
+ "$type": "fontWeights",
34
+ "$value": "{font-weight.600}"
35
+ },
36
+ "strong": {
37
+ "$type": "fontWeights",
38
+ "$value": "{font-weight.700}"
39
+ }
40
+ },
41
+ "headline": {
42
+ "default": {
43
+ "$type": "fontWeights",
44
+ "$value": "{font-weight.600}"
45
+ },
46
+ "strong": {
47
+ "$type": "fontWeights",
48
+ "$value": "{font-weight.700}"
49
+ }
50
+ }
51
+ }
52
+ }
@@ -0,0 +1,64 @@
1
+ {
2
+ "letter-spacing": {
3
+ "caption": {
4
+ "sm": {
5
+ "$type": "letterSpacing",
6
+ "$value": "{letter-spacing.0}"
7
+ },
8
+ "md": {
9
+ "$type": "letterSpacing",
10
+ "$value": "{letter-spacing.0}"
11
+ },
12
+ "lg": {
13
+ "$type": "letterSpacing",
14
+ "$value": "{letter-spacing.0}"
15
+ }
16
+ },
17
+ "base": {
18
+ "xs": {
19
+ "$type": "letterSpacing",
20
+ "$value": "{letter-spacing.0}"
21
+ },
22
+ "sm": {
23
+ "$type": "letterSpacing",
24
+ "$value": "{letter-spacing.0}"
25
+ },
26
+ "md": {
27
+ "$type": "letterSpacing",
28
+ "$value": "{letter-spacing.0}"
29
+ },
30
+ "lg": {
31
+ "$type": "letterSpacing",
32
+ "$value": "{letter-spacing.0}"
33
+ }
34
+ },
35
+ "title": {
36
+ "sm": {
37
+ "$type": "letterSpacing",
38
+ "$value": "{letter-spacing.0}"
39
+ },
40
+ "md": {
41
+ "$type": "letterSpacing",
42
+ "$value": "{letter-spacing.0}"
43
+ },
44
+ "lg": {
45
+ "$type": "letterSpacing",
46
+ "$value": "{letter-spacing.0}"
47
+ }
48
+ },
49
+ "headline": {
50
+ "sm": {
51
+ "$type": "letterSpacing",
52
+ "$value": "{letter-spacing.0}"
53
+ },
54
+ "md": {
55
+ "$type": "letterSpacing",
56
+ "$value": "{letter-spacing.0}"
57
+ },
58
+ "lg": {
59
+ "$type": "letterSpacing",
60
+ "$value": "{letter-spacing.0}"
61
+ }
62
+ }
63
+ }
64
+ }
@@ -0,0 +1,64 @@
1
+ {
2
+ "line-height": {
3
+ "caption": {
4
+ "sm": {
5
+ "$type": "lineHeights",
6
+ "$value": "{line-height.140}"
7
+ },
8
+ "md": {
9
+ "$type": "lineHeights",
10
+ "$value": "{line-height.160}"
11
+ },
12
+ "lg": {
13
+ "$type": "lineHeights",
14
+ "$value": "{line-height.200}"
15
+ }
16
+ },
17
+ "base": {
18
+ "xs": {
19
+ "$type": "lineHeights",
20
+ "$value": "{line-height.160}"
21
+ },
22
+ "sm": {
23
+ "$type": "lineHeights",
24
+ "$value": "{line-height.160}"
25
+ },
26
+ "md": {
27
+ "$type": "lineHeights",
28
+ "$value": "{line-height.200}"
29
+ },
30
+ "lg": {
31
+ "$type": "lineHeights",
32
+ "$value": "{line-height.220}"
33
+ }
34
+ },
35
+ "title": {
36
+ "sm": {
37
+ "$type": "lineHeights",
38
+ "$value": "{line-height.220}"
39
+ },
40
+ "md": {
41
+ "$type": "lineHeights",
42
+ "$value": "{line-height.280}"
43
+ },
44
+ "lg": {
45
+ "$type": "lineHeights",
46
+ "$value": "{line-height.320}"
47
+ }
48
+ },
49
+ "headline": {
50
+ "sm": {
51
+ "$type": "lineHeights",
52
+ "$value": "{line-height.320}"
53
+ },
54
+ "md": {
55
+ "$type": "lineHeights",
56
+ "$value": "{line-height.360}"
57
+ },
58
+ "lg": {
59
+ "$type": "lineHeights",
60
+ "$value": "{line-height.400}"
61
+ }
62
+ }
63
+ }
64
+ }
@@ -0,0 +1,16 @@
1
+ {
2
+ "font-family": {
3
+ "sans-serif": {
4
+ "$type": "fontFamilies",
5
+ "$value": "{font-family.segoe-ui}, {font-family.system-sans-serif}"
6
+ },
7
+ "serif": {
8
+ "$type": "fontFamilies",
9
+ "$value": "{font-family.system-serif}"
10
+ },
11
+ "mono": {
12
+ "$type": "fontFamilies",
13
+ "$value": "{font-family.system-mono}"
14
+ }
15
+ }
16
+ }
@@ -0,0 +1,72 @@
1
+ {
2
+ "font-size": {
3
+ "caption": {
4
+ "sm": {
5
+ "$type": "fontSizes",
6
+ "$value": "{font-size.100}"
7
+ },
8
+ "md": {
9
+ "$type": "fontSizes",
10
+ "$value": "{font-size.120}"
11
+ },
12
+ "lg": {
13
+ "$type": "fontSizes",
14
+ "$value": "{font-size.140}"
15
+ }
16
+ },
17
+ "base": {
18
+ "xs": {
19
+ "$type": "fontSizes",
20
+ "$value": "{font-size.100}"
21
+ },
22
+ "sm": {
23
+ "$type": "fontSizes",
24
+ "$value": "{font-size.120}"
25
+ },
26
+ "md": {
27
+ "$type": "fontSizes",
28
+ "$value": "{font-size.140}"
29
+ },
30
+ "lg": {
31
+ "$type": "fontSizes",
32
+ "$value": "{font-size.160}"
33
+ }
34
+ },
35
+ "title": {
36
+ "xs": {
37
+ "$type": "fontSizes",
38
+ "$value": "{font-size.140}"
39
+ },
40
+ "sm": {
41
+ "$type": "fontSizes",
42
+ "$value": "{font-size.160}"
43
+ },
44
+ "md": {
45
+ "$type": "fontSizes",
46
+ "$value": "{font-size.200}"
47
+ },
48
+ "lg": {
49
+ "$type": "fontSizes",
50
+ "$value": "{font-size.240}"
51
+ }
52
+ },
53
+ "headline": {
54
+ "sm": {
55
+ "$type": "fontSizes",
56
+ "$value": "{font-size.240}"
57
+ },
58
+ "md": {
59
+ "$type": "fontSizes",
60
+ "$value": "{font-size.280}"
61
+ },
62
+ "lg": {
63
+ "$type": "fontSizes",
64
+ "$value": "{font-size.320}"
65
+ },
66
+ "xl": {
67
+ "$type": "fontSizes",
68
+ "$value": "{font-size.400}"
69
+ }
70
+ }
71
+ }
72
+ }
@@ -0,0 +1,52 @@
1
+ {
2
+ "font-weight": {
3
+ "caption": {
4
+ "default": {
5
+ "$type": "fontWeights",
6
+ "$value": "{font-weight.400}"
7
+ },
8
+ "strong": {
9
+ "$type": "fontWeights",
10
+ "$value": "{font-weight.600}"
11
+ },
12
+ "stronger": {
13
+ "$type": "fontWeights",
14
+ "$value": "{font-weight.700}"
15
+ }
16
+ },
17
+ "base": {
18
+ "default": {
19
+ "$type": "fontWeights",
20
+ "$value": "{font-weight.400}"
21
+ },
22
+ "strong": {
23
+ "$type": "fontWeights",
24
+ "$value": "{font-weight.600}"
25
+ },
26
+ "stronger": {
27
+ "$type": "fontWeights",
28
+ "$value": "{font-weight.700}"
29
+ }
30
+ },
31
+ "title": {
32
+ "default": {
33
+ "$type": "fontWeights",
34
+ "$value": "{font-weight.600}"
35
+ },
36
+ "strong": {
37
+ "$type": "fontWeights",
38
+ "$value": "{font-weight.700}"
39
+ }
40
+ },
41
+ "headline": {
42
+ "default": {
43
+ "$type": "fontWeights",
44
+ "$value": "{font-weight.600}"
45
+ },
46
+ "strong": {
47
+ "$type": "fontWeights",
48
+ "$value": "{font-weight.700}"
49
+ }
50
+ }
51
+ }
52
+ }
@@ -0,0 +1,72 @@
1
+ {
2
+ "letter-spacing": {
3
+ "caption": {
4
+ "sm": {
5
+ "$type": "letterSpacing",
6
+ "$value": "{letter-spacing.0}"
7
+ },
8
+ "md": {
9
+ "$type": "letterSpacing",
10
+ "$value": "{letter-spacing.0}"
11
+ },
12
+ "lg": {
13
+ "$type": "letterSpacing",
14
+ "$value": "{letter-spacing.0}"
15
+ }
16
+ },
17
+ "base": {
18
+ "xs": {
19
+ "$type": "letterSpacing",
20
+ "$value": "{letter-spacing.0}"
21
+ },
22
+ "sm": {
23
+ "$type": "letterSpacing",
24
+ "$value": "{letter-spacing.0}"
25
+ },
26
+ "md": {
27
+ "$type": "letterSpacing",
28
+ "$value": "{letter-spacing.0}"
29
+ },
30
+ "lg": {
31
+ "$type": "letterSpacing",
32
+ "$value": "{letter-spacing.0}"
33
+ }
34
+ },
35
+ "title": {
36
+ "xs": {
37
+ "$type": "letterSpacing",
38
+ "$value": "{letter-spacing.0}"
39
+ },
40
+ "sm": {
41
+ "$type": "letterSpacing",
42
+ "$value": "{letter-spacing.0}"
43
+ },
44
+ "md": {
45
+ "$type": "letterSpacing",
46
+ "$value": "{letter-spacing.0}"
47
+ },
48
+ "lg": {
49
+ "$type": "letterSpacing",
50
+ "$value": "{letter-spacing.0}"
51
+ }
52
+ },
53
+ "headline": {
54
+ "sm": {
55
+ "$type": "letterSpacing",
56
+ "$value": "{letter-spacing.0}"
57
+ },
58
+ "md": {
59
+ "$type": "letterSpacing",
60
+ "$value": "{letter-spacing.0}"
61
+ },
62
+ "lg": {
63
+ "$type": "letterSpacing",
64
+ "$value": "{letter-spacing.0}"
65
+ },
66
+ "xl": {
67
+ "$type": "letterSpacing",
68
+ "$value": "{letter-spacing.0}"
69
+ }
70
+ }
71
+ }
72
+ }
@@ -0,0 +1,72 @@
1
+ {
2
+ "line-height": {
3
+ "caption": {
4
+ "sm": {
5
+ "$type": "lineHeights",
6
+ "$value": "{line-height.140}"
7
+ },
8
+ "md": {
9
+ "$type": "lineHeights",
10
+ "$value": "{line-height.160}"
11
+ },
12
+ "lg": {
13
+ "$type": "lineHeights",
14
+ "$value": "{line-height.200}"
15
+ }
16
+ },
17
+ "base": {
18
+ "xs": {
19
+ "$type": "lineHeights",
20
+ "$value": "{line-height.140}"
21
+ },
22
+ "sm": {
23
+ "$type": "lineHeights",
24
+ "$value": "{line-height.160}"
25
+ },
26
+ "md": {
27
+ "$type": "lineHeights",
28
+ "$value": "{line-height.200}"
29
+ },
30
+ "lg": {
31
+ "$type": "lineHeights",
32
+ "$value": "{line-height.220}"
33
+ }
34
+ },
35
+ "title": {
36
+ "xs": {
37
+ "$type": "lineHeights",
38
+ "$value": "{line-height.200}"
39
+ },
40
+ "sm": {
41
+ "$type": "lineHeights",
42
+ "$value": "{line-height.220}"
43
+ },
44
+ "md": {
45
+ "$type": "lineHeights",
46
+ "$value": "{line-height.280}"
47
+ },
48
+ "lg": {
49
+ "$type": "lineHeights",
50
+ "$value": "{line-height.320}"
51
+ }
52
+ },
53
+ "headline": {
54
+ "sm": {
55
+ "$type": "lineHeights",
56
+ "$value": "{line-height.320}"
57
+ },
58
+ "md": {
59
+ "$type": "lineHeights",
60
+ "$value": "{line-height.360}"
61
+ },
62
+ "lg": {
63
+ "$type": "lineHeights",
64
+ "$value": "{line-height.400}"
65
+ },
66
+ "xl": {
67
+ "$type": "lineHeights",
68
+ "$value": "{line-height.560}"
69
+ }
70
+ }
71
+ }
72
+ }