@primer/react-brand 0.3.0-rc.78f0d9f → 0.3.0-rc.7c3326c

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 (103) hide show
  1. package/CHANGELOG.md +1 -5
  2. package/lib/css/main.css +15 -355
  3. package/lib/css/stylesheets.d.ts +0 -1
  4. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  5. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  6. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  7. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -16
  9. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -6
  10. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +7 -19
  19. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  20. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  21. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  22. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  23. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -92
  24. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  25. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  26. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  27. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  28. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  29. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  30. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  31. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  32. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  33. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  34. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  35. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  36. package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -7
  37. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  38. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  39. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  40. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  41. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  42. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  43. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  44. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  45. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  46. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  47. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  48. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  49. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  50. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  51. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  52. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +2 -9
  53. package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -9
  54. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  55. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  56. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  57. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  58. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  59. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  60. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  61. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  62. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  63. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  64. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  65. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  66. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  67. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  68. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  69. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  70. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  71. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  72. package/lib/index.d.ts +0 -3
  73. package/lib/index.js +1 -1
  74. package/lib/index.js.LICENSE.txt +0 -9
  75. package/package.json +2 -2
  76. package/lib/Accordion/Accordion.d.ts +0 -29
  77. package/lib/Accordion/index.d.ts +0 -1
  78. package/lib/FAQ/FAQ.d.ts +0 -37
  79. package/lib/FAQ/index.d.ts +0 -1
  80. package/lib/InlineLink/InlineLink.d.ts +0 -24
  81. package/lib/InlineLink/index.d.ts +0 -1
  82. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +0 -19
  83. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +0 -9
  84. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +0 -16
  85. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +0 -8
  86. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +0 -19
  87. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +0 -9
  88. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +0 -47
  89. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +0 -31
  90. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +0 -49
  91. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +0 -173
  92. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +0 -7
  93. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +0 -6
  94. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +0 -7
  95. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +0 -9
  96. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +0 -18
  97. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +0 -17
  98. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +0 -15
  99. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +0 -14
  100. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +0 -16
  101. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +0 -15
  102. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +0 -18
  103. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +0 -17
@@ -1,173 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- module.exports = {
7
- "brand": {
8
- "heading": {
9
- "lineHeight": {
10
- "400": {
11
- "value": "1.25rem",
12
- "responsive": {
13
- "768px": {
14
- "value": "24px",
15
- "filePath": "tokens/functional/typography/typography-responsive.json",
16
- "isSource": true
17
- },
18
- "1012px": {
19
- "value": "24px",
20
- "filePath": "tokens/functional/typography/typography-responsive.json",
21
- "isSource": true
22
- }
23
- },
24
- "filePath": "tokens/functional/typography/typography-responsive.json",
25
- "isSource": true,
26
- "original": {
27
- "value": "20px",
28
- "responsive": {
29
- "768px": {
30
- "value": "24px",
31
- "filePath": "tokens/functional/typography/typography-responsive.json",
32
- "isSource": true
33
- },
34
- "1012px": {
35
- "value": "24px",
36
- "filePath": "tokens/functional/typography/typography-responsive.json",
37
- "isSource": true
38
- }
39
- }
40
- },
41
- "name": "400",
42
- "attributes": {},
43
- "path": [
44
- "brand",
45
- "heading",
46
- "lineHeight",
47
- "400"
48
- ]
49
- },
50
- "500": {
51
- "value": "1.5rem",
52
- "responsive": {
53
- "768px": {
54
- "value": "28px",
55
- "filePath": "tokens/functional/typography/typography-responsive.json",
56
- "isSource": true
57
- },
58
- "1012px": {
59
- "value": "28px",
60
- "filePath": "tokens/functional/typography/typography-responsive.json",
61
- "isSource": true
62
- }
63
- },
64
- "filePath": "tokens/functional/typography/typography-responsive.json",
65
- "isSource": true,
66
- "original": {
67
- "value": "24px",
68
- "responsive": {
69
- "768px": {
70
- "value": "28px",
71
- "filePath": "tokens/functional/typography/typography-responsive.json",
72
- "isSource": true
73
- },
74
- "1012px": {
75
- "value": "28px",
76
- "filePath": "tokens/functional/typography/typography-responsive.json",
77
- "isSource": true
78
- }
79
- }
80
- },
81
- "name": "500",
82
- "attributes": {},
83
- "path": [
84
- "brand",
85
- "heading",
86
- "lineHeight",
87
- "500"
88
- ]
89
- },
90
- "600": {
91
- "value": "1.75rem",
92
- "responsive": {
93
- "768px": {
94
- "value": "32px",
95
- "filePath": "tokens/functional/typography/typography-responsive.json",
96
- "isSource": true
97
- },
98
- "1012px": {
99
- "value": "36px",
100
- "filePath": "tokens/functional/typography/typography-responsive.json",
101
- "isSource": true
102
- }
103
- },
104
- "filePath": "tokens/functional/typography/typography-responsive.json",
105
- "isSource": true,
106
- "original": {
107
- "value": "28px",
108
- "responsive": {
109
- "768px": {
110
- "value": "32px",
111
- "filePath": "tokens/functional/typography/typography-responsive.json",
112
- "isSource": true
113
- },
114
- "1012px": {
115
- "value": "36px",
116
- "filePath": "tokens/functional/typography/typography-responsive.json",
117
- "isSource": true
118
- }
119
- }
120
- },
121
- "name": "600",
122
- "attributes": {},
123
- "path": [
124
- "brand",
125
- "heading",
126
- "lineHeight",
127
- "600"
128
- ]
129
- },
130
- "700": {
131
- "value": "2rem",
132
- "responsive": {
133
- "768px": {
134
- "value": "44px",
135
- "filePath": "tokens/functional/typography/typography-responsive.json",
136
- "isSource": true
137
- },
138
- "1012px": {
139
- "value": "52px",
140
- "filePath": "tokens/functional/typography/typography-responsive.json",
141
- "isSource": true
142
- }
143
- },
144
- "filePath": "tokens/functional/typography/typography-responsive.json",
145
- "isSource": true,
146
- "original": {
147
- "value": "32px",
148
- "responsive": {
149
- "768px": {
150
- "value": "44px",
151
- "filePath": "tokens/functional/typography/typography-responsive.json",
152
- "isSource": true
153
- },
154
- "1012px": {
155
- "value": "52px",
156
- "filePath": "tokens/functional/typography/typography-responsive.json",
157
- "isSource": true
158
- }
159
- }
160
- },
161
- "name": "700",
162
- "attributes": {},
163
- "path": [
164
- "brand",
165
- "heading",
166
- "lineHeight",
167
- "700"
168
- ]
169
- }
170
- }
171
- }
172
- }
173
- };
@@ -1,7 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- export const BrandFAQHeadingCenteredMaxWidth = "37.5rem";
7
- export const BrandFAQMaxWidth = "51rem";
@@ -1,6 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- export const BrandFAQHeadingColor = "var(--brand-color-text-default)";
@@ -1,7 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- export const BrandInlineLinkColorRest = "var(--base-color-scale-blue-5)";
7
- export const BrandInlineLinkColorPressed = "var(--base-color-scale-blue-7)";
@@ -1,9 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- export const BrandHeadingLineHeight400 = "1.25rem";
7
- export const BrandHeadingLineHeight500 = "1.5rem";
8
- export const BrandHeadingLineHeight600 = "1.75rem";
9
- export const BrandHeadingLineHeight700 = "2rem";
@@ -1,18 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- declare const tokens: {
7
- "brand": {
8
- "FAQ": {
9
- "heading": {
10
- "centered": {
11
- "maxWidth": string
12
- }
13
- },
14
- "maxWidth": string
15
- }
16
- }
17
- }
18
- export default tokens;
@@ -1,17 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- module.exports = {
7
- "brand": {
8
- "FAQ": {
9
- "heading": {
10
- "centered": {
11
- "maxWidth": "37.5rem"
12
- }
13
- },
14
- "maxWidth": "51rem"
15
- }
16
- }
17
- }
@@ -1,15 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- declare const tokens: {
7
- "brand": {
8
- "FAQ": {
9
- "heading": {
10
- "color": string
11
- }
12
- }
13
- }
14
- }
15
- export default tokens;
@@ -1,14 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- module.exports = {
7
- "brand": {
8
- "FAQ": {
9
- "heading": {
10
- "color": "var(--brand-color-text-default)"
11
- }
12
- }
13
- }
14
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- declare const tokens: {
7
- "brand": {
8
- "InlineLink": {
9
- "color": {
10
- "rest": string,
11
- "pressed": string
12
- }
13
- }
14
- }
15
- }
16
- export default tokens;
@@ -1,15 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- module.exports = {
7
- "brand": {
8
- "InlineLink": {
9
- "color": {
10
- "rest": "var(--base-color-scale-blue-5)",
11
- "pressed": "var(--base-color-scale-blue-7)"
12
- }
13
- }
14
- }
15
- }
@@ -1,18 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- declare const tokens: {
7
- "brand": {
8
- "heading": {
9
- "lineHeight": {
10
- "400": string,
11
- "500": string,
12
- "600": string,
13
- "700": string
14
- }
15
- }
16
- }
17
- }
18
- export default tokens;
@@ -1,17 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 01 Jul 2022 09:35:47 GMT
4
- */
5
-
6
- module.exports = {
7
- "brand": {
8
- "heading": {
9
- "lineHeight": {
10
- "400": "1.25rem",
11
- "500": "1.5rem",
12
- "600": "1.75rem",
13
- "700": "2rem"
14
- }
15
- }
16
- }
17
- }