@primer/react-brand 0.0.0-20250714131921 → 0.0.0-20250714134304

package/lib/Button/Button.d.ts

@@ -32,10 +32,15 @@ export type ButtonBaseProps = {
      * The Button spans the full width
      */
     block?: boolean;
+    /**
+     * Disables the control. Uses the `disabled` prop if rendered as a button,
+     * or the `aria-disabled` prop if rendered as a link
+     */
+    disabled?: boolean;
 };
 export type ButtonProps<C extends React.ElementType> = BaseProps<C> & {
     as?: C;
-} & ButtonBaseProps & React.ComponentPropsWithoutRef<C>;
+} & ButtonBaseProps & Omit<React.ComponentPropsWithoutRef<C>, 'aria-disabled'>;
 export declare const _Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>> & {
     testIds: {

package/lib/IDE/IDE.d.ts

@@ -36,14 +36,6 @@ type IDEChatProps = {
      * Test id for the IDE
      */
     'data-testid'?: string;
-    /**
-     * Internal prop used for controlling the animation state
-     */
-    animationIsPaused?: boolean;
-    /**
-     * Internal prop used for controlling the animation state
-     */
-    setAnimationIsDone?: (isDone: boolean) => void;
 } & BaseProps<HTMLElement>;
 type IDEChatMessageUser = {
     role: 'user';
@@ -58,9 +50,6 @@ export type IDEChatMessage = {
     codeSnippet?: string;
     highlighter?: 'hljs';
 } & (IDEChatMessageUser | IDEChatMessageAssistant);
-type IDEChatHandle = HTMLElement & {
-    resetAnimation: () => void;
-};
 type IDEEditorProps = {
     /**
      * The index of the active tab.
@@ -82,6 +71,10 @@ type IDEEditorProps = {
      * Used for triggering animation externally.
      */
     triggerAnimation?: boolean;
+    /**
+     * Determines whether the replay button should be shown.
+     */
+    showReplayButton?: boolean;
     /**
      * Test id for the IDE.
      */
@@ -90,14 +83,6 @@ type IDEEditorProps = {
      * Enable user customisation of the icons used in file tabs.
      */
     tabIcons?: IDEEditorTabIcon;
-    /**
-     * Internal prop used for controlling the animation state
-     */
-    animationIsPaused?: boolean;
-    /**
-     * Internal prop used for controlling the animation state
-     */
-    setAnimationIsDone?: (isDone: boolean) => void;
 } & BaseProps<HTMLDivElement>;
 export type IDEEditorFile = {
     name: string;
@@ -115,9 +100,6 @@ export type IDEEditorFile = {
 type IDEEditorTabIcon = Record<string, string>;
 export declare const IDEDefaultIconMap: IDEEditorTabIcon;
 export declare const IDEFileExtensions: string[];
-type IDEEditorHandle = HTMLElement & {
-    resetAnimation: () => void;
-};
 /**
  * Use IDE to display a decorative editor component
  * @see https://primer.style/brand/components/IDE
@@ -147,7 +129,7 @@ export declare const IDE: React.NamedExoticComponent<{
         readonly editorContent: string;
         readonly editorTabs: string;
     };
-    Chat: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IDEChatProps, "ref"> & React.RefAttributes<IDEChatHandle>>>;
-    Editor: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IDEEditorProps, "ref"> & React.RefAttributes<IDEEditorHandle>>>;
+    Chat: React.MemoExoticComponent<({ "data-testid": testId, script, animationDelay, alternativeText, ...rest }: IDEChatProps) => import("react/jsx-runtime").JSX.Element>;
+    Editor: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IDEEditorProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
 };
 export {};