@primer/primitives 7.17.0-rc.d7413369 → 7.17.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 (79) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/typography/typography.css +1 -1
  3. package/dist/docs/base/typography/typography.json +52 -4
  4. package/dist/docs/functional/themes/dark-colorblind.json +78 -78
  5. package/dist/docs/functional/themes/dark-dimmed.json +73 -73
  6. package/dist/docs/functional/themes/dark-high-contrast.json +75 -75
  7. package/dist/docs/functional/themes/dark-tritanopia.json +78 -78
  8. package/dist/docs/functional/themes/dark.json +73 -73
  9. package/dist/docs/functional/themes/light-colorblind.json +76 -76
  10. package/dist/docs/functional/themes/light-high-contrast.json +70 -70
  11. package/dist/docs/functional/themes/light-tritanopia.json +76 -76
  12. package/dist/docs/functional/themes/light.json +71 -71
  13. package/dist/docs/functional/typography/typography.json +455 -33
  14. package/dist/fallbacks/functional/typography/typography.json +1 -1
  15. package/dist/figma/figma.json +8 -0
  16. package/dist/figma/scales/dark-dimmed.json +20 -20
  17. package/dist/figma/scales/dark-high-constrast.json +20 -20
  18. package/dist/figma/scales/dark.json +20 -20
  19. package/dist/figma/scales/light-high-constrast.json +20 -20
  20. package/dist/figma/scales/light.json +20 -20
  21. package/dist/figma/themes/dark-colorblind.json +70 -70
  22. package/dist/figma/themes/dark-dimmed.json +65 -65
  23. package/dist/figma/themes/dark-high-contrast.json +69 -69
  24. package/dist/figma/themes/dark-tritanopia.json +70 -70
  25. package/dist/figma/themes/dark.json +65 -65
  26. package/dist/figma/themes/light-colorblind.json +59 -59
  27. package/dist/figma/themes/light-high-contrast.json +55 -55
  28. package/dist/figma/themes/light-tritanopia.json +59 -59
  29. package/dist/figma/themes/light.json +54 -54
  30. package/dist/figma/typography/typography.json +338 -0
  31. package/dist/internalCss/dark-colorblind.css +20 -20
  32. package/dist/internalCss/dark-dimmed.css +20 -20
  33. package/dist/internalCss/dark-high-contrast.css +20 -20
  34. package/dist/internalCss/dark-tritanopia.css +20 -20
  35. package/dist/internalCss/dark.css +20 -20
  36. package/dist/internalCss/light-colorblind.css +20 -20
  37. package/dist/internalCss/light-high-contrast.css +20 -20
  38. package/dist/internalCss/light-tritanopia.css +20 -20
  39. package/dist/internalCss/light.css +20 -20
  40. package/dist/styleLint/base/typography/typography.json +52 -4
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -78
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -73
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -75
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -78
  45. package/dist/styleLint/functional/themes/dark.json +73 -73
  46. package/dist/styleLint/functional/themes/light-colorblind.json +76 -76
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -70
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -76
  49. package/dist/styleLint/functional/themes/light.json +71 -71
  50. package/dist/styleLint/functional/typography/typography.json +455 -33
  51. package/package.json +2 -2
  52. package/src/PrimerStyleDictionary.ts +6 -0
  53. package/src/platforms/figma.ts +1 -0
  54. package/src/schemas/numberToken.ts +17 -0
  55. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  56. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  57. package/src/tokens/base/color/dark/dark.json5 +1 -1
  58. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  59. package/src/tokens/base/color/light/light.json5 +1 -1
  60. package/src/tokens/base/typography/typography.json +28 -4
  61. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  62. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  63. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  64. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  65. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  66. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  67. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  68. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  69. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  70. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  71. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  72. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  73. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  74. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  75. package/src/tokens/functional/shadow/dark.json5 +1 -1
  76. package/src/tokens/functional/shadow/light.json5 +11 -11
  77. package/src/tokens/functional/typography/typography.json +242 -31
  78. package/src/transformers/floatToPixel.ts +33 -0
  79. package/src/transformers/index.ts +1 -0
package/dist/internalCss/light-high-contrast.css CHANGED
@@ -5,16 +5,16 @@
5
5
  --base-color-black: #010409;
6
6
  --base-color-transparent: #ffffff00;
7
7
  --base-color-white: #ffffff;
8
- --base-color-gray-0: #ffffff;
9
- --base-color-gray-1: #e7ecf0;
10
- --base-color-gray-2: #ced5dc;
11
- --base-color-gray-3: #acb6c0;
12
- --base-color-gray-4: #88929d;
13
- --base-color-gray-5: #66707b;
14
- --base-color-gray-6: #4b535d;
15
- --base-color-gray-7: #343b43;
16
- --base-color-gray-8: #20252c;
17
- --base-color-gray-9: #0e1116;
8
+ --base-color-neutral-0: #ffffff;
9
+ --base-color-neutral-1: #e7ecf0;
10
+ --base-color-neutral-2: #ced5dc;
11
+ --base-color-neutral-3: #acb6c0;
12
+ --base-color-neutral-4: #88929d;
13
+ --base-color-neutral-5: #66707b;
14
+ --base-color-neutral-6: #4b535d;
15
+ --base-color-neutral-7: #343b43;
16
+ --base-color-neutral-8: #20252c;
17
+ --base-color-neutral-9: #0e1116;
18
18
  --base-color-blue-0: #dff7ff;
19
19
  --base-color-blue-1: #9cd7ff;
20
20
  --base-color-blue-2: #67b3fd;
@@ -833,16 +833,16 @@
833
833
  --base-color-black: #010409;
834
834
  --base-color-transparent: #ffffff00;
835
835
  --base-color-white: #ffffff;
836
- --base-color-gray-0: #ffffff;
837
- --base-color-gray-1: #e7ecf0;
838
- --base-color-gray-2: #ced5dc;
839
- --base-color-gray-3: #acb6c0;
840
- --base-color-gray-4: #88929d;
841
- --base-color-gray-5: #66707b;
842
- --base-color-gray-6: #4b535d;
843
- --base-color-gray-7: #343b43;
844
- --base-color-gray-8: #20252c;
845
- --base-color-gray-9: #0e1116;
836
+ --base-color-neutral-0: #ffffff;
837
+ --base-color-neutral-1: #e7ecf0;
838
+ --base-color-neutral-2: #ced5dc;
839
+ --base-color-neutral-3: #acb6c0;
840
+ --base-color-neutral-4: #88929d;
841
+ --base-color-neutral-5: #66707b;
842
+ --base-color-neutral-6: #4b535d;
843
+ --base-color-neutral-7: #343b43;
844
+ --base-color-neutral-8: #20252c;
845
+ --base-color-neutral-9: #0e1116;
846
846
  --base-color-blue-0: #dff7ff;
847
847
  --base-color-blue-1: #9cd7ff;
848
848
  --base-color-blue-2: #67b3fd;
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -5,16 +5,16 @@
5
5
  --base-color-black: #1f2328;
6
6
  --base-color-transparent: #ffffff00;
7
7
  --base-color-white: #ffffff;
8
- --base-color-gray-0: #f6f8fa;
9
- --base-color-gray-1: #eaeef2;
10
- --base-color-gray-2: #d0d7de;
11
- --base-color-gray-3: #afb8c1;
12
- --base-color-gray-4: #8c959f;
13
- --base-color-gray-5: #6e7781;
14
- --base-color-gray-6: #57606a;
15
- --base-color-gray-7: #424a53;
16
- --base-color-gray-8: #32383f;
17
- --base-color-gray-9: #24292f;
8
+ --base-color-neutral-0: #f6f8fa;
9
+ --base-color-neutral-1: #eaeef2;
10
+ --base-color-neutral-2: #d0d7de;
11
+ --base-color-neutral-3: #afb8c1;
12
+ --base-color-neutral-4: #8c959f;
13
+ --base-color-neutral-5: #6e7781;
14
+ --base-color-neutral-6: #57606a;
15
+ --base-color-neutral-7: #424a53;
16
+ --base-color-neutral-8: #32383f;
17
+ --base-color-neutral-9: #24292f;
18
18
  --base-color-blue-0: #ddf4ff;
19
19
  --base-color-blue-1: #b6e3ff;
20
20
  --base-color-blue-2: #80ccff;
@@ -833,16 +833,16 @@
833
833
  --base-color-black: #1f2328;
834
834
  --base-color-transparent: #ffffff00;
835
835
  --base-color-white: #ffffff;
836
- --base-color-gray-0: #f6f8fa;
837
- --base-color-gray-1: #eaeef2;
838
- --base-color-gray-2: #d0d7de;
839
- --base-color-gray-3: #afb8c1;
840
- --base-color-gray-4: #8c959f;
841
- --base-color-gray-5: #6e7781;
842
- --base-color-gray-6: #57606a;
843
- --base-color-gray-7: #424a53;
844
- --base-color-gray-8: #32383f;
845
- --base-color-gray-9: #24292f;
836
+ --base-color-neutral-0: #f6f8fa;
837
+ --base-color-neutral-1: #eaeef2;
838
+ --base-color-neutral-2: #d0d7de;
839
+ --base-color-neutral-3: #afb8c1;
840
+ --base-color-neutral-4: #8c959f;
841
+ --base-color-neutral-5: #6e7781;
842
+ --base-color-neutral-6: #57606a;
843
+ --base-color-neutral-7: #424a53;
844
+ --base-color-neutral-8: #32383f;
845
+ --base-color-neutral-9: #24292f;
846
846
  --base-color-blue-0: #ddf4ff;
847
847
  --base-color-blue-1: #b6e3ff;
848
848
  --base-color-blue-2: #80ccff;
package/dist/internalCss/light.css CHANGED
@@ -5,16 +5,16 @@
5
5
  --base-color-black: #1f2328;
6
6
  --base-color-transparent: #ffffff00;
7
7
  --base-color-white: #ffffff;
8
- --base-color-gray-0: #f6f8fa;
9
- --base-color-gray-1: #eaeef2;
10
- --base-color-gray-2: #d0d7de;
11
- --base-color-gray-3: #afb8c1;
12
- --base-color-gray-4: #8c959f;
13
- --base-color-gray-5: #6e7781;
14
- --base-color-gray-6: #57606a;
15
- --base-color-gray-7: #424a53;
16
- --base-color-gray-8: #32383f;
17
- --base-color-gray-9: #24292f;
8
+ --base-color-neutral-0: #f6f8fa;
9
+ --base-color-neutral-1: #eaeef2;
10
+ --base-color-neutral-2: #d0d7de;
11
+ --base-color-neutral-3: #afb8c1;
12
+ --base-color-neutral-4: #8c959f;
13
+ --base-color-neutral-5: #6e7781;
14
+ --base-color-neutral-6: #57606a;
15
+ --base-color-neutral-7: #424a53;
16
+ --base-color-neutral-8: #32383f;
17
+ --base-color-neutral-9: #24292f;
18
18
  --base-color-blue-0: #ddf4ff;
19
19
  --base-color-blue-1: #b6e3ff;
20
20
  --base-color-blue-2: #80ccff;
@@ -833,16 +833,16 @@
833
833
  --base-color-black: #1f2328;
834
834
  --base-color-transparent: #ffffff00;
835
835
  --base-color-white: #ffffff;
836
- --base-color-gray-0: #f6f8fa;
837
- --base-color-gray-1: #eaeef2;
838
- --base-color-gray-2: #d0d7de;
839
- --base-color-gray-3: #afb8c1;
840
- --base-color-gray-4: #8c959f;
841
- --base-color-gray-5: #6e7781;
842
- --base-color-gray-6: #57606a;
843
- --base-color-gray-7: #424a53;
844
- --base-color-gray-8: #32383f;
845
- --base-color-gray-9: #24292f;
836
+ --base-color-neutral-0: #f6f8fa;
837
+ --base-color-neutral-1: #eaeef2;
838
+ --base-color-neutral-2: #d0d7de;
839
+ --base-color-neutral-3: #afb8c1;
840
+ --base-color-neutral-4: #8c959f;
841
+ --base-color-neutral-5: #6e7781;
842
+ --base-color-neutral-6: #57606a;
843
+ --base-color-neutral-7: #424a53;
844
+ --base-color-neutral-8: #32383f;
845
+ --base-color-neutral-9: #24292f;
846
846
  --base-color-blue-0: #ddf4ff;
847
847
  --base-color-blue-1: #b6e3ff;
848
848
  --base-color-blue-2: #80ccff;
package/dist/styleLint/base/typography/typography.json CHANGED
@@ -2,11 +2,23 @@
2
2
  "base-text-weight-light": {
3
3
  "$type": "fontWeight",
4
4
  "value": 300,
5
+ "$extensions": {
6
+ "org.primer.figma": {
7
+ "collection": "base/typography",
8
+ "scopes": ["all"]
9
+ }
10
+ },
5
11
  "filePath": "src/tokens/base/typography/typography.json",
6
12
  "isSource": true,
7
13
  "original": {
8
14
  "$type": "fontWeight",
9
- "value": 300
15
+ "value": 300,
16
+ "$extensions": {
17
+ "org.primer.figma": {
18
+ "collection": "base/typography",
19
+ "scopes": ["all"]
20
+ }
21
+ }
10
22
  },
11
23
  "name": "base-text-weight-light",
12
24
  "attributes": {},
@@ -15,11 +27,23 @@
15
27
  "base-text-weight-normal": {
16
28
  "value": 400,
17
29
  "$type": "fontWeight",
30
+ "$extensions": {
31
+ "org.primer.figma": {
32
+ "collection": "base/typography",
33
+ "scopes": ["all"]
34
+ }
35
+ },
18
36
  "filePath": "src/tokens/base/typography/typography.json",
19
37
  "isSource": true,
20
38
  "original": {
21
39
  "value": 400,
22
- "$type": "fontWeight"
40
+ "$type": "fontWeight",
41
+ "$extensions": {
42
+ "org.primer.figma": {
43
+ "collection": "base/typography",
44
+ "scopes": ["all"]
45
+ }
46
+ }
23
47
  },
24
48
  "name": "base-text-weight-normal",
25
49
  "attributes": {},
@@ -28,11 +52,23 @@
28
52
  "base-text-weight-medium": {
29
53
  "value": 500,
30
54
  "$type": "fontWeight",
55
+ "$extensions": {
56
+ "org.primer.figma": {
57
+ "collection": "base/typography",
58
+ "scopes": ["all"]
59
+ }
60
+ },
31
61
  "filePath": "src/tokens/base/typography/typography.json",
32
62
  "isSource": true,
33
63
  "original": {
34
64
  "value": 500,
35
- "$type": "fontWeight"
65
+ "$type": "fontWeight",
66
+ "$extensions": {
67
+ "org.primer.figma": {
68
+ "collection": "base/typography",
69
+ "scopes": ["all"]
70
+ }
71
+ }
36
72
  },
37
73
  "name": "base-text-weight-medium",
38
74
  "attributes": {},
@@ -41,11 +77,23 @@
41
77
  "base-text-weight-semibold": {
42
78
  "value": 600,
43
79
  "$type": "fontWeight",
80
+ "$extensions": {
81
+ "org.primer.figma": {
82
+ "collection": "base/typography",
83
+ "scopes": ["all"]
84
+ }
85
+ },
44
86
  "filePath": "src/tokens/base/typography/typography.json",
45
87
  "isSource": true,
46
88
  "original": {
47
89
  "value": 600,
48
- "$type": "fontWeight"
90
+ "$type": "fontWeight",
91
+ "$extensions": {
92
+ "org.primer.figma": {
93
+ "collection": "base/typography",
94
+ "scopes": ["all"]
95
+ }
96
+ }
49
97
  },
50
98
  "name": "base-text-weight-semibold",
51
99
  "attributes": {},