@primer/react-brand 0.45.0-rc.b66d1403 → 0.45.0

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

@@ -1,5 +1,5 @@
 import React, { type PropsWithChildren, type RefObject } from 'react';
-import { ButtonSizes, ButtonVariants } from '..';
+import { ButtonSizes, ButtonVariants, TextProps } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
@@ -28,7 +28,8 @@ type SubNavHeadingProps = {
 type SubNavLinkProps = {
     href: string;
     'data-testid'?: string;
-    _variant?: SubMenuVariants;
+    variant?: TextProps['variant'];
+    _subMenuVariant?: SubMenuVariants;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
 type SubMenuProps = {
     variant?: SubMenuVariants;

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
      */