@primer/react-brand 0.65.0-rc.dd3b4470 → 0.65.0

package/lib/river/River/River.d.ts

@@ -8,6 +8,12 @@ import type { BaseProps } from '../../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css';
+export declare const RiverVariants: readonly ["default", "gridline"];
+export declare const BorderedGrid: "gridline";
+export declare const GridLine: "gridline";
+export type RiverVariant = (typeof RiverVariants)[number];
+export declare const RiverContentAlignValues: readonly ["center", "block-end"];
+export type RiverContentAlign = (typeof RiverContentAlignValues)[number];
 export type RiverProps = {
     /**
      * Only specific children are valid.
@@ -24,10 +30,20 @@ export type RiverProps = {
      * Adjust the order of the `Content` column. The default is `start`.
      */
     align?: 'start' | 'end' | 'center';
+    /**
+     * Apply a visual variant. The default is `default`.
+     * `gridline` applies lateral spacing for use in bordered grid layouts.
+     */
+    variant?: RiverVariant;
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
 export declare const defaultRiverImageTextRatio = "50:50";
 export declare const defaultRiverAlign = "start";
+export declare const defaultRiverVariant: RiverVariant;
 export type RiverContentProps = BaseProps<HTMLDivElement> & {
+    /**
+     * Aligns the content vertically within its container.
+     */
+    align?: RiverContentAlign;
     /**
      * Escape-hatch for inserting custom React components.
      * Warning:
@@ -55,6 +71,8 @@ export type RiverContentProps = BaseProps<HTMLDivElement> & {
     children: React.ReactElement<TextProps> | React.ReactElement<HeadingProps | TextProps | LinkProps>[];
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const RiverContent: React.ForwardRefExoticComponent<Omit<RiverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RiverVisualBackgroundColors: readonly ["default", "subtle"];
+export type RiverVisualBackgroundColor = (typeof RiverVisualBackgroundColors)[number];
 export type RiverVisualProps = BaseProps<HTMLDivElement> & React.HtmlHTMLAttributes<HTMLDivElement> & PropsWithChildren<{
     /**
      * Applies automatic size constraints to child images and video.
@@ -71,6 +89,10 @@ export type RiverVisualProps = BaseProps<HTMLDivElement> & React.HtmlHTMLAttribu
      * Can optionally be disabled.
      */
     rounded?: boolean;
+    /**
+     * Applies a background color with padding around the media.
+     */
+    imageBackgroundColor?: RiverVisualBackgroundColor;
 }>;
 export declare const Visual: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<RiverVisualProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**

package/lib/river/River/index.d.ts

@@ -1,2 +1,2 @@
-export { River, defaultRiverImageTextRatio, defaultRiverAlign } from './River';
+export { River, defaultRiverImageTextRatio, defaultRiverAlign, defaultRiverVariant } from './River';
 export type { RiverProps, RiverContentProps, RiverVisualProps } from './River';

package/lib/river/RiverBreakout/RiverBreakout.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
 import { RiverProps } from '../River';
-type RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'>;
+export declare const RiverBreakoutVariants: readonly ["default", "gridline"];
+export type RiverBreakoutVariant = (typeof RiverBreakoutVariants)[number];
+type RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'> & {
+    /**
+     * Apply a visual variant. The default is `default`.
+     * `gridline` adds horizontal border lines and lateral spacing.
+     */
+    variant?: RiverBreakoutVariant;
+};
 export declare const RiverBreakout: React.ForwardRefExoticComponent<Omit<RiverBreakoutProps, "ref"> & React.RefAttributes<HTMLElement>> & {
     Visual: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("..").RiverVisualProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<import("..").RiverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/react-brand",
-  "version": "0.65.0-rc.dd3b4470",
+  "version": "0.65.0",
   "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.",
   "keywords": [
     "primer",