@primer/react-brand 0.45.2-rc.fa9919b5 → 0.46.0-rc.763a702b

package/lib/Accordion/Accordion.d.ts

@@ -12,7 +12,8 @@ export type AccordionRootProps = BaseProps<HTMLDetailsElement> & {
     handleOpen?: (boolean: any) => void;
 } & React.HTMLAttributes<HTMLDetailsElement>;
 export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
-type AccordionHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {
+export declare const AccordionToggleColors: 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"];
+type AccordionHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & React.HTMLAttributes<HTMLDetailsElement> & {
     className?: string;
     as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     reversedToggles?: boolean;
@@ -20,6 +21,7 @@ type AccordionHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> &
     open?: boolean;
     handleOpen?: (boolean: any) => void;
     parentRef?: React.RefObject<HTMLDetailsElement>;
+    toggleColor?: (typeof AccordionToggleColors)[number];
 };
 export declare const AccordionHeading: React.ForwardRefExoticComponent<Omit<AccordionHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 type AccordionContentProps = BaseProps<HTMLElement> & {

package/lib/FAQ/FAQ.d.ts

@@ -29,7 +29,7 @@ export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "re
     Item: React.ForwardRefExoticComponent<Omit<import("..").AccordionRootProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
     Question: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLHeadingElement> & {
         children?: React.ReactNode | undefined;
-    } & {
+    } & React.HTMLAttributes<HTMLDetailsElement> & {
         className?: string;
         as?: "h2" | "h3" | "h4" | "h5" | "h6";
         reversedToggles?: boolean;
@@ -37,6 +37,7 @@ export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "re
         open?: boolean;
         handleOpen?: (boolean: any) => void;
         parentRef?: React.RefObject<HTMLDetailsElement>;
+        toggleColor?: typeof import("..").AccordionToggleColors[number];
     }, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Answer: typeof AccordionContent;
 };

package/lib/Hero/Hero.d.ts

@@ -33,6 +33,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         variant?: typeof import("../Text").TextVariants[number];
         weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../Text").TextTags[number];
     } & React.HTMLAttributes<HTMLParagraphElement> & {
@@ -48,6 +49,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         variant?: typeof import("../Text").TextVariants[number];
         weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../Text").TextTags[number];
     } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
@@ -63,6 +65,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         variant?: typeof import("../Text").TextVariants[number];
         weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../Text").TextTags[number];
     } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
@@ -78,6 +81,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         variant?: typeof import("../Text").TextVariants[number];
         weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../Text").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
@@ -93,6 +97,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         variant?: typeof import("../Text").TextVariants[number];
         weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../Text").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {

package/lib/IDE/IDE.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
@@ -6,13 +6,6 @@ import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/ide/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css';
 export type IDEProps = {
-    /**
-     * Alternative description of the IDE for users of assistive technologies.
-     * IDE is considered a decorative element, so this description is important
-     * for accurately describing what the user is being presented.
-     * This text will be visually hidden.
-     */
-    alternativeText: string;
     /**
      * Test id for the IDE
      */
@@ -31,6 +24,10 @@ type IDEChatProps = {
      * The chat script
      */
     script: IDEChatMessage[];
+    /**
+     * Alternative description of the chat script for users of assistive technologies.
+     */
+    alternativeText: string;
     /**
      * The delay between messages
      */
@@ -55,6 +52,10 @@ export type IDEChatMessage = {
 } & (IDEChatMessageUser | IDEChatMessageAssistant);
 export type IDEEditorFile = {
     name: string;
+    /**
+     * Alternative description of the code for users of assistive technologies.
+     */
+    alternativeText: string;
     /**
      * Controls line at which the Copilot suggestion begins
      */
@@ -70,13 +71,6 @@ export declare const IDEFileExtensions: string[];
  * @see https://primer.style/brand/components/IDE
  */
 export declare const IDE: React.NamedExoticComponent<{
-    /**
-     * Alternative description of the IDE for users of assistive technologies.
-     * IDE is considered a decorative element, so this description is important
-     * for accurately describing what the user is being presented.
-     * This text will be visually hidden.
-     */
-    alternativeText: string;
     /**
      * Test id for the IDE
      */
@@ -92,7 +86,7 @@ export declare const IDE: React.NamedExoticComponent<{
 } & BaseProps<HTMLDivElement> & {
     children?: React.ReactNode | undefined;
 }> & {
-    readonly type: ({ alternativeText, children, className, "data-testid": testId, height, variant, ...rest }: PropsWithChildren<IDEProps>) => JSX.Element;
+    readonly type: ({ children, className, "data-testid": testId, height, variant, ...rest }: PropsWithChildren<IDEProps>) => JSX.Element;
 } & {
     testIds: {
         root: string;
@@ -100,9 +94,8 @@ export declare const IDE: React.NamedExoticComponent<{
         readonly editor: string;
         readonly editorContent: string;
         readonly editorTabs: string;
-        readonly altText: string;
     };
-    Chat: React.MemoExoticComponent<({ "data-testid": testId, script, animationDelay, ...rest }: IDEChatProps) => JSX.Element>;
+    Chat: React.MemoExoticComponent<({ "data-testid": testId, script, animationDelay, alternativeText, ...rest }: IDEChatProps) => JSX.Element>;
     Editor: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<{
         /**
          * The index of the active tab.

package/lib/IDE/fixtures/content.d.ts

@@ -1,4 +1,5 @@
 import { IDEChatMessage, IDEEditorFile } from '../IDE';
+export declare const chatScriptAlt = "A conversation about JavaScript arrays between a user and GitHub Copilot. The user asks three questions: how to concatenate arrays, how to check if something is an array, and how to remove elements from an array. Copilot provides code examples for each, demonstrating concat(), Array.isArray(), and filter() methods respectively.";
 export declare const chatScript: IDEChatMessage[];
 export declare const defaultFiles: IDEEditorFile[];
 export declare const singleFile: IDEEditorFile[];

package/lib/LogoSuite/LogoSuite.d.ts

@@ -56,6 +56,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         variant?: typeof import("../").TextVariants[number];
         weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLParagraphElement> & {
@@ -68,6 +69,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         variant?: typeof import("../").TextVariants[number];
         weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
@@ -80,6 +82,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         variant?: typeof import("../").TextVariants[number];
         weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
@@ -92,6 +95,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         variant?: typeof import("../").TextVariants[number];
         weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
@@ -104,6 +108,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         variant?: typeof import("../").TextVariants[number];
         weight?: import("../").TextWeightVariants | import("../").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
     } & {
         as?: typeof import("../").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {

package/lib/Text/Text.d.ts

@@ -53,6 +53,10 @@ export type TextProps = {
      * Note: Only applies to block elements.
      */
     align?: 'start' | 'center' | 'end';
+    /**
+     * Toggle antialiasing on or off
+     */
+    hasAntiAliasing?: boolean;
 } & TextTags;
-export declare function Text({ align, animate, as, className, children, font, size, variant, weight, style, ...rest }: PropsWithChildren<TextProps>): JSX.Element;
+export declare function Text({ align, animate, as, className, children, font, size, variant, weight, style, hasAntiAliasing, ...rest }: PropsWithChildren<TextProps>): JSX.Element;
 export {};