@primer/react-brand 0.36.0 → 0.36.1-rc.1b562c90

package/lib/LogoSuite/LogoSuite.d.ts

@@ -33,63 +33,63 @@ type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
 export declare const LogoSuite: (({ align, children, className, hasDivider, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => JSX.Element) & {
     Heading: React.ForwardRefExoticComponent<Omit<LogoSuiteHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
-        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?: "start" | "center" | "end" | undefined;
+        font?: import("../").TextFontVariants;
+        size?: typeof import("../").TextSizes[number];
+        variant?: typeof import("../").TextVariants[number];
+        weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLParagraphElement> & {
-        as?: "p" | undefined;
+        as?: "p";
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
-        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?: "start" | "center" | "end" | undefined;
+        font?: import("../").TextFontVariants;
+        size?: typeof import("../").TextSizes[number];
+        variant?: typeof import("../").TextVariants[number];
+        weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
-        as?: "span" | undefined;
+        as?: "span";
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
-        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?: "start" | "center" | "end" | undefined;
+        font?: import("../").TextFontVariants;
+        size?: typeof import("../").TextSizes[number];
+        variant?: typeof import("../").TextVariants[number];
+        weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
-        as?: "div" | undefined;
+        as?: "div";
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
-        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?: "start" | "center" | "end" | undefined;
+        font?: import("../").TextFontVariants;
+        size?: typeof import("../").TextSizes[number];
+        variant?: typeof import("../").TextVariants[number];
+        weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
-        as?: "strong" | undefined;
+        as?: "strong";
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
-        font?: "mona-sans" | "hubot-sans" | "monospace" | undefined;
-        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?: "start" | "center" | "end" | undefined;
+        font?: import("../").TextFontVariants;
+        size?: typeof import("../").TextSizes[number];
+        variant?: typeof import("../").TextVariants[number];
+        weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
-        as?: "em" | undefined;
+        as?: "em";
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref">) & React.RefAttributes<HTMLParagraphElement>>;
@@ -98,15 +98,15 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         /**
          * Enables an optional marquee effect
          */
-        marquee?: boolean | undefined;
+        marquee?: boolean;
         /**
          * The speed of the marquee effect
          */
-        marqueeSpeed?: "normal" | "slow" | "idle" | undefined;
+        marqueeSpeed?: "slow" | "normal" | "idle";
         /**
          * The stylistic variant of the LogoBar.
          */
-        variant?: "muted" | "emphasis" | undefined;
+        variant?: "muted" | "emphasis";
     }, "ref"> & React.RefAttributes<HTMLDivElement>>;
     testIds: {
         root: string;

package/lib/MinimalFooter/MinimalFooter.d.ts

@@ -33,6 +33,6 @@ type LinkProps<C extends React.ElementType> = BaseProps<C> & {
  */
 export declare const MinimalFooter: typeof Root & {
     Footnotes: typeof Footnotes;
-    Link: <C extends React.ElementType<any> = "a">({ as, children, ...rest }: React.PropsWithChildren<LinkProps<C>>) => JSX.Element;
+    Link: <C extends React.ElementType = "a">({ as, children, ...rest }: PropsWithChildren<LinkProps<C>>) => JSX.Element;
 };
 export {};

package/lib/Pagination/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LinkProps } from '../Link';
 type PaginationModel = {
     type: string;

package/lib/Stack/Stack.d.ts

@@ -90,38 +90,38 @@ 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.
      */
-    direction?: "horizontal" | "vertical" | ResponsiveDirectionMap | undefined;
+    direction?: StackDirectionVariants | ResponsiveDirectionMap;
     /**
      * Defines the gap CSS property.
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    gap?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    gap?: StackSpacingVariants | ResponsiveSpacingMap;
     /**
      * 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.
      * An object can be used to define different values for different viewports.
      */
-    alignItems?: "center" | "flex-end" | "flex-start" | ResponsiveAlignItemsMap | undefined;
+    alignItems?: StackAlignItemVariants | ResponsiveAlignItemsMap;
     /**
      * Defines the padding CSS property on the parent Stack.
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    padding?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    padding?: StackSpacingVariants | ResponsiveSpacingMap;
     /**
      * 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?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | ResponsiveJustifyContentMap | undefined;
+    justifyContent?: justifyContentVariants | ResponsiveJustifyContentMap;
     /**
      * Forward inline styles
      */
-    style?: React.CSSProperties | undefined;
+    style?: React.CSSProperties;
     /**
      * Applies flex-wrap to the Stack, using the flex-wrap CSS property.
      */
-    flexWrap?: "nowrap" | "wrap" | ResponsiveFlexWrapMap | undefined;
+    flexWrap?: StackFlexWrapVariants | ResponsiveFlexWrapMap;
 } & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/SubNav/SubNav.d.ts

@@ -44,15 +44,15 @@ declare function _SubNavAction({ children, href, variant, size, ...rest }: SubNa
  * @see https://primer.style/brand/components/SubNav
  */
 export declare const SubNav: React.NamedExoticComponent<{
-    hasShadow?: boolean | undefined;
+    hasShadow?: boolean;
     /**
      * Allows the SubNav to be used at full width,
      * removing any internal padding and guttering.
      */
-    fullWidth?: boolean | undefined;
-    'data-testid'?: string | undefined;
+    fullWidth?: boolean;
+    'data-testid'?: string;
 } & BaseProps<HTMLElement> & {
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
 }> & {
     readonly type: ({ id, children, className, "data-testid": testId, fullWidth, hasShadow }: SubNavProps) => JSX.Element;
 } & {

package/lib/SubdomainNavBar/NavigationVisbilityObserver.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function NavigationVisbilityObserver({ children, className, ...rest }: {
     [x: string]: any;
     children: any;

package/lib/Testimonial/Testimonial.d.ts

@@ -53,7 +53,7 @@ export declare const Testimonial: React.ForwardRefExoticComponent<Omit<Testimoni
         children: string | Array<string | React.ReactElement<HTMLElement>>;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
     Name: React.ForwardRefExoticComponent<Omit<{
-        position?: string | undefined;
+        position?: string;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
     Avatar: typeof _Avatar;
     Logo: React.ForwardRefExoticComponent<Omit<{

package/lib/Tooltip/Tooltip.d.ts

@@ -19,12 +19,12 @@ export type TriggerPropsType = {
     ref?: React.RefObject<HTMLElement>;
 };
 export declare const TooltipContext: React.Context<{
-    tooltipId?: string | undefined;
+    tooltipId?: string;
 }>;
 export declare const Tooltip: React.ForwardRefExoticComponent<Omit<{
-    direction?: TooltipDirection | undefined;
+    direction?: TooltipDirection;
     text: string;
-    type?: "label" | "description" | undefined;
+    type?: "label" | "description";
     children?: React.ReactNode;
 } & BaseProps<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/VideoPlayer/VideoPlayer.d.ts

@@ -23,7 +23,7 @@ export declare const VideoPlayer: React.ForwardRefExoticComponent<Omit<VideoPlay
     Source: (props: React.HTMLProps<HTMLSourceElement>) => JSX.Element;
     Track: ({ kind, ...rest }: React.HTMLProps<HTMLTrackElement>) => JSX.Element;
     Provider: React.ForwardRefExoticComponent<Omit<Record<string, unknown> & {
-        children?: React.ReactNode;
+        children?: React.ReactNode | undefined;
     }, "ref"> & React.RefAttributes<HTMLVideoElement>>;
 };
 export {};

package/lib/animation/useAnimation.d.ts

@@ -1,6 +1,5 @@
 import { CSSProperties } from 'react';
 import { AnimateProps } from './AnimationProvider';
-import styles from './Animation.module.css';
 /**
  * A hook that returns CSS classes and styles for animating an element.
  * @param {AnimateProps} [animateProps] - An object containing animation properties.

package/lib/component-helpers.d.ts

@@ -5,7 +5,7 @@ import { AnimateProps } from './animation/AnimationProvider';
  */
 export declare const Container: ({ children, style, }: {
     children: React.ReactElement[] | React.ReactElement;
-    style?: React.CSSProperties | undefined;
+    style?: React.CSSProperties;
 }) => JSX.Element;
 type RedlineBackgroundProps = {
     height?: number;