@primer/react-brand 0.25.0-rc.a4c5de6 → 0.25.0-rc.d813472

package/lib/Accordion/Accordion.d.ts

@@ -7,12 +7,15 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/compone
 export type AccordionRootProps = BaseProps<HTMLDetailsElement> & {
     open?: boolean;
     children: React.ReactElement<AccordionHeadingProps | AccordionContentProps>[];
+    variant?: 'default' | 'emphasis';
 } & React.HTMLAttributes<HTMLDetailsElement>;
 export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
 type AccordionHeadingProps = BaseProps<HTMLHeadingElement> & {
     className?: string;
     children: string;
     as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    reversedToggles?: boolean;
+    variant?: 'default' | 'emphasis';
 };
 export declare const AccordionHeading: React.ForwardRefExoticComponent<Omit<AccordionHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 type AccordionContentProps = BaseProps<HTMLElement> & {

package/lib/Card/Card.d.ts

@@ -24,6 +24,7 @@ export type CardProps = {
      * Changes the cta text of the card
      * */
     ctaText?: string;
+    hasBorder?: boolean;
 } & Omit<BaseProps<HTMLDivElement>, 'animate'> & Omit<React.ComponentPropsWithoutRef<'div'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'> & Pick<React.ComponentPropsWithoutRef<'a'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'>;
 type CardImageProps = ImageProps;
 declare function CardImage({ className, ...rest }: CardImageProps): JSX.Element;

package/lib/FAQ/FAQ.d.ts

@@ -7,13 +7,13 @@ import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
-type FAQRootProps = PropsWithChildren<BaseProps<HTMLElement>> & React.HTMLAttributes<HTMLElement>;
+export type FAQRootProps = PropsWithChildren<BaseProps<HTMLElement>> & React.HTMLAttributes<HTMLElement>;
 type FAQHeadingProps = BaseProps<HTMLHeadingElement> & {
     align?: 'start' | 'center';
     children: React.ReactNode | React.ReactNode[];
     as?: HeadingProps['as'];
 } & HeadingProps;
-type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {
+export type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {
     align?: 'start' | 'center';
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;
@@ -31,6 +31,8 @@ export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "re
         className?: string | undefined;
         children: string;
         as?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        reversedToggles?: boolean | undefined;
+        variant?: "default" | "emphasis" | undefined;
     }, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Answer: typeof AccordionContent;
 };

package/lib/FAQ/FAQGroup.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { FAQSubheadingProps } from './';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
+declare function _Heading({ children, className, as, ...rest }: FAQSubheadingProps): JSX.Element;
+type FAQGroupProps = React.PropsWithChildren<{
+    id?: string;
+    defaultSelectedIndex?: number;
+}>;
+declare function _FAQGroup({ children, id, defaultSelectedIndex, ...rest }: FAQGroupProps): JSX.Element;
+/**
+ * FAQGroup component:
+ * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.
+ */
+export declare const FAQGroup: typeof _FAQGroup & {
+    Heading: typeof _Heading;
+};
+export {};

package/lib/FAQ/index.d.ts

@@ -1 +1,2 @@
 export * from './FAQ';
+export * from './FAQGroup';

package/lib/Stack/Stack.d.ts

@@ -78,7 +78,7 @@ export type StackProps = BaseProps<HTMLElement> & {
      * Applies flex-wrap to the Stack, using the flex-wrap CSS property.
      */
     flexWrap?: StackFlexWrapVariants | ResponsiveFlexWrapMap;
-} & BaseProps<HTMLDivElement>;
+} & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
 /**
  * Stack enables layout of its immediate children along the vertical or horizontal axis
  * @see https://primer.style/brand/components/Stack
@@ -123,5 +123,5 @@ export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLE
      * Applies flex-wrap to the Stack, using the flex-wrap CSS property.
      */
     flexWrap?: "wrap" | "nowrap" | ResponsiveFlexWrapMap | undefined;
-} & BaseProps<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+} & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/VideoPlayer/VideoPlayer.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};