@primer/react-brand 0.47.3-rc.d1e83909 → 0.48.0-rc.0a228862

package/lib/Accordion/Accordion.d.ts

@@ -1,41 +1,41 @@
-import React, { PropsWithChildren } from 'react';
-import type { BaseProps } from '../component-helpers';
+import React, { type DetailsHTMLAttributes, type HTMLAttributes, type ReactElement } from 'react';
+import { type HeadingProps } from '../';
 /**
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css';
-export type AccordionRootProps = BaseProps<HTMLDetailsElement> & {
-    open?: boolean;
-    children: React.ReactElement<AccordionHeadingProps | AccordionContentProps>[];
+export type AccordionRootProps = DetailsHTMLAttributes<HTMLDetailsElement> & {
+    children: ReactElement<AccordionHeadingProps | AccordionContentProps>[];
     variant?: 'default' | 'emphasis';
-    ref?: React.RefObject<HTMLDetailsElement>;
-    handleOpen?: (boolean: any) => void;
-} & React.HTMLAttributes<HTMLDetailsElement>;
-export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
+    handleOpen?: (isOpen: boolean) => void;
+};
+export declare const AccordionRoot: React.ForwardRefExoticComponent<React.DetailsHTMLAttributes<HTMLDetailsElement> & {
+    children: ReactElement<AccordionHeadingProps | AccordionContentProps>[];
+    variant?: "default" | "emphasis";
+    handleOpen?: (isOpen: boolean) => void;
+} & React.RefAttributes<HTMLDetailsElement>>;
 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';
+export type AccordionHeadingProps = HTMLAttributes<HTMLElement> & {
+    as?: HeadingProps['as'];
     reversedToggles?: boolean;
-    variant?: 'default' | 'emphasis';
-    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> & {
-    children: React.ReactElement | React.ReactElement[];
-    open?: boolean;
-    handleOpen?: (boolean: any) => void;
-    parentRef?: React.RefObject<HTMLDetailsElement>;
-};
-export declare function AccordionContent({ children, className, open, handleOpen, parentRef, ...rest }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Branded Accordion component
- */
-export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDetailsElement>> & {
-    Content: typeof AccordionContent;
-    Heading: React.ForwardRefExoticComponent<Omit<AccordionHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionHeading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: HeadingProps["as"];
+    reversedToggles?: boolean;
+    toggleColor?: (typeof AccordionToggleColors)[number];
+} & React.RefAttributes<HTMLHeadingElement>>;
+export type AccordionContentProps = HTMLAttributes<HTMLElement>;
+export declare const AccordionContent: ({ className, ...rest }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: React.ForwardRefExoticComponent<React.DetailsHTMLAttributes<HTMLDetailsElement> & {
+    children: ReactElement<AccordionHeadingProps | AccordionContentProps>[];
+    variant?: "default" | "emphasis";
+    handleOpen?: (isOpen: boolean) => void;
+} & React.RefAttributes<HTMLDetailsElement>> & {
+    Content: ({ className, ...rest }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+    Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        as?: HeadingProps["as"];
+        reversedToggles?: boolean;
+        toggleColor?: (typeof AccordionToggleColors)[number];
+    } & React.RefAttributes<HTMLHeadingElement>>;
 };
-export {};

package/lib/FAQ/FAQ.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { AccordionContent, HeadingProps } from '..';
+import { HeadingProps } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
@@ -26,19 +26,16 @@ declare function FAQSubheading({ children, className, as, size, weight, ...rest
 export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "ref"> & React.RefAttributes<HTMLElement>> & {
     Subheading: typeof FAQSubheading;
     Heading: React.ForwardRefExoticComponent<Omit<FAQHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    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;
+    Item: React.ForwardRefExoticComponent<React.DetailsHTMLAttributes<HTMLDetailsElement> & {
+        children: React.ReactElement<import("..").AccordionHeadingProps | import("..").AccordionContentProps>[];
         variant?: "default" | "emphasis";
-        open?: boolean;
-        handleOpen?: (boolean: any) => void;
-        parentRef?: React.RefObject<HTMLDetailsElement>;
+        handleOpen?: (isOpen: boolean) => void;
+    } & React.RefAttributes<HTMLDetailsElement>>;
+    Question: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        as?: HeadingProps["as"];
+        reversedToggles?: boolean;
         toggleColor?: typeof import("..").AccordionToggleColors[number];
-    }, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Answer: typeof AccordionContent;
+    } & React.RefAttributes<HTMLHeadingElement>>;
+    Answer: ({ className, ...rest }: import("..").AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/lib/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import React, { type SVGAttributes } from 'react';
+import { type ReactElement, type SVGAttributes } from 'react';
 import { type Icon as OcticonProps } from '@primer/octicons-react';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon/colors.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css';
@@ -14,7 +14,7 @@ export declare const iconColors: readonly ["default", "blue", "coral", "green",
 export type IconColor = (typeof iconColors)[number];
 export declare const defaultIconColor: "default";
 export type IconProps = SVGAttributes<SVGElement> & {
-    icon: OcticonProps | React.ReactElement<OcticonProps>;
+    icon: OcticonProps | ReactElement<OcticonProps>;
     color?: IconColor;
     hasBackground?: boolean;
     size?: IconSize;

package/lib/Label/Label.d.ts

@@ -6,7 +6,7 @@ import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css';
 import { Icon } from '@primer/octicons-react';
 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", "green-blue-purple"];
-export declare const LabelSizes: readonly ["medium", "large"];
+export declare const LabelSizes: readonly ["small", "medium", "large"];
 export declare const defaultLabelColor: "default";
 export declare const defaultLabelSize: "medium";
 export type LabelProps = BaseProps<HTMLSpanElement> & {

package/lib/Pagination/Pagination.d.ts

@@ -4,11 +4,6 @@ import type { BaseProps } from '../component-helpers';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css';
-type ResponsivePageVisibilityMap = {
-    narrow?: boolean;
-    regular?: boolean;
-    wide?: boolean;
-};
 export type PaginationProps = {
     pageCount: number;
     currentPage: number;
@@ -18,7 +13,7 @@ export type PaginationProps = {
         [attributeName: string]: string;
     };
     marginPageCount?: number;
-    showPages?: boolean | ResponsivePageVisibilityMap;
+    showPages?: boolean;
     surroundingPageCount?: number;
     'data-testid'?: string;
 } & PropsWithChildren<BaseProps<HTMLElement>> & React.HTMLAttributes<HTMLElement>;
@@ -36,8 +31,8 @@ type UsePaginationPagesParameters = {
         [key: string]: string;
     };
     marginPageCount: number;
-    showPages?: PaginationProps['showPages'];
+    showPages: boolean;
     surroundingPageCount: number;
 };
-export declare function usePaginationPages({ pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, }: UsePaginationPagesParameters): import("react/jsx-runtime").JSX.Element[];
+export declare function usePaginationPages({ pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, }: UsePaginationPagesParameters): (import("react/jsx-runtime").JSX.Element | undefined)[];
 export {};