@primer/react-brand 0.64.1-rc.9bfb4676 → 0.65.0-rc.4780c31f

package/lib/Grid/Grid.d.ts

@@ -24,6 +24,18 @@ export type GridProps<T extends keyof JSX.IntrinsicElements = 'div'> = React.HTM
      * Visual aid to help with alignment.
      */
     enableOverlay?: boolean;
+    /**
+     * Enable/disable default gutters
+     */
+    enableGutters?: boolean;
+    /**
+     * Sets the gap between columns.
+     */
+    columnGap?: 'none' | 'default';
+    /**
+     * Sets the gap between rows.
+     */
+    rowGap?: 'none' | 'default';
     /**
      * Fills the width of the parent container and removes the max-width.
      */
@@ -57,6 +69,18 @@ export declare const Grid: React.NamedExoticComponent<React.HTMLAttributes<"div"
      * Visual aid to help with alignment.
      */
     enableOverlay?: boolean;
+    /**
+     * Enable/disable default gutters
+     */
+    enableGutters?: boolean;
+    /**
+     * Sets the gap between columns.
+     */
+    columnGap?: "none" | "default";
+    /**
+     * Sets the gap between rows.
+     */
+    rowGap?: "none" | "default";
     /**
      * Fills the width of the parent container and removes the max-width.
      */
@@ -68,7 +92,7 @@ export declare const Grid: React.NamedExoticComponent<React.HTMLAttributes<"div"
 } & BaseProps<HTMLDivElement> & {
     children?: React.ReactNode | undefined;
 }> & {
-    readonly type: ({ className, children, as, fullWidth, enableOverlay, ["data-testid"]: testId, ...rest }: PropsWithChildren<GridProps>) => import("react/jsx-runtime").JSX.Element;
+    readonly type: ({ className, children, as, fullWidth, enableOverlay, enableGutters, columnGap, rowGap, ["data-testid"]: testId, ...rest }: PropsWithChildren<GridProps>) => import("react/jsx-runtime").JSX.Element;
 } & {
     Column: React.MemoExoticComponent<({ children, as, span, start, className, ...rest }: PropsWithChildren<GridColumnProps>) => import("react/jsx-runtime").JSX.Element>;
     testIds: {

package/lib/Hero/HeroContext.d.ts

@@ -4,7 +4,7 @@ export type HeroAlign = (typeof HeroAlignOptions)[number];
 export declare const HeroVariantOptions: readonly ["default", "gridline", "gridline-expressive"];
 export type HeroVariant = (typeof HeroVariantOptions)[number];
 export declare const heroMediaPositions: readonly ["block-end", "block-end-padded", "inline-start", "inline-end", "inline-end-padded", "inline-start-padded"];
-export declare const heroMediaInlinePositions: ("inline-end" | "inline-start" | "block-end" | "block-end-padded" | "inline-end-padded" | "inline-start-padded")[];
+export declare const heroMediaInlinePositions: ("block-end" | "block-end-padded" | "inline-start" | "inline-end" | "inline-end-padded" | "inline-start-padded")[];
 export type HeroMediaPositions = (typeof heroMediaPositions)[number];
 export type HeroMediaInlinePositions = (typeof heroMediaInlinePositions)[number];
 type HeroContextType = {

package/lib/LogoSuite/LogoSuite.d.ts

@@ -19,6 +19,10 @@ export type LogoSuiteProps = {
      * Test id for the root LogoSuite element.
      */
     'data-testid'?: string;
+    /**
+     * Alternative presentation
+     */
+    variant?: 'default' | 'gridline-expressive';
 } & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
 export type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
     /**
@@ -47,12 +51,18 @@ export type LogoSuiteLogoBarProps = BaseProps<HTMLDivElement> & {
      * The stylistic variant of the LogoBar.
      */
     variant?: 'muted' | 'emphasis';
+    /**
+     * Displays an optional takeover button (as an anchor) on hover/focus.
+     */
+    takeoverButton?: {
+        label: string;
+    } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> & BaseProps<HTMLAnchorElement>;
 };
 /**
  * Use LogoSuite to present a list of logos, such as sponsors or vendors.
  * @see https://primer.style/brand/components/LogoSuite
  */
-export declare const LogoSuite: (({ align, children, className, hasDivider, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => import("react/jsx-runtime").JSX.Element) & {
+export declare const LogoSuite: (({ align, children, className, hasDivider, variant, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => import("react/jsx-runtime").JSX.Element) & {
     Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LogoSuiteHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
         font?: import("../Text").TextFontVariants;