@primer/react-brand 0.8.1-rc.301f39e → 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 +61 -43
- 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/forms/Checkbox/Checkbox.d.ts +1 -1
- package/lib/forms/Radio/Radio.d.ts +1 -1
- package/lib/forms/Select/Select.d.ts +1 -1
- package/lib/forms/TextInput/TextInput.d.ts +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 Thu, 15 Dec 2022
|
|
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 Thu, 15 Dec 2022
|
|
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 Thu, 15 Dec 2022
|
|
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 Thu, 15 Dec 2022
|
|
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 Thu, 15 Dec 2022
|
|
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)",
|