@primer/react-brand 0.66.1-rc.612823df → 0.67.0-rc.6f52e887

package/lib/EyebrowText/EyebrowText.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { type TextProps } from '../Text';
 import type { BaseProps } from '../component-helpers';
-export type EyebrowTextProps = BaseProps<HTMLSpanElement> & {
+export type EyebrowTextProps = Omit<TextProps, 'as' | 'animate'> & Omit<BaseProps<HTMLSpanElement>, 'animate'> & {
     ['data-testid']?: string;
-} & React.ComponentPropsWithoutRef<'span'>;
+};
 /**
  * EyebrowText is a simple text component that should be used above Headings.
  */

package/lib/Hero/Hero.d.ts

@@ -119,7 +119,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
-    }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    }, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
     SecondaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
@@ -134,7 +134,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
-    }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    }, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
     Image: React.ForwardRefExoticComponent<(Omit<{
         position?: import("./HeroContext").HeroMediaPositions;
         enableBorder?: boolean;

package/lib/Hero/HeroContext.d.ts

@@ -4,7 +4,7 @@ export type HeroAlign = (typeof HeroAlignOptions)[number];
 export declare const HeroVariantOptions: readonly ["default", "gridline", "gridline-expressive"];
 export type HeroVariant = (typeof HeroVariantOptions)[number];
 export declare const heroMediaPositions: readonly ["block-end", "block-end-padded", "inline-start", "inline-end", "inline-end-padded", "inline-start-padded"];
-export declare const heroMediaInlinePositions: ("block-end" | "block-end-padded" | "inline-start" | "inline-end" | "inline-end-padded" | "inline-start-padded")[];
+export declare const heroMediaInlinePositions: ("inline-end" | "inline-start" | "block-end" | "block-end-padded" | "inline-end-padded" | "inline-start-padded")[];
 export type HeroMediaPositions = (typeof heroMediaPositions)[number];
 export type HeroMediaInlinePositions = (typeof heroMediaInlinePositions)[number];
 type HeroContextType = {

package/lib/Hero/sub-components/HeroPrimaryAction.d.ts

@@ -24,5 +24,5 @@ export declare const HeroPrimaryAction: React.ForwardRefExoticComponent<(Omit<{
     as?: "button";
 } & {
     children?: React.ReactNode | undefined;
-}, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export {};

package/lib/Hero/sub-components/HeroSecondaryAction.d.ts

@@ -24,5 +24,5 @@ export declare const HeroSecondaryAction: React.ForwardRefExoticComponent<(Omit<
     as?: "button";
 } & {
     children?: React.ReactNode | undefined;
-}, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export {};

package/lib/PricingOptions/PricingOptions.d.ts

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from 'react';
+import React, { HTMLAttributes, PropsWithChildren } from 'react';
 import type { ListItemProps } from '../list/ListItem/ListItem';
 import type { BaseProps } from '../component-helpers';
-import { ButtonBaseProps, HeadingProps, LabelProps } from '..';
+import { ButtonBaseProps, HeadingProps } from '..';
 /**
  * Design tokens
  */
@@ -12,7 +12,10 @@ export type PricingOptionsProps = {
     align?: AlignOptions;
     variant?: 'default' | 'default-gradient' | 'cards' | 'cards-gradient';
     ['data-testid']?: string;
-} & PropsWithChildren<BaseProps<HTMLDivElement>>;
+} & PropsWithChildren<BaseProps<HTMLDivElement>> & HTMLAttributes<HTMLDivElement>;
+type PricingOptionsLabelProps = PropsWithChildren<{
+    'data-testid'?: string;
+}>;
 export type PricingOptionsItem = {
     ['data-testid']?: string;
     /**
@@ -23,9 +26,6 @@ export type PricingOptionsItem = {
      */
     leadingComponent?: React.ReactElement;
 } & PropsWithChildren<BaseProps<HTMLDivElement>>;
-type PricingOptionsLabelProps = PropsWithChildren<BaseProps<HTMLSpanElement>> & {
-    'data-testid'?: string;
-} & LabelProps;
 type PricingOptionsDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {
     'data-testid'?: string;
 };
@@ -61,6 +61,7 @@ type PricingOptionsFeatureListGroupHeadingProps = PropsWithChildren<BaseProps<HT
 };
 type PricingOptionsFeatureListItemProps = PropsWithChildren<BaseProps<HTMLLIElement>> & {
     'data-testid'?: string;
+    infoTooltip?: string;
     variant?: 'included' | 'excluded';
 } & Omit<ListItemProps, 'variant'>;
 type AsA = {
@@ -73,6 +74,9 @@ type AsButton = {
     'data-testid'?: string;
 } & React.ButtonHTMLAttributes<BaseProps<HTMLButtonElement>> & ButtonBaseProps;
 type PricingOptionsActionsProps = AsA | AsButton;
+type PricingOptionsMenuActionProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {
+    'data-testid'?: string;
+};
 type PricingOptionsFootnoteProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {
     'data-testid'?: string;
 };
@@ -87,21 +91,24 @@ export declare const PricingOptions: React.ForwardRefExoticComponent<Omit<React.
     FeatureListGroupHeading: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListGroupHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     FeatureListItem: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
     Footnote: React.ForwardRefExoticComponent<Omit<PricingOptionsFootnoteProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Label: ({ children }: PricingOptionsLabelProps) => import("react/jsx-runtime").JSX.Element;
     Heading: React.ForwardRefExoticComponent<Omit<PricingOptionsHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Item: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PricingOptionsItem>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<PricingOptionsLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    MenuAction: React.ForwardRefExoticComponent<Omit<PricingOptionsMenuActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Price: React.ForwardRefExoticComponent<Omit<PricingOptionsPriceProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    PrimaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-    SecondaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    PrimaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    SecondaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
     testIds: {
         root: string;
         item: string;
+        labelRow: string;
         heading: string;
         label: string;
         description: string;
         price: string;
         primaryAction: string;
         secondaryAction: string;
+        menuAction: string;
         featureList: string;
         featureListHeading: string;
         featureListItem: string;

package/lib/SectionIntro/SectionIntro.d.ts

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
 import { LinkProps } from '../Link';
 import { HeadingProps } from '../Heading';
-import { LabelProps } from '../Label';
+import { TextProps } from '../Text';
 import type { BaseProps } from '../component-helpers';
 export type SectionIntroProps = {
     align?: 'start' | 'center';
@@ -18,13 +18,15 @@ type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
 type SectionIntroDescriptionProps = BaseProps<HTMLParagraphElement> & {
     children: React.ReactNode | React.ReactNode[];
 };
-type SectionIntroLabelProps = LabelProps & BaseProps<HTMLDivElement>;
-declare function _Label({ children, ...rest }: PropsWithChildren<SectionIntroLabelProps>): import("react/jsx-runtime").JSX.Element;
+export type SectionIntroLabelProps = Omit<TextProps, 'as' | 'ref' | 'animate'> & Omit<BaseProps<HTMLSpanElement>, 'animate'> & {
+    animate?: boolean;
+    animationDelay?: number;
+};
 type SectionIntroLinkProps = Omit<LinkProps, 'size'> & BaseProps<HTMLAnchorElement>;
 export declare const SectionIntro: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<SectionIntroDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     Link: React.ForwardRefExoticComponent<Omit<SectionIntroLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    Label: typeof _Label;
+    Label: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroLabelProps>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 };
 export {};