@primer/react-brand 0.1.0-rc.c341bbe → 0.1.0
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/Hero/Hero.d.ts +2 -2
- package/lib/LinkButton/LinkButton.d.ts +1 -0
- package/lib/css/main.css +921 -1057
- package/lib/css/stylesheets.d.ts +2 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +805 -0
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +139 -0
- 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 +58 -0
- package/lib/design-tokens/css/tokens/functional/colors/global.css +22 -0
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +28 -0
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +9 -0
- 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 +2551 -0
- 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 +289 -0
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +47 -0
- 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 +137 -0
- 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 +20 -0
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +7 -0
- 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 +176 -0
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +175 -0
- 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 +35 -0
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +34 -0
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +18 -0
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +17 -0
- 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.js +1 -1
- package/package.json +11 -13
- package/CHANGELOG.md +0 -29
- package/lib/css/gh-variables.color.css +0 -1049
package/lib/Hero/Hero.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import '../../lib/design-tokens/css/tokens/functional/components/hero/base.css';
|
|
2
3
|
declare type Action = {
|
|
3
4
|
text: string;
|
|
4
5
|
href: string;
|
|
@@ -10,7 +11,6 @@ export declare type HeroProps = {
|
|
|
10
11
|
primaryAction: Action;
|
|
11
12
|
secondaryAction?: Action;
|
|
12
13
|
align?: 'start' | 'center';
|
|
13
|
-
size?: 'small' | 'large';
|
|
14
14
|
};
|
|
15
|
-
export declare function Hero({ className, heading, description, primaryAction, secondaryAction, align
|
|
15
|
+
export declare function Hero({ className, heading, description, primaryAction, secondaryAction, align }: HeroProps): JSX.Element;
|
|
16
16
|
export {};
|