@primer/react-brand 0.34.1-rc.14453a4 → 0.34.1-rc.2e24c91

package/lib/CTABanner/CTABanner.d.ts

@@ -35,10 +35,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
             regular?: "normal" | "condensed" | "expanded" | undefined;
             wide?: "normal" | "condensed" | "expanded" | undefined;
         } | undefined;
-        letterSpacing?: "normal" | "none" | "condensed" | {
-            narrow?: "normal" | "none" | "condensed" | undefined;
-            regular?: "normal" | "none" | "condensed" | undefined;
-            wide?: "normal" | "none" | "condensed" | undefined;
+        letterSpacing?: "normal" | "condensed" | "none" | {
+            narrow?: "normal" | "condensed" | "none" | undefined;
+            regular?: "normal" | "condensed" | "none" | undefined;
+            wide?: "normal" | "condensed" | "none" | undefined;
         } | undefined;
         font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/Card/Card.d.ts

@@ -33,6 +33,10 @@ export type CardProps = {
      * */
     ctaText?: string;
     hasBorder?: boolean;
+    /**
+     * Fills the width of the parent container and removes the default max-width.
+     */
+    fullWidth?: boolean;
 } & Omit<BaseProps<HTMLDivElement>, 'animate'> & Omit<React.ComponentPropsWithoutRef<'div'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'> & Pick<React.ComponentPropsWithoutRef<'a'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'>;
 type CardImageProps = ImageProps;
 declare function CardImage({ className, ...rest }: CardImageProps): JSX.Element;

package/lib/Hero/Hero.d.ts

@@ -58,7 +58,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         children?: React.ReactNode;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Image: React.ForwardRefExoticComponent<(Omit<{
-        position?: "block-end" | "inline-end" | undefined;
+        position?: "inline-end" | "block-end" | undefined;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;
@@ -70,7 +70,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "img" | undefined;
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet"> | undefined;
     }, "ref"> | Omit<{
-        position?: "block-end" | "inline-end" | undefined;
+        position?: "inline-end" | "block-end" | undefined;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;

package/lib/LogoSuite/LogoSuite.d.ts

@@ -39,7 +39,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLParagraphElement> & {
         as?: "p" | undefined;
     } & {
@@ -51,7 +51,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
         as?: "span" | undefined;
     } & {
@@ -63,7 +63,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
         as?: "div" | undefined;
     } & {
@@ -75,7 +75,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "strong" | undefined;
     } & {
@@ -87,7 +87,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "em" | undefined;
     } & {
@@ -102,7 +102,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         /**
          * The speed of the marquee effect
          */
-        marqueeSpeed?: "normal" | "slow" | undefined;
+        marqueeSpeed?: "normal" | "slow" | "idle" | undefined;
         /**
          * The stylistic variant of the LogoBar.
          */

package/lib/Pagination/Pagination.d.ts

@@ -14,6 +14,9 @@ export type PaginationProps = {
     currentPage: number;
     onPageChange?: (e: React.MouseEvent, n: number) => void;
     hrefBuilder?: (n: number) => string;
+    pageAttributesBuilder?: (n: number) => {
+        [attributeName: string]: string;
+    };
     marginPageCount?: number;
     showPages?: boolean | ResponsivePageVisibilityMap;
     surroundingPageCount?: number;
@@ -23,15 +26,18 @@ export type PaginationProps = {
  * Use Pagination to display a sequence of links that allow navigation to discrete, related pages.
  * @see https://primer.style/brand/components/Pagination
  */
-export declare const Pagination: React.MemoExoticComponent<({ id, children, className, pageCount, currentPage, onPageChange, hrefBuilder, marginPageCount, showPages, surroundingPageCount, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => JSX.Element>;
+export declare const Pagination: React.MemoExoticComponent<({ id, children, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => JSX.Element>;
 type UsePaginationPagesParameters = {
     pageCount: number;
     currentPage: number;
     onPageChange?: (e: React.MouseEvent, n: number) => void;
     hrefBuilder: (n: number) => string;
+    pageAttributesBuilder?: (n: number) => {
+        [key: string]: string;
+    };
     marginPageCount: number;
     showPages?: PaginationProps['showPages'];
     surroundingPageCount: number;
 };
-export declare function usePaginationPages({ pageCount, currentPage, onPageChange, hrefBuilder, marginPageCount, showPages, surroundingPageCount, }: UsePaginationPagesParameters): JSX.Element[];
+export declare function usePaginationPages({ pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, }: UsePaginationPagesParameters): JSX.Element[];
 export {};

package/lib/Stack/Stack.d.ts

@@ -96,7 +96,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    gap?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    gap?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
     /**
      * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
      * A string value will be applied to all viewports.
@@ -108,7 +108,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    padding?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    padding?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
     /**
      * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
      * A string value will be applied to all viewports.