@primer/react-brand 0.44.1 → 0.45.0-rc.055bde67

package/lib/AnchorNav/AnchorNav.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ButtonBaseProps } from '../';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
@@ -50,9 +51,9 @@ type AnchorNavActionProps = {
      * Required path or location for the action button to link to.
      */
     href: string;
-} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
-declare function _AnchorNavAction({ children, href, ...rest }: AnchorNavActionProps): JSX.Element;
-declare function _AnchorNavActionSecondary({ children, href, ...rest }: AnchorNavActionProps): JSX.Element;
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & ButtonBaseProps;
+declare function _AnchorNavAction({ children, href, variant, size, ...rest }: AnchorNavActionProps): JSX.Element;
+declare function _AnchorNavActionSecondary({ children, href, variant, size, ...rest }: AnchorNavActionProps): JSX.Element;
 /**
  * AnchorNav allows users to navigate to different sections of a page.
  * @see https://primer.style/brand/components/AnchorNav

package/lib/FrostedGlassVFX/FrostedGlassVFX.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css';
+export declare const FrostedGlassVFXIntensity: readonly ["low", "medium", "high"];
+export type FrostedGlassVFXIntensity = (typeof FrostedGlassVFXIntensity)[number];
+export declare const defaultFrostedGlassVFXIntensity: FrostedGlassVFXIntensity;
+export type FrostedGlassVFXProps = BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Applies rounded corners
+     */
+    hasBorderRadius?: boolean;
+    /**
+     * Controls the blur amount
+     */
+    intensity?: FrostedGlassVFXIntensity;
+};
+/**
+ * FrostedGlassVFX component
+ * {@link https://primer.style/brand/components/FrostedGlassVFX/ See usage examples}.
+ */
+export declare function FrostedGlassVFX({ hasBorderRadius, children, className, intensity, ...rest }: FrostedGlassVFXProps): JSX.Element;

package/lib/FrostedGlassVFX/index.d.ts

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

package/lib/Hero/Hero.d.ts

@@ -20,15 +20,86 @@ export type HeroProps = BaseProps<HTMLElement> & {
 type HeroHeadingProps = Omit<HeadingProps, 'as'> & {
     fullWidth?: boolean;
 };
-type HeroDescriptionProps = {
-    size?: (typeof TextSizes)[number];
-    weight?: TextWeightVariants | ResponsiveWeightMap;
-} & BaseProps<HTMLParagraphElement>;
 type HeroEyebrowProps = PropsWithChildren<BaseProps<HTMLDivElement>>;
 type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroDescriptionProps>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Description: React.ForwardRefExoticComponent<(Omit<{
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+    } & BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: (typeof TextSizes)[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLParagraphElement> & {
+        as?: "p";
+    } & {
+        children?: React.ReactNode | undefined;
+    }, "ref"> | Omit<{
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+    } & BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: (typeof TextSizes)[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
+        as?: "span";
+    } & {
+        children?: React.ReactNode | undefined;
+    }, "ref"> | Omit<{
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+    } & BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: (typeof TextSizes)[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
+        as?: "div";
+    } & {
+        children?: React.ReactNode | undefined;
+    }, "ref"> | Omit<{
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+    } & BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: (typeof TextSizes)[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+        as?: "strong";
+    } & {
+        children?: React.ReactNode | undefined;
+    }, "ref"> | Omit<{
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+    } & BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: (typeof TextSizes)[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+        as?: "em";
+    } & {
+        children?: React.ReactNode | undefined;
+    }, "ref">) & React.RefAttributes<HTMLParagraphElement>>;
     PrimaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;

package/lib/Testimonial/Testimonial.d.ts

@@ -6,7 +6,14 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/compone
 type TestimonialSize = 'small' | 'large';
 export declare const TestimonialQuoteMarkColors: 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"];
 export declare const defaultQuoteMarkColor: "default";
+export declare const TestimonialVariants: readonly ["subtle", "default", "minimal"];
+type TestimonialVariant = (typeof TestimonialVariants)[number];
+export declare const defaultTestimonialVariant: TestimonialVariant;
 export type TestimonialProps = {
+    /**
+     * Sets alternative appearance for the testimonial
+     */
+    variant?: TestimonialVariant;
     /**
      * Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name
      */