@primer/react-brand 0.24.0-rc.b69dc92 → 0.24.0-rc.e028d51

package/lib/Hero/Hero.d.ts

@@ -20,7 +20,7 @@ type HeroImageProps = {
 } & ImageProps & BaseProps<HTMLImageElement>;
 declare function HeroImage({ position, className, ...rest }: PropsWithChildren<HeroImageProps>): JSX.Element;
 type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
-declare function HeroLabel({ children, size, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
+declare function HeroLabel({ children, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: typeof HeroDescription;

package/lib/Label/Label.d.ts

@@ -5,7 +5,7 @@ import type { BaseProps } from '../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css';
 export declare const LabelColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
-export declare const LabelSizes: readonly ["small", "medium", "large"];
+export declare const LabelSizes: readonly ["medium", "large"];
 export declare const defaultLabelColor: "default";
 export declare const defaultLabelSize: "medium";
 export type LabelProps = BaseProps<HTMLSpanElement> & {

package/lib/SectionIntro/SectionIntro.d.ts

@@ -8,7 +8,7 @@ export type SectionIntroProps = {
 } & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
 type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
 type SectionIntroLabelProps = LabelProps & BaseProps<HTMLDivElement>;
-declare function _Label({ children, size, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
+declare function _Label({ children, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
 export declare const SectionIntro: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<SectionIntroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {

package/lib/Testimonial/Testimonial.d.ts

@@ -1,8 +1,12 @@
 import React, { HTMLAttributes, SVGProps } from 'react';
 import { BaseProps } from '../component-helpers';
 import type { AvatarProps } from '../';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css';
 type TestimonialAlignment = 'start' | 'center';
 type TestimonialSize = 'small' | 'large';
+export declare const TestimonialQuoteMarkColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
+export declare const defaultQuoteMarkColor: "default";
 export type TestimonialProps = {
     /**
      * Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name
@@ -16,13 +20,15 @@ export type TestimonialProps = {
      * Sets the testimonial text size
      */
     size?: TestimonialSize;
+    /** Sets the color of the quote mark */
+    quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number];
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
 /**
  * Testimonial quote child element
  * <Testimonial.Quote>
  */
 type QuoteProps = {
-    children: string;
+    children: string | Array<string | React.ReactElement<HTMLElement>>;
 } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
 /**
  * Testimonial name child element
@@ -49,7 +55,7 @@ declare function _Avatar({ size, ...rest }: AvatarProps): JSX.Element;
  */
 export declare const Testimonial: React.ForwardRefExoticComponent<Omit<TestimonialProps, "ref"> & React.RefAttributes<unknown>> & {
     Quote: React.ForwardRefExoticComponent<Omit<{
-        children: string;
+        children: string | Array<string | React.ReactElement<HTMLElement>>;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
     Name: React.ForwardRefExoticComponent<Omit<{
         position?: string | undefined;