@devexpress/design-tokens-internal 262.7.0 → 262.8.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 (23) hide show
  1. package/package.json +1 -1
  2. package/tokens/base/colors/utility/fluent.json +813 -815
  3. package/tokens/base/colors/utility/material.json +812 -814
  4. package/tokens/figma-utils/box-shadow/semantic/fluent.json +280 -304
  5. package/tokens/figma-utils/box-shadow/semantic/material.json +280 -304
  6. package/tokens/figma-utils/decorative-colors/dark.json +44 -52
  7. package/tokens/figma-utils/decorative-colors/light.json +44 -52
  8. package/tokens/figma-utils/icon/property.json +40 -44
  9. package/tokens/semantic/colors/fluent/dark.json +1296 -1716
  10. package/tokens/semantic/colors/fluent/light.json +1296 -1716
  11. package/tokens/semantic/colors/material/dark.json +1296 -1716
  12. package/tokens/semantic/colors/material/light.json +1296 -1716
  13. package/tokens/semantic/typography/fluent/font-family.json +1 -1
  14. package/tokens/semantic/typography/fluent/font-size.json +57 -65
  15. package/tokens/semantic/typography/fluent/font-weight.json +40 -48
  16. package/tokens/semantic/typography/fluent/letter-spacing.json +57 -65
  17. package/tokens/semantic/typography/fluent/line-height.json +57 -65
  18. package/tokens/semantic/typography/material/font-family.json +1 -1
  19. package/tokens/semantic/typography/material/font-size.json +57 -65
  20. package/tokens/semantic/typography/material/font-weight.json +40 -48
  21. package/tokens/semantic/typography/material/letter-spacing.json +57 -65
  22. package/tokens/semantic/typography/material/line-height.json +57 -65
  23. package/tokens.flat.json +1979 -1979
package/tokens/figma-utils/decorative-colors/dark.json CHANGED
@@ -1,56 +1,48 @@
1
1
  {
2
2
  "decorative-colors": {
3
- "info": {
4
- "background": {
5
- "$type": "color",
6
- "$value": "{neutral.250}"
7
- },
8
- "headers": {
9
- "$type": "color",
10
- "$value": "{neutral.10}"
11
- },
12
- "icon": {
13
- "$type": "color",
14
- "$value": "{neutral.10}"
15
- },
16
- "plain-text": {
17
- "$type": "color",
18
- "$value": "{neutral.10}"
19
- },
20
- "link": {
21
- "$type": "color",
22
- "$value": "{primary.80}"
23
- },
24
- "demo-background": {
25
- "$type": "color",
26
- "$value": "#2F2F2F"
27
- },
28
- "demo-background-primary": {
29
- "$type": "color",
30
- "$value": "{primary.90}"
31
- }
32
- },
33
- "state-annotations": {
34
- "fill": {
35
- "$type": "color",
36
- "$value": "#797979"
37
- }
38
- },
39
- "component": {
40
- "background": {
41
- "$type": "color",
42
- "$value": "#111111"
43
- }
44
- },
45
- "content-placeholder": {
46
- "bg": {
47
- "$type": "color",
48
- "$value": "{primary.150}"
49
- },
50
- "text": {
51
- "$type": "color",
52
- "$value": "{primary.90}"
53
- }
3
+ "info-bg": {
4
+ "$type": "color",
5
+ "$value": "{neutral.250}"
6
+ },
7
+ "info-headers": {
8
+ "$type": "color",
9
+ "$value": "{neutral.10}"
10
+ },
11
+ "info-icon": {
12
+ "$type": "color",
13
+ "$value": "{neutral.10}"
14
+ },
15
+ "info-plain-text": {
16
+ "$type": "color",
17
+ "$value": "{neutral.10}"
18
+ },
19
+ "info-link": {
20
+ "$type": "color",
21
+ "$value": "{primary.80}"
22
+ },
23
+ "info-demo-bg": {
24
+ "$type": "color",
25
+ "$value": "#2F2F2F"
26
+ },
27
+ "info-demo-bg-primary": {
28
+ "$type": "color",
29
+ "$value": "{primary.90}"
30
+ },
31
+ "state-annotations-fill": {
32
+ "$type": "color",
33
+ "$value": "#797979"
34
+ },
35
+ "component-bg": {
36
+ "$type": "color",
37
+ "$value": "#111111"
38
+ },
39
+ "content-placeholder-bg": {
40
+ "$type": "color",
41
+ "$value": "{primary.150}"
42
+ },
43
+ "content-placeholder-text": {
44
+ "$type": "color",
45
+ "$value": "{primary.90}"
54
46
  }
55
47
  }
56
- }
48
+ }
package/tokens/figma-utils/decorative-colors/light.json CHANGED
@@ -1,56 +1,48 @@
1
1
  {
2
2
  "decorative-colors": {
3
- "info": {
4
- "background": {
5
- "$type": "color",
6
- "$value": "{neutral.10}"
7
- },
8
- "headers": {
9
- "$type": "color",
10
- "$value": "{neutral.230}"
11
- },
12
- "icon": {
13
- "$type": "color",
14
- "$value": "{neutral.230}"
15
- },
16
- "plain-text": {
17
- "$type": "color",
18
- "$value": "{neutral.230}"
19
- },
20
- "link": {
21
- "$type": "color",
22
- "$value": "{primary.90}"
23
- },
24
- "demo-background": {
25
- "$type": "color",
26
- "$value": "#F8F8F8"
27
- },
28
- "demo-background-primary": {
29
- "$type": "color",
30
- "$value": "{primary.90}"
31
- }
32
- },
33
- "state-annotations": {
34
- "fill": {
35
- "$type": "color",
36
- "$value": "#797979"
37
- }
38
- },
39
- "component": {
40
- "background": {
41
- "$type": "color",
42
- "$value": "#FAFAFA"
43
- }
44
- },
45
- "content-placeholder": {
46
- "bg": {
47
- "$type": "color",
48
- "$value": "{primary.10}"
49
- },
50
- "text": {
51
- "$type": "color",
52
- "$value": "{primary.90}"
53
- }
3
+ "info-bg": {
4
+ "$type": "color",
5
+ "$value": "{neutral.10}"
6
+ },
7
+ "info-headers": {
8
+ "$type": "color",
9
+ "$value": "{neutral.230}"
10
+ },
11
+ "info-icon": {
12
+ "$type": "color",
13
+ "$value": "{neutral.230}"
14
+ },
15
+ "info-plain-text": {
16
+ "$type": "color",
17
+ "$value": "{neutral.230}"
18
+ },
19
+ "info-link": {
20
+ "$type": "color",
21
+ "$value": "{primary.90}"
22
+ },
23
+ "info-demo-bg": {
24
+ "$type": "color",
25
+ "$value": "#F8F8F8"
26
+ },
27
+ "info-demo-bg-primary": {
28
+ "$type": "color",
29
+ "$value": "{primary.90}"
30
+ },
31
+ "state-annotations-fill": {
32
+ "$type": "color",
33
+ "$value": "#797979"
34
+ },
35
+ "component-bg": {
36
+ "$type": "color",
37
+ "$value": "#FAFAFA"
38
+ },
39
+ "content-placeholder-bg": {
40
+ "$type": "color",
41
+ "$value": "{primary.10}"
42
+ },
43
+ "content-placeholder-text": {
44
+ "$type": "color",
45
+ "$value": "{primary.90}"
54
46
  }
55
47
  }
56
- }
48
+ }
package/tokens/figma-utils/icon/property.json CHANGED
@@ -1,48 +1,44 @@
1
1
  {
2
2
  "icon": {
3
- "style": {
4
- "regular": {
5
- "$type": "text",
6
- "$value": "regular"
7
- },
8
- "filled": {
9
- "$type": "text",
10
- "$value": "filled"
11
- },
12
- "light": {
13
- "$type": "text",
14
- "$value": "light"
15
- }
16
- },
17
- "size": {
18
- "12px": {
19
- "$type": "dimension",
20
- "$value": "12px"
21
- },
22
- "16px": {
23
- "$type": "dimension",
24
- "$value": "16px"
25
- },
26
- "20px": {
27
- "$type": "dimension",
28
- "$value": "20px"
29
- },
30
- "24px": {
31
- "$type": "dimension",
32
- "$value": "24px"
33
- },
34
- "28px": {
35
- "$type": "dimension",
36
- "$value": "28px"
37
- },
38
- "32px": {
39
- "$type": "dimension",
40
- "$value": "32px"
41
- },
42
- "48px": {
43
- "$type": "dimension",
44
- "$value": "48px"
45
- }
3
+ "style-regular": {
4
+ "$type": "text",
5
+ "$value": "regular"
6
+ },
7
+ "style-filled": {
8
+ "$type": "text",
9
+ "$value": "filled"
10
+ },
11
+ "style-light": {
12
+ "$type": "text",
13
+ "$value": "light"
14
+ },
15
+ "size-12px": {
16
+ "$type": "dimension",
17
+ "$value": "12px"
18
+ },
19
+ "size-16px": {
20
+ "$type": "dimension",
21
+ "$value": "16px"
22
+ },
23
+ "size-20px": {
24
+ "$type": "dimension",
25
+ "$value": "20px"
26
+ },
27
+ "size-24px": {
28
+ "$type": "dimension",
29
+ "$value": "24px"
30
+ },
31
+ "size-28px": {
32
+ "$type": "dimension",
33
+ "$value": "28px"
34
+ },
35
+ "size-32px": {
36
+ "$type": "dimension",
37
+ "$value": "32px"
38
+ },
39
+ "size-48px": {
40
+ "$type": "dimension",
41
+ "$value": "48px"
46
42
  }
47
43
  }
48
- }
44
+ }