@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.
- package/CHANGELOG.md +1 -5
- package/lib/css/main.css +15 -355
- package/lib/css/stylesheets.d.ts +0 -1
- 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 +1 -16
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -6
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.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 +7 -19
- 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 +1 -92
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.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.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 +2 -7
- package/lib/design-tokens/js/tokens/functional/components/hero/base.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.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 +2 -9
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -9
- 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/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.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.d.ts +0 -3
- package/lib/index.js +1 -1
- package/lib/index.js.LICENSE.txt +0 -9
- package/package.json +2 -2
- package/lib/Accordion/Accordion.d.ts +0 -29
- package/lib/Accordion/index.d.ts +0 -1
- package/lib/FAQ/FAQ.d.ts +0 -37
- package/lib/FAQ/index.d.ts +0 -1
- package/lib/InlineLink/InlineLink.d.ts +0 -24
- package/lib/InlineLink/index.d.ts +0 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +0 -19
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +0 -9
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +0 -16
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +0 -8
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +0 -19
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +0 -9
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +0 -47
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +0 -31
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +0 -49
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +0 -173
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +0 -7
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +0 -6
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +0 -7
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +0 -9
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +0 -18
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +0 -17
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +0 -15
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +0 -14
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +0 -16
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +0 -15
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +0 -18
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +0 -17
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 01 Jul 2022 09:
|
|
3
|
+
* Generated on Fri, 01 Jul 2022 09:31:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -48,16 +48,12 @@
|
|
|
48
48
|
--brand-text-weight-300: var(--base-text-weight-normal);
|
|
49
49
|
--brand-text-weight-200: var(--base-text-weight-normal);
|
|
50
50
|
--brand-text-weight-100: var(--base-text-weight-normal);
|
|
51
|
-
--brand-heading-lineHeight-700: 2rem;
|
|
52
|
-
--brand-heading-lineHeight-600: 1.75rem;
|
|
53
|
-
--brand-heading-lineHeight-500: 1.5rem;
|
|
54
|
-
--brand-heading-lineHeight-400: 1.25rem;
|
|
55
51
|
--brand-heading-letterSpacing-700: -0.01em;
|
|
56
52
|
--brand-heading-letterSpacing-600: -0.01em;
|
|
57
53
|
--brand-heading-letterSpacing-500: -0.01em;
|
|
58
54
|
--brand-heading-letterSpacing-400: -0.01em;
|
|
59
|
-
--brand-heading-weight-700: var(--base-text-weight-
|
|
60
|
-
--brand-heading-weight-600: var(--base-text-weight-
|
|
55
|
+
--brand-heading-weight-700: var(--base-text-weight-bold);
|
|
56
|
+
--brand-heading-weight-600: var(--base-text-weight-semibold);
|
|
61
57
|
--brand-heading-weight-500: var(--base-text-weight-semibold);
|
|
62
58
|
--brand-heading-weight-400: var(--base-text-weight-semibold);
|
|
63
59
|
--brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
|
@@ -111,16 +107,12 @@
|
|
|
111
107
|
--brand-text-weight-300: var(--base-text-weight-normal);
|
|
112
108
|
--brand-text-weight-200: var(--base-text-weight-normal);
|
|
113
109
|
--brand-text-weight-100: var(--base-text-weight-normal);
|
|
114
|
-
--brand-heading-lineHeight-700: 2.75rem;
|
|
115
|
-
--brand-heading-lineHeight-600: 2rem;
|
|
116
|
-
--brand-heading-lineHeight-500: 1.75rem;
|
|
117
|
-
--brand-heading-lineHeight-400: 1.5rem;
|
|
118
110
|
--brand-heading-letterSpacing-700: -0.01em;
|
|
119
111
|
--brand-heading-letterSpacing-600: -0.01em;
|
|
120
112
|
--brand-heading-letterSpacing-500: -0.01em;
|
|
121
113
|
--brand-heading-letterSpacing-400: -0.01em;
|
|
122
|
-
--brand-heading-weight-700: var(--base-text-weight-
|
|
123
|
-
--brand-heading-weight-600: var(--base-text-weight-
|
|
114
|
+
--brand-heading-weight-700: var(--base-text-weight-bold);
|
|
115
|
+
--brand-heading-weight-600: var(--base-text-weight-semibold);
|
|
124
116
|
--brand-heading-weight-500: var(--base-text-weight-semibold);
|
|
125
117
|
--brand-heading-weight-400: var(--base-text-weight-semibold);
|
|
126
118
|
}
|
|
@@ -162,16 +154,12 @@
|
|
|
162
154
|
--brand-text-weight-300: var(--base-text-weight-normal);
|
|
163
155
|
--brand-text-weight-200: var(--base-text-weight-normal);
|
|
164
156
|
--brand-text-weight-100: var(--base-text-weight-normal);
|
|
165
|
-
--brand-heading-lineHeight-700: 3.25rem;
|
|
166
|
-
--brand-heading-lineHeight-600: 2.25rem;
|
|
167
|
-
--brand-heading-lineHeight-500: 1.75rem;
|
|
168
|
-
--brand-heading-lineHeight-400: 1.5rem;
|
|
169
157
|
--brand-heading-letterSpacing-700: -0.01em;
|
|
170
158
|
--brand-heading-letterSpacing-600: -0.01em;
|
|
171
159
|
--brand-heading-letterSpacing-500: -0.01em;
|
|
172
160
|
--brand-heading-letterSpacing-400: -0.01em;
|
|
173
|
-
--brand-heading-weight-700: var(--base-text-weight-
|
|
174
|
-
--brand-heading-weight-600: var(--base-text-weight-
|
|
161
|
+
--brand-heading-weight-700: var(--base-text-weight-bold);
|
|
162
|
+
--brand-heading-weight-600: var(--base-text-weight-semibold);
|
|
175
163
|
--brand-heading-weight-500: var(--base-text-weight-semibold);
|
|
176
164
|
--brand-heading-weight-400: var(--base-text-weight-semibold);
|
|
177
165
|
}
|
|
@@ -1,85 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 01 Jul 2022 09:
|
|
3
|
+
* Generated on Fri, 01 Jul 2022 09:31:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
7
7
|
"brand": {
|
|
8
8
|
"color": {
|
|
9
|
-
"accent": {
|
|
10
|
-
"fg": {
|
|
11
|
-
"value": "var(--base-color-scale-pink-5)",
|
|
12
|
-
"darkValue": "var(--base-color-scale-pink-3)",
|
|
13
|
-
"filePath": "tokens/functional/colors/global.json",
|
|
14
|
-
"isSource": true,
|
|
15
|
-
"original": {
|
|
16
|
-
"value": "var(--base-color-scale-pink-5)",
|
|
17
|
-
"darkValue": "var(--base-color-scale-pink-3)"
|
|
18
|
-
},
|
|
19
|
-
"name": "fg",
|
|
20
|
-
"attributes": {},
|
|
21
|
-
"path": [
|
|
22
|
-
"brand",
|
|
23
|
-
"color",
|
|
24
|
-
"accent",
|
|
25
|
-
"fg"
|
|
26
|
-
]
|
|
27
|
-
},
|
|
28
|
-
"emphasis": {
|
|
29
|
-
"value": "var(--base-color-scale-pink-5)",
|
|
30
|
-
"darkValue": "var(--base-color-scale-pink-5)",
|
|
31
|
-
"filePath": "tokens/functional/colors/global.json",
|
|
32
|
-
"isSource": true,
|
|
33
|
-
"original": {
|
|
34
|
-
"value": "var(--base-color-scale-pink-5)",
|
|
35
|
-
"darkValue": "var(--base-color-scale-pink-5)"
|
|
36
|
-
},
|
|
37
|
-
"name": "emphasis",
|
|
38
|
-
"attributes": {},
|
|
39
|
-
"path": [
|
|
40
|
-
"brand",
|
|
41
|
-
"color",
|
|
42
|
-
"accent",
|
|
43
|
-
"emphasis"
|
|
44
|
-
]
|
|
45
|
-
},
|
|
46
|
-
"muted": {
|
|
47
|
-
"value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
|
|
48
|
-
"darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)",
|
|
49
|
-
"filePath": "tokens/functional/colors/global.json",
|
|
50
|
-
"isSource": true,
|
|
51
|
-
"original": {
|
|
52
|
-
"value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
|
|
53
|
-
"darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)"
|
|
54
|
-
},
|
|
55
|
-
"name": "muted",
|
|
56
|
-
"attributes": {},
|
|
57
|
-
"path": [
|
|
58
|
-
"brand",
|
|
59
|
-
"color",
|
|
60
|
-
"accent",
|
|
61
|
-
"muted"
|
|
62
|
-
]
|
|
63
|
-
},
|
|
64
|
-
"subtle": {
|
|
65
|
-
"value": "var(--base-color-scale-pink-0)",
|
|
66
|
-
"darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)",
|
|
67
|
-
"filePath": "tokens/functional/colors/global.json",
|
|
68
|
-
"isSource": true,
|
|
69
|
-
"original": {
|
|
70
|
-
"value": "var(--base-color-scale-pink-0)",
|
|
71
|
-
"darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)"
|
|
72
|
-
},
|
|
73
|
-
"name": "subtle",
|
|
74
|
-
"attributes": {},
|
|
75
|
-
"path": [
|
|
76
|
-
"brand",
|
|
77
|
-
"color",
|
|
78
|
-
"accent",
|
|
79
|
-
"subtle"
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
9
|
"text": {
|
|
84
10
|
"default": {
|
|
85
11
|
"value": "var(--base-color-scale-gray-9)",
|
|
@@ -357,23 +283,6 @@ module.exports = {
|
|
|
357
283
|
"subtle"
|
|
358
284
|
]
|
|
359
285
|
}
|
|
360
|
-
},
|
|
361
|
-
"focus": {
|
|
362
|
-
"value": "var(--base-color-scale-blue-5)",
|
|
363
|
-
"darkValue": "var(--base-color-scale-blue-3)",
|
|
364
|
-
"filePath": "tokens/functional/colors/global.json",
|
|
365
|
-
"isSource": true,
|
|
366
|
-
"original": {
|
|
367
|
-
"value": "var(--base-color-scale-blue-5)",
|
|
368
|
-
"darkValue": "var(--base-color-scale-blue-3)"
|
|
369
|
-
},
|
|
370
|
-
"name": "focus",
|
|
371
|
-
"attributes": {},
|
|
372
|
-
"path": [
|
|
373
|
-
"brand",
|
|
374
|
-
"color",
|
|
375
|
-
"focus"
|
|
376
|
-
]
|
|
377
286
|
}
|
|
378
287
|
}
|
|
379
288
|
}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 01 Jul 2022 09:
|
|
3
|
+
* Generated on Fri, 01 Jul 2022 09:31:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const BrandColorAccentFg = "var(--base-color-scale-pink-5)";
|
|
7
|
-
export const BrandColorAccentEmphasis = "var(--base-color-scale-pink-5)";
|
|
8
|
-
export const BrandColorAccentMuted = "hsl(var(--base-color-scale-pink-3-hsl) / 60%)";
|
|
9
|
-
export const BrandColorAccentSubtle = "var(--base-color-scale-pink-0)";
|
|
10
6
|
export const BrandColorTextDefault = "var(--base-color-scale-gray-9)";
|
|
11
7
|
export const BrandColorTextMuted = "var(--base-color-scale-gray-6)";
|
|
12
8
|
export const BrandColorTextSubtle = "var(--base-color-scale-gray-5)";
|
|
@@ -21,5 +17,4 @@ export const BrandColorCanvasInset = "var(--base-color-scale-gray-0)";
|
|
|
21
17
|
export const BrandColorCanvasSubtle = "var(--base-color-scale-gray-0)";
|
|
22
18
|
export const BrandColorBorderDefault = "var(--base-color-scale-gray-2)";
|
|
23
19
|
export const BrandColorBorderMuted = "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)";
|
|
24
|
-
export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
|
|
25
|
-
export const BrandColorFocus = "var(--base-color-scale-blue-5)";
|
|
20
|
+
export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 01 Jul 2022 09:
|
|
3
|
+
* Generated on Fri, 01 Jul 2022 09:31:55 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,17 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 01 Jul 2022 09:
|
|
3
|
+
* Generated on Fri, 01 Jul 2022 09:31:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
declare const tokens: {
|
|
7
7
|
"brand": {
|
|
8
8
|
"color": {
|
|
9
|
-
"accent": {
|
|
10
|
-
"fg": string,
|
|
11
|
-
"emphasis": string,
|
|
12
|
-
"muted": string,
|
|
13
|
-
"subtle": string
|
|
14
|
-
},
|
|
15
9
|
"text": {
|
|
16
10
|
"default": string,
|
|
17
11
|
"muted": string,
|
|
@@ -34,8 +28,7 @@ declare const tokens: {
|
|
|
34
28
|
"default": string,
|
|
35
29
|
"muted": string,
|
|
36
30
|
"subtle": string
|
|
37
|
-
}
|
|
38
|
-
"focus": string
|
|
31
|
+
}
|
|
39
32
|
}
|
|
40
33
|
}
|
|
41
34
|
}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 01 Jul 2022 09:
|
|
3
|
+
* Generated on Fri, 01 Jul 2022 09:31:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
7
7
|
"brand": {
|
|
8
8
|
"color": {
|
|
9
|
-
"accent": {
|
|
10
|
-
"fg": "var(--base-color-scale-pink-5)",
|
|
11
|
-
"emphasis": "var(--base-color-scale-pink-5)",
|
|
12
|
-
"muted": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
|
|
13
|
-
"subtle": "var(--base-color-scale-pink-0)"
|
|
14
|
-
},
|
|
15
9
|
"text": {
|
|
16
10
|
"default": "var(--base-color-scale-gray-9)",
|
|
17
11
|
"muted": "var(--base-color-scale-gray-6)",
|
|
@@ -34,8 +28,7 @@ module.exports = {
|
|
|
34
28
|
"default": "var(--base-color-scale-gray-2)",
|
|
35
29
|
"muted": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
|
|
36
30
|
"subtle": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)"
|
|
37
|
-
}
|
|
38
|
-
"focus": "var(--base-color-scale-blue-5)"
|
|
31
|
+
}
|
|
39
32
|
}
|
|
40
33
|
}
|
|
41
34
|
}
|