@primer/react-brand 0.0.2-rc.c68b685 → 0.0.3

package/lib/ExpandableArrow/ExpandableArrow.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type ExpandableArrowProps = {
+    className?: string;
+    /** Animate between a chevron arrow and an arrow with a stem by toggling the value of `expanded` */
+    expanded?: boolean;
+};
+export declare function ExpandableArrow({ className, expanded }: ExpandableArrowProps): JSX.Element;
+export {};

package/lib/ExpandableArrow/index.d.ts

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

package/lib/Hero/Hero.d.ts

@@ -1,6 +1,14 @@
-import React from "react";
-declare type Props = {
-    children: React.ReactNode;
+import React from 'react';
+declare type Action = {
+    text: string;
+    href: string;
 };
-export declare function Hero({ children }: Props): JSX.Element;
+export declare type HeroProps = {
+    heading: string | React.ReactElement;
+    description?: string | React.ReactElement;
+    primaryAction: Action;
+    secondaryAction?: Action;
+    align?: 'start' | 'center';
+};
+export declare function Hero({ heading, description, primaryAction, secondaryAction, align }: HeroProps): JSX.Element;
 export {};

package/lib/Hero/index.d.ts

@@ -1 +1 @@
-export { Hero } from "./Hero";
+export * from './Hero';

package/lib/LinkButton/LinkButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type LinkButtonProps = {
+    href: string;
+    variant?: 'primary' | 'secondary';
+} & React.ComponentPropsWithoutRef<'a'>;
+export declare function LinkButton({ variant, className, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: LinkButtonProps): JSX.Element;

package/lib/LinkButton/index.d.ts

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

package/lib/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren } from 'react';
+export declare enum ColorModesEnum {
+    LIGHT = "light",
+    DARK = "dark",
+    AUTO = "auto"
+}
+export declare type ColorMode = `${ColorModesEnum}`;
+export declare type ThemeContextProps = {
+    colorMode?: ColorMode;
+};
+export declare type ThemeProviderProps = {
+    colorMode?: ColorMode;
+};
+export declare const ThemeContext: React.Context<ThemeContextProps>;
+/**
+ * ThemeProvider is used to provide theme-related context to its child components.
+ */
+export declare function ThemeProvider({ colorMode, children }: PropsWithChildren<ThemeProviderProps>): JSX.Element;

package/lib/ThemeProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeProviderProps, ThemeProvider } from './ThemeProvider';
+export { useTheme } from './useTheme';

package/lib/ThemeProvider/useTheme.d.ts

@@ -0,0 +1 @@
+export declare const useTheme: () => import("./ThemeProvider").ThemeContextProps;