@primer/primitives 7.6.0 → 7.8.0-rc.b3d89b6

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 (58) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/README.md +2 -2
  3. package/dist/js/colors/dark_tritanopia.d.ts +479 -0
  4. package/dist/js/colors/dark_tritanopia.js +579 -0
  5. package/dist/js/colors/index.d.ts +959 -3
  6. package/dist/js/colors/index.js +3 -1
  7. package/dist/js/colors/light_tritanopia.d.ts +479 -0
  8. package/dist/js/colors/light_tritanopia.js +579 -0
  9. package/dist/js/index.d.ts +959 -3
  10. package/dist/json/colors/dark_tritanopia.json +577 -0
  11. package/dist/json/colors/light_tritanopia.json +577 -0
  12. package/dist/scss/colors/_dark_tritanopia.scss +437 -0
  13. package/dist/scss/colors/_light_tritanopia.scss +437 -0
  14. package/dist/ts/colors/dark_tritanopia.ts +577 -0
  15. package/dist/ts/colors/index.ts +3 -1
  16. package/dist/ts/colors/light_tritanopia.ts +577 -0
  17. package/package.json +14 -8
  18. package/tokens-v2-private/css/tokens/base/size/size.css +24 -0
  19. package/tokens-v2-private/css/tokens/base/typography/typography.css +11 -0
  20. package/tokens-v2-private/css/tokens/functional/size/border.css +17 -0
  21. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +13 -0
  22. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +10 -0
  23. package/tokens-v2-private/css/tokens/functional/size/size.css +54 -0
  24. package/tokens-v2-private/css/tokens/functional/size/viewport.css +6 -0
  25. package/tokens-v2-private/css/tokens/functional/typography/typography.css +47 -0
  26. package/tokens-v2-private/docs/docValues.json +2210 -0
  27. package/tokens-v2-private/js/module/tokens/base/size/size.js +266 -0
  28. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +77 -0
  29. package/tokens-v2-private/js/module/tokens/functional/size/border.js +165 -0
  30. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +101 -0
  31. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +73 -0
  32. package/tokens-v2-private/js/module/tokens/functional/size/size.js +824 -0
  33. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +101 -0
  34. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +811 -0
  35. package/tokens-v2-private/js/tokens/base/size/size.js +22 -0
  36. package/tokens-v2-private/js/tokens/base/typography/typography.js +9 -0
  37. package/tokens-v2-private/js/tokens/functional/size/border.js +15 -0
  38. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +11 -0
  39. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +8 -0
  40. package/tokens-v2-private/js/tokens/functional/size/size.js +52 -0
  41. package/tokens-v2-private/js/tokens/functional/size/viewport.js +11 -0
  42. package/tokens-v2-private/js/tokens/functional/typography/typography.js +45 -0
  43. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +29 -0
  44. package/tokens-v2-private/ts/tokens/base/size/size.js +28 -0
  45. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +18 -0
  46. package/tokens-v2-private/ts/tokens/base/typography/typography.js +17 -0
  47. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +26 -0
  48. package/tokens-v2-private/ts/tokens/functional/size/border.js +25 -0
  49. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +18 -0
  50. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +17 -0
  51. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +27 -0
  52. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +26 -0
  53. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +101 -0
  54. package/tokens-v2-private/ts/tokens/functional/size/size.js +100 -0
  55. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +18 -0
  56. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +17 -0
  57. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +130 -0
  58. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +129 -0
@@ -0,0 +1,130 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 20 Apr 2022 16:47:27 GMT
4
+ */
5
+
6
+ declare const tokens: {
7
+ "primer": {
8
+ "fontStack": {
9
+ "system": string,
10
+ "sansSerif": string,
11
+ "monospace": string
12
+ },
13
+ "text": {
14
+ "display": {
15
+ "lineBoxHeight": string,
16
+ "size": string,
17
+ "lineHeight": string,
18
+ "weight": string,
19
+ "shorthand": {
20
+ "fontWeight": string,
21
+ "fontSize": string,
22
+ "lineHeight": string,
23
+ "fontFamily": string
24
+ }
25
+ },
26
+ "title": {
27
+ "size": {
28
+ "large": string,
29
+ "medium": string
30
+ },
31
+ "lineHeight": {
32
+ "large": string,
33
+ "medium": string
34
+ },
35
+ "weight": string,
36
+ "shorthand": {
37
+ "large": {
38
+ "fontWeight": string,
39
+ "fontSize": string,
40
+ "lineHeight": string,
41
+ "fontFamily": string
42
+ },
43
+ "medium": {
44
+ "fontWeight": string,
45
+ "fontSize": string,
46
+ "lineHeight": string,
47
+ "fontFamily": string
48
+ }
49
+ }
50
+ },
51
+ "subtitle": {
52
+ "size": string,
53
+ "lineHeight": string,
54
+ "weight": string,
55
+ "shorthand": {
56
+ "fontWeight": string,
57
+ "fontSize": string,
58
+ "lineHeight": string,
59
+ "fontFamily": string
60
+ }
61
+ },
62
+ "body": {
63
+ "size": {
64
+ "large": string,
65
+ "medium": string,
66
+ "small": string
67
+ },
68
+ "lineHeight": {
69
+ "large": string,
70
+ "medium": string,
71
+ "small": string
72
+ },
73
+ "weight": string,
74
+ "shorthand": {
75
+ "large": {
76
+ "fontWeight": string,
77
+ "fontSize": string,
78
+ "lineHeight": string,
79
+ "fontFamily": string
80
+ },
81
+ "medium": {
82
+ "fontWeight": string,
83
+ "fontSize": string,
84
+ "lineHeight": string,
85
+ "fontFamily": string
86
+ },
87
+ "small": {
88
+ "fontWeight": string,
89
+ "fontSize": string,
90
+ "lineHeight": string,
91
+ "fontFamily": string
92
+ }
93
+ }
94
+ },
95
+ "caption": {
96
+ "size": string,
97
+ "lineHeight": string,
98
+ "weight": string,
99
+ "shorthand": {
100
+ "fontWeight": string,
101
+ "fontSize": string,
102
+ "lineHeight": string,
103
+ "fontFamily": string
104
+ }
105
+ },
106
+ "codeBlock": {
107
+ "size": string,
108
+ "lineHeight": string,
109
+ "weight": string,
110
+ "shorthand": {
111
+ "fontWeight": string,
112
+ "fontSize": string,
113
+ "lineHeight": string,
114
+ "fontFamily": string
115
+ }
116
+ },
117
+ "codeInline": {
118
+ "size": string,
119
+ "weight": string,
120
+ "shorthand": {
121
+ "fontWeight": string,
122
+ "fontSize": string,
123
+ "lineHeight": string,
124
+ "fontFamily": string
125
+ }
126
+ }
127
+ }
128
+ }
129
+ }
130
+ export default tokens;
@@ -0,0 +1,129 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 20 Apr 2022 16:47:27 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "primer": {
8
+ "fontStack": {
9
+ "system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
10
+ "sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
11
+ "monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
12
+ },
13
+ "text": {
14
+ "display": {
15
+ "lineBoxHeight": "3.5rem",
16
+ "size": "2.5rem",
17
+ "lineHeight": "3.5rem",
18
+ "weight": "500",
19
+ "shorthand": {
20
+ "fontWeight": "500",
21
+ "fontSize": "2.5rem",
22
+ "lineHeight": "3.5rem",
23
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
24
+ }
25
+ },
26
+ "title": {
27
+ "size": {
28
+ "large": "2rem",
29
+ "medium": "1.25rem"
30
+ },
31
+ "lineHeight": {
32
+ "large": "3rem",
33
+ "medium": "2rem"
34
+ },
35
+ "weight": "600",
36
+ "shorthand": {
37
+ "large": {
38
+ "fontWeight": "600",
39
+ "fontSize": "2rem",
40
+ "lineHeight": "3rem",
41
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
42
+ },
43
+ "medium": {
44
+ "fontWeight": "600",
45
+ "fontSize": "1.25rem",
46
+ "lineHeight": "2rem",
47
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
48
+ }
49
+ }
50
+ },
51
+ "subtitle": {
52
+ "size": "1.25rem",
53
+ "lineHeight": "2rem",
54
+ "weight": "400",
55
+ "shorthand": {
56
+ "fontWeight": "400",
57
+ "fontSize": "1.25rem",
58
+ "lineHeight": "2rem",
59
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
60
+ }
61
+ },
62
+ "body": {
63
+ "size": {
64
+ "large": "1rem",
65
+ "medium": "0.875rem",
66
+ "small": "0.75rem"
67
+ },
68
+ "lineHeight": {
69
+ "large": "1.5rem",
70
+ "medium": "1.25rem",
71
+ "small": "1.25rem"
72
+ },
73
+ "weight": "400",
74
+ "shorthand": {
75
+ "large": {
76
+ "fontWeight": "400",
77
+ "fontSize": "1rem",
78
+ "lineHeight": "1.5rem",
79
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
80
+ },
81
+ "medium": {
82
+ "fontWeight": "400",
83
+ "fontSize": "0.875rem",
84
+ "lineHeight": "1.25rem",
85
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
86
+ },
87
+ "small": {
88
+ "fontWeight": "400",
89
+ "fontSize": "0.75rem",
90
+ "lineHeight": "1.25rem",
91
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
92
+ }
93
+ }
94
+ },
95
+ "caption": {
96
+ "size": "0.75rem",
97
+ "lineHeight": "1rem",
98
+ "weight": "400",
99
+ "shorthand": {
100
+ "fontWeight": "400",
101
+ "fontSize": "0.75rem",
102
+ "lineHeight": "1rem",
103
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
104
+ }
105
+ },
106
+ "codeBlock": {
107
+ "size": "0.8125rem",
108
+ "lineHeight": "1.25rem",
109
+ "weight": "400",
110
+ "shorthand": {
111
+ "fontWeight": "400",
112
+ "fontSize": "0.8125rem",
113
+ "lineHeight": "1.25rem",
114
+ "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
115
+ }
116
+ },
117
+ "codeInline": {
118
+ "size": "0.9285em",
119
+ "weight": "400",
120
+ "shorthand": {
121
+ "fontWeight": "400",
122
+ "fontSize": "0.9285em",
123
+ "lineHeight": "inherit",
124
+ "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
125
+ }
126
+ }
127
+ }
128
+ }
129
+ }