@primer/react-brand 0.20.1-rc.fc9eaba → 0.20.1
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/Accordion/Accordion.d.ts +4 -4
- package/lib/ActionMenu/ActionMenu.d.ts +7 -7
- package/lib/Avatar/Avatar.d.ts +1 -1
- package/lib/Button/Button.d.ts +4 -4
- package/lib/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/lib/CTABanner/CTABanner.d.ts +17 -17
- package/lib/CTAForm/CTAForm.d.ts +2 -2
- package/lib/Card/Card.d.ts +9 -7
- package/lib/ComparisonTable/ComparisonTable.d.ts +5 -4
- package/lib/FAQ/FAQ.d.ts +6 -5
- package/lib/Grid/Grid.d.ts +1 -1
- package/lib/Heading/Heading.d.ts +1 -1
- package/lib/Hero/Hero.d.ts +8 -8
- package/lib/InlineLink/InlineLink.d.ts +2 -1
- package/lib/Label/Label.d.ts +1 -1
- package/lib/Pillar/Pillar.d.ts +5 -5
- package/lib/Prose/Prose.d.ts +12 -0
- package/lib/Prose/index.d.ts +1 -0
- package/lib/River/River.d.ts +6 -6
- package/lib/SectionIntro/SectionIntro.d.ts +5 -5
- package/lib/Stack/Stack.d.ts +5 -5
- package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +1 -1
- package/lib/Testimonial/Testimonial.d.ts +7 -7
- package/lib/css/main.css +383 -59
- 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/animation/base.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/comparison-table/comparison-table.css +26 -0
- 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 -2
- 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/faq/faq.css +26 -0
- 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/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +10 -0
- 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 +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/base.css +9 -0
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/river.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/animation/base.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/comparison-table/comparison-table.js +63 -0
- 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 -22
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +63 -0
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.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/image/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +65 -0
- 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 +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +44 -0
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.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/animation/base.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/comparison-table/comparison-table.js +6 -0
- 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 -2
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +6 -0
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +8 -0
- 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 +1 -1
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/prose/base.js +7 -0
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/river.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/scss/tokens/base/colors/color-scales.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/control/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -2
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +7 -0
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +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/animation/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.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/comparison-table/comparison-table.d.ts +17 -0
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +16 -0
- 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 -6
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -6
- 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/faq/faq.d.ts +17 -0
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +16 -0
- 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/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.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/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +53 -0
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +20 -0
- 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 +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +18 -0
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +17 -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/components/river/river.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.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 +2 -2
- package/lib/forms/Radio/Radio.d.ts +2 -2
- package/lib/forms/Select/Select.d.ts +2 -2
- package/lib/forms/TextInput/TextInput.d.ts +3 -3
- package/lib/forms/Textarea/Textarea.d.ts +2 -2
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +3 -3
- package/lib/forms/Checkbox/forms.visual.spec.d.ts +0 -1
package/lib/Pillar/Pillar.d.ts
CHANGED
|
@@ -32,12 +32,12 @@ type PillarDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>>
|
|
|
32
32
|
* Pillar component:
|
|
33
33
|
* {@link https://primer.style/brand/components/Pillar/ See usage examples}.
|
|
34
34
|
*/
|
|
35
|
-
export declare const Pillar: React.ForwardRefExoticComponent<
|
|
35
|
+
export declare const Pillar: React.ForwardRefExoticComponent<Omit<PillarProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
36
36
|
Icon: typeof PillarIcon;
|
|
37
|
-
Heading: React.ForwardRefExoticComponent<
|
|
38
|
-
Description: React.ForwardRefExoticComponent<
|
|
39
|
-
Link: React.ForwardRefExoticComponent<
|
|
37
|
+
Heading: React.ForwardRefExoticComponent<Omit<PillarHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
38
|
+
Description: React.ForwardRefExoticComponent<Omit<PillarDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
39
|
+
Link: React.ForwardRefExoticComponent<Omit<{
|
|
40
40
|
href: string;
|
|
41
|
-
} & Omit<LinkProps, "size" | "direction"> & BaseProps<HTMLAnchorElement>, "
|
|
41
|
+
} & Omit<LinkProps, "size" | "direction"> & BaseProps<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
42
42
|
};
|
|
43
43
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { BaseProps } from '../component-helpers';
|
|
3
|
+
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/prose/base.css';
|
|
4
|
+
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-link/base.css';
|
|
5
|
+
export type ProseProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Valid children include string encapsulated HTML elements such as `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<p>`, `<strong>`, `<em>`, `<a>`, `<ul>`, `<ol>`, `<li>`, `<img>`, and `<div>`.
|
|
8
|
+
*/
|
|
9
|
+
html: string;
|
|
10
|
+
enableFullWidth?: boolean;
|
|
11
|
+
} & Omit<BaseProps<HTMLDivElement>, 'animate' | 'children'> & Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
|
|
12
|
+
export declare const Prose: React.ForwardRefExoticComponent<Omit<ProseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Prose';
|
package/lib/River/River.d.ts
CHANGED
|
@@ -63,7 +63,7 @@ type RiverVisualProps = BaseProps<HTMLDivElement> & PropsWithChildren<{
|
|
|
63
63
|
/**
|
|
64
64
|
* Alternating text and image pairs.
|
|
65
65
|
*/
|
|
66
|
-
export declare const River: React.ForwardRefExoticComponent<
|
|
66
|
+
export declare const River: React.ForwardRefExoticComponent<Omit<{
|
|
67
67
|
/**
|
|
68
68
|
* Only specific children are valid.
|
|
69
69
|
* These include: `River.Visual` and `River.Content`.
|
|
@@ -78,10 +78,10 @@ export declare const River: React.ForwardRefExoticComponent<Pick<{
|
|
|
78
78
|
/**
|
|
79
79
|
* Adjust the order of the `Content` column. The default is `start`.
|
|
80
80
|
*/
|
|
81
|
-
align?: "
|
|
82
|
-
} & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>, "
|
|
83
|
-
Visual: React.ForwardRefExoticComponent<
|
|
84
|
-
Content: React.ForwardRefExoticComponent<
|
|
81
|
+
align?: "start" | "center" | "end" | undefined;
|
|
82
|
+
} & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>> & {
|
|
83
|
+
Visual: React.ForwardRefExoticComponent<Omit<RiverVisualProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
84
|
+
Content: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLDivElement> & {
|
|
85
85
|
/**
|
|
86
86
|
* Escape-hatch for inserting custom React components.
|
|
87
87
|
* Warning:
|
|
@@ -103,6 +103,6 @@ export declare const River: React.ForwardRefExoticComponent<Pick<{
|
|
|
103
103
|
* to enforce correct HTML semantics.
|
|
104
104
|
*/
|
|
105
105
|
children: React.ReactElement<TextProps> | React.ReactElement<HeadingProps | TextProps | LinkProps>[];
|
|
106
|
-
} & React.HTMLAttributes<HTMLDivElement>, "
|
|
106
|
+
} & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
107
107
|
};
|
|
108
108
|
export {};
|
|
@@ -6,11 +6,11 @@ export type SectionIntroProps = {
|
|
|
6
6
|
align?: 'start' | 'center';
|
|
7
7
|
} & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
|
|
8
8
|
type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
|
|
9
|
-
export declare const SectionIntro: React.ForwardRefExoticComponent<
|
|
10
|
-
Heading: React.ForwardRefExoticComponent<
|
|
11
|
-
Description: React.ForwardRefExoticComponent<
|
|
9
|
+
export declare const SectionIntro: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>> & {
|
|
10
|
+
Heading: React.ForwardRefExoticComponent<Omit<SectionIntroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
11
|
+
Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {
|
|
12
12
|
children: React.ReactNode | React.ReactNode[];
|
|
13
|
-
}, "
|
|
14
|
-
Link: React.ForwardRefExoticComponent<
|
|
13
|
+
}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
14
|
+
Link: React.ForwardRefExoticComponent<Omit<Omit<LinkProps, "size"> & BaseProps<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
15
15
|
};
|
|
16
16
|
export {};
|
package/lib/Stack/Stack.d.ts
CHANGED
|
@@ -72,7 +72,7 @@ export type StackProps = BaseProps<HTMLElement> & {
|
|
|
72
72
|
* Stack enables layout of its immediate children along the vertical or horizontal axis
|
|
73
73
|
* @see https://primer.style/brand/components/Stack
|
|
74
74
|
*/
|
|
75
|
-
export declare const Stack: React.ForwardRefExoticComponent<
|
|
75
|
+
export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLElement> & {
|
|
76
76
|
children: React.ReactNode[] | React.ReactNode;
|
|
77
77
|
/**
|
|
78
78
|
* Defines the flex-direction CSS property.
|
|
@@ -85,7 +85,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
|
|
|
85
85
|
* A string value will be applied to all viewports.
|
|
86
86
|
* An object can be used to define different values for different viewports.
|
|
87
87
|
*/
|
|
88
|
-
gap?: "normal" |
|
|
88
|
+
gap?: "normal" | "condensed" | "none" | 4 | 24 | 16 | "spacious" | 8 | 12 | 20 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
|
|
89
89
|
/**
|
|
90
90
|
* Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
|
|
91
91
|
* A string value will be applied to all viewports.
|
|
@@ -97,16 +97,16 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
|
|
|
97
97
|
* A string value will be applied to all viewports.
|
|
98
98
|
* An object can be used to define different values for different viewports.
|
|
99
99
|
*/
|
|
100
|
-
padding?: "normal" |
|
|
100
|
+
padding?: "normal" | "condensed" | "none" | 4 | 24 | 16 | "spacious" | 8 | 12 | 20 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
|
|
101
101
|
/**
|
|
102
102
|
* Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
|
|
103
103
|
* A string value will be applied to all viewports.
|
|
104
104
|
* An object can be used to define different values for different viewports.
|
|
105
105
|
*/
|
|
106
|
-
justifyContent?: "space-around" | "space-between" | "space-evenly" | "
|
|
106
|
+
justifyContent?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | ResponsiveJustifyContentMap | undefined;
|
|
107
107
|
/**
|
|
108
108
|
* Forward inline styles
|
|
109
109
|
*/
|
|
110
110
|
style?: React.CSSProperties | undefined;
|
|
111
|
-
} & BaseProps<HTMLDivElement>, "
|
|
111
|
+
} & BaseProps<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
|
|
112
112
|
export {};
|
|
@@ -64,7 +64,7 @@ declare function PrimaryAction({ children, href, ...rest }: PropsWithChildren<CT
|
|
|
64
64
|
declare function SecondaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): JSX.Element;
|
|
65
65
|
export declare const SubdomainNavBar: typeof Root & {
|
|
66
66
|
Link: typeof Link;
|
|
67
|
-
Search: React.ForwardRefExoticComponent<
|
|
67
|
+
Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<unknown>>;
|
|
68
68
|
PrimaryAction: typeof PrimaryAction;
|
|
69
69
|
SecondaryAction: typeof SecondaryAction;
|
|
70
70
|
testIds: {
|
|
@@ -47,16 +47,16 @@ declare function _Avatar({ size, ...rest }: AvatarProps): JSX.Element;
|
|
|
47
47
|
* Use Testimonial to display a quote from a customer or user.
|
|
48
48
|
* @see https://primer.style/brand/components/Testimonial
|
|
49
49
|
*/
|
|
50
|
-
export declare const Testimonial: React.ForwardRefExoticComponent<
|
|
51
|
-
Quote: React.ForwardRefExoticComponent<
|
|
50
|
+
export declare const Testimonial: React.ForwardRefExoticComponent<Omit<TestimonialProps, "ref"> & React.RefAttributes<unknown>> & {
|
|
51
|
+
Quote: React.ForwardRefExoticComponent<Omit<{
|
|
52
52
|
children: string;
|
|
53
|
-
} & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "
|
|
54
|
-
Name: React.ForwardRefExoticComponent<
|
|
53
|
+
} & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
|
|
54
|
+
Name: React.ForwardRefExoticComponent<Omit<{
|
|
55
55
|
position?: string | undefined;
|
|
56
|
-
} & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "
|
|
56
|
+
} & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
|
|
57
57
|
Avatar: typeof _Avatar;
|
|
58
|
-
Logo: React.ForwardRefExoticComponent<
|
|
58
|
+
Logo: React.ForwardRefExoticComponent<Omit<{
|
|
59
59
|
children: React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<HTMLAttributes<HTMLImageElement>>;
|
|
60
|
-
} & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>, "
|
|
60
|
+
} & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>, "ref"> & React.RefAttributes<unknown>>;
|
|
61
61
|
};
|
|
62
62
|
export {};
|