@primer/react-brand 0.38.1-rc.de5693e1 → 0.39.0-rc.0751789a

package/lib/BreakoutBanner/BreakoutBanner.d.ts

@@ -102,25 +102,25 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
             regular?: "horizontal" | "vertical";
             wide?: "horizontal" | "vertical";
         };
-        gap?: ("normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
-            narrow?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            regular?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            wide?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+        gap?: ("normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
+            narrow?: "normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            regular?: "normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            wide?: "normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
         };
         alignItems?: ("center" | "flex-end" | "flex-start") | {
             narrow?: "center" | "flex-end" | "flex-start";
             regular?: "center" | "flex-end" | "flex-start";
             wide?: "center" | "flex-end" | "flex-start";
         };
-        padding?: ("normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
-            narrow?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            regular?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            wide?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+        padding?: ("normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
+            narrow?: "normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            regular?: "normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            wide?: "normal" | 8 | "condensed" | "none" | 4 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
         };
-        justifyContent?: ("center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start") | {
-            narrow?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
-            regular?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
-            wide?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
+        justifyContent?: ("space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start") | {
+            narrow?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start";
+            regular?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start";
+            wide?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start";
         };
         style?: React.CSSProperties;
         flexWrap?: ("nowrap" | "wrap") | {

package/lib/Footnotes/Footnotes.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+export declare const FootnotesTags: readonly ["div", "ol"];
+type FootnotesRestrictedPolymorphism = (React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
+    as?: 'div';
+}) | (React.HTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLOListElement> & {
+    as?: 'ol';
+});
+type FootnotesProps = {
+    as?: (typeof FootnotesTags)[number];
+    visuallyHiddenHeading?: string;
+} & FootnotesRestrictedPolymorphism;
+declare function Root({ as, className, children, visuallyHiddenHeading, ...rest }: FootnotesProps): JSX.Element;
+export declare const FootnotesItemTags: readonly ["a", "p"];
+type DefaultFootnotesItemProps = {
+    _variant?: 'disclaimer';
+};
+type CitationFootnotesItemProps = {
+    _variant?: 'citation';
+    href?: string;
+};
+type FootnotesItemProps = (DefaultFootnotesItemProps | CitationFootnotesItemProps) & React.HTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLParagraphElement>;
+declare function Item({ className, children, _variant, ...rest }: FootnotesItemProps): JSX.Element;
+/**
+ * Footnotes component
+ * {@link https://primer.style/brand/components/Footnotes/ See usage examples}.
+ */
+export declare const Footnotes: typeof Root & {
+    Item: typeof Item;
+};
+export {};

package/lib/Footnotes/Footnotes.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Footnotes/index.d.ts

@@ -0,0 +1 @@
+export * from './Footnotes';

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?: "span" | "div" | "section" | undefined;
+    as?: "div" | "section" | "span" | undefined;
     /**
      * Visual aid to help with alignment.
      */

package/lib/SubNav/SubNav.d.ts

@@ -23,7 +23,7 @@ type SubNavLinkProps = {
     href: string;
     'data-testid'?: string;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
-declare function _SubMenu({ children, className, ...props }: PropsWithChildren<BaseProps<HTMLDivElement>>): JSX.Element;
+declare function _SubMenu({ children, className, ...props }: PropsWithChildren<BaseProps<HTMLUListElement>>): JSX.Element;
 type SubNavActionProps = {
     /**
      * Required path or location for the action button to link to.