@primer/react-brand 0.34.0-rc.e0c354d → 0.34.1-rc.14453a4

package/lib/CTABanner/CTABanner.d.ts

@@ -31,9 +31,7 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
             wide?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | undefined;
         } | undefined;
         stretch?: "normal" | "condensed" | "expanded" | {
-            narrow?: "normal" | "condensed" | "expanded" | undefined; /**
-             * Forward a custom HTML class attribute to the root element.
-             */
+            narrow?: "normal" | "condensed" | "expanded" | undefined;
             regular?: "normal" | "condensed" | "expanded" | undefined;
             wide?: "normal" | "condensed" | "expanded" | undefined;
         } | undefined;
@@ -42,7 +40,7 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
             regular?: "normal" | "none" | "condensed" | undefined;
             wide?: "normal" | "none" | "condensed" | undefined;
         } | undefined;
-        font?: "mona-sans" | "hubot-sans" | undefined;
+        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {
         children: React.ReactNode | React.ReactNode[];

package/lib/Card/Card.d.ts

@@ -12,6 +12,10 @@ import { Icon as IconProps } from '@primer/octicons-react';
 export declare const CardIconColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
 export declare const defaultCardIconColor: "default";
 export type CardProps = {
+    /**
+     * Specify alternative card appearance
+     */
+    variant?: 'default' | 'minimal';
     /**
      * Valid children include Card.Image, Card.Heading, and Card.Description
      */

package/lib/Heading/Heading.d.ts

@@ -5,7 +5,7 @@ export declare const HeadingTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
 export declare const HeadingWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light", "extralight"];
 export declare const HeadingStretch: readonly ["condensed", "normal", "expanded"];
 export declare const HeadingLetterSpacing: readonly ["condensed", "normal", "none"];
-export declare const HeadingFontVariants: readonly ["mona-sans", "hubot-sans"];
+export declare const HeadingFontVariants: readonly ["mona-sans", "hubot-sans", "monospace"];
 export declare const defaultHeadingTag: "h2";
 export declare const defaultHeadingFont: "mona-sans";
 type HeadingWeightVariants = (typeof HeadingWeights)[number];

package/lib/Hero/Hero.d.ts

@@ -64,6 +64,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         alt: string;
         aspectRatio?: import("../Image").ImageAspectRatio | undefined;
         media?: string | undefined;
+        borderRadius?: "medium" | "small" | "large" | "xlarge" | "full" | undefined;
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet"> | undefined;
     } & {
         as?: "img" | undefined;
@@ -75,6 +76,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         alt: string;
         aspectRatio?: import("../Image").ImageAspectRatio | undefined;
         media?: string | undefined;
+        borderRadius?: "medium" | "small" | "large" | "xlarge" | "full" | undefined;
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet"> | undefined;
     } & {
         as: "picture";

package/lib/Image/Image.d.ts

@@ -1,11 +1,14 @@
 import React from 'react';
 import { BaseProps } from '../component-helpers';
+export declare const ImageBorderRadiusOptions: readonly ["small", "medium", "large", "xlarge", "full"];
+export type ImageBorderRadiusOptions = (typeof ImageBorderRadiusOptions)[number];
 export type ImageAspectRatio = '1:1' | '16:9' | '16:10' | '4:3' | 'custom';
 export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
     src: string;
     alt: string;
     aspectRatio?: ImageAspectRatio;
     media?: string;
+    borderRadius?: ImageBorderRadiusOptions;
     srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'srcSet'>;
 } & ({
     as?: 'img';
@@ -18,4 +21,4 @@ export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<H
     }[];
     srcSet?: undefined;
 });
-export declare const Image: ({ animate, aspectRatio, className, as, ref, alt, width, height, media, srcSet, style, ...rest }: ImageProps) => JSX.Element;
+export declare const Image: ({ animate, aspectRatio, className, as, ref, alt, width, height, media, srcSet, style, borderRadius, ...rest }: ImageProps) => JSX.Element;

package/lib/LogoSuite/LogoSuite.d.ts

@@ -33,7 +33,7 @@ type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
 export declare const LogoSuite: (({ align, children, className, hasDivider, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => JSX.Element) & {
     Heading: React.ForwardRefExoticComponent<Omit<LogoSuiteHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | undefined;
+        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
@@ -45,7 +45,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | undefined;
+        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
@@ -57,7 +57,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | undefined;
+        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
@@ -69,7 +69,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | undefined;
+        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
@@ -81,7 +81,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | undefined;
+        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;

package/lib/Prose/Prose.d.ts

@@ -8,6 +8,13 @@ export type ProseProps = {
      * 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>`.
      */
     html: string;
+    /**
+     * The presentational variant of the prose.
+     */
+    variant?: 'default' | 'editorial';
+    /**
+     * Whether to enable full width prose or not.
+     */
     enableFullWidth?: boolean;
 } & Omit<BaseProps<HTMLDivElement>, 'animate' | 'children'> & Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
 export declare const Prose: React.ForwardRefExoticComponent<Omit<ProseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/Text/Text.d.ts

@@ -4,7 +4,7 @@ export declare const TextSizes: readonly ["700", "600", "500", "400", "300", "20
 export declare const TextTags: readonly ["p", "span", "div", "strong", "em"];
 export declare const TextVariants: readonly ["default", "muted"];
 export declare const TextWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light", "extralight"];
-export declare const TextFontVariants: readonly ["mona-sans", "hubot-sans"];
+export declare const TextFontVariants: readonly ["mona-sans", "hubot-sans", "monospace"];
 export declare const defaultTextTag: "span";
 export declare const defaultTextSize: "200";
 export declare const defaultTextVariant: "default";