@primer/react-brand 0.8.0 → 0.9.0-rc.540ca60
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.
- package/lib/AnchorNav/useExpandedMenu.d.ts +1 -1
- package/lib/css/main.css +68 -44
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +5 -9
- package/lib/design-tokens/css/tokens/functional/colors/global.css +3 -5
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +5 -5
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +11 -7
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +11 -47
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +3 -5
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +3 -5
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +3 -5
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 15 Dec 2022 14:45:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -155,7 +155,7 @@ module.exports = {
|
|
|
155
155
|
}
|
|
156
156
|
},
|
|
157
157
|
"accent": {
|
|
158
|
-
"
|
|
158
|
+
"primary": {
|
|
159
159
|
"value": "var(--base-color-scale-pink-5)",
|
|
160
160
|
"dark": "var(--base-color-scale-pink-3)",
|
|
161
161
|
"filePath": "tokens/functional/colors/global.json",
|
|
@@ -164,67 +164,31 @@ module.exports = {
|
|
|
164
164
|
"value": "var(--base-color-scale-pink-5)",
|
|
165
165
|
"dark": "var(--base-color-scale-pink-3)"
|
|
166
166
|
},
|
|
167
|
-
"name": "
|
|
168
|
-
"attributes": {},
|
|
169
|
-
"path": [
|
|
170
|
-
"brand",
|
|
171
|
-
"color",
|
|
172
|
-
"accent",
|
|
173
|
-
"fg"
|
|
174
|
-
]
|
|
175
|
-
},
|
|
176
|
-
"emphasis": {
|
|
177
|
-
"value": "var(--base-color-scale-pink-5)",
|
|
178
|
-
"dark": "var(--base-color-scale-pink-5)",
|
|
179
|
-
"filePath": "tokens/functional/colors/global.json",
|
|
180
|
-
"isSource": true,
|
|
181
|
-
"original": {
|
|
182
|
-
"value": "var(--base-color-scale-pink-5)",
|
|
183
|
-
"dark": "var(--base-color-scale-pink-5)"
|
|
184
|
-
},
|
|
185
|
-
"name": "emphasis",
|
|
186
|
-
"attributes": {},
|
|
187
|
-
"path": [
|
|
188
|
-
"brand",
|
|
189
|
-
"color",
|
|
190
|
-
"accent",
|
|
191
|
-
"emphasis"
|
|
192
|
-
]
|
|
193
|
-
},
|
|
194
|
-
"muted": {
|
|
195
|
-
"value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
|
|
196
|
-
"dark": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)",
|
|
197
|
-
"filePath": "tokens/functional/colors/global.json",
|
|
198
|
-
"isSource": true,
|
|
199
|
-
"original": {
|
|
200
|
-
"value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
|
|
201
|
-
"dark": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)"
|
|
202
|
-
},
|
|
203
|
-
"name": "muted",
|
|
167
|
+
"name": "primary",
|
|
204
168
|
"attributes": {},
|
|
205
169
|
"path": [
|
|
206
170
|
"brand",
|
|
207
171
|
"color",
|
|
208
172
|
"accent",
|
|
209
|
-
"
|
|
173
|
+
"primary"
|
|
210
174
|
]
|
|
211
175
|
},
|
|
212
|
-
"
|
|
213
|
-
"value": "var(--base-color-scale-
|
|
214
|
-
"dark": "
|
|
176
|
+
"secondary": {
|
|
177
|
+
"value": "var(--base-color-scale-purple-5)",
|
|
178
|
+
"dark": "var(--base-color-scale-purple-3)",
|
|
215
179
|
"filePath": "tokens/functional/colors/global.json",
|
|
216
180
|
"isSource": true,
|
|
217
181
|
"original": {
|
|
218
|
-
"value": "var(--base-color-scale-
|
|
219
|
-
"dark": "
|
|
182
|
+
"value": "var(--base-color-scale-purple-5)",
|
|
183
|
+
"dark": "var(--base-color-scale-purple-3)"
|
|
220
184
|
},
|
|
221
|
-
"name": "
|
|
185
|
+
"name": "secondary",
|
|
222
186
|
"attributes": {},
|
|
223
187
|
"path": [
|
|
224
188
|
"brand",
|
|
225
189
|
"color",
|
|
226
190
|
"accent",
|
|
227
|
-
"
|
|
191
|
+
"secondary"
|
|
228
192
|
]
|
|
229
193
|
}
|
|
230
194
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 15 Dec 2022 14:45:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";
|
|
@@ -11,10 +11,8 @@ export const BrandColorErrorFg = "var(--base-color-scale-red-5)";
|
|
|
11
11
|
export const BrandColorErrorEmphasis = "var(--base-color-scale-red-5)";
|
|
12
12
|
export const BrandColorErrorMuted = "hsl(var(--base-color-scale-red-3-hsl) / 60%)";
|
|
13
13
|
export const BrandColorErrorSubtle = "var(--base-color-scale-red-0)";
|
|
14
|
-
export const
|
|
15
|
-
export const
|
|
16
|
-
export const BrandColorAccentMuted = "hsl(var(--base-color-scale-pink-3-hsl) / 60%)";
|
|
17
|
-
export const BrandColorAccentSubtle = "var(--base-color-scale-pink-0)";
|
|
14
|
+
export const BrandColorAccentPrimary = "var(--base-color-scale-pink-5)";
|
|
15
|
+
export const BrandColorAccentSecondary = "var(--base-color-scale-purple-5)";
|
|
18
16
|
export const BrandColorTextDefault = "var(--base-color-scale-gray-9)";
|
|
19
17
|
export const BrandColorTextMuted = "var(--base-color-scale-gray-6)";
|
|
20
18
|
export const BrandColorTextSubtle = "var(--base-color-scale-gray-5)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 15 Dec 2022 14:45:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 15 Dec 2022 14:45:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
declare const tokens: {
|
|
@@ -19,10 +19,8 @@ declare const tokens: {
|
|
|
19
19
|
"subtle": string
|
|
20
20
|
},
|
|
21
21
|
"accent": {
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"muted": string,
|
|
25
|
-
"subtle": string
|
|
22
|
+
"primary": string,
|
|
23
|
+
"secondary": string
|
|
26
24
|
},
|
|
27
25
|
"text": {
|
|
28
26
|
"default": string,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 15 Dec 2022 14:45:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -19,10 +19,8 @@ module.exports = {
|
|
|
19
19
|
"subtle": "var(--base-color-scale-red-0)"
|
|
20
20
|
},
|
|
21
21
|
"accent": {
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"muted": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
|
|
25
|
-
"subtle": "var(--base-color-scale-pink-0)"
|
|
22
|
+
"primary": "var(--base-color-scale-pink-5)",
|
|
23
|
+
"secondary": "var(--base-color-scale-purple-5)"
|
|
26
24
|
},
|
|
27
25
|
"text": {
|
|
28
26
|
"default": "var(--base-color-scale-gray-9)",
|