@primer/react-brand 0.49.0 → 0.50.0-rc.5c33ce89

package/lib/Button/Button.d.ts

@@ -2,10 +2,11 @@ import React, { ReactElement } from 'react';
 import type { Icon } from '@primer/octicons-react';
 import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css';
-export declare const ButtonVariants: readonly ["primary", "secondary", "subtle"];
+export declare const ButtonVariants: readonly ["primary", "secondary", "subtle", "accent"];
 export declare const ButtonSizes: readonly ["small", "medium", "large"];
 export declare const defaultButtonVariant: "secondary";
 export declare const defaultButtonSize: "medium";
+type ButtonVariant = (typeof ButtonVariants)[number];
 export type ButtonBaseProps = {
     /**
      * The leading visual appears before the button content
@@ -18,7 +19,7 @@ export type ButtonBaseProps = {
     /**
      * The styling variations available in Button
      */
-    variant?: (typeof ButtonVariants)[number];
+    variant?: ButtonVariant;
     /**
      * The size variations available in Button
      */
@@ -44,3 +45,4 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<Re
         readonly expandableArrow: string;
     };
 };
+export {};

package/lib/Card/Card.d.ts

@@ -35,6 +35,10 @@ export type CardProps = {
      * Fills the width of the parent container and removes the default max-width.
      */
     fullWidth?: boolean;
+    /**
+     * Aligns the card content
+     */
+    align?: 'start' | 'center';
 } & Omit<BaseProps<HTMLDivElement>, 'animate'> & Omit<React.ComponentPropsWithoutRef<'div'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'> & Pick<React.ComponentPropsWithoutRef<'a'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'>;
 type CardImageProps = ImageProps;
 declare function CardImage({ className, ...rest }: CardImageProps): import("react/jsx-runtime").JSX.Element;

package/lib/PricingOptions/PricingOptions.d.ts

@@ -6,7 +6,9 @@ import { ButtonBaseProps, HeadingProps } from '..';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css';
+type AlignOptions = 'start' | 'center';
 export type PricingOptionsProps = {
+    align?: AlignOptions;
     variant?: 'default' | 'cards';
     ['data-testid']?: string;
 } & PropsWithChildren<BaseProps<HTMLDivElement>>;
@@ -27,7 +29,6 @@ type PricingOptionsDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphE
     'data-testid'?: string;
 };
 type PricingOptionsHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {
-    as?: Exclude<HeadingProps['as'], 'h1' | 'h2'>;
     'data-testid'?: string;
 } & HeadingProps;
 type PricingOptionsPriceProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {
@@ -38,6 +39,7 @@ type PricingOptionsPriceProps = PropsWithChildren<BaseProps<HTMLParagraphElement
     trailingText?: string;
 };
 type PricingOptionsFeatureListProps = BaseProps<HTMLUListElement> & {
+    accordionAs?: HeadingProps['as'];
     expanded?: ExpandedProp;
     hasDivider?: boolean;
     children: React.ReactElement<PricingOptionsFeatureHeadingProps | PricingOptionsFeatureListItemProps>[];