@primer/react-brand 0.77.0-rc.d45b2bb1 → 0.77.0

package/lib/Section/Section.d.ts

@@ -3,6 +3,7 @@ import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/section/section.css';
 export declare const SectionPaddingVariants: readonly ["none", "condensed", "normal", "spacious"];
 export declare const SectionBackgroundColors: readonly ["default", "subtle"];
+export declare const SectionVariants: readonly ["default", "gridline"];
 type ResponsiveMap<T> = {
     narrow?: T;
     regular?: T;
@@ -15,11 +16,16 @@ type ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>;
 type ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>;
 type ResponsiveBackgroundImageSrcMap = ResponsiveMap<string | string[]>;
 type ResponsivePaddingVariantsMap = ResponsiveMap<PaddingVariants>;
+type SectionVariant = (typeof SectionVariants)[number];
 type SectionProps = {
     /**
      * The HTML element used to render the section.
      */
     as?: 'section' | 'div';
+    /**
+     * The visual variant of the section.
+     */
+    variant?: SectionVariant;
     /**
      * The padding applied to the start of the section.
      */
@@ -50,6 +56,7 @@ type SectionProps = {
     fullWidth?: boolean;
     /**
      * Adds rounded corners to the top of the section.
+     * Not supported with the `gridline` variant.
      */
     rounded?: boolean;
     /**