npm - @primer/react-brand - Versions diffs - 0.80.0-rc.4bfa3a79 → 0.80.0-rc.b232dc70 - Mend

@primer/react-brand 0.80.0-rc.4bfa3a79 → 0.80.0-rc.b232dc70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (522) hide show

package/esm/Testimonial/Testimonial.js CHANGED Viewed

@@ -1,135 +1,135 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import { BiColorGradients as t, Colors as n } from "../constants.js";
-import { useAnimation as r } from "../animation/useAnimation.js";
-import { Text as i } from "../Text/Text.js";
-import { TextCursorAnimation as a } from "../TextCursorAnimation/TextCursorAnimation.js";
-import { Link as o } from "../Link/Link.js";
-import { Avatar as s } from "../Avatar/Avatar.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-isyQx5qj.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-CAG7koNB.css';/* empty css                                                                                            */
+import { Colors as t } from "../constants.js";
+import { useAnimation as n } from "../animation/useAnimation.js";
+import { Text as r } from "../Text/Text.js";
+import { TextCursorAnimation as i } from "../TextCursorAnimation/TextCursorAnimation.js";
+import { Link as a } from "../Link/Link.js";
+import { Avatar as o } from "../Avatar/Avatar.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-BEiXR7-X.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-h_olG8bi.css';/* empty css                                                                                            */
 /* empty css                                                                                                         */
-import c from "./Testimonial.module.js";
-import l, { forwardRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import s from "./Testimonial.module.js";
+import c, { forwardRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/Testimonial/Testimonial.tsx
-var p = [...n, ...t], m = p[0], h = [
+var f = [...t], p = "green", m = [
 	"subtle",
 	"default",
 	"minimal",
 	"expressive"
-], g = "minimal";
-function _({ quoteMarkColor: t, animate: n, className: i, children: o, variant: s = "minimal", hasBorder: u = !0, size: p, style: m, ...h }, g) {
-	let { classes: _, styles: v } = r(n), y = t ?? (s === "expressive" ? "green" : "default"), x = /* @__PURE__ */ d("div", {
+], h = "minimal";
+function g({ quoteMarkColor: t = p, quoteMarkClassName: r, mediaClassName: a, animate: o, className: l, children: m, variant: g = h, hasBorder: _ = !0, size: v, style: b, ...S }, w) {
+	let { classes: E, styles: O } = n(o), k = f.includes(t) ? t : p, A = /* @__PURE__ */ u("div", {
 		"aria-hidden": "true",
-		className: e(c.Testimonial__quoteMark, c[`Testimonial__quoteMark--${y}`], s === "expressive" && c["Testimonial__quoteMark--hasBackground"]),
-		children: /* @__PURE__ */ d("span", {
-			className: c.Testimonial__quoteMarkGlyph,
+		className: e(s.Testimonial__quoteMark, s[`Testimonial__quoteMark--${k}`], r),
+		children: /* @__PURE__ */ u("span", {
+			className: s.Testimonial__quoteMarkGlyph,
 			children: "“"
 		})
-	}), C = l.Children.toArray(o), T = (e) => C.find((t) => l.isValidElement(t) && t.type === e), D = T(b), k = T(O), A = T(E), j = T(w), M = T(S), N = M && s === "expressive" && typeof M.props.children == "string" ? l.cloneElement(M, { children: /* @__PURE__ */ d(a, {
+	}), j = c.Children.toArray(m), M = (e) => j.find((t) => c.isValidElement(t) && t.type === e), N = M(y), P = M(D), F = M(T), I = M(C), L = M(x), R = L && g === "expressive" && typeof L.props.children == "string" ? c.cloneElement(L, { children: /* @__PURE__ */ u(i, {
 		animate: !0,
 		animationTrigger: "on-visible",
 		variant: "default",
-		children: M.props.children
-	}) }) : M;
-	return /* @__PURE__ */ f("figure", {
-		ref: g,
-		className: e(_, c.Testimonial, c[`Testimonial--variant-${s}`], p && c[`Testimonial--size-${p}`], u && c["Testimonial--border"], s === "expressive" && k && c["Testimonial--hasLink"], i),
+		children: L.props.children
+	}) }) : L;
+	return /* @__PURE__ */ d("figure", {
+		ref: w,
+		className: e(E, s.Testimonial, s[`Testimonial--variant-${g}`], v && s[`Testimonial--size-${v}`], _ && s["Testimonial--border"], g === "expressive" && P && s["Testimonial--hasLink"], l),
 		style: {
-			...v,
-			...m,
-			"--testimonial-accent-color": y
+			...O,
+			...b,
+			"--testimonial-accent-color": k
 		},
-		...h,
+		...S,
 		children: [
-			/* @__PURE__ */ f("div", {
-				className: c.Testimonial__quoteWrapper,
+			/* @__PURE__ */ d("div", {
+				className: s.Testimonial__quoteWrapper,
 				children: [
-					x,
-					D,
-					s !== "expressive" && k
+					A,
+					N,
+					g !== "expressive" && P
 				]
 			}),
-			/* @__PURE__ */ f("div", {
-				className: c.Testimonial__media,
+			/* @__PURE__ */ d("div", {
+				className: e(s.Testimonial__media, a),
 				children: [
-					A,
-					j,
-					N
+					F,
+					I,
+					R
 				]
 			}),
-			s === "expressive" && k
+			g === "expressive" && P
 		]
 	});
 }
-var v = u(_);
-function y({ children: t, className: n }, r) {
-	return /* @__PURE__ */ d("blockquote", {
-		ref: r,
-		children: /* @__PURE__ */ d(i, {
-			className: e(c["Testimonial-quote"], n),
+var _ = l(g);
+function v({ children: t, className: n }, i) {
+	return /* @__PURE__ */ u("blockquote", {
+		ref: i,
+		children: /* @__PURE__ */ u(r, {
+			className: e(s["Testimonial-quote"], n),
 			children: t
 		})
 	});
 }
-var b = u(y);
-function x({ children: t, className: n, position: r }, a) {
-	return /* @__PURE__ */ f("figcaption", {
+var y = l(v);
+function b({ children: t, className: n, position: i }, a) {
+	return /* @__PURE__ */ d("figcaption", {
 		ref: a,
-		className: e(c["Testimonial-caption"], n),
-		children: [/* @__PURE__ */ d(i, {
+		className: e(s["Testimonial-caption"], n),
+		children: [/* @__PURE__ */ u(r, {
 			size: "200",
-			className: c["Testimonial-from"],
+			className: s["Testimonial-from"],
 			font: "monospace",
 			children: t
-		}), r && /* @__PURE__ */ d(i, {
+		}), i && /* @__PURE__ */ u(r, {
 			size: "200",
-			className: e(c["Testimonial-position"]),
+			className: e(s["Testimonial-position"]),
 			variant: "muted",
-			children: r
+			children: i
 		})]
 	});
 }
-var S = u(x);
-function C({ children: t, ...n }, r) {
-	return /* @__PURE__ */ d("div", {
-		className: c["Testimonial-logo"],
+var x = l(b);
+function S({ children: t, ...n }, r) {
+	return /* @__PURE__ */ u("div", {
+		className: s["Testimonial-logo"],
 		...n,
-		children: l.Children.map(t, (t) => {
-			if (l.isValidElement(t) && t.type === "img") {
+		children: c.Children.map(t, (t) => {
+			if (c.isValidElement(t) && t.type === "img") {
 				let n = t, i = {
-					className: e(c["Testimonial-logo-image"], n.props.className),
+					className: e(s["Testimonial-logo-image"], n.props.className),
 					ref: r
 				};
-				return l.cloneElement(n, i);
+				return c.cloneElement(n, i);
 			}
 		})
 	});
 }
-var w = u(C);
-function T({ size: t, ...n }) {
-	return /* @__PURE__ */ d(s, {
-		className: e(c["Testimonial-avatar"]),
+var C = l(S);
+function w({ size: t, className: n, ...r }) {
+	return /* @__PURE__ */ u(o, {
+		className: e(s["Testimonial-avatar"], n),
 		size: 48,
-		...n
+		...r
 	});
 }
-var E = T;
-function D({ className: t, ...n }, r) {
-	return /* @__PURE__ */ d(o, {
-		className: e(c["Testimonial-link"], t),
+var T = w;
+function E({ className: t, ...n }, r) {
+	return /* @__PURE__ */ u(a, {
+		className: e(s["Testimonial-link"], t),
 		...n,
 		size: "medium",
 		variant: "accent"
 	});
 }
-var O = u(D), k = Object.assign(v, {
-	Quote: b,
-	Name: S,
-	Avatar: E,
-	Logo: w,
-	Link: O
+var D = l(E), O = Object.assign(_, {
+	Quote: y,
+	Name: x,
+	Avatar: T,
+	Logo: C,
+	Link: D
 });
 //#endregion
-export { k as Testimonial, p as TestimonialQuoteMarkColors, h as TestimonialVariants, m as defaultQuoteMarkColor, g as defaultTestimonialVariant };
+export { O as Testimonial, f as TestimonialQuoteMarkColors, m as TestimonialVariants, p as defaultQuoteMarkColor, h as defaultTestimonialVariant };
 //# sourceMappingURL=Testimonial.js.map

package/esm/Testimonial/Testimonial.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Testimonial.js","names":[],"sources":["../../src/Testimonial/Testimonial.tsx"],"sourcesContent":["import React, {\n HTMLAttributes,\n PropsWithChildren,\n forwardRef,\n SVGProps,\n CSSProperties,\n ComponentPropsWithRef,\n} from 'react'\nimport {clsx} from 'clsx'\nimport {BaseProps} from '../component-helpers'\nimport {Text, Avatar as BaseAvatar, useAnimation} from '../'\nimport type {AvatarProps} from '../'\nimport {Link, type LinkProps} from '../Link'\nimport {TextCursorAnimation} from '../TextCursorAnimation'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css'\n\nimport styles from './Testimonial.module.css'\nimport {Colors, BiColorGradients} from '../constants'\n\ntype TestimonialSize = 'small' \| 'large'\n\nexport const TestimonialQuoteMarkColors = [...Colors, ...BiColorGradients] as const\nexport const defaultQuoteMarkColor = TestimonialQuoteMarkColors[0]\n\nexport const TestimonialVariants = ['subtle', 'default', 'minimal', 'expressive'] as const\ntype TestimonialVariant = (typeof TestimonialVariants)[number]\nexport const defaultTestimonialVariant: TestimonialVariant = 'minimal'\n\nexport type TestimonialProps = {\n /*\n Sets alternative appearance for the testimonial\n /\n variant?: TestimonialVariant\n /\n Applies an optional border where a variant supports it\n /\n hasBorder?: boolean\n /\n Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name\n /\n children:\n \| React.ReactNode\n \| React.ReactElement<QuoteProps>\n \| React.ReactElement<NameProps>\n \| React.ReactElement<AvatarProps>\n \| React.ReactElement<LogoProps>[]\n /\n Sets the testimonial text size\n /\n size?: TestimonialSize\n /* Sets the color of the quote mark /\n quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number]\n} & BaseProps<HTMLElement> &\n React.HTMLAttributes<HTMLElement>\n\n/\n Testimonial parent element\n * <Testimonial>\n /\nfunction TestimonialBase(\n {\n quoteMarkColor,\n animate,\n className,\n children,\n variant = 'minimal',\n hasBorder = true,\n size,\n style,\n ...rest\n }: PropsWithChildren<TestimonialProps>,\n ref,\n) {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const resolvedQuoteMarkColor = quoteMarkColor ?? (variant === 'expressive' ? 'green' : 'default')\n\n const quoteMark = (\n <div\n aria-hidden=\"true\"\n className={clsx(\n styles['Testimonial__quoteMark'],\n styles[`Testimonial__quoteMark--${resolvedQuoteMarkColor}`],\n variant === 'expressive' && styles['Testimonial__quoteMark--hasBackground'],\n )}\n >\n <span className={styles['Testimonial__quoteMarkGlyph']}>“</span>\n </div>\n )\n\n const childrenArray = React.Children.toArray(children)\n const findChild = <Props,>(type: React.ElementType): React.ReactElement<Props> \| undefined =>\n childrenArray.find(\n (child): child is React.ReactElement<Props> => React.isValidElement<Props>(child) && child.type === type,\n )\n\n const quoteChild = findChild<QuoteProps>(Quote)\n const actionChild = findChild<LinkProps>(_Link)\n const avatarChild = findChild<AvatarProps>(Avatar)\n const logoChild = findChild<LogoProps>(Logo)\n const nameChild = findChild<NameProps>(Name)\n\n const name =\n nameChild && variant === 'expressive' && typeof nameChild.props.children === 'string'\n ? React.cloneElement(nameChild, {\n children: (\n <TextCursorAnimation animate animationTrigger=\"on-visible\" variant=\"default\">\n {nameChild.props.children}\n </TextCursorAnimation>\n ),\n })\n : nameChild\n\n return (\n <figure\n ref={ref}\n className={clsx(\n animationClasses,\n styles['Testimonial'],\n styles[`Testimonial--variant-${variant}`],\n size && styles[`Testimonial--size-${size}`],\n hasBorder && styles['Testimonial--border'],\n variant === 'expressive' && actionChild && styles['Testimonial--hasLink'],\n className,\n )}\n style={{\n ...animationInlineStyles,\n ...style,\n ['--testimonial-accent-color' as keyof CSSProperties]: resolvedQuoteMarkColor,\n }}\n {...rest}\n >\n <div className={styles['Testimonial__quoteWrapper']}>\n {quoteMark}\n {quoteChild}\n {variant !== 'expressive' && actionChild}\n </div>\n <div className={styles['Testimonial__media']}>\n {avatarChild}\n {logoChild}\n {name}\n </div>\n {variant === 'expressive' && actionChild}\n </figure>\n )\n}\n\nconst Root = forwardRef(TestimonialBase)\n\n/\n Testimonial quote child element\n * <Testimonial.Quote>\n /\ntype QuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>\n\nfunction QuoteBase({children, className}: QuoteProps, ref) {\n return (\n <blockquote ref={ref}>\n <Text className={clsx(styles['Testimonial-quote'], className)}>{children}</Text>\n </blockquote>\n )\n}\n\nconst Quote = forwardRef(QuoteBase)\n\n/\n Testimonial name child element\n * <Testimonial.Name>\n /\ntype NameProps = {\n position?: string\n} & React.HTMLAttributes<HTMLElement> &\n BaseProps<HTMLElement>\n\nfunction _Name({children, className, position}: NameProps, ref) {\n return (\n <figcaption ref={ref} className={clsx(styles['Testimonial-caption'], className)}>\n <Text size=\"200\" className={styles['Testimonial-from']} font=\"monospace\">\n {children}\n </Text>\n {position && (\n <Text size=\"200\" className={clsx(styles['Testimonial-position'])} variant=\"muted\">\n {position}\n </Text>\n )}\n </figcaption>\n )\n}\n\nconst Name = forwardRef(_Name)\n\n/\n Testimonial logo child element\n * <Testimonial.Logo>\n /\ntype LogoProps = {\n children: React.ReactElement<SVGProps<SVGSVGElement>> \| React.ReactElement<HTMLAttributes<HTMLImageElement>>\n} & React.HTMLAttributes<HTMLImageElement> &\n BaseProps<HTMLImageElement>\n\nfunction _Logo({children, ...rest}: LogoProps, ref) {\n return (\n <div className={styles['Testimonial-logo']} {...rest}>\n {React.Children.map(children, child => {\n if (React.isValidElement(child)) {\n if (child.type === 'img') {\n const imageChild = child as React.ReactElement<ComponentPropsWithRef<'img'>>\n const imageProps: ComponentPropsWithRef<'img'> = {\n className: clsx(styles['Testimonial-logo-image'], imageChild.props.className),\n ref: ref as ComponentPropsWithRef<'img'>['ref'],\n }\n\n return React.cloneElement(imageChild, imageProps)\n }\n }\n })}\n </div>\n )\n}\n\nconst Logo = forwardRef(_Logo)\n\n/\n Testimonial avatar child element\n * <Testimonial.Avatar>\n /\n\nfunction _Avatar({size, ...rest}: AvatarProps) {\n return <BaseAvatar className={clsx(styles['Testimonial-avatar'])} size={48} {...rest} />\n}\n\nconst Avatar = _Avatar\n\n/\n Testimonial link child element\n * <Testimonial.Link>\n /\nfunction _LinkBase({className, ...rest}: LinkProps, _ref) {\n return <Link className={clsx(styles['Testimonial-link'], className)} {...rest} size=\"medium\" variant=\"accent\" />\n}\n\nconst _Link = forwardRef(_LinkBase)\n\n/\n Use Testimonial to display a quote from a customer or user.\n * @see https://primer.style/brand/components/Testimonial\n */\nexport const Testimonial = Object.assign(Root, {\n Quote,\n Name,\n Avatar,\n Logo,\n Link: _Link,\n})\n"],"mappings":"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"}
1	+ {"version":3,"file":"Testimonial.js","names":[],"sources":["../../src/Testimonial/Testimonial.tsx"],"sourcesContent":["import React, {\n HTMLAttributes,\n PropsWithChildren,\n forwardRef,\n SVGProps,\n CSSProperties,\n ComponentPropsWithRef,\n} from 'react'\nimport {clsx} from 'clsx'\nimport {BaseProps} from '../component-helpers'\nimport {Text, Avatar as BaseAvatar, useAnimation} from '../'\nimport type {AvatarProps} from '../'\nimport {Link, type LinkProps} from '../Link'\nimport {TextCursorAnimation} from '../TextCursorAnimation'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css'\n\nimport styles from './Testimonial.module.css'\nimport {Colors} from '../constants'\n\ntype TestimonialSize = 'small' \| 'large'\n\nexport const TestimonialQuoteMarkColors = [...Colors] as const\nexport const defaultQuoteMarkColor = 'green'\n\nexport const TestimonialVariants = ['subtle', 'default', 'minimal', 'expressive'] as const\ntype TestimonialVariant = (typeof TestimonialVariants)[number]\nexport const defaultTestimonialVariant: TestimonialVariant = 'minimal'\n\nexport type TestimonialProps = {\n /*\n Sets alternative appearance for the testimonial\n /\n variant?: TestimonialVariant\n /\n Applies an optional border where a variant supports it\n /\n hasBorder?: boolean\n /\n Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name\n /\n children:\n \| React.ReactNode\n \| React.ReactElement<QuoteProps>\n \| React.ReactElement<NameProps>\n \| React.ReactElement<AvatarProps>\n \| React.ReactElement<LogoProps>[]\n /\n Sets the testimonial text size\n /\n size?: TestimonialSize\n /* Sets the color of the quote mark /\n quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number]\n /* Class applied to the quote mark. /\n quoteMarkClassName?: string\n /* Class applied to the attribution wrapper. /\n mediaClassName?: string\n} & BaseProps<HTMLElement> &\n React.HTMLAttributes<HTMLElement>\n\n/\n Testimonial parent element\n * <Testimonial>\n /\nfunction TestimonialBase(\n {\n quoteMarkColor = defaultQuoteMarkColor,\n quoteMarkClassName,\n mediaClassName,\n animate,\n className,\n children,\n variant = defaultTestimonialVariant,\n hasBorder = true,\n size,\n style,\n ...rest\n }: PropsWithChildren<TestimonialProps>,\n ref,\n) {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n const resolvedQuoteMarkColor = TestimonialQuoteMarkColors.includes(quoteMarkColor)\n ? quoteMarkColor\n : defaultQuoteMarkColor\n\n const quoteMark = (\n <div\n aria-hidden=\"true\"\n className={clsx(\n styles['Testimonial__quoteMark'],\n styles[`Testimonial__quoteMark--${resolvedQuoteMarkColor}`],\n quoteMarkClassName,\n )}\n >\n <span className={styles.Testimonial__quoteMarkGlyph}>“</span>\n </div>\n )\n\n const childrenArray = React.Children.toArray(children)\n const findChild = <Props,>(type: React.ElementType): React.ReactElement<Props> \| undefined =>\n childrenArray.find(\n (child): child is React.ReactElement<Props> => React.isValidElement<Props>(child) && child.type === type,\n )\n\n const quoteChild = findChild<QuoteProps>(Quote)\n const actionChild = findChild<LinkProps>(_Link)\n const avatarChild = findChild<AvatarProps>(Avatar)\n const logoChild = findChild<LogoProps>(Logo)\n const nameChild = findChild<NameProps>(Name)\n\n const name =\n nameChild && variant === 'expressive' && typeof nameChild.props.children === 'string'\n ? React.cloneElement(nameChild, {\n children: (\n <TextCursorAnimation animate animationTrigger=\"on-visible\" variant=\"default\">\n {nameChild.props.children}\n </TextCursorAnimation>\n ),\n })\n : nameChild\n\n return (\n <figure\n ref={ref}\n className={clsx(\n animationClasses,\n styles['Testimonial'],\n styles[`Testimonial--variant-${variant}`],\n size && styles[`Testimonial--size-${size}`],\n hasBorder && styles['Testimonial--border'],\n variant === 'expressive' && actionChild && styles['Testimonial--hasLink'],\n className,\n )}\n style={{\n ...animationInlineStyles,\n ...style,\n ['--testimonial-accent-color' as keyof CSSProperties]: resolvedQuoteMarkColor,\n }}\n {...rest}\n >\n <div className={styles['Testimonial__quoteWrapper']}>\n {quoteMark}\n {quoteChild}\n {variant !== 'expressive' && actionChild}\n </div>\n <div className={clsx(styles['Testimonial__media'], mediaClassName)}>\n {avatarChild}\n {logoChild}\n {name}\n </div>\n {variant === 'expressive' && actionChild}\n </figure>\n )\n}\n\nconst Root = forwardRef(TestimonialBase)\n\n/\n Testimonial quote child element\n * <Testimonial.Quote>\n /\ntype QuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>\n\nfunction QuoteBase({children, className}: QuoteProps, ref) {\n return (\n <blockquote ref={ref}>\n <Text className={clsx(styles['Testimonial-quote'], className)}>{children}</Text>\n </blockquote>\n )\n}\n\nconst Quote = forwardRef(QuoteBase)\n\n/\n Testimonial name child element\n * <Testimonial.Name>\n /\ntype NameProps = {\n position?: string\n} & React.HTMLAttributes<HTMLElement> &\n BaseProps<HTMLElement>\n\nfunction _Name({children, className, position}: NameProps, ref) {\n return (\n <figcaption ref={ref} className={clsx(styles['Testimonial-caption'], className)}>\n <Text size=\"200\" className={styles['Testimonial-from']} font=\"monospace\">\n {children}\n </Text>\n {position && (\n <Text size=\"200\" className={clsx(styles['Testimonial-position'])} variant=\"muted\">\n {position}\n </Text>\n )}\n </figcaption>\n )\n}\n\nconst Name = forwardRef(_Name)\n\n/\n Testimonial logo child element\n * <Testimonial.Logo>\n /\ntype LogoProps = {\n children: React.ReactElement<SVGProps<SVGSVGElement>> \| React.ReactElement<HTMLAttributes<HTMLImageElement>>\n} & React.HTMLAttributes<HTMLImageElement> &\n BaseProps<HTMLImageElement>\n\nfunction _Logo({children, ...rest}: LogoProps, ref) {\n return (\n <div className={styles['Testimonial-logo']} {...rest}>\n {React.Children.map(children, child => {\n if (React.isValidElement(child)) {\n if (child.type === 'img') {\n const imageChild = child as React.ReactElement<ComponentPropsWithRef<'img'>>\n const imageProps: ComponentPropsWithRef<'img'> = {\n className: clsx(styles['Testimonial-logo-image'], imageChild.props.className),\n ref: ref as ComponentPropsWithRef<'img'>['ref'],\n }\n\n return React.cloneElement(imageChild, imageProps)\n }\n }\n })}\n </div>\n )\n}\n\nconst Logo = forwardRef(_Logo)\n\n/\n Testimonial avatar child element\n * <Testimonial.Avatar>\n /\n\nfunction _Avatar({size, className, ...rest}: AvatarProps) {\n return <BaseAvatar className={clsx(styles['Testimonial-avatar'], className)} size={48} {...rest} />\n}\n\nconst Avatar = _Avatar\n\n/\n Testimonial link child element\n * <Testimonial.Link>\n /\nfunction _LinkBase({className, ...rest}: LinkProps, _ref) {\n return <Link className={clsx(styles['Testimonial-link'], className)} {...rest} size=\"medium\" variant=\"accent\" />\n}\n\nconst _Link = forwardRef(_LinkBase)\n\n/\n Use Testimonial to display a quote from a customer or user.\n * @see https://primer.style/brand/components/Testimonial\n */\nexport const Testimonial = Object.assign(Root, {\n Quote,\n Name,\n Avatar,\n Logo,\n Link: _Link,\n})\n"],"mappings":"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"}

package/esm/Testimonial/Testimonial.module-BqMYuLeo.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Testimonial-module__Testimonial___kxB6R{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-sansSerif)}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S{border-radius:var(--brand-borderRadius-xlarge);padding:var(--base-size-48) var(--base-size-32);position:relative}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S{padding:var(--base-size-48)}}@media screen and (width>=63.25rem){.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg{padding:var(--base-size-96) var(--base-size-128)}}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S{background-color:var(--brand-color-canvas-default)}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe:before,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S:before{pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe.Primer_Brand__Testimonial-module__Testimonial--border___pbUPS:before{-webkit-mask-image:var(--brand-Testimonial-borderMask-subtle);-webkit-mask-image:var(--brand-Testimonial-borderMask-subtle);mask-image:var(--brand-Testimonial-borderMask-subtle);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S.Primer_Brand__Testimonial-module__Testimonial--border___pbUPS:before{-webkit-mask-image:var(--brand-Testimonial-borderMask-default);-webkit-mask-image:var(--brand-Testimonial-borderMask-default);mask-image:var(--brand-Testimonial-borderMask-default);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{gap:calc(var(--base-size-24) + var(--base-size-16));flex-direction:column;display:flex}.Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2{width:calc(var(--base-size-48) + var(--base-size-8));height:calc(var(--base-size-48) + var(--base-size-8));border-radius:var(--base-size-12);color:var(--brand-Testimonial-quoteMarkColor,currentColor);background-color:var(--brand-Testimonial-quoteMarkBackground,var(--base-color-scale-gray-0));font-family:var(--brand-fontStack-monospace);font-size:4rem;font-weight:var(--base-text-weight-normal);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L{transform:translateY(var(--base-size-12));display:block}.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2,.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2{width:var(--base-size-40);height:var(--base-size-40);border-radius:var(--base-size-8);font-size:3rem}.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L,.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L{transform:translateY(var(--base-size-8))}.Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-family:var(--brand-fontStack-sansSerif);font-size:var(--brand-Testimonial-quote-fontSize-default);font-weight:var(--brand-Testimonial-quote-fontWeight-default);letter-spacing:var(--brand-Testimonial-quote-letterSpacing-default);line-height:1.2;display:block}.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-size:var(--brand-Testimonial-quote-fontSize-large);font-weight:var(--brand-Testimonial-quote-fontWeight-large);letter-spacing:var(--brand-Testimonial-quote-letterSpacing-large)}.Primer_Brand__Testimonial-module__Testimonial-quote___xbxri em,.Primer_Brand__Testimonial-module__Testimonial-quote___xbxri b{color:var(--brand-Testimonial-quote-color-emphasis);font-style:normal;font-weight:inherit}.Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{gap:var(--base-size-16);align-items:center;margin-block-start:var(--base-size-24);display:flex}.Primer_Brand__Testimonial-module__Testimonial-logo-image___rpGVd{display:block}.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{margin-block-start:var(--base-size-64)}.Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF{flex-direction:column;display:flex}.Primer_Brand__Testimonial-module__Testimonial-avatar___kWqMQ{flex:none}.Primer_Brand__Testimonial-module__Testimonial-from___XLpqj{font-weight:var(--base-text-weight-normal);text-transform:uppercase}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{gap:var(--base-size-36);width:100%;max-width:1176px;padding-inline:var(--base-size-20);padding-block:var(--base-size-40);flex-direction:column;display:flex}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{align-items:flex-start;gap:var(--base-size-36);flex-direction:column;min-width:0;display:flex}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{align-items:flex-start;gap:var(--base-size-28);flex-direction:column;width:100%;margin-block-start:0}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-avatar___kWqMQ{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);gap:var(--base-size-6);width:100%;padding-block-start:var(--base-size-20)}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{gap:var(--base-size-40)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{width:356px}}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-from___XLpqj{font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-heading-weight-500);line-height:var(--brand-text-lineHeight-100);text-transform:uppercase;letter-spacing:.0107em;align-items:center;display:flex}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-position____jQ17{font-size:var(--brand-text-size-200);font-weight:var(--base-text-weight-normal);letter-spacing:.01em;line-height:1.6}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-family:var(--brand-fontStack-monospace);letter-spacing:-.01em;font-size:1.5rem;font-weight:425;line-height:var(--brand-text-lineHeight-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{max-width:618px;padding-inline:var(--base-size-36);padding-block:var(--base-size-44);margin-inline:auto}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{letter-spacing:-.02em;font-size:1.625rem}}@media screen and (width>=63.25rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{grid-column-gap:calc(var(--base-size-96) + var(--base-size-24));-moz-column-gap:calc(var(--base-size-96) + var(--base-size-24));column-gap:calc(var(--base-size-96) + var(--base-size-24));max-width:1176px;padding-inline:var(--base-size-48);padding-block:var(--base-size-88);grid-template-columns:minmax(0,744px) 312px;align-items:end;margin-inline:auto;display:grid}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY.Primer_Brand__Testimonial-module__Testimonial--hasLink___U6yF2{row-gap:var(--base-size-48)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{gap:var(--base-size-48);grid-area:1/1}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{gap:var(--base-size-32);grid-area:1/2;width:312px}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY.Primer_Brand__Testimonial-module__Testimonial--hasLink___U6yF2 .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{grid-row:1/span 2}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF{padding-block-start:var(--base-size-24)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-size:2rem}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-link___kK8cZ{grid-area:2/1}}@media screen and (width>=80rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{padding-inline:0}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-avatar___kWqMQ{width:var(--base-size-48);height:var(--base-size-48)}}.Primer_Brand__Testimonial-module__Testimonial-link___kK8cZ{margin-block-start:var(--base-size-8)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-link___kK8cZ{align-self:flex-start;width:fit-content;margin-block-start:0}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--default___wRFiA{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-default);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-default)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue___65lEG{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-blue);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-blue)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--coral___zCLpT{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-coral);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-coral)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--green___zmlvZ{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-green);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-green)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--gray___18cS4{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-gray);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-gray)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--indigo___GDdwu{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-indigo);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-indigo)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--lemon___SbBQ4{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-lemon);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-lemon)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--lime___jzEWj{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-lime);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-lime)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--orange___Mk2Ix{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-orange);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-orange)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink____Y7MC{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-pink);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-pink)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple___TMw0P{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-purple);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-purple)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--red___rbO_z{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-red);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-red)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--teal___S_1eT{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-teal);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-teal)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--yellow___W8v__{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-yellow);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-yellow)}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO{width:100%;margin:0}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{align-items:flex-start;gap:calc(var(--base-size-24) + var(--base-size-16));flex-direction:column;display:flex}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{gap:var(--base-size-48)}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO blockquote{margin:0}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-size:var(--brand-Testimonial-quote-fontSize-default);font-weight:var(--brand-Testimonial-quote-fontWeight-default);letter-spacing:0;line-height:1.2}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-size:var(--brand-text-size-600);font-weight:var(--brand-heading-weight-500);line-height:var(--brand-Testimonial-minimal-quote-lineHeight)}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{gap:var(--base-size-16);margin-block-start:calc(var(--base-size-32) + var(--base-size-8));padding-block-start:0}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{margin-block-start:var(--base-size-32);padding-block-start:var(--base-size-8)}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF{gap:var(--base-size-2);min-width:0}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial-from___XLpqj,.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial-position____jQ17{font-family:var(--brand-fontStack-sansSerif);font-size:var(--brand-text-size-200);font-weight:var(--base-text-weight-normal);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200);text-transform:none}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial-avatar___kWqMQ{width:var(--base-size-64);height:var(--base-size-64)}@media screen and (width>=63.25rem){.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf,.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{gap:var(--base-size-48)}.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-size:var(--brand-Testimonial-minimal-quote-fontSize-large)}}@media screen and (width>=34rem) and (width<=47.99rem){.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-size:var(--brand-text-size-700)}}

package/esm/Testimonial/Testimonial.module.js CHANGED Viewed

@@ -1,45 +1,40 @@
-import './Testimonial.module-_jTJvM-4.css';//#region src/Testimonial/Testimonial.module.css
-var e = "Primer_Brand__Testimonial-module__Testimonial___kxB6R", t = "Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2", n = "Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L", r = "Primer_Brand__Testimonial-module__Testimonial__media___rvn7k", i = "Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf", a = {
+import './Testimonial.module-BqMYuLeo.css';//#region src/Testimonial/Testimonial.module.css
+var e = "Primer_Brand__Testimonial-module__Testimonial___kxB6R", t = "Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf", n = "Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2", r = "Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L", i = "Primer_Brand__Testimonial-module__Testimonial__media___rvn7k", a = {
 	Testimonial: e,
 	"Testimonial--variant-subtle": "Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe",
 	"Testimonial--variant-default": "Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S",
 	"Testimonial--size-large": "Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg",
 	"Testimonial--border": "Primer_Brand__Testimonial-module__Testimonial--border___pbUPS",
-	Testimonial__quoteMark: t,
-	"Testimonial__quoteMark--hasBackground": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2",
-	Testimonial__quoteMarkGlyph: n,
+	Testimonial__quoteWrapper: t,
+	Testimonial__quoteMark: n,
+	Testimonial__quoteMarkGlyph: r,
 	"Testimonial-quote": "Primer_Brand__Testimonial-module__Testimonial-quote___xbxri",
-	Testimonial__media: r,
+	Testimonial__media: i,
 	"Testimonial-logo-image": "Primer_Brand__Testimonial-module__Testimonial-logo-image___rpGVd",
 	"Testimonial-caption": "Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF",
 	"Testimonial-avatar": "Primer_Brand__Testimonial-module__Testimonial-avatar___kWqMQ",
 	"Testimonial-from": "Primer_Brand__Testimonial-module__Testimonial-from___XLpqj",
 	"Testimonial--variant-expressive": "Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY",
-	Testimonial__quoteWrapper: i,
 	"Testimonial-position": "Primer_Brand__Testimonial-module__Testimonial-position____jQ17",
 	"Testimonial--hasLink": "Primer_Brand__Testimonial-module__Testimonial--hasLink___U6yF2",
 	"Testimonial-link": "Primer_Brand__Testimonial-module__Testimonial-link___kK8cZ",
 	"Testimonial__quoteMark--default": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--default___wRFiA",
 	"Testimonial__quoteMark--blue": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue___65lEG",
-	"Testimonial__quoteMark--blue-purple": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue-purple___HZ6wp",
 	"Testimonial__quoteMark--coral": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--coral___zCLpT",
 	"Testimonial__quoteMark--green": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--green___zmlvZ",
-	"Testimonial__quoteMark--green-blue": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--green-blue___Q0gxM",
 	"Testimonial__quoteMark--gray": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--gray___18cS4",
 	"Testimonial__quoteMark--indigo": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--indigo___GDdwu",
 	"Testimonial__quoteMark--lemon": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--lemon___SbBQ4",
 	"Testimonial__quoteMark--lime": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--lime___jzEWj",
 	"Testimonial__quoteMark--orange": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--orange___Mk2Ix",
 	"Testimonial__quoteMark--pink": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink____Y7MC",
-	"Testimonial__quoteMark--pink-blue": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink-blue___VQftN",
 	"Testimonial__quoteMark--purple": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple___TMw0P",
-	"Testimonial__quoteMark--purple-red": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple-red___f1bgK",
 	"Testimonial__quoteMark--red": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--red___rbO_z",
-	"Testimonial__quoteMark--red-orange": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--red-orange___pm_dh",
 	"Testimonial__quoteMark--teal": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--teal___S_1eT",
-	"Testimonial__quoteMark--yellow": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--yellow___W8v__"
+	"Testimonial__quoteMark--yellow": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--yellow___W8v__",
+	"Testimonial--variant-minimal": "Primer_Brand__Testimonial-module__Testimonial--variant-minimal___TFtAO"
 };
 //#endregion
-export { e as Testimonial, r as Testimonial__media, t as Testimonial__quoteMark, n as Testimonial__quoteMarkGlyph, i as Testimonial__quoteWrapper, a as default };
+export { e as Testimonial, i as Testimonial__media, n as Testimonial__quoteMark, r as Testimonial__quoteMarkGlyph, t as Testimonial__quoteWrapper, a as default };
 //# sourceMappingURL=Testimonial.module.js.map

package/esm/Testimonial/Testimonial.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Testimonial.module.js","names":[],"sources":["../../src/Testimonial/Testimonial.module.css"],"sourcesContent":[".Testimonial {\n color: var(--brand-color-text-default);\n font-family: var(--brand-fontStack-sansSerif);\n}\n\n.Testimonial--variant-subtle,\n.Testimonial--variant-default {\n position: relative;\n border-radius: var(--brand-borderRadius-xlarge);\n padding: var(--base-size-48) var(--base-size-32);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-subtle,\n .Testimonial--variant-default {\n padding: var(--base-size-48);\n }\n}\n\n@media screen and (min-width: 63.25rem) {\n .Testimonial--variant-subtle.Testimonial--size-large,\n .Testimonial--variant-default.Testimonial--size-large {\n padding: var(--base-size-96) var(--base-size-128);\n }\n}\n\n.Testimonial--variant-subtle {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Testimonial--variant-default {\n background-color: var(--brand-color-canvas-default);\n}\n\n.Testimonial--variant-subtle::before,\n.Testimonial--variant-default::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: '';\n border-radius: inherit;\n}\n\n.Testimonial--variant-subtle.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-subtle);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial--variant-default.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-default);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial__quoteMark {\n --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(\n circle at top left,\n var(--brand-Testimonial-quoteMarkColor-start),\n var(--brand-Testimonial-quoteMarkColor-end)\n );\n --brand-Testimonial-quoteMarkColor-background: var(\n --brand-Testimonial-quoteMarkColor-gradient,\n var(--brand-Testimonial-quoteMarkColor, currentColor)\n );\n color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));\n font-size: var(--base-size-48);\n line-height: var(--base-size-48);\n font-weight: var(--base-text-weight-extrabold);\n position: relative;\n}\n\n.Testimonial__quoteMark::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--brand-Testimonial-quoteMarkColor-background);\n -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n\n.Testimonial__quoteMark--hasBackground {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: calc(var(--base-size-48) + var(--base-size-8));\n height: calc(var(--base-size-48) + var(--base-size-8));\n border-radius: var(--base-size-12);\n background-color: var(--brand-Testimonial-quoteMarkBackground, var(--base-color-scale-gray-0));\n font-size: var(--base-size-64);\n line-height: 1;\n}\n\n.Testimonial--size-large .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n font-size: 7.5rem; /* 120px /\n line-height: 1;\n}\n\n.Testimonial__quoteMarkGlyph {\n display: block;\n}\n\n.Testimonial-quote {\n font-family: var(--brand-fontStack-sansSerif);\n font-size: var(--brand-Testimonial-quote-fontSize-default);\n font-weight: var(--brand-Testimonial-quote-fontWeight-default);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);\n line-height: 1.2; / requires custom line-height /\n display: block;\n}\n\n.Testimonial--size-large .Testimonial-quote {\n font-size: var(--brand-Testimonial-quote-fontSize-large);\n font-weight: var(--brand-Testimonial-quote-fontWeight-large);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);\n}\n\n.Testimonial-quote em,\n.Testimonial-quote b {\n color: var(--brand-Testimonial-quote-color-emphasis);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Testimonial__media {\n display: flex;\n gap: var(--base-size-16);\n align-items: center;\n margin-top: var(--base-size-24);\n}\n\n.Testimonial-logo-image {\n display: block;\n}\n\n.Testimonial--size-large .Testimonial__media {\n margin-top: var(--base-size-64);\n}\n\n.Testimonial-caption {\n display: flex;\n flex-direction: column;\n}\n\n.Testimonial-avatar {\n flex: none;\n}\n\n.Testimonial-from {\n font-weight: var(--base-text-weight-normal);\n text-transform: uppercase;\n}\n\n/ Expressive variant */\n.Testimonial--variant-expressive {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-36);\n width: 100%;\n max-width: 1176px;\n padding-inline: var(--base-size-20);\n padding-block: var(--base-size-40);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteWrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-36);\n min-width: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__media {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-28);\n margin-block-start: 0;\n width: 100%;\n}\n\n.Testimonial--variant-expressive .Testimonial-avatar {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Testimonial--variant-expressive .Testimonial-caption {\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n padding-block-start: var(--base-size-20);\n width: 100%;\n gap: var(--base-size-6);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive .Testimonial__quoteWrapper {\n gap: var(--base-size-40);\n }\n\n .Testimonial--variant-expressive .Testimonial__media {\n width: 356px;\n }\n}\n\n.Testimonial--variant-expressive .Testimonial-from {\n display: flex;\n align-items: center;\n font-family: var(--brand-fontStack-monospace);\n font-size: var(--brand-text-size-100);\n font-weight: var(--brand-heading-weight-500);\n line-height: var(--brand-text-lineHeight-100);\n text-transform: uppercase;\n letter-spacing: 0.0107em;\n}\n\n.Testimonial--variant-expressive .Testimonial-position {\n font-size: var(--brand-text-size-200);\n font-weight: var(--base-text-weight-normal);\n line-height: 1.6;\n letter-spacing: 0.01em;\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark {\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-fontWeight-300);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMarkGlyph {\n transform: translateY(var(--base-size-12));\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n margin-left: -0.18em;\n}\n\n.Testimonial--variant-expressive .Testimonial-quote {\n font-family: var(--brand-fontStack-monospace);\n font-size: 1.5rem;\n font-weight: 425;\n letter-spacing: -0.01em;\n line-height: var(--brand-text-lineHeight-100);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive {\n max-width: 618px;\n margin-inline: auto;\n padding-inline: var(--base-size-36);\n padding-block: var(--base-size-44);\n }\n .Testimonial--variant-expressive .Testimonial-quote {\n font-size: 1.625rem;\n letter-spacing: -0.02em;\n }\n}\n\n@media screen and (min-width: 63.25rem) {\n .Testimonial--variant-expressive {\n display: grid;\n grid-template-columns: minmax(0, 744px) 312px;\n column-gap: calc(var(--base-size-96) + var(--base-size-24));\n align-items: end;\n max-width: 1176px;\n margin-inline: auto;\n padding-inline: var(--base-size-48);\n padding-block: var(--base-size-88);\n }\n\n .Testimonial--variant-expressive.Testimonial--hasLink {\n row-gap: var(--base-size-48);\n }\n\n .Testimonial--variant-expressive .Testimonial__quoteWrapper {\n grid-column: 1;\n grid-row: 1;\n gap: var(--base-size-48);\n }\n\n .Testimonial--variant-expressive .Testimonial__media {\n grid-column: 2;\n grid-row: 1;\n width: 312px;\n gap: var(--base-size-32);\n }\n\n .Testimonial--variant-expressive.Testimonial--hasLink .Testimonial__media {\n grid-row: 1 / span 2;\n }\n\n .Testimonial--variant-expressive .Testimonial-caption {\n padding-block-start: var(--base-size-24);\n }\n\n .Testimonial--variant-expressive .Testimonial-quote {\n font-size: var(--base-size-32);\n }\n\n .Testimonial--variant-expressive .Testimonial-link {\n grid-column: 1;\n grid-row: 2;\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Testimonial--variant-expressive {\n padding-inline: 0;\n }\n\n .Testimonial--variant-expressive .Testimonial-avatar {\n width: var(--base-size-48);\n height: var(--base-size-48);\n }\n}\n\n.Testimonial-link {\n margin-top: var(--base-size-8);\n}\n\n.Testimonial--variant-expressive .Testimonial-link {\n align-self: flex-start;\n width: fit-content;\n margin-top: 0;\n}\n\n.Testimonial__quoteMark--default {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-default);\n}\n\n.Testimonial__quoteMark--blue {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue);\n}\n\n.Testimonial__quoteMark--blue-purple {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue-purple);\n}\n\n.Testimonial__quoteMark--coral {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-coral);\n}\n\n.Testimonial__quoteMark--green {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green);\n}\n\n.Testimonial__quoteMark--green-blue {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green-blue);\n}\n\n.Testimonial__quoteMark--gray {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-gray);\n}\n\n.Testimonial__quoteMark--indigo {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-indigo);\n}\n\n.Testimonial__quoteMark--lemon {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lemon);\n}\n\n.Testimonial__quoteMark--lime {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lime);\n}\n\n.Testimonial__quoteMark--orange {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-orange);\n}\n\n.Testimonial__quoteMark--pink {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink);\n}\n\n.Testimonial__quoteMark--pink-blue {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink-blue);\n}\n\n.Testimonial__quoteMark--purple {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple);\n}\n\n.Testimonial__quoteMark--purple-red {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple-red);\n}\n\n.Testimonial__quoteMark--red {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red);\n}\n\n.Testimonial__quoteMark--red-orange {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red-orange);\n}\n\n.Testimonial__quoteMark--teal {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-teal);\n}\n\n.Testimonial__quoteMark--yellow {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-yellow);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Testimonial.module.js","names":[],"sources":["../../src/Testimonial/Testimonial.module.css"],"sourcesContent":[".Testimonial {\n color: var(--brand-color-text-default);\n font-family: var(--brand-fontStack-sansSerif);\n}\n\n.Testimonial--variant-subtle,\n.Testimonial--variant-default {\n position: relative;\n border-radius: var(--brand-borderRadius-xlarge);\n padding: var(--base-size-48) var(--base-size-32);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-subtle,\n .Testimonial--variant-default {\n padding: var(--base-size-48);\n }\n}\n\n@media screen and (min-width: 63.25rem) {\n .Testimonial--variant-subtle.Testimonial--size-large,\n .Testimonial--variant-default.Testimonial--size-large {\n padding: var(--base-size-96) var(--base-size-128);\n }\n}\n\n.Testimonial--variant-subtle {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Testimonial--variant-default {\n background-color: var(--brand-color-canvas-default);\n}\n\n.Testimonial--variant-subtle::before,\n.Testimonial--variant-default::before {\n position: absolute;\n inset: 0;\n pointer-events: none;\n content: '';\n border-radius: inherit;\n}\n\n.Testimonial--variant-subtle.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-subtle);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial--variant-default.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-default);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial--variant-subtle .Testimonial__quoteWrapper,\n.Testimonial--variant-default .Testimonial__quoteWrapper {\n display: flex;\n flex-direction: column;\n gap: calc(var(--base-size-24) + var(--base-size-16));\n}\n\n.Testimonial__quoteMark {\n position: relative;\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n width: calc(var(--base-size-48) + var(--base-size-8));\n height: calc(var(--base-size-48) + var(--base-size-8));\n border-radius: var(--base-size-12);\n color: var(--brand-Testimonial-quoteMarkColor, currentColor);\n background-color: var(--brand-Testimonial-quoteMarkBackground, var(--base-color-scale-gray-0));\n font-family: var(--brand-fontStack-monospace);\n font-size: 4rem;\n font-weight: var(--base-text-weight-normal);\n line-height: 1;\n}\n\n.Testimonial__quoteMarkGlyph {\n display: block;\n transform: translateY(var(--base-size-12));\n}\n\n.Testimonial--variant-default .Testimonial__quoteMark,\n.Testimonial--variant-subtle .Testimonial__quoteMark {\n width: var(--base-size-40);\n height: var(--base-size-40);\n border-radius: var(--base-size-8);\n font-size: 3rem;\n}\n\n.Testimonial--variant-default .Testimonial__quoteMarkGlyph,\n.Testimonial--variant-subtle .Testimonial__quoteMarkGlyph {\n transform: translateY(var(--base-size-8));\n}\n\n.Testimonial-quote {\n font-family: var(--brand-fontStack-sansSerif);\n font-size: var(--brand-Testimonial-quote-fontSize-default);\n font-weight: var(--brand-Testimonial-quote-fontWeight-default);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);\n line-height: 1.2; /* requires custom line-height /\n display: block;\n}\n\n.Testimonial--size-large .Testimonial-quote {\n font-size: var(--brand-Testimonial-quote-fontSize-large);\n font-weight: var(--brand-Testimonial-quote-fontWeight-large);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);\n}\n\n.Testimonial-quote em,\n.Testimonial-quote b {\n color: var(--brand-Testimonial-quote-color-emphasis);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Testimonial__media {\n display: flex;\n gap: var(--base-size-16);\n align-items: center;\n margin-block-start: var(--base-size-24);\n}\n\n.Testimonial-logo-image {\n display: block;\n}\n\n.Testimonial--size-large .Testimonial__media {\n margin-block-start: var(--base-size-64);\n}\n\n.Testimonial-caption {\n display: flex;\n flex-direction: column;\n}\n\n.Testimonial-avatar {\n flex: none;\n}\n\n.Testimonial-from {\n font-weight: var(--base-text-weight-normal);\n text-transform: uppercase;\n}\n\n/ Expressive variant */\n.Testimonial--variant-expressive {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-36);\n width: 100%;\n max-width: 1176px;\n padding-inline: var(--base-size-20);\n padding-block: var(--base-size-40);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteWrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-36);\n min-width: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__media {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-28);\n margin-block-start: 0;\n width: 100%;\n}\n\n.Testimonial--variant-expressive .Testimonial-avatar {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Testimonial--variant-expressive .Testimonial-caption {\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n padding-block-start: var(--base-size-20);\n width: 100%;\n gap: var(--base-size-6);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive .Testimonial__quoteWrapper {\n gap: var(--base-size-40);\n }\n\n .Testimonial--variant-expressive .Testimonial__media {\n width: 356px;\n }\n}\n\n.Testimonial--variant-expressive .Testimonial-from {\n display: flex;\n align-items: center;\n font-family: var(--brand-fontStack-monospace);\n font-size: var(--brand-text-size-100);\n font-weight: var(--brand-heading-weight-500);\n line-height: var(--brand-text-lineHeight-100);\n text-transform: uppercase;\n letter-spacing: 0.0107em;\n}\n\n.Testimonial--variant-expressive .Testimonial-position {\n font-size: var(--brand-text-size-200);\n font-weight: var(--base-text-weight-normal);\n line-height: 1.6;\n letter-spacing: 0.01em;\n}\n\n.Testimonial--variant-expressive .Testimonial-quote {\n font-family: var(--brand-fontStack-monospace);\n font-size: 1.5rem;\n font-weight: 425;\n letter-spacing: -0.01em;\n line-height: var(--brand-text-lineHeight-100);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive {\n max-width: 618px;\n margin-inline: auto;\n padding-inline: var(--base-size-36);\n padding-block: var(--base-size-44);\n }\n .Testimonial--variant-expressive .Testimonial-quote {\n font-size: 1.625rem;\n letter-spacing: -0.02em;\n }\n}\n\n@media screen and (min-width: 63.25rem) {\n .Testimonial--variant-expressive {\n display: grid;\n grid-template-columns: minmax(0, 744px) 312px;\n column-gap: calc(var(--base-size-96) + var(--base-size-24));\n align-items: end;\n max-width: 1176px;\n margin-inline: auto;\n padding-inline: var(--base-size-48);\n padding-block: var(--base-size-88);\n }\n\n .Testimonial--variant-expressive.Testimonial--hasLink {\n row-gap: var(--base-size-48);\n }\n\n .Testimonial--variant-expressive .Testimonial__quoteWrapper {\n grid-column: 1;\n grid-row: 1;\n gap: var(--base-size-48);\n }\n\n .Testimonial--variant-expressive .Testimonial__media {\n grid-column: 2;\n grid-row: 1;\n width: 312px;\n gap: var(--base-size-32);\n }\n\n .Testimonial--variant-expressive.Testimonial--hasLink .Testimonial__media {\n grid-row: 1 / span 2;\n }\n\n .Testimonial--variant-expressive .Testimonial-caption {\n padding-block-start: var(--base-size-24);\n }\n\n .Testimonial--variant-expressive .Testimonial-quote {\n font-size: 2rem;\n }\n\n .Testimonial--variant-expressive .Testimonial-link {\n grid-column: 1;\n grid-row: 2;\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Testimonial--variant-expressive {\n padding-inline: 0;\n }\n\n .Testimonial--variant-expressive .Testimonial-avatar {\n width: var(--base-size-48);\n height: var(--base-size-48);\n }\n}\n\n.Testimonial-link {\n margin-block-start: var(--base-size-8);\n}\n\n.Testimonial--variant-expressive .Testimonial-link {\n align-self: flex-start;\n width: fit-content;\n margin-block-start: 0;\n}\n\n.Testimonial__quoteMark--default {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-default);\n}\n\n.Testimonial__quoteMark--blue {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue);\n}\n\n.Testimonial__quoteMark--coral {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-coral);\n}\n\n.Testimonial__quoteMark--green {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green);\n}\n\n.Testimonial__quoteMark--gray {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-gray);\n}\n\n.Testimonial__quoteMark--indigo {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-indigo);\n}\n\n.Testimonial__quoteMark--lemon {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lemon);\n}\n\n.Testimonial__quoteMark--lime {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lime);\n}\n\n.Testimonial__quoteMark--orange {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-orange);\n}\n\n.Testimonial__quoteMark--pink {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink);\n}\n\n.Testimonial__quoteMark--purple {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple);\n}\n\n.Testimonial__quoteMark--red {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red);\n}\n\n.Testimonial__quoteMark--teal {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-teal);\n}\n\n.Testimonial__quoteMark--yellow {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-yellow);\n}\n\n.Testimonial--variant-minimal {\n margin: 0;\n width: 100%;\n}\n\n.Testimonial--variant-minimal .Testimonial__quoteWrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: calc(var(--base-size-24) + var(--base-size-16));\n}\n\n.Testimonial--variant-minimal.Testimonial--size-large .Testimonial__quoteWrapper {\n gap: var(--base-size-48);\n}\n\n.Testimonial--variant-minimal blockquote {\n margin: 0;\n}\n\n.Testimonial--variant-minimal .Testimonial-quote {\n font-size: var(--brand-Testimonial-quote-fontSize-default);\n font-weight: var(--brand-Testimonial-quote-fontWeight-default);\n line-height: 1.2;\n letter-spacing: 0;\n}\n\n.Testimonial--variant-minimal.Testimonial--size-large .Testimonial-quote {\n font-size: var(--brand-text-size-600);\n font-weight: var(--brand-heading-weight-500);\n line-height: var(--brand-Testimonial-minimal-quote-lineHeight);\n}\n\n.Testimonial--variant-minimal .Testimonial__media {\n gap: var(--base-size-16);\n margin-block-start: calc(var(--base-size-32) + var(--base-size-8));\n padding-block-start: 0;\n}\n\n.Testimonial--variant-minimal.Testimonial--size-large .Testimonial__media {\n margin-block-start: var(--base-size-32);\n padding-block-start: var(--base-size-8);\n}\n\n.Testimonial--variant-minimal .Testimonial-caption {\n min-width: 0;\n gap: var(--base-size-2);\n}\n\n.Testimonial--variant-minimal .Testimonial-from,\n.Testimonial--variant-minimal .Testimonial-position {\n font-family: var(--brand-fontStack-sansSerif);\n font-size: var(--brand-text-size-200);\n font-weight: var(--base-text-weight-normal);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: var(--brand-text-letterSpacing-200);\n text-transform: none;\n}\n\n.Testimonial--variant-minimal .Testimonial-avatar {\n width: var(--base-size-64);\n height: var(--base-size-64);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Testimonial--variant-subtle .Testimonial__quoteWrapper,\n .Testimonial--variant-default .Testimonial__quoteWrapper,\n .Testimonial--variant-minimal .Testimonial__quoteWrapper {\n gap: var(--base-size-48);\n }\n\n .Testimonial--variant-minimal.Testimonial--size-large .Testimonial-quote {\n font-size: var(--brand-Testimonial-minimal-quote-fontSize-large);\n }\n}\n\n@media screen and (min-width: 34rem) and (max-width: 47.99rem) {\n .Testimonial--variant-minimal.Testimonial--size-large .Testimonial-quote {\n font-size: var(--brand-text-size-700);\n }\n}\n"],"mappings":""}

package/esm/TestimonialGroup/TestimonialGroup.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial-group/base.css';
+export type TestimonialGroupProps = BaseProps<HTMLDivElement> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    'data-testid'?: string;
+    /** Initial testimonial: 0 for the first, 1 for the second. */
+    defaultActiveIndex?: number;
+    /** Called after a testimonial changes, with its index (first is 0). */
+    onChange?: (activeIndex: number) => void;
+    /** Overrides accessible control labels and slide announcements. */
+    labels?: {
+        carousel?: string;
+        controlsPrev?: string;
+        controlsNext?: string;
+        controlsNavigation?: string;
+        carouselRoleDescription?: string;
+        slideRoleDescription?: string;
+        /** Complete selector label using {current} and {total}. */
+        indicator?: string;
+        /** Complete slide label using {current} and {total}. */
+        slide?: string;
+        /** Complete announcement using {current}, {total}, and {author}. */
+        announcement?: string;
+    };
+};
+/**
+ * Use TestimonialGroup to display a collection of testimonials in a carousel format.
+ * @see https://primer.style/brand/components/TestimonialGroup/
+ */
+export declare const TestimonialGroup: React.ForwardRefExoticComponent<Omit<TestimonialGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    testIds: {
+        root: string;
+    };
+};
+//# sourceMappingURL=TestimonialGroup.d.ts.map

package/esm/TestimonialGroup/TestimonialGroup.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TestimonialGroup.d.ts","sourceRoot":"","sources":["../../src/TestimonialGroup/TestimonialGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiG,MAAM,OAAO,CAAA;AAOrH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD,OAAO,wGAAwG,CAAA;AAO/G,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACvD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,mEAAmE;IACnE,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAA;QAChC,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,2DAA2D;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,wDAAwD;QACxD,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,oEAAoE;QACpE,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;CACF,CAAA;AAiTH;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;CAAiC,CAAA"}