@primer/react-brand 0.32.0-rc.ca93b3e → 0.32.1-rc.453b82a

package/lib/PricingOptions/PricingOptions.d.ts

@@ -11,6 +11,13 @@ export type PricingOptionsProps = {
 } & PropsWithChildren<BaseProps<HTMLDivElement>>;
 export type PricingOptionsItem = {
     ['data-testid']?: string;
+    /**
+     * Escape-hatch for inserting custom React components.
+     * Warning:
+     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
+     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
+     */
+    leadingComponent?: React.ReactElement;
 } & PropsWithChildren<BaseProps<HTMLDivElement>>;
 type PricingOptionsLabelProps = PropsWithChildren<BaseProps<HTMLSpanElement>> & {
     'data-testid'?: string;
@@ -26,6 +33,7 @@ type PricingOptionsPriceProps = PropsWithChildren<BaseProps<HTMLParagraphElement
     currencyCode?: string;
     currencySymbol?: string;
     'data-testid'?: string;
+    originalPrice?: string;
     trailingText?: string;
 };
 type PricingOptionsFeatureListProps = BaseProps<HTMLUListElement> & {
@@ -39,6 +47,16 @@ type PricingOptionsFeatureListItemProps = PropsWithChildren<BaseProps<HTMLLIElem
     'data-testid'?: string;
     variant?: 'included' | 'excluded';
 };
+type AsA = {
+    as: 'a';
+    href: string;
+    'data-testid'?: string;
+} & React.AnchorHTMLAttributes<BaseProps<HTMLAnchorElement>> & ButtonBaseProps;
+type AsButton = {
+    as: 'button';
+    'data-testid'?: string;
+} & React.ButtonHTMLAttributes<BaseProps<HTMLButtonElement>> & ButtonBaseProps;
+type PricingOptionsActionsProps = AsA | AsButton;
 type PricingOptionsFootnoteProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {
     'data-testid'?: string;
 };
@@ -56,42 +74,8 @@ export declare const PricingOptions: React.ForwardRefExoticComponent<Omit<Pricin
     Item: React.ForwardRefExoticComponent<Omit<PricingOptionsItem, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<Omit<PricingOptionsLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Price: React.ForwardRefExoticComponent<Omit<PricingOptionsPriceProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    PrimaryAction: React.ForwardRefExoticComponent<(Omit<{
-        as: 'a' | 'button';
-        href: string;
-        'data-testid'?: string | undefined;
-    } & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
-        as: 'a';
-        href: string;
-    } & {
-        children?: React.ReactNode;
-    }, "ref"> | Omit<{
-        as: 'a' | 'button';
-        href: string;
-        'data-testid'?: string | undefined;
-    } & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
-        as: 'button';
-    } & {
-        children?: React.ReactNode;
-    }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-    SecondaryAction: React.ForwardRefExoticComponent<(Omit<{
-        as: 'a' | 'button';
-        href: string;
-        'data-testid'?: string | undefined;
-    } & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
-        as: 'a';
-        href: string;
-    } & {
-        children?: React.ReactNode;
-    }, "ref"> | Omit<{
-        as: 'a' | 'button';
-        href: string;
-        'data-testid'?: string | undefined;
-    } & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
-        as: 'button';
-    } & {
-        children?: React.ReactNode;
-    }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    PrimaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    SecondaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     testIds: {
         root: string;
         item: string;

package/lib/SubNav/SubNav.d.ts

@@ -1,8 +1,10 @@
 import React, { PropsWithChildren } from 'react';
+import { ButtonSizes, ButtonVariants } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
  */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css';
 export type SubNavProps = {
     hasShadow?: boolean;
@@ -16,6 +18,22 @@ type SubNavLinkProps = {
     href: string;
     'data-testid'?: string;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+declare function _SubMenu({ children, className, ...props }: PropsWithChildren<BaseProps<HTMLDivElement>>): JSX.Element;
+type SubNavActionProps = {
+    /**
+     * Required path or location for the action button to link to.
+     */
+    href: string;
+    /**
+     * Optional sizes for the button.
+     */
+    size?: (typeof ButtonSizes)[number];
+    /**
+     * Optional sizes for the button.
+     */
+    variant?: (typeof ButtonVariants)[number];
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
+declare function _SubNavAction({ children, href, variant, size, ...rest }: SubNavActionProps): JSX.Element;
 /**
  * Use SubNav to display a secondary navigation beneath a primary header.
  * @see https://primer.style/brand/components/SubNav
@@ -30,12 +48,15 @@ export declare const SubNav: React.NamedExoticComponent<{
 } & {
     Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => JSX.Element;
     Link: ({ children, href, "aria-current": ariaCurrent, "data-testid": testId, className, ...props }: SubNavLinkProps) => JSX.Element;
+    Action: typeof _SubNavAction;
+    SubMenu: typeof _SubMenu;
     testIds: {
         root: string;
         readonly button: string;
         readonly overlay: string;
         readonly link: string;
         readonly heading: string;
+        readonly action: string;
     };
 };
 export {};