@primer/react-brand 0.24.1-rc.eeedf49 → 0.25.0-rc.2c51ad1

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/video-player/base.css';
+type VideoPlayerProps = {
+    poster?: string;
+    title: string;
+    branding?: boolean;
+    children: React.ReactElement | React.ReactElement[];
+    ref?: React.RefObject<HTMLVideoElement>;
+} & React.HTMLProps<HTMLVideoElement> & BaseProps<HTMLVideoElement>;
+export declare const VideoPlayer: (({ poster, title, branding, children, className, onPlay, onPause, onLoadedMetadata, onPlaying, onTimeUpdate, ref, ...rest }: VideoPlayerProps) => JSX.Element) & {
+    Source: (props: React.HTMLProps<HTMLSourceElement>) => JSX.Element;
+    Track: (props: React.HTMLProps<HTMLTrackElement>) => JSX.Element;
+};
+export {};

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

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

package/lib/VideoPlayer/components/captions/Captions.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type CaptionsProps = {
+    videoRef: React.RefObject<HTMLVideoElement>;
+    disabled?: boolean;
+    trackInformation?: TextTrackCueList;
+};
+export declare const Captions: ({ videoRef, disabled, trackInformation }: CaptionsProps) => JSX.Element | null;
+export {};

package/lib/VideoPlayer/components/captions/index.d.ts

@@ -0,0 +1 @@
+export * from './Captions';

package/lib/VideoPlayer/components/controls/Controls.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type ControlsProps = {
+    videoRef: React.RefObject<HTMLVideoElement>;
+    videoWrapperRef: React.RefObject<HTMLDivElement>;
+    totalTime: number;
+    currentTime: number;
+    playing: boolean;
+    trackInformation?: TextTrackCueList;
+};
+export declare const Controls: ({ videoRef, videoWrapperRef, totalTime, currentTime, playing: playingProp, trackInformation, }: ControlsProps) => JSX.Element;
+export {};

package/lib/VideoPlayer/components/controls/index.d.ts

@@ -0,0 +1 @@
+export * from './Controls';

package/lib/VideoPlayer/components/icon-control/IconControl.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type IconControlProps = {
+    tooltip: string;
+} & React.HTMLAttributes<HTMLButtonElement>;
+export declare const IconControl: ({ tooltip, children, className, ...rest }: IconControlProps) => JSX.Element;
+export {};

package/lib/VideoPlayer/components/icon-control/index.d.ts

@@ -0,0 +1 @@
+export * from './IconControl';

package/lib/VideoPlayer/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './captions';
+export * from './controls';
+export * from './range';
+export * from './tooltip';
+export * from './icon-control';

package/lib/VideoPlayer/components/range/Range.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type RangeProps = {
+    tooltip?: boolean;
+    tooltipFormatter?: (value: number | string | readonly string[]) => string;
+    max?: number;
+    a11yStep?: number;
+} & React.HTMLProps<HTMLInputElement>;
+export declare const Range: ({ className, onChange, value: startValue, max, onKeyDown, a11yStep, tooltip, tooltipFormatter, name, id, ...props }: RangeProps) => JSX.Element;
+export {};

package/lib/VideoPlayer/components/range/index.d.ts

@@ -0,0 +1 @@
+export * from './Range';

package/lib/VideoPlayer/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+type TooltipProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Tooltip: ({ children, className, style, ...rest }: TooltipProps) => JSX.Element;
+export {};

package/lib/VideoPlayer/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/lib/VideoPlayer/index.d.ts

@@ -0,0 +1 @@
+export * from './VideoPlayer';