@primer/react-brand 0.46.0-rc.8bea66bd → 0.46.0-rc.b02c9ac6

package/lib/BreakoutBanner/BreakoutBanner.d.ts

@@ -85,10 +85,10 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
             regular?: "normal" | "condensed" | "expanded";
             wide?: "normal" | "condensed" | "expanded";
         };
-        letterSpacing?: ("normal" | "condensed" | "none") | {
-            narrow?: "normal" | "condensed" | "none";
-            regular?: "normal" | "condensed" | "none";
-            wide?: "normal" | "condensed" | "none";
+        letterSpacing?: ("normal" | "none" | "condensed") | {
+            narrow?: "normal" | "none" | "condensed";
+            regular?: "normal" | "none" | "condensed";
+            wide?: "normal" | "none" | "condensed";
         };
         font?: "mona-sans" | "hubot-sans" | "monospace";
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -102,20 +102,20 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
             regular?: "horizontal" | "vertical";
             wide?: "horizontal" | "vertical";
         };
-        gap?: ("normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
-            narrow?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            regular?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            wide?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+        gap?: ("normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
+            narrow?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            regular?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            wide?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
         };
         alignItems?: ("center" | "flex-end" | "flex-start") | {
             narrow?: "center" | "flex-end" | "flex-start";
             regular?: "center" | "flex-end" | "flex-start";
             wide?: "center" | "flex-end" | "flex-start";
         };
-        padding?: ("normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
-            narrow?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            regular?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            wide?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+        padding?: ("normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
+            narrow?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            regular?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            wide?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
         };
         justifyContent?: ("center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start") | {
             narrow?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";

package/lib/CTABanner/CTABanner.d.ts

@@ -113,10 +113,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
             regular?: "normal" | "condensed" | "expanded";
             wide?: "normal" | "condensed" | "expanded";
         };
-        letterSpacing?: ("normal" | "condensed" | "none") | {
-            narrow?: "normal" | "condensed" | "none";
-            regular?: "normal" | "condensed" | "none";
-            wide?: "normal" | "condensed" | "none";
+        letterSpacing?: ("normal" | "none" | "condensed") | {
+            narrow?: "normal" | "none" | "condensed";
+            regular?: "normal" | "none" | "condensed";
+            wide?: "normal" | "none" | "condensed";
         };
         font?: "mona-sans" | "hubot-sans" | "monospace";
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

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/SubNav/SubNav.d.ts

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren, type RefObject } from 'react';
+import React, { type PropsWithChildren, type ReactNode, type RefObject } from 'react';
 import { ButtonSizes, ButtonVariants, TextProps } from '..';
 import type { BaseProps } from '../component-helpers';
 /**