@primer/react-brand 0.1.0-rc.ae0dfda → 0.1.0-rc.c341bbe

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 (63) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/fonts/alliance-1.woff2 +0 -0
  3. package/fonts/alliance-2.woff2 +0 -0
  4. package/fonts/fonts.css +30 -0
  5. package/lib/Heading/Heading.d.ts +20 -0
  6. package/lib/Heading/index.d.ts +1 -0
  7. package/lib/Hero/Hero.d.ts +2 -1
  8. package/lib/MonaSans/MonaSans.d.ts +10 -0
  9. package/lib/MonaSans/index.d.ts +1 -0
  10. package/lib/Text/Text.d.ts +36 -0
  11. package/lib/Text/index.d.ts +1 -0
  12. package/lib/css/gh-variables.color.css +32 -8
  13. package/lib/css/main.css +1458 -53
  14. package/lib/css/stylesheets.d.ts +8 -0
  15. package/lib/design-tokens/css/tokens/base/size/size.css +24 -0
  16. package/lib/design-tokens/css/tokens/base/typography/typography.css +14 -0
  17. package/lib/design-tokens/css/tokens/functional/size/border.css +17 -0
  18. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +13 -0
  19. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +10 -0
  20. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +10 -0
  21. package/lib/design-tokens/css/tokens/functional/size/size.css +54 -0
  22. package/lib/design-tokens/css/tokens/functional/size/viewport.css +6 -0
  23. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +166 -0
  24. package/lib/design-tokens/css/tokens/functional/typography/typography.css +65 -0
  25. package/lib/design-tokens/js/module/tokens/base/size/size.js +266 -0
  26. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +125 -0
  27. package/lib/design-tokens/js/module/tokens/functional/size/border.js +165 -0
  28. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +101 -0
  29. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +73 -0
  30. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +73 -0
  31. package/lib/design-tokens/js/module/tokens/functional/size/size.js +824 -0
  32. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +101 -0
  33. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1973 -0
  34. package/lib/design-tokens/js/tokens/base/size/size.js +22 -0
  35. package/lib/design-tokens/js/tokens/base/typography/typography.js +12 -0
  36. package/lib/design-tokens/js/tokens/functional/size/border.js +15 -0
  37. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +11 -0
  38. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +8 -0
  39. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +8 -0
  40. package/lib/design-tokens/js/tokens/functional/size/size.js +52 -0
  41. package/lib/design-tokens/js/tokens/functional/size/viewport.js +11 -0
  42. package/lib/design-tokens/js/tokens/functional/typography/typography.js +63 -0
  43. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +29 -0
  44. package/lib/design-tokens/ts/tokens/base/size/size.js +28 -0
  45. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +111 -0
  46. package/lib/design-tokens/ts/tokens/base/typography/typography.js +20 -0
  47. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +26 -0
  48. package/lib/design-tokens/ts/tokens/functional/size/border.js +25 -0
  49. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +18 -0
  50. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +17 -0
  51. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +27 -0
  52. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +26 -0
  53. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +27 -0
  54. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +26 -0
  55. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +101 -0
  56. package/lib/design-tokens/ts/tokens/functional/size/size.js +100 -0
  57. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +18 -0
  58. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +17 -0
  59. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +92 -0
  60. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +91 -0
  61. package/lib/index.d.ts +3 -0
  62. package/lib/index.js +1 -1
  63. package/package.json +12 -8
@@ -0,0 +1,125 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "base": {
8
+ "text": {
9
+ "weight": {
10
+ "light": {
11
+ "value": 300,
12
+ "filePath": "tokens/base/typography/typography.json",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": 300
16
+ },
17
+ "name": "light",
18
+ "attributes": {},
19
+ "path": [
20
+ "base",
21
+ "text",
22
+ "weight",
23
+ "light"
24
+ ]
25
+ },
26
+ "normal": {
27
+ "value": 400,
28
+ "filePath": "tokens/base/typography/typography.json",
29
+ "isSource": true,
30
+ "original": {
31
+ "value": 400
32
+ },
33
+ "name": "normal",
34
+ "attributes": {},
35
+ "path": [
36
+ "base",
37
+ "text",
38
+ "weight",
39
+ "normal"
40
+ ]
41
+ },
42
+ "medium": {
43
+ "value": 500,
44
+ "filePath": "tokens/base/typography/typography.json",
45
+ "isSource": true,
46
+ "original": {
47
+ "value": 500
48
+ },
49
+ "name": "medium",
50
+ "attributes": {},
51
+ "path": [
52
+ "base",
53
+ "text",
54
+ "weight",
55
+ "medium"
56
+ ]
57
+ },
58
+ "semibold": {
59
+ "value": 600,
60
+ "filePath": "tokens/base/typography/typography.json",
61
+ "isSource": true,
62
+ "original": {
63
+ "value": 600
64
+ },
65
+ "name": "semibold",
66
+ "attributes": {},
67
+ "path": [
68
+ "base",
69
+ "text",
70
+ "weight",
71
+ "semibold"
72
+ ]
73
+ },
74
+ "bold": {
75
+ "value": 700,
76
+ "filePath": "tokens/base/typography/typography.json",
77
+ "isSource": true,
78
+ "original": {
79
+ "value": 700
80
+ },
81
+ "name": "bold",
82
+ "attributes": {},
83
+ "path": [
84
+ "base",
85
+ "text",
86
+ "weight",
87
+ "bold"
88
+ ]
89
+ },
90
+ "extrabold": {
91
+ "value": 800,
92
+ "filePath": "tokens/base/typography/typography.json",
93
+ "isSource": true,
94
+ "original": {
95
+ "value": 800
96
+ },
97
+ "name": "extrabold",
98
+ "attributes": {},
99
+ "path": [
100
+ "base",
101
+ "text",
102
+ "weight",
103
+ "extrabold"
104
+ ]
105
+ },
106
+ "heavy": {
107
+ "value": 900,
108
+ "filePath": "tokens/base/typography/typography.json",
109
+ "isSource": true,
110
+ "original": {
111
+ "value": 900
112
+ },
113
+ "name": "heavy",
114
+ "attributes": {},
115
+ "path": [
116
+ "base",
117
+ "text",
118
+ "weight",
119
+ "heavy"
120
+ ]
121
+ }
122
+ }
123
+ }
124
+ }
125
+ };
@@ -0,0 +1,165 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "borderInset": {
9
+ "thin": {
10
+ "value": "inset 0 0 0 max(1px, 0.0625rem)",
11
+ "filePath": "tokens/functional/size/border.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "inset 0 0 0 {brand.borderWidth.thin}"
15
+ },
16
+ "name": "thin",
17
+ "attributes": {},
18
+ "path": [
19
+ "brand",
20
+ "borderInset",
21
+ "thin"
22
+ ]
23
+ },
24
+ "normal": {
25
+ "value": "inset 0 0 0 max(2px, 0.125rem)",
26
+ "filePath": "tokens/functional/size/border.json",
27
+ "isSource": true,
28
+ "original": {
29
+ "value": "inset 0 0 0 {brand.borderWidth.normal}"
30
+ },
31
+ "name": "normal",
32
+ "attributes": {},
33
+ "path": [
34
+ "brand",
35
+ "borderInset",
36
+ "normal"
37
+ ]
38
+ },
39
+ "thick": {
40
+ "value": "inset 0 0 0 max(4px, 0.25rem)",
41
+ "filePath": "tokens/functional/size/border.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "inset 0 0 0 {brand.borderWidth.thick}"
45
+ },
46
+ "name": "thick",
47
+ "attributes": {},
48
+ "path": [
49
+ "brand",
50
+ "borderInset",
51
+ "thick"
52
+ ]
53
+ }
54
+ },
55
+ "borderWidth": {
56
+ "thin": {
57
+ "value": "max(1px, 0.0625rem)",
58
+ "filePath": "tokens/functional/size/border.json",
59
+ "isSource": true,
60
+ "original": {
61
+ "value": "max(1px, 0.0625rem)"
62
+ },
63
+ "name": "thin",
64
+ "attributes": {},
65
+ "path": [
66
+ "brand",
67
+ "borderWidth",
68
+ "thin"
69
+ ]
70
+ },
71
+ "normal": {
72
+ "value": "max(2px, 0.125rem)",
73
+ "filePath": "tokens/functional/size/border.json",
74
+ "isSource": true,
75
+ "original": {
76
+ "value": "max(2px, 0.125rem)"
77
+ },
78
+ "name": "normal",
79
+ "attributes": {},
80
+ "path": [
81
+ "brand",
82
+ "borderWidth",
83
+ "normal"
84
+ ]
85
+ },
86
+ "thick": {
87
+ "value": "max(4px, 0.25rem)",
88
+ "filePath": "tokens/functional/size/border.json",
89
+ "isSource": true,
90
+ "original": {
91
+ "value": "max(4px, 0.25rem)"
92
+ },
93
+ "name": "thick",
94
+ "attributes": {},
95
+ "path": [
96
+ "brand",
97
+ "borderWidth",
98
+ "thick"
99
+ ]
100
+ }
101
+ },
102
+ "borderRadius": {
103
+ "small": {
104
+ "value": "0.1875rem",
105
+ "filePath": "tokens/functional/size/border.json",
106
+ "isSource": true,
107
+ "original": {
108
+ "value": "3px"
109
+ },
110
+ "name": "small",
111
+ "attributes": {},
112
+ "path": [
113
+ "brand",
114
+ "borderRadius",
115
+ "small"
116
+ ]
117
+ },
118
+ "medium": {
119
+ "value": "0.375rem",
120
+ "filePath": "tokens/functional/size/border.json",
121
+ "isSource": true,
122
+ "original": {
123
+ "value": "6px"
124
+ },
125
+ "name": "medium",
126
+ "attributes": {},
127
+ "path": [
128
+ "brand",
129
+ "borderRadius",
130
+ "medium"
131
+ ]
132
+ },
133
+ "large": {
134
+ "value": "0.75rem",
135
+ "filePath": "tokens/functional/size/border.json",
136
+ "isSource": true,
137
+ "original": {
138
+ "value": "12px"
139
+ },
140
+ "name": "large",
141
+ "attributes": {},
142
+ "path": [
143
+ "brand",
144
+ "borderRadius",
145
+ "large"
146
+ ]
147
+ },
148
+ "full": {
149
+ "value": "100vh",
150
+ "filePath": "tokens/functional/size/border.json",
151
+ "isSource": true,
152
+ "original": {
153
+ "value": "100vh"
154
+ },
155
+ "name": "full",
156
+ "attributes": {},
157
+ "path": [
158
+ "brand",
159
+ "borderRadius",
160
+ "full"
161
+ ]
162
+ }
163
+ }
164
+ }
165
+ };
@@ -0,0 +1,101 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "breakpoint": {
9
+ "xsmall": {
10
+ "value": "20rem",
11
+ "filePath": "tokens/functional/size/breakpoints.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "320px"
15
+ },
16
+ "name": "xsmall",
17
+ "attributes": {},
18
+ "path": [
19
+ "brand",
20
+ "breakpoint",
21
+ "xsmall"
22
+ ]
23
+ },
24
+ "small": {
25
+ "value": "34rem",
26
+ "filePath": "tokens/functional/size/breakpoints.json",
27
+ "isSource": true,
28
+ "original": {
29
+ "value": "544px"
30
+ },
31
+ "name": "small",
32
+ "attributes": {},
33
+ "path": [
34
+ "brand",
35
+ "breakpoint",
36
+ "small"
37
+ ]
38
+ },
39
+ "medium": {
40
+ "value": "48rem",
41
+ "filePath": "tokens/functional/size/breakpoints.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "768px"
45
+ },
46
+ "name": "medium",
47
+ "attributes": {},
48
+ "path": [
49
+ "brand",
50
+ "breakpoint",
51
+ "medium"
52
+ ]
53
+ },
54
+ "large": {
55
+ "value": "63.25rem",
56
+ "filePath": "tokens/functional/size/breakpoints.json",
57
+ "isSource": true,
58
+ "original": {
59
+ "value": "1012px"
60
+ },
61
+ "name": "large",
62
+ "attributes": {},
63
+ "path": [
64
+ "brand",
65
+ "breakpoint",
66
+ "large"
67
+ ]
68
+ },
69
+ "xlarge": {
70
+ "value": "80rem",
71
+ "filePath": "tokens/functional/size/breakpoints.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "1280px"
75
+ },
76
+ "name": "xlarge",
77
+ "attributes": {},
78
+ "path": [
79
+ "brand",
80
+ "breakpoint",
81
+ "xlarge"
82
+ ]
83
+ },
84
+ "xxlarge": {
85
+ "value": "90rem",
86
+ "filePath": "tokens/functional/size/breakpoints.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "1440px"
90
+ },
91
+ "name": "xxlarge",
92
+ "attributes": {},
93
+ "path": [
94
+ "brand",
95
+ "breakpoint",
96
+ "xxlarge"
97
+ ]
98
+ }
99
+ }
100
+ }
101
+ };
@@ -0,0 +1,73 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "control": {
9
+ "minTarget": {
10
+ "auto": {
11
+ "value": "2.75rem",
12
+ "filePath": "tokens/functional/size/size-coarse.json",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": "{base.size.44}"
16
+ },
17
+ "name": "auto",
18
+ "attributes": {},
19
+ "path": [
20
+ "brand",
21
+ "control",
22
+ "minTarget",
23
+ "auto"
24
+ ]
25
+ }
26
+ }
27
+ },
28
+ "controlStack": {
29
+ "small": {
30
+ "gap": {
31
+ "auto": {
32
+ "value": "1rem",
33
+ "filePath": "tokens/functional/size/size-coarse.json",
34
+ "isSource": true,
35
+ "original": {
36
+ "value": "{base.size.16}"
37
+ },
38
+ "name": "auto",
39
+ "attributes": {},
40
+ "path": [
41
+ "brand",
42
+ "controlStack",
43
+ "small",
44
+ "gap",
45
+ "auto"
46
+ ]
47
+ }
48
+ }
49
+ },
50
+ "medium": {
51
+ "gap": {
52
+ "auto": {
53
+ "value": "0.75rem",
54
+ "filePath": "tokens/functional/size/size-coarse.json",
55
+ "isSource": true,
56
+ "original": {
57
+ "value": "{base.size.12}"
58
+ },
59
+ "name": "auto",
60
+ "attributes": {},
61
+ "path": [
62
+ "brand",
63
+ "controlStack",
64
+ "medium",
65
+ "gap",
66
+ "auto"
67
+ ]
68
+ }
69
+ }
70
+ }
71
+ }
72
+ }
73
+ };
@@ -0,0 +1,73 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "control": {
9
+ "minTarget": {
10
+ "auto": {
11
+ "value": "1rem",
12
+ "filePath": "tokens/functional/size/size-fine.json",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": "{base.size.16}"
16
+ },
17
+ "name": "auto",
18
+ "attributes": {},
19
+ "path": [
20
+ "brand",
21
+ "control",
22
+ "minTarget",
23
+ "auto"
24
+ ]
25
+ }
26
+ }
27
+ },
28
+ "controlStack": {
29
+ "small": {
30
+ "gap": {
31
+ "auto": {
32
+ "value": "0.5rem",
33
+ "filePath": "tokens/functional/size/size-fine.json",
34
+ "isSource": true,
35
+ "original": {
36
+ "value": "{base.size.8}"
37
+ },
38
+ "name": "auto",
39
+ "attributes": {},
40
+ "path": [
41
+ "brand",
42
+ "controlStack",
43
+ "small",
44
+ "gap",
45
+ "auto"
46
+ ]
47
+ }
48
+ }
49
+ },
50
+ "medium": {
51
+ "gap": {
52
+ "auto": {
53
+ "value": "0.5rem",
54
+ "filePath": "tokens/functional/size/size-fine.json",
55
+ "isSource": true,
56
+ "original": {
57
+ "value": "{base.size.8}"
58
+ },
59
+ "name": "auto",
60
+ "attributes": {},
61
+ "path": [
62
+ "brand",
63
+ "controlStack",
64
+ "medium",
65
+ "gap",
66
+ "auto"
67
+ ]
68
+ }
69
+ }
70
+ }
71
+ }
72
+ }
73
+ };