@primer/react-brand 0.21.0 → 0.21.1-rc.667f4ae

package/lib/Grid/Grid.d.ts

@@ -47,7 +47,7 @@ export declare const Grid: React.NamedExoticComponent<React.HTMLAttributes<"div"
     /**
      * The HTML element used to render the grid.
      */
-    as?: "div" | "section" | "span" | undefined;
+    as?: "span" | "div" | "section" | undefined;
     /**
      * Visual aid to help with alignment.
      */

package/lib/Hero/Hero.d.ts

@@ -2,6 +2,7 @@ import React, { PropsWithChildren } from 'react';
 import { ButtonBaseProps } from '../Button';
 import { HeadingProps } from '../Heading';
 import { TextSizes, TextWeightVariants, ResponsiveWeightMap } from '../Text';
+import { LabelProps } from '../Label';
 import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/hero/base.css';
 export type HeroProps = BaseProps<HTMLElement> & {
@@ -13,6 +14,8 @@ type HeroDescriptionProps = {
     weight?: TextWeightVariants | ResponsiveWeightMap;
 } & BaseProps<HTMLParagraphElement>;
 declare function HeroDescription({ size, weight, children }: PropsWithChildren<HeroDescriptionProps>): JSX.Element;
+type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
+declare function HeroLabel({ children, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: typeof HeroDescription;
@@ -46,5 +49,6 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    Label: typeof HeroLabel;
 };
 export {};

package/lib/SectionIntro/SectionIntro.d.ts

@@ -1,16 +1,20 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { LinkProps } from '../Link';
 import { HeadingProps } from '../Heading';
+import { LabelProps } from '../Label';
 import type { BaseProps } from '../component-helpers';
 export type SectionIntroProps = {
     align?: 'start' | 'center';
 } & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
 type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
+type SectionIntroLabelProps = LabelProps & BaseProps<HTMLDivElement>;
+declare function _Label({ children, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
 export declare const SectionIntro: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<SectionIntroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     Link: React.ForwardRefExoticComponent<Omit<Omit<LinkProps, "size"> & BaseProps<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Label: typeof _Label;
 };
 export {};