@primer/react-brand 0.53.0-rc.ca2c46ef → 0.54.0-rc.b1edea12

package/lib/MinimalFooter/MinimalFooter.d.ts

@@ -4,13 +4,70 @@ import { BaseProps } from '../component-helpers';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css';
-export declare const MinimalFooterSocialLinks: readonly ["x", "github", "linkedin", "youtube", "facebook", "twitch", "tiktok", "instagram"];
-type SocialLinks = (typeof MinimalFooterSocialLinks)[number];
+declare const socialLinkData: {
+    readonly x: {
+        readonly fullName: "X";
+        readonly url: "https://x.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/x.svg";
+        readonly iconWidth: 20;
+        readonly iconHeight: 16;
+    };
+    readonly github: {
+        readonly fullName: "GitHub";
+        readonly url: "https://github.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg";
+        readonly iconWidth: 20;
+        readonly iconHeight: 20;
+    };
+    readonly linkedin: {
+        readonly fullName: "LinkedIn";
+        readonly url: "https://www.linkedin.com/company/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg";
+        readonly iconWidth: 19;
+        readonly iconHeight: 18;
+    };
+    readonly youtube: {
+        readonly fullName: "YouTube";
+        readonly url: "https://www.youtube.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg";
+        readonly iconWidth: 23;
+        readonly iconHeight: 16;
+    };
+    readonly facebook: {
+        readonly fullName: "Facebook";
+        readonly url: "https://www.facebook.com/GitHub";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly twitch: {
+        readonly fullName: "Twitch";
+        readonly url: "https://www.twitch.tv/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly tiktok: {
+        readonly fullName: "TikTok";
+        readonly url: "https://www.tiktok.com/@github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly instagram: {
+        readonly fullName: "Instagram";
+        readonly url: "https://www.instagram.com/github/";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg";
+        readonly iconWidth: 24;
+        readonly iconHeight: 24;
+    };
+};
+type SocialLinkName = keyof typeof socialLinkData;
 export type MinimalFooterProps = {
     /**
      * An array of social links to be displayed in the footer.
      */
-    socialLinks?: SocialLinks[] | false;
+    socialLinks?: SocialLinkName[] | false;
     /**
      * The href for the GitHub logo.
      */

package/lib/PricingOptions/PricingOptions.d.ts

@@ -1,4 +1,5 @@
 import React, { PropsWithChildren } from 'react';
+import type { ListItemProps } from '../list/ListItem/ListItem';
 import type { BaseProps } from '../component-helpers';
 import { ButtonBaseProps, HeadingProps, LabelProps } from '..';
 /**
@@ -9,7 +10,7 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/compone
 type AlignOptions = 'start' | 'center';
 export type PricingOptionsProps = {
     align?: AlignOptions;
-    variant?: 'default' | 'cards';
+    variant?: 'default' | 'default-gradient' | 'cards' | 'cards-gradient';
     ['data-testid']?: string;
 } & PropsWithChildren<BaseProps<HTMLDivElement>>;
 export type PricingOptionsItem = {
@@ -61,7 +62,7 @@ type PricingOptionsFeatureListGroupHeadingProps = PropsWithChildren<BaseProps<HT
 type PricingOptionsFeatureListItemProps = PropsWithChildren<BaseProps<HTMLLIElement>> & {
     'data-testid'?: string;
     variant?: 'included' | 'excluded';
-};
+} & Omit<ListItemProps, 'variant'>;
 type AsA = {
     as: 'a';
     href: string;

package/lib/SubNav/SubNav.d.ts

@@ -25,6 +25,10 @@ type SubNavHeadingProps = {
     href: string;
     'data-testid'?: string;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+type SubNavSubHeadingProps = {
+    href: string;
+    'data-testid'?: string;
+} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
 type SubNavLinkProps = {
     href: string;
     'data-testid'?: string;
@@ -68,6 +72,7 @@ export declare const SubNav: React.NamedExoticComponent<{
     readonly type: ({ id, children, className, "data-testid": testId, fullWidth, hasShadow }: SubNavProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => import("react/jsx-runtime").JSX.Element;
+    SubHeading: ({ href, children, className, "data-testid": testID, ...props }: SubNavSubHeadingProps) => import("react/jsx-runtime").JSX.Element;
     Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
     Action: typeof _SubNavAction;
     SubMenu: typeof _SubMenu;