@primer/react-brand 0.15.2-rc.f70e83a → 0.16.0-rc.4b77ea6
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/Card/Card.d.ts +3 -1
- package/lib/Label/Label.d.ts +35 -0
- package/lib/Label/Label.visual.spec.d.ts +1 -0
- package/lib/Label/index.d.ts +1 -0
- package/lib/css/main.css +258 -40
- 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 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
- 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 +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
- 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/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/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/label/colors-with-modes.css +59 -0
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +31 -0
- 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 +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
- 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/footer/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/label/colors.js +465 -0
- 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 +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
- 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/footer/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/label/colors.js +29 -0
- 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 +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
- 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/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/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/label/colors.d.ts +48 -0
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +47 -0
- 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.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Thu, 13 Apr 2023 13:54:29 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
export const BrandLabelColorDefault = "var(--base-color-scale-blue-5)";
|
|
7
|
+
export const BrandLabelColorBlue = "var(--base-color-scale-blue-5)";
|
|
8
|
+
export const BrandLabelColorBlue-purpleStart = "var(--base-color-scale-blue-5)";
|
|
9
|
+
export const BrandLabelColorBlue-purpleEnd = "var(--base-color-scale-purple-5)";
|
|
10
|
+
export const BrandLabelColorCoral = "var(--base-color-scale-coral-5)";
|
|
11
|
+
export const BrandLabelColorGreen = "var(--base-color-scale-green-5)";
|
|
12
|
+
export const BrandLabelColorGreen-blueStart = "var(--base-color-scale-green-4)";
|
|
13
|
+
export const BrandLabelColorGreen-blueEnd = "var(--base-color-scale-blue-5)";
|
|
14
|
+
export const BrandLabelColorGray = "var(--base-color-scale-gray-6)";
|
|
15
|
+
export const BrandLabelColorIndigo = "var(--base-color-scale-indigo-5)";
|
|
16
|
+
export const BrandLabelColorLemon = "var(--base-color-scale-lemon-5)";
|
|
17
|
+
export const BrandLabelColorLime = "var(--base-color-scale-lime-5)";
|
|
18
|
+
export const BrandLabelColorOrange = "var(--base-color-scale-orange-5)";
|
|
19
|
+
export const BrandLabelColorPink = "var(--base-color-scale-pink-5)";
|
|
20
|
+
export const BrandLabelColorPink-blueStart = "var(--base-color-scale-pink-5)";
|
|
21
|
+
export const BrandLabelColorPink-blueEnd = "var(--base-color-scale-blue-5)";
|
|
22
|
+
export const BrandLabelColorPurple = "var(--base-color-scale-purple-5)";
|
|
23
|
+
export const BrandLabelColorPurple-redStart = "var(--base-color-scale-purple-5)";
|
|
24
|
+
export const BrandLabelColorPurple-redEnd = "var(--base-color-scale-red-5)";
|
|
25
|
+
export const BrandLabelColorRed = "var(--base-color-scale-red-5)";
|
|
26
|
+
export const BrandLabelColorRed-orangeStart = "var(--base-color-scale-red-4)";
|
|
27
|
+
export const BrandLabelColorRed-orangeEnd = "var(--base-color-scale-orange-5)";
|
|
28
|
+
export const BrandLabelColorTeal = "var(--base-color-scale-teal-5)";
|
|
29
|
+
export const BrandLabelColorYellow = "var(--base-color-scale-yellow-5)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 13 Apr 2023 13:54: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'";
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Thu, 13 Apr 2023 13:54:29 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
declare const tokens: {
|
|
7
|
+
"brand": {
|
|
8
|
+
"Label": {
|
|
9
|
+
"color": {
|
|
10
|
+
"default": string,
|
|
11
|
+
"blue": string,
|
|
12
|
+
"blue-purple": {
|
|
13
|
+
"start": string,
|
|
14
|
+
"end": string
|
|
15
|
+
},
|
|
16
|
+
"coral": string,
|
|
17
|
+
"green": string,
|
|
18
|
+
"green-blue": {
|
|
19
|
+
"start": string,
|
|
20
|
+
"end": string
|
|
21
|
+
},
|
|
22
|
+
"gray": string,
|
|
23
|
+
"indigo": string,
|
|
24
|
+
"lemon": string,
|
|
25
|
+
"lime": string,
|
|
26
|
+
"orange": string,
|
|
27
|
+
"pink": string,
|
|
28
|
+
"pink-blue": {
|
|
29
|
+
"start": string,
|
|
30
|
+
"end": string
|
|
31
|
+
},
|
|
32
|
+
"purple": string,
|
|
33
|
+
"purple-red": {
|
|
34
|
+
"start": string,
|
|
35
|
+
"end": string
|
|
36
|
+
},
|
|
37
|
+
"red": string,
|
|
38
|
+
"red-orange": {
|
|
39
|
+
"start": string,
|
|
40
|
+
"end": string
|
|
41
|
+
},
|
|
42
|
+
"teal": string,
|
|
43
|
+
"yellow": string
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
export default tokens;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Thu, 13 Apr 2023 13:54:29 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
module.exports = {
|
|
7
|
+
"brand": {
|
|
8
|
+
"Label": {
|
|
9
|
+
"color": {
|
|
10
|
+
"default": "var(--base-color-scale-blue-5)",
|
|
11
|
+
"blue": "var(--base-color-scale-blue-5)",
|
|
12
|
+
"blue-purple": {
|
|
13
|
+
"start": "var(--base-color-scale-blue-5)",
|
|
14
|
+
"end": "var(--base-color-scale-purple-5)"
|
|
15
|
+
},
|
|
16
|
+
"coral": "var(--base-color-scale-coral-5)",
|
|
17
|
+
"green": "var(--base-color-scale-green-5)",
|
|
18
|
+
"green-blue": {
|
|
19
|
+
"start": "var(--base-color-scale-green-4)",
|
|
20
|
+
"end": "var(--base-color-scale-blue-5)"
|
|
21
|
+
},
|
|
22
|
+
"gray": "var(--base-color-scale-gray-6)",
|
|
23
|
+
"indigo": "var(--base-color-scale-indigo-5)",
|
|
24
|
+
"lemon": "var(--base-color-scale-lemon-5)",
|
|
25
|
+
"lime": "var(--base-color-scale-lime-5)",
|
|
26
|
+
"orange": "var(--base-color-scale-orange-5)",
|
|
27
|
+
"pink": "var(--base-color-scale-pink-5)",
|
|
28
|
+
"pink-blue": {
|
|
29
|
+
"start": "var(--base-color-scale-pink-5)",
|
|
30
|
+
"end": "var(--base-color-scale-blue-5)"
|
|
31
|
+
},
|
|
32
|
+
"purple": "var(--base-color-scale-purple-5)",
|
|
33
|
+
"purple-red": {
|
|
34
|
+
"start": "var(--base-color-scale-purple-5)",
|
|
35
|
+
"end": "var(--base-color-scale-red-5)"
|
|
36
|
+
},
|
|
37
|
+
"red": "var(--base-color-scale-red-5)",
|
|
38
|
+
"red-orange": {
|
|
39
|
+
"start": "var(--base-color-scale-red-4)",
|
|
40
|
+
"end": "var(--base-color-scale-orange-5)"
|
|
41
|
+
},
|
|
42
|
+
"teal": "var(--base-color-scale-teal-5)",
|
|
43
|
+
"yellow": "var(--base-color-scale-yellow-5)"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
package/lib/index.d.ts
CHANGED