@primer/react-brand 0.32.1-rc.453b82a → 0.32.1-rc.ada345a

package/lib/ActionMenu/ActionMenu.d.ts

@@ -113,7 +113,7 @@ export declare const ActionMenu: React.NamedExoticComponent<{
     /**
      * Horizontal alignment of the menu relative to the bottom of the button
      */
-    menuAlignment?: "end" | "start" | undefined;
+    menuAlignment?: "start" | "end" | undefined;
     /**
      * Size configuratin of the ActionMenu
      */

package/lib/CTABanner/CTABanner.d.ts

@@ -13,7 +13,7 @@ export type CTABannerProps = BaseProps<HTMLElement> & React.HTMLAttributes<HTMLE
 };
 export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
     children: React.ReactNode | React.ReactNode[];
-    align?: "center" | "start" | undefined;
+    align?: "start" | "center" | undefined;
     hasBorder?: boolean | undefined;
     hasShadow?: boolean | undefined;
     hasBackground?: boolean | undefined;

package/lib/Grid/Grid.d.ts

@@ -51,7 +51,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

@@ -51,7 +51,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;
@@ -62,7 +62,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

@@ -37,9 +37,9 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         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;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "div" | "em" | "p" | "span" | "strong" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLParagraphElement> & {
         as?: "p" | undefined;
     } & {
@@ -49,9 +49,9 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         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;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "div" | "em" | "p" | "span" | "strong" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
         as?: "span" | undefined;
     } & {
@@ -61,9 +61,9 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         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;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "div" | "em" | "p" | "span" | "strong" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
         as?: "div" | undefined;
     } & {
@@ -73,9 +73,9 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         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;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "div" | "em" | "p" | "span" | "strong" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "strong" | undefined;
     } & {
@@ -85,9 +85,9 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         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;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "div" | "em" | "p" | "span" | "strong" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "em" | undefined;
     } & {

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 | "condensed" | "none" | 4 | 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,13 +108,13 @@ 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 | "condensed" | "none" | 4 | 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.
      * An object can be used to define different values for different viewports.
      */
-    justifyContent?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | ResponsiveJustifyContentMap | undefined;
+    justifyContent?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | ResponsiveJustifyContentMap | undefined;
     /**
      * Forward inline styles
      */

package/lib/SubNav/SubNav.d.ts

@@ -1,10 +1,8 @@
 import React, { PropsWithChildren } from 'react';
-import { ButtonSizes, ButtonVariants } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
  */
-import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css';
 export type SubNavProps = {
     hasShadow?: boolean;
@@ -18,22 +16,6 @@ type SubNavLinkProps = {
     href: string;
     'data-testid'?: string;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
-declare function _SubMenu({ children, className, ...props }: PropsWithChildren<BaseProps<HTMLDivElement>>): JSX.Element;
-type SubNavActionProps = {
-    /**
-     * Required path or location for the action button to link to.
-     */
-    href: string;
-    /**
-     * Optional sizes for the button.
-     */
-    size?: (typeof ButtonSizes)[number];
-    /**
-     * Optional sizes for the button.
-     */
-    variant?: (typeof ButtonVariants)[number];
-} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
-declare function _SubNavAction({ children, href, variant, size, ...rest }: SubNavActionProps): JSX.Element;
 /**
  * Use SubNav to display a secondary navigation beneath a primary header.
  * @see https://primer.style/brand/components/SubNav
@@ -48,15 +30,12 @@ export declare const SubNav: React.NamedExoticComponent<{
 } & {
     Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => JSX.Element;
     Link: ({ children, href, "aria-current": ariaCurrent, "data-testid": testId, className, ...props }: SubNavLinkProps) => JSX.Element;
-    Action: typeof _SubNavAction;
-    SubMenu: typeof _SubMenu;
     testIds: {
         root: string;
         readonly button: string;
         readonly overlay: string;
         readonly link: string;
         readonly heading: string;
-        readonly action: string;
     };
 };
 export {};