npm - @primer/react-brand - Versions diffs - 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb - Mend

@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

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 (1465) hide show

package/esm/Testimonial/Testimonial.js ADDED Viewed

@@ -0,0 +1,125 @@
+import 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 { 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-8ryG-BX6.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-CAG7koNB.css';/* empty css                                                                                            */
+/* empty css                                                                                                         */
+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 f = [...n, ...t], p = f[0], m = [
+	"subtle",
+	"default",
+	"minimal",
+	"expressive"
+], h = "minimal";
+function g({ quoteMarkColor: t, animate: n, className: i, children: a, variant: o = "minimal", hasBorder: l = !0, size: f, style: p, ...m }, h) {
+	let { classes: g, styles: _ } = r(n), v = t ?? (o === "expressive" ? "green" : "default"), b = /* @__PURE__ */ u("div", {
+		"aria-hidden": "true",
+		className: e(s.Testimonial__quoteMark, s[`Testimonial__quoteMark--${v}`], o === "expressive" && s["Testimonial__quoteMark--hasBackground"]),
+		children: /* @__PURE__ */ u("span", {
+			className: s.Testimonial__quoteMarkGlyph,
+			children: "“"
+		})
+	}), S = c.Children.toArray(a), w = (e) => S.find((t) => c.isValidElement(t) && t.type === e), E = w(y), O = w(D), k = w(T), A = w(C), j = w(x);
+	return /* @__PURE__ */ d("figure", {
+		ref: h,
+		className: e(g, s.Testimonial, s[`Testimonial--variant-${o}`], f && s[`Testimonial--size-${f}`], l && s["Testimonial--border"], i),
+		style: {
+			..._,
+			...p,
+			"--testimonial-accent-color": v
+		},
+		...m,
+		children: [/* @__PURE__ */ d("div", {
+			className: s.Testimonial__quoteWrapper,
+			children: [
+				b,
+				E,
+				O
+			]
+		}), /* @__PURE__ */ d("div", {
+			className: s.Testimonial__media,
+			children: [
+				k,
+				A,
+				j
+			]
+		})]
+	});
+}
+var _ = l(g);
+function v({ children: t, className: n }, r) {
+	return /* @__PURE__ */ u("blockquote", {
+		ref: r,
+		children: /* @__PURE__ */ u(i, {
+			className: e(s["Testimonial-quote"], n),
+			children: t
+		})
+	});
+}
+var y = l(v);
+function b({ children: t, className: n, position: r }, a) {
+	return /* @__PURE__ */ d("figcaption", {
+		ref: a,
+		className: e(s["Testimonial-caption"], n),
+		children: [/* @__PURE__ */ u(i, {
+			size: "200",
+			className: e(s["Testimonial-from"]),
+			font: "monospace",
+			children: t
+		}), r && /* @__PURE__ */ u(i, {
+			size: "200",
+			className: e(s["Testimonial-position"]),
+			variant: "muted",
+			children: r
+		})]
+	});
+}
+var x = l(b);
+function S({ children: t, ...n }, r) {
+	return /* @__PURE__ */ u("div", {
+		className: s["Testimonial-logo"],
+		...n,
+		children: c.Children.map(t, (t) => {
+			if (c.isValidElement(t) && t.type === "img") {
+				let n = t, i = {
+					className: e(s["Testimonial-logo-image"]),
+					ref: r
+				};
+				return c.cloneElement(n, i);
+			}
+		})
+	});
+}
+var C = l(S);
+function w({ size: t, ...n }) {
+	return /* @__PURE__ */ u(o, {
+		className: e(s["Testimonial-avatar"]),
+		size: 48,
+		...n
+	});
+}
+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 D = l(E), O = Object.assign(_, {
+	Quote: y,
+	Name: x,
+	Avatar: T,
+	Logo: C,
+	Link: D
+});
+//#endregion
+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 ADDED Viewed

@@ -0,0 +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'\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 = (type: React.ElementType) =>\n childrenArray.find(child => React.isValidElement(child) && child.type === type)\n\n const quoteChild = findChild(Quote)\n const actionChild = findChild(_Link)\n const avatarChild = findChild(Avatar)\n const logoChild = findChild(Logo)\n const nameChild = findChild(Name)\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 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 {actionChild}\n </div>\n <div className={styles['Testimonial__media']}>\n {avatarChild}\n {logoChild}\n {nameChild}\n </div>\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={clsx(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']),\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":";;;;;;;;;;;;AAsBA,IAAa,IAA6B,CAAC,GAAG,GAAQ,GAAG,EAAiB,EAC7D,IAAwB,EAA2B,IAEnD,IAAsB;CAAC;CAAU;CAAW;CAAW;CAAa,EAEpE,IAAgD;AAiC7D,SAAS,EACP,EACE,mBACA,YACA,cACA,aACA,aAAU,WACV,eAAY,IACZ,SACA,UACA,GAAG,KAEL,GACA;CACA,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAyB,MAAmB,MAAY,eAAe,UAAU,YAEjF,IACJ,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,EAAO,wBACP,EAAO,2BAA2B,MAClC,MAAY,gBAAgB,EAAO,yCACpC;YAED,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAgC;GAAc,CAAA;EAClE,CAAA,EAGF,IAAgB,EAAM,SAAS,QAAQ,EAAS,EAChD,KAAa,MACjB,EAAc,MAAK,MAAS,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,EAAK,EAE3E,IAAa,EAAU,EAAM,EAC7B,IAAc,EAAU,EAAM,EAC9B,IAAc,EAAU,EAAO,EAC/B,IAAY,EAAU,EAAK,EAC3B,IAAY,EAAU,EAAK;AAEjC,QACE,kBAAC,UAAD;EACO;EACL,WAAW,EACT,GACA,EAAO,aACP,EAAO,wBAAwB,MAC/B,KAAQ,EAAO,qBAAqB,MACpC,KAAa,EAAO,wBACpB,EACD;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACF,8BAAsD;GACxD;EACD,GAAI;YAfN,CAiBE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG;IACA;IACA;IACG;MACN,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG;IACA;IACA;IACG;KACC;;;AAIb,IAAM,IAAO,EAAW,EAAgB;AAQxC,SAAS,EAAU,EAAC,aAAU,gBAAwB,GAAK;AACzD,QACE,kBAAC,cAAD;EAAiB;YACf,kBAAC,GAAD;GAAM,WAAW,EAAK,EAAO,sBAAsB,EAAU;GAAG;GAAgB,CAAA;EACrE,CAAA;;AAIjB,IAAM,IAAQ,EAAW,EAAU;AAWnC,SAAS,EAAM,EAAC,aAAU,cAAW,eAAsB,GAAK;AAC9D,QACE,kBAAC,cAAD;EAAiB;EAAK,WAAW,EAAK,EAAO,wBAAwB,EAAU;YAA/E,CACE,kBAAC,GAAD;GAAM,MAAK;GAAM,WAAW,EAAK,EAAO,oBAAoB;GAAE,MAAK;GAChE;GACI,CAAA,EACN,KACC,kBAAC,GAAD;GAAM,MAAK;GAAM,WAAW,EAAK,EAAO,wBAAwB;GAAE,SAAQ;aACvE;GACI,CAAA,CAEE;;;AAIjB,IAAM,IAAO,EAAW,EAAM;AAW9B,SAAS,EAAM,EAAC,aAAU,GAAG,KAAkB,GAAK;AAClD,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAqB,GAAI;YAC7C,EAAM,SAAS,IAAI,IAAU,MAAS;AACrC,OAAI,EAAM,eAAe,EAAM,IACzB,EAAM,SAAS,OAAO;IACxB,IAAM,IAAa,GACb,IAA2C;KAC/C,WAAW,EAAK,EAAO,0BAA0B;KAC5C;KACN;AAED,WAAO,EAAM,aAAa,GAAY,EAAW;;IAGrD;EACE,CAAA;;AAIV,IAAM,IAAO,EAAW,EAAM;AAO9B,SAAS,EAAQ,EAAC,SAAM,GAAG,KAAoB;AAC7C,QAAO,kBAAC,GAAD;EAAY,WAAW,EAAK,EAAO,sBAAsB;EAAE,MAAM;EAAI,GAAI;EAAQ,CAAA;;AAG1F,IAAM,IAAS;AAMf,SAAS,EAAU,EAAC,cAAW,GAAG,KAAkB,GAAM;AACxD,QAAO,kBAAC,GAAD;EAAM,WAAW,EAAK,EAAO,qBAAqB,EAAU;EAAE,GAAI;EAAM,MAAK;EAAS,SAAQ;EAAW,CAAA;;AAGlH,IAAM,IAAQ,EAAW,EAAU,EAMtB,IAAc,OAAO,OAAO,GAAM;CAC7C;CACA;CACA;CACA;CACA,MAAM;CACP,CAAC"}

package/esm/Testimonial/Testimonial.module-DRCosU_J.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__quoteMark___sC3I2{--brand-Testimonial-quoteMarkColor-gradient:radial-gradient(circle at top left, var(--brand-Testimonial-quoteMarkColor-start), var(--brand-Testimonial-quoteMarkColor-end));--brand-Testimonial-quoteMarkColor-background:var(--brand-Testimonial-quoteMarkColor-gradient,var(--brand-Testimonial-quoteMarkColor,currentColor));color:var(--brand-Testimonial-quoteMarkColor-start,var(--brand-Testimonial-quoteMarkColor,currentColor));font-size:var(--base-size-48);line-height:var(--base-size-48);font-weight:var(--base-text-weight-extrabold);position:relative}.Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2:before{content:"";background:var(--brand-Testimonial-quoteMarkColor-background);-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2{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);background-color:var(--brand-Testimonial-quoteMarkBackground,var(--base-color-scale-gray-0));font-size:var(--base-size-64);justify-content:center;align-items:center;line-height:1;display:inline-flex}.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2:not(.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2){font-size:7.5rem;line-height:1}.Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L{display:block}.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);margin-top:var(--base-size-24);align-items:center;display:flex}.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{margin-top: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-48);flex-direction:column;display:flex}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{align-items:flex-end;gap:var(--base-size-96);flex-direction:row}}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{align-items:flex-start;gap:var(--base-size-24);flex-direction:column;flex:1 1 0;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-24);flex-direction:column;flex:none;margin-block-start:0}.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-8);width:100%;padding-block-start:var(--base-size-24)}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{min-width:240px;max-width:320px}}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-from___XLpqj{align-items:center;gap:var(--base-size-8);font-family:var(--brand-fontStack-monospace);font-weight:var(--base-text-weight-medium);text-transform:uppercase;letter-spacing:.01em;display:flex}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-from___XLpqj:before{content:"";background-color:var(--testimonial-accent-color,var(--brand-Testimonial-quoteMarkColor-default));flex-shrink:0;width:9px;height:14px;display:inline-block}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2{font-family:var(--brand-fontStack-monospace);font-weight:var(--brand-fontWeight-300)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L{transform:translateY(var(--base-size-12))}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2:not(.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2){margin-left:-.18em}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-family:var(--brand-fontStack-monospace);line-height:var(--brand-text-lineHeight-400);font-weight:var(--base-text-weight-normal)}.Primer_Brand__Testimonial-module__Testimonial-link___kK8cZ{margin-top:var(--base-size-8)}.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--blue-purple___HZ6wp{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-blue-purple-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-blue-purple-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-blue-purple)}.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--green-blue___Q0gxM{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-green-blue-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-green-blue-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-green-blue)}.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--pink-blue___VQftN{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-pink-blue-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-pink-blue-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-pink-blue)}.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--purple-red___f1bgK{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-purple-red-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-purple-red-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-purple-red)}.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--red-orange___pm_dh{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-red-orange-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-red-orange-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-red-orange)}.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)}

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

@@ -0,0 +1,41 @@
+import './Testimonial.module-DRCosU_J.css';var e = {
+	Testimonial: "Primer_Brand__Testimonial-module__Testimonial___kxB6R",
+	"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: "Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2",
+	"Testimonial__quoteMark--hasBackground": "Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2",
+	Testimonial__quoteMarkGlyph: "Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L",
+	"Testimonial-quote": "Primer_Brand__Testimonial-module__Testimonial-quote___xbxri",
+	Testimonial__media: "Primer_Brand__Testimonial-module__Testimonial__media___rvn7k",
+	"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: "Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf",
+	"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__"
+};
+//#endregion
+export { e as default };
+//# sourceMappingURL=Testimonial.module.js.map

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

@@ -0,0 +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--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-48);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive {\n flex-direction: row;\n align-items: flex-end;\n gap: var(--base-size-96);\n }\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-24);\n flex: 1 1 0;\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-24);\n margin-block-start: 0;\n flex: 0 0 auto;\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-24);\n width: 100%;\n gap: var(--base-size-8);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive .Testimonial__media {\n min-width: 240px;\n max-width: 320px;\n }\n}\n\n.Testimonial--variant-expressive .Testimonial-from {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--base-text-weight-medium);\n text-transform: uppercase;\n letter-spacing: 0.01em;\n}\n\n.Testimonial--variant-expressive .Testimonial-from::before {\n content: '';\n display: inline-block;\n width: 9px;\n height: 14px;\n background-color: var(--testimonial-accent-color, var(--brand-Testimonial-quoteMarkColor-default));\n flex-shrink: 0;\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 line-height: var(--brand-text-lineHeight-400);\n font-weight: var(--base-text-weight-normal);\n}\n\n.Testimonial-link {\n margin-top: var(--base-size-8);\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":""}

package/esm/Testimonial/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './Testimonial';
2	+ //# sourceMappingURL=index.d.ts.map

package/esm/Testimonial/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Testimonial/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

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

@@ -0,0 +1,63 @@
+import React, { PropsWithChildren } from 'react';
+import { BaseProps } from '../component-helpers';
+export declare const TextSizes: readonly ["1000", "900", "800", "700", "600", "500", "400", "350", "300", "200", "100"];
+export declare const TextTags: readonly ["p", "span", "div", "strong", "em"];
+export declare const TextVariants: readonly ["default", "muted"];
+export declare const TextWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light", "extralight"];
+export declare const TextFontVariants: readonly ["mona-sans", "hubot-sans", "monospace"];
+export declare const defaultTextTag: "span";
+export declare const defaultTextSize: "200";
+export declare const defaultTextVariant: "default";
+export declare const defaultFontVariant: "mona-sans";
+export type TextWeightVariants = (typeof TextWeights)[number];
+export type TextFontVariants = (typeof TextFontVariants)[number];
+export type ResponsiveWeightMap = {
+    narrow?: TextWeightVariants;
+    regular?: TextWeightVariants;
+    wide?: TextWeightVariants;
+};
+type RestrictedPolymorphism = (React.HTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLParagraphElement> & {
+    as?: 'p';
+}) | (React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
+    as?: 'span';
+}) | (React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
+    as?: 'div';
+}) | (React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+    as?: 'strong';
+}) | (React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+    as?: 'em';
+});
+type TextTags = {
+    /**
+     * Applies the underlying HTML element
+     */
+    as?: (typeof TextTags)[number];
+} & RestrictedPolymorphism;
+export type TextProps = {
+    font?: TextFontVariants;
+    /**
+     * Specify the text size
+     */
+    size?: (typeof TextSizes)[number];
+    /**
+     * Specify alternative text appearance
+     */
+    variant?: (typeof TextVariants)[number];
+    /**
+     * Specify the text weight
+     */
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    /**
+     * Specify the text alignment.
+     * Corresponds to the CSS `text-align` property.
+     * Note: Only applies to block elements.
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Toggle antialiasing on or off
+     */
+    hasAntiAliasing?: boolean;
+} & TextTags;
+export declare function Text({ align, animate, as, className, children, font, size, variant, weight, style, hasAntiAliasing, ...rest }: PropsWithChildren<TextProps>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAU,MAAM,OAAO,CAAA;AAIvD,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAE9C,eAAO,MAAM,SAAS,yFAA0F,CAAA;AAChH,eAAO,MAAM,QAAQ,+CAAgD,CAAA;AACrE,eAAO,MAAM,YAAY,+BAAgC,CAAA;AACzD,eAAO,MAAM,WAAW,gGASd,CAAA;AACV,eAAO,MAAM,gBAAgB,mDAAoD,CAAA;AAEjF,eAAO,MAAM,cAAc,QAAc,CAAA;AACzC,eAAO,MAAM,eAAe,OAAe,CAAA;AAC3C,eAAO,MAAM,kBAAkB,WAAkB,CAAA;AACjD,eAAO,MAAM,kBAAkB,aAAsB,CAAA;AAErD,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAC7D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEhE,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,KAAK,sBAAsB,GACvB,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAAC,oBAAoB,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,GAC3F,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC,eAAe,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,GACpF,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAC,CAAC,GACjF,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,QAAQ,CAAA;CAAC,CAAC,GAC9E,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAC,CAAC,CAAA;AAE9E,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA;CAC/B,GAAG,sBAAsB,CAAA;AAE1B,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,GAAG,mBAAmB,CAAA;IACjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,GAAG,QAAQ,CAAA;AAEZ,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,OAAO,EACP,EAAmB,EACnB,SAAS,EACT,QAAQ,EACR,IAAyB,EACzB,IAAsB,EACtB,OAA4B,EAC5B,MAAM,EACN,KAAK,EACL,eAAsB,EACtB,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,SAAS,CAAC,2CAiF9B"}

package/esm/Text/Text.js ADDED Viewed

@@ -0,0 +1,54 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { useAnimation as t } from "../animation/useAnimation.js";
+import n from "./Text.module.js";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/Text/Text.tsx
+var a = [
+	"1000",
+	"900",
+	"800",
+	"700",
+	"600",
+	"500",
+	"400",
+	"350",
+	"300",
+	"200",
+	"100"
+], o = [
+	"p",
+	"span",
+	"div",
+	"strong",
+	"em"
+], s = ["default", "muted"], c = [
+	"heavy",
+	"extrabold",
+	"bold",
+	"semibold",
+	"medium",
+	"normal",
+	"light",
+	"extralight"
+], l = [
+	"mona-sans",
+	"hubot-sans",
+	"monospace"
+], u = o[1], d = a[9], f = s[0], p = l[0];
+function m({ align: a, animate: o, as: s = u, className: c, children: l, font: m = p, size: h = d, variant: g = f, weight: _, style: v, hasAntiAliasing: y = !0, ...b }) {
+	let { classes: x, styles: S } = t(o), C = r(() => _ ? typeof _ == "string" ? n[`Text--weight-${_}`] : Object.keys(_).map((e) => n[`Text-${e}--weight-${_[e]}`]).join(" ") : null, [_]), w = !!(!y || _ && ["light", "extralight"].includes(_) && ["100", "200"].includes(h) || h === "100"), T = e(x, n.Text, n[`Text-font--${m}`], n[`Text--${g}`], n[`Text--${h}`], !w && n["Text--antialiased"], _ && C, a && n[`Text-align--${a}`], c);
+	return i(s === "p" ? "p" : s === "em" ? "em" : s === "div" ? "div" : s === "strong" ? "strong" : "span", {
+		className: T,
+		style: {
+			...S,
+			...v
+		},
+		...b,
+		children: l
+	});
+}
+//#endregion
+export { m as Text, l as TextFontVariants, a as TextSizes, o as TextTags, s as TextVariants, c as TextWeights, p as defaultFontVariant, d as defaultTextSize, u as defaultTextTag, f as defaultTextVariant };
+//# sourceMappingURL=Text.js.map

package/esm/Text/Text.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Text.js","names":[],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["import React, {PropsWithChildren, useMemo} from 'react'\nimport {clsx} from 'clsx'\nimport {useAnimation} from '../animation'\nimport styles from './Text.module.css'\nimport {BaseProps} from '../component-helpers'\n\nexport const TextSizes = ['1000', '900', '800', '700', '600', '500', '400', '350', '300', '200', '100'] as const\nexport const TextTags = ['p', 'span', 'div', 'strong', 'em'] as const\nexport const TextVariants = ['default', 'muted'] as const\nexport const TextWeights = [\n 'heavy',\n 'extrabold',\n 'bold',\n 'semibold',\n 'medium',\n 'normal',\n 'light',\n 'extralight',\n] as const\nexport const TextFontVariants = ['mona-sans', 'hubot-sans', 'monospace'] as const\n\nexport const defaultTextTag = TextTags[1]\nexport const defaultTextSize = TextSizes[9]\nexport const defaultTextVariant = TextVariants[0]\nexport const defaultFontVariant = TextFontVariants[0]\n\nexport type TextWeightVariants = (typeof TextWeights)[number]\nexport type TextFontVariants = (typeof TextFontVariants)[number]\n\nexport type ResponsiveWeightMap = {\n narrow?: TextWeightVariants\n regular?: TextWeightVariants\n wide?: TextWeightVariants\n}\n\ntype RestrictedPolymorphism =\n | (React.HTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLParagraphElement> & {as?: 'p'})\n | (React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {as?: 'span'})\n | (React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {as?: 'div'})\n | (React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {as?: 'strong'})\n | (React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {as?: 'em'})\n\ntype TextTags = {\n /**\n * Applies the underlying HTML element\n */\n as?: (typeof TextTags)[number]\n} & RestrictedPolymorphism\n\nexport type TextProps = {\n font?: TextFontVariants\n /**\n * Specify the text size\n */\n size?: (typeof TextSizes)[number]\n /**\n * Specify alternative text appearance\n */\n variant?: (typeof TextVariants)[number]\n /**\n * Specify the text weight\n */\n weight?: TextWeightVariants | ResponsiveWeightMap\n /**\n * Specify the text alignment.\n * Corresponds to the CSS `text-align` property.\n * Note: Only applies to block elements.\n */\n align?: 'start' | 'center' | 'end'\n /**\n * Toggle antialiasing on or off\n */\n hasAntiAliasing?: boolean\n} & TextTags\n\nexport function Text({\n align,\n animate,\n as = defaultTextTag,\n className,\n children,\n font = defaultFontVariant,\n size = defaultTextSize,\n variant = defaultTextVariant,\n weight,\n style,\n hasAntiAliasing = true,\n ...rest\n}: PropsWithChildren<TextProps>) {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const weightClass = useMemo(() => {\n if (!weight) return null\n\n return typeof weight === 'string'\n ? styles[`Text--weight-${weight}`]\n : Object.keys(weight)\n .map(viewport => {\n return styles[`Text-${viewport}--weight-${weight[viewport]}`]\n })\n .join(' ')\n }, [weight])\n\n const dontApplyAA = Boolean(\n // When explicitly disabled\n !hasAntiAliasing ||\n // When selected font weight is not suitable for anti-aliasing\n (weight && ['light', 'extralight'].includes(weight as TextWeightVariants) && ['100', '200'].includes(size)) ||\n // When size is too small\n size === '100',\n )\n\n const textClassName = clsx(\n animationClasses,\n styles.Text,\n styles[`Text-font--${font}`],\n styles[`Text--${variant}`],\n styles[`Text--${size}`],\n !dontApplyAA && styles['Text--antialiased'],\n weight && weightClass,\n align && styles[`Text-align--${align}`],\n className,\n )\n\n if (as === 'p') {\n return (\n <p\n className={textClassName}\n style={{...animationInlineStyles, ...style}}\n {...(rest as BaseProps<HTMLParagraphElement>)}\n >\n {children}\n </p>\n )\n }\n\n if (as === 'em') {\n return (\n <em className={textClassName} style={{...animationInlineStyles, ...style}} {...rest}>\n {children}\n </em>\n )\n }\n\n if (as === 'div') {\n return (\n <div\n className={textClassName}\n style={{...animationInlineStyles, ...style}}\n {...(rest as BaseProps<HTMLDivElement>)}\n >\n {children}\n </div>\n )\n }\n\n if (as === 'strong') {\n return (\n <strong className={textClassName} style={{...animationInlineStyles, ...style}} {...rest}>\n {children}\n </strong>\n )\n }\n\n return (\n <span className={textClassName} style={{...animationInlineStyles, ...style}} {...rest}>\n {children}\n </span>\n )\n}\n"],"mappings":";;;;;;AAMA,IAAa,IAAY;CAAC;CAAQ;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAM,EAC1F,IAAW;CAAC;CAAK;CAAQ;CAAO;CAAU;CAAK,EAC/C,IAAe,CAAC,WAAW,QAAQ,EACnC,IAAc;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACY,IAAmB;CAAC;CAAa;CAAc;CAAY,EAE3D,IAAiB,EAAS,IAC1B,IAAkB,EAAU,IAC5B,IAAqB,EAAa,IAClC,IAAqB,EAAiB;AAmDnD,SAAgB,EAAK,EACnB,UACA,YACA,QAAK,GACL,cACA,aACA,UAAO,GACP,UAAO,GACP,aAAU,GACV,WACA,UACA,qBAAkB,IAClB,GAAG,KAC4B;CAC/B,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAc,QACb,IAEE,OAAO,KAAW,WACrB,EAAO,gBAAgB,OACvB,OAAO,KAAK,EAAO,CAChB,KAAI,MACI,EAAO,QAAQ,EAAS,WAAW,EAAO,MACjD,CACD,KAAK,IAAI,GARI,MASnB,CAAC,EAAO,CAAC,EAEN,IAAc,GAElB,CAAC,KAEE,KAAU,CAAC,SAAS,aAAa,CAAC,SAAS,EAA6B,IAAI,CAAC,OAAO,MAAM,CAAC,SAAS,EAAK,IAE1G,MAAS,QAGP,IAAgB,EACpB,GACA,EAAO,MACP,EAAO,cAAc,MACrB,EAAO,SAAS,MAChB,EAAO,SAAS,MAChB,CAAC,KAAe,EAAO,sBACvB,KAAU,GACV,KAAS,EAAO,eAAe,MAC/B,EACD;AA0CD,QAtCI,EAFA,MAAO,MAEN,MAUD,MAAO,OAEN,OAMD,MAAO,QAEN,QAUD,MAAO,WAEN,WAOF,QAvCC;EACE,WAAW;EACX,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,GAAK;EAEJ;EACC,CAAA"}

package/esm/Text/Text.module-D0UHZ0pq.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Text-module__Text___XeGJJ{font-family:var(--brand-body-fontFamily)}[data-color-mode=dark] .Primer_Brand__Text-module__Text--antialiased___TYoXS{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}.Primer_Brand__Text-module__Text--default___GhPh_{color:var(--brand-color-text-default)}.Primer_Brand__Text-module__Text--muted___rE6mh{color:var(--brand-color-text-muted)}.Primer_Brand__Text-module__Text-font--mona-sans___a8XJD{font-family:var(--brand-body-fontFamily)}.Primer_Brand__Text-module__Text-font--hubot-sans___ugBUt{font-family:var(--brand-body-fontFamilyAlt)}.Primer_Brand__Text-module__Text-font--monospace___QXHDQ{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__Text-module__Text--1000___tukKR{font-weight:var(--brand-text-weight-1000);font-size:var(--brand-text-size-1000);line-height:var(--brand-text-lineHeight-1000);letter-spacing:var(--brand-text-letterSpacing-1000)}.Primer_Brand__Text-module__Text--900___32GJV{font-weight:var(--brand-text-weight-900);font-size:var(--brand-text-size-900);line-height:var(--brand-text-lineHeight-900);letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Text-module__Text--800___fyc1I{font-weight:var(--brand-text-weight-800);font-size:var(--brand-text-size-800);line-height:var(--brand-text-lineHeight-800);letter-spacing:var(--brand-text-letterSpacing-800)}.Primer_Brand__Text-module__Text--700___d10Sw{font-weight:var(--brand-text-weight-700);font-size:var(--brand-text-size-700);line-height:var(--brand-text-lineHeight-700);letter-spacing:var(--brand-text-letterSpacing-700)}.Primer_Brand__Text-module__Text--600___4BFh8{font-weight:var(--brand-text-weight-600);font-size:var(--brand-text-size-600);line-height:var(--brand-text-lineHeight-600)}.Primer_Brand__Text-module__Text--500___PC29z{font-weight:var(--brand-text-weight-500);font-size:var(--brand-text-size-500);line-height:var(--brand-text-lineHeight-500)}.Primer_Brand__Text-module__Text--400___6gPcS{font-weight:var(--brand-text-weight-400);font-size:var(--brand-text-size-400);line-height:var(--brand-text-lineHeight-400);letter-spacing:var(--brand-text-letterSpacing-400)}.Primer_Brand__Text-module__Text--350___3wtcG{font-weight:var(--brand-text-weight-350);font-size:var(--brand-text-size-350);line-height:var(--brand-text-lineHeight-350);letter-spacing:var(--brand-text-letterSpacing-350)}.Primer_Brand__Text-module__Text--300___6_Yx4{font-weight:var(--brand-text-weight-300);font-size:var(--brand-text-size-300);line-height:var(--brand-text-lineHeight-300);letter-spacing:var(--brand-text-letterSpacing-300)}.Primer_Brand__Text-module__Text--200____P1wy{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200)}.Primer_Brand__Text-module__Text--100___B2ueX{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__Text-module__Text--weight-heavy___QCeKv,.Primer_Brand__Text-module__Text-narrow--weight-heavy___24MXE{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Text-module__Text--weight-extrabold___VQOAJ,.Primer_Brand__Text-module__Text-narrow--weight-extrabold___EYii_{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Text-module__Text--weight-bold___6UQaB,.Primer_Brand__Text-module__Text-narrow--weight-bold___yldzx{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Text-module__Text--weight-semibold___RwHEI,.Primer_Brand__Text-module__Text-narrow--weight-semibold___WHElR{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Text-module__Text--weight-medium___qJKf_,.Primer_Brand__Text-module__Text-narrow--weight-medium___rrr6b{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Text-module__Text--weight-normal___8EPr2,.Primer_Brand__Text-module__Text-narrow--weight-normal___2bidj{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Text-module__Text--weight-light___6OYNB,.Primer_Brand__Text-module__Text-narrow--weight-light___LpqTO{font-weight:var(--base-text-weight-light)}.Primer_Brand__Text-module__Text--weight-extralight___C_7HK,.Primer_Brand__Text-module__Text-narrow--weight-extralight___4x_ZL{font-weight:var(--base-text-weight-extralight)}@media screen and (width>=48rem){.Primer_Brand__Text-module__Text-regular--weight-heavy___C6cCn{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Text-module__Text-regular--weight-extrabold___o622g{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Text-module__Text-regular--weight-bold___EIEc7{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Text-module__Text-regular--weight-semibold___5kMg1{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Text-module__Text-regular--weight-medium___OkZWd{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Text-module__Text-regular--weight-normal___uxTUt{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Text-module__Text-regular--weight-light___aTMvp{font-weight:var(--base-text-weight-light)}.Primer_Brand__Text-module__Text-regular--weight-extralight___GcMAT{font-weight:var(--base-text-weight-extralight)}}@media screen and (width>=80rem){.Primer_Brand__Text-module__Text-wide--weight-heavy___2TsqG{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Text-module__Text-wide--weight-extrabold___aGeMc{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Text-module__Text-wide--weight-bold___nnBEA{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Text-module__Text-wide--weight-semibold___Qz6Ns{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Text-module__Text-wide--weight-medium___azsiu{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Text-module__Text-wide--weight-normal___qsXEg{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Text-module__Text-wide--weight-light___bYqfS{font-weight:var(--base-text-weight-light)}.Primer_Brand__Text-module__Text-wide--weight-extralight___5n89w{font-weight:var(--base-text-weight-extralight)}}.Primer_Brand__Text-module__Text-align--start___hayyq{text-align:start}.Primer_Brand__Text-module__Text-align--end____rbX8{text-align:end}.Primer_Brand__Text-module__Text-align--center___NERb4{text-align:center}

package/esm/Text/Text.module.js ADDED Viewed

@@ -0,0 +1,59 @@
+import './Text.module-D0UHZ0pq.css';var e = {
+	Text: "Primer_Brand__Text-module__Text___XeGJJ",
+	"Text--antialiased": "Primer_Brand__Text-module__Text--antialiased___TYoXS",
+	"Text--default": "Primer_Brand__Text-module__Text--default___GhPh_",
+	"Text--muted": "Primer_Brand__Text-module__Text--muted___rE6mh",
+	"Text-font--mona-sans": "Primer_Brand__Text-module__Text-font--mona-sans___a8XJD",
+	"Text-font--hubot-sans": "Primer_Brand__Text-module__Text-font--hubot-sans___ugBUt",
+	"Text-font--monospace": "Primer_Brand__Text-module__Text-font--monospace___QXHDQ",
+	"Text--1000": "Primer_Brand__Text-module__Text--1000___tukKR",
+	"Text--900": "Primer_Brand__Text-module__Text--900___32GJV",
+	"Text--800": "Primer_Brand__Text-module__Text--800___fyc1I",
+	"Text--700": "Primer_Brand__Text-module__Text--700___d10Sw",
+	"Text--600": "Primer_Brand__Text-module__Text--600___4BFh8",
+	"Text--500": "Primer_Brand__Text-module__Text--500___PC29z",
+	"Text--400": "Primer_Brand__Text-module__Text--400___6gPcS",
+	"Text--350": "Primer_Brand__Text-module__Text--350___3wtcG",
+	"Text--300": "Primer_Brand__Text-module__Text--300___6_Yx4",
+	"Text--200": "Primer_Brand__Text-module__Text--200____P1wy",
+	"Text--100": "Primer_Brand__Text-module__Text--100___B2ueX",
+	"Text--weight-heavy": "Primer_Brand__Text-module__Text--weight-heavy___QCeKv",
+	"Text-narrow--weight-heavy": "Primer_Brand__Text-module__Text-narrow--weight-heavy___24MXE",
+	"Text--weight-extrabold": "Primer_Brand__Text-module__Text--weight-extrabold___VQOAJ",
+	"Text-narrow--weight-extrabold": "Primer_Brand__Text-module__Text-narrow--weight-extrabold___EYii_",
+	"Text--weight-bold": "Primer_Brand__Text-module__Text--weight-bold___6UQaB",
+	"Text-narrow--weight-bold": "Primer_Brand__Text-module__Text-narrow--weight-bold___yldzx",
+	"Text--weight-semibold": "Primer_Brand__Text-module__Text--weight-semibold___RwHEI",
+	"Text-narrow--weight-semibold": "Primer_Brand__Text-module__Text-narrow--weight-semibold___WHElR",
+	"Text--weight-medium": "Primer_Brand__Text-module__Text--weight-medium___qJKf_",
+	"Text-narrow--weight-medium": "Primer_Brand__Text-module__Text-narrow--weight-medium___rrr6b",
+	"Text--weight-normal": "Primer_Brand__Text-module__Text--weight-normal___8EPr2",
+	"Text-narrow--weight-normal": "Primer_Brand__Text-module__Text-narrow--weight-normal___2bidj",
+	"Text--weight-light": "Primer_Brand__Text-module__Text--weight-light___6OYNB",
+	"Text-narrow--weight-light": "Primer_Brand__Text-module__Text-narrow--weight-light___LpqTO",
+	"Text--weight-extralight": "Primer_Brand__Text-module__Text--weight-extralight___C_7HK",
+	"Text-narrow--weight-extralight": "Primer_Brand__Text-module__Text-narrow--weight-extralight___4x_ZL",
+	"Text-regular--weight-heavy": "Primer_Brand__Text-module__Text-regular--weight-heavy___C6cCn",
+	"Text-regular--weight-extrabold": "Primer_Brand__Text-module__Text-regular--weight-extrabold___o622g",
+	"Text-regular--weight-bold": "Primer_Brand__Text-module__Text-regular--weight-bold___EIEc7",
+	"Text-regular--weight-semibold": "Primer_Brand__Text-module__Text-regular--weight-semibold___5kMg1",
+	"Text-regular--weight-medium": "Primer_Brand__Text-module__Text-regular--weight-medium___OkZWd",
+	"Text-regular--weight-normal": "Primer_Brand__Text-module__Text-regular--weight-normal___uxTUt",
+	"Text-regular--weight-light": "Primer_Brand__Text-module__Text-regular--weight-light___aTMvp",
+	"Text-regular--weight-extralight": "Primer_Brand__Text-module__Text-regular--weight-extralight___GcMAT",
+	"Text-wide--weight-heavy": "Primer_Brand__Text-module__Text-wide--weight-heavy___2TsqG",
+	"Text-wide--weight-extrabold": "Primer_Brand__Text-module__Text-wide--weight-extrabold___aGeMc",
+	"Text-wide--weight-bold": "Primer_Brand__Text-module__Text-wide--weight-bold___nnBEA",
+	"Text-wide--weight-semibold": "Primer_Brand__Text-module__Text-wide--weight-semibold___Qz6Ns",
+	"Text-wide--weight-medium": "Primer_Brand__Text-module__Text-wide--weight-medium___azsiu",
+	"Text-wide--weight-normal": "Primer_Brand__Text-module__Text-wide--weight-normal___qsXEg",
+	"Text-wide--weight-light": "Primer_Brand__Text-module__Text-wide--weight-light___bYqfS",
+	"Text-wide--weight-extralight": "Primer_Brand__Text-module__Text-wide--weight-extralight___5n89w",
+	"Text-align--start": "Primer_Brand__Text-module__Text-align--start___hayyq",
+	"Text-align--end": "Primer_Brand__Text-module__Text-align--end____rbX8",
+	"Text-align--center": "Primer_Brand__Text-module__Text-align--center___NERb4"
+};
+//#endregion
+export { e as default };
+//# sourceMappingURL=Text.module.js.map

package/esm/Text/Text.module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Text.module.js","names":[],"sources":["../../src/Text/Text.module.css"],"sourcesContent":[".Text {\n font-family: var(--brand-body-fontFamily);\n}\n\n[data-color-mode='dark'] .Text--antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: auto;\n}\n\n.Text--default {\n color: var(--brand-color-text-default);\n}\n\n.Text--muted {\n color: var(--brand-color-text-muted);\n}\n\n.Text-font--mona-sans {\n font-family: var(--brand-body-fontFamily);\n}\n\n.Text-font--hubot-sans {\n font-family: var(--brand-body-fontFamilyAlt);\n}\n\n.Text-font--monospace {\n font-family: var(--brand-fontStack-monospace);\n}\n\n.Text--1000 {\n font-weight: var(--brand-text-weight-1000);\n font-size: var(--brand-text-size-1000);\n line-height: var(--brand-text-lineHeight-1000);\n letter-spacing: var(--brand-text-letterSpacing-1000);\n}\n\n.Text--900 {\n font-weight: var(--brand-text-weight-900);\n font-size: var(--brand-text-size-900);\n line-height: var(--brand-text-lineHeight-900);\n letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Text--800 {\n font-weight: var(--brand-text-weight-800);\n font-size: var(--brand-text-size-800);\n line-height: var(--brand-text-lineHeight-800);\n letter-spacing: var(--brand-text-letterSpacing-800);\n}\n\n.Text--700 {\n font-weight: var(--brand-text-weight-700);\n font-size: var(--brand-text-size-700);\n line-height: var(--brand-text-lineHeight-700);\n letter-spacing: var(--brand-text-letterSpacing-700);\n}\n\n.Text--600 {\n font-weight: var(--brand-text-weight-600);\n font-size: var(--brand-text-size-600);\n line-height: var(--brand-text-lineHeight-600);\n}\n\n.Text--500 {\n font-weight: var(--brand-text-weight-500);\n font-size: var(--brand-text-size-500);\n line-height: var(--brand-text-lineHeight-500);\n}\n\n.Text--400 {\n font-weight: var(--brand-text-weight-400);\n font-size: var(--brand-text-size-400);\n line-height: var(--brand-text-lineHeight-400);\n letter-spacing: var(--brand-text-letterSpacing-400);\n}\n\n.Text--350 {\n font-weight: var(--brand-text-weight-350);\n font-size: var(--brand-text-size-350);\n line-height: var(--brand-text-lineHeight-350);\n letter-spacing: var(--brand-text-letterSpacing-350);\n}\n\n.Text--300 {\n font-weight: var(--brand-text-weight-300);\n font-size: var(--brand-text-size-300);\n line-height: var(--brand-text-lineHeight-300);\n letter-spacing: var(--brand-text-letterSpacing-300);\n}\n\n.Text--200 {\n font-weight: var(--brand-text-weight-200);\n font-size: var(--brand-text-size-200);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: var(--brand-text-letterSpacing-200);\n}\n\n.Text--100 {\n font-weight: var(--brand-text-weight-100);\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.Text--weight-heavy,\n.Text-narrow--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n}\n\n.Text--weight-extrabold,\n.Text-narrow--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n}\n\n.Text--weight-bold,\n.Text-narrow--weight-bold {\n font-weight: var(--base-text-weight-bold);\n}\n\n.Text--weight-semibold,\n.Text-narrow--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n}\n\n.Text--weight-medium,\n.Text-narrow--weight-medium {\n font-weight: var(--base-text-weight-medium);\n}\n\n.Text--weight-normal,\n.Text-narrow--weight-normal {\n font-weight: var(--base-text-weight-normal);\n}\n\n.Text--weight-light,\n.Text-narrow--weight-light {\n font-weight: var(--base-text-weight-light);\n}\n\n.Text--weight-extralight,\n.Text-narrow--weight-extralight {\n font-weight: var(--base-text-weight-extralight);\n}\n\n@media screen and (min-width: 48rem) {\n .Text-regular--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n }\n\n .Text-regular--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n }\n\n .Text-regular--weight-bold {\n font-weight: var(--base-text-weight-bold);\n }\n\n .Text-regular--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n }\n\n .Text-regular--weight-medium {\n font-weight: var(--base-text-weight-medium);\n }\n\n .Text-regular--weight-normal {\n font-weight: var(--base-text-weight-normal);\n }\n\n .Text-regular--weight-light {\n font-weight: var(--base-text-weight-light);\n }\n\n .Text-regular--weight-extralight {\n font-weight: var(--base-text-weight-extralight);\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Text-wide--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n }\n\n .Text-wide--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n }\n\n .Text-wide--weight-bold {\n font-weight: var(--base-text-weight-bold);\n }\n\n .Text-wide--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n }\n\n .Text-wide--weight-medium {\n font-weight: var(--base-text-weight-medium);\n }\n\n .Text-wide--weight-normal {\n font-weight: var(--base-text-weight-normal);\n }\n\n .Text-wide--weight-light {\n font-weight: var(--base-text-weight-light);\n }\n\n .Text-wide--weight-extralight {\n font-weight: var(--base-text-weight-extralight);\n }\n}\n\n.Text-align--start {\n text-align: start;\n}\n\n.Text-align--end {\n text-align: end;\n}\n\n.Text-align--center {\n text-align: center;\n}\n"],"mappings":""}

package/esm/Text/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './Text';
2	+ //# sourceMappingURL=index.d.ts.map

package/esm/Text/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

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

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren } from 'react';
+import { TextProps } from '../Text/Text';
+export declare const testIds: {
+    root: string;
+    readonly cursor: string;
+};
+export type TextCursorAnimationProps = {
+    /**
+     * Whether to animate the text reveal with a sliding wipe animation
+     * and a cursor that transitions from grey to green.
+     */
+    animate?: boolean;
+    ['data-testid']?: string;
+    delay?: number;
+    waitForPageLoad?: boolean;
+} & React.HTMLAttributes<HTMLSpanElement> & Omit<TextProps, 'animate' | 'as'>;
+export declare function TextCursorAnimation({ children, className, animate, 'data-testid': testId, delay, waitForPageLoad, variant, }: PropsWithChildren<TextCursorAnimationProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextCursorAnimation.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"TextCursorAnimation.d.ts","sourceRoot":"","sources":["../../src/TextCursorAnimation/TextCursorAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI9C,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAA;AAItC,eAAO,MAAM,OAAO;;;CAKnB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GACvC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,CAAA;AAEnC,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EAAE,MAAM,EACrB,KAAW,EACX,eAAsB,EACtB,OAAiB,GAClB,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,2CA0C7C"}

package/esm/TextCursorAnimation/TextCursorAnimation.js ADDED Viewed

@@ -0,0 +1,51 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { useCursorAnimation as t } from "../hooks/useCursorAnimation.js";
+import { EyebrowText as n } from "../EyebrowText/EyebrowText.js";
+import r from "./TextCursorAnimation.module.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/TextCursorAnimation/TextCursorAnimation.tsx
+var o = {
+	root: "TextCursorAnimation",
+	get cursor() {
+		return `${this.root}-cursor`;
+	}
+};
+function s({ children: s, className: c, animate: l, "data-testid": u, delay: d = 500, waitForPageLoad: f = !0, variant: p = "muted" }) {
+	let m = typeof s == "string" ? s : "", { showCursor: h, progress: g } = t({
+		text: m,
+		animate: l,
+		delay: d,
+		waitForPageLoad: f
+	}), _ = {
+		"--brand-TextCursorAnimation-reveal-progress": g,
+		"--brand-TextCursorAnimation-cursor-progress": g
+	}, v = {
+		"--brand-TextCursorAnimation-reveal-progress": 1,
+		"--brand-TextCursorAnimation-cursor-progress": 1
+	}, y = l === !0 && m, b = y ? _ : v, x = m || s;
+	return /* @__PURE__ */ i("span", {
+		className: e(r.TextCursorAnimation, c),
+		"data-testid": u || o.root,
+		children: /* @__PURE__ */ a("span", {
+			className: r["TextCursorAnimation-inner"],
+			style: b,
+			children: [/* @__PURE__ */ i(n, {
+				size: "100",
+				variant: p,
+				font: "monospace",
+				weight: "medium",
+				className: r["TextCursorAnimation-text"],
+				children: x
+			}), (h || !y) && /* @__PURE__ */ i("span", {
+				className: r["TextCursorAnimation-cursor"],
+				"aria-hidden": "true",
+				"data-testid": o.cursor
+			})]
+		})
+	});
+}
+//#endregion
+export { s as TextCursorAnimation, o as testIds };
+//# sourceMappingURL=TextCursorAnimation.js.map

package/esm/TextCursorAnimation/TextCursorAnimation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextCursorAnimation.js","names":[],"sources":["../../src/TextCursorAnimation/TextCursorAnimation.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {useCursorAnimation} from '../hooks/useCursorAnimation'\nimport {EyebrowText} from '../EyebrowText'\nimport {TextProps} from '../Text/Text'\n\nimport styles from './TextCursorAnimation.module.css'\n\nexport const testIds = {\n root: 'TextCursorAnimation',\n get cursor() {\n return `${this.root}-cursor`\n },\n}\n\nexport type TextCursorAnimationProps = {\n /**\n * Whether to animate the text reveal with a sliding wipe animation\n * and a cursor that transitions from grey to green.\n */\n animate?: boolean\n ['data-testid']?: string\n delay?: number\n waitForPageLoad?: boolean\n} & React.HTMLAttributes<HTMLSpanElement> &\n Omit<TextProps, 'animate' | 'as'>\n\nexport function TextCursorAnimation({\n children,\n className,\n animate,\n 'data-testid': testId,\n delay = 500,\n waitForPageLoad = true,\n variant = 'muted',\n}: PropsWithChildren<TextCursorAnimationProps>) {\n const text = typeof children === 'string' ? children : ''\n const {showCursor, progress} = useCursorAnimation({\n text,\n animate,\n delay,\n waitForPageLoad,\n })\n\n const revealStyle = {\n '--brand-TextCursorAnimation-reveal-progress': progress,\n '--brand-TextCursorAnimation-cursor-progress': progress,\n } as React.CSSProperties\n\n const staticStyle = {\n '--brand-TextCursorAnimation-reveal-progress': 1,\n '--brand-TextCursorAnimation-cursor-progress': 1,\n } as React.CSSProperties\n\n const hasAnimation = animate === true && text\n\n const style = hasAnimation ? revealStyle : staticStyle\n const content = text || children\n\n return (\n <span className={clsx(styles.TextCursorAnimation, className)} data-testid={testId || testIds.root}>\n <span className={styles['TextCursorAnimation-inner']} style={style}>\n <EyebrowText\n size=\"100\"\n variant={variant}\n font=\"monospace\"\n weight=\"medium\"\n className={styles['TextCursorAnimation-text']}\n >\n {content}\n </EyebrowText>\n {(showCursor || !hasAnimation) && (\n <span className={styles['TextCursorAnimation-cursor']} aria-hidden=\"true\" data-testid={testIds.cursor} />\n )}\n </span>\n </span>\n )\n}\n"],"mappings":";;;;;;;AAQA,IAAa,IAAU;CACrB,MAAM;CACN,IAAI,SAAS;AACX,SAAO,GAAG,KAAK,KAAK;;CAEvB;AAcD,SAAgB,EAAoB,EAClC,aACA,cACA,YACA,eAAe,GACf,WAAQ,KACR,qBAAkB,IAClB,aAAU,WACoC;CAC9C,IAAM,IAAO,OAAO,KAAa,WAAW,IAAW,IACjD,EAAC,eAAY,gBAAY,EAAmB;EAChD;EACA;EACA;EACA;EACD,CAAC,EAEI,IAAc;EAClB,+CAA+C;EAC/C,+CAA+C;EAChD,EAEK,IAAc;EAClB,+CAA+C;EAC/C,+CAA+C;EAChD,EAEK,IAAe,MAAY,MAAQ,GAEnC,IAAQ,IAAe,IAAc,GACrC,IAAU,KAAQ;AAExB,QACE,kBAAC,QAAD;EAAM,WAAW,EAAK,EAAO,qBAAqB,EAAU;EAAE,eAAa,KAAU,EAAQ;YAC3F,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAqC;aAA7D,CACE,kBAAC,GAAD;IACE,MAAK;IACI;IACT,MAAK;IACL,QAAO;IACP,WAAW,EAAO;cAEjB;IACW,CAAA,GACZ,KAAc,CAAC,MACf,kBAAC,QAAD;IAAM,WAAW,EAAO;IAA+B,eAAY;IAAO,eAAa,EAAQ;IAAU,CAAA,CAEtG;;EACF,CAAA"}

package/esm/TextCursorAnimation/TextCursorAnimation.module-CkVDXNW5.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___fMZNu{align-items:center;display:inline-flex}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-inner___h__Hj{align-items:center;display:inline-flex;position:relative}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{font-weight:var(--brand-text-weight-500);clip-path:inset(0 0% 0 0);clip-path:inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress,1)) * 100%) 0 0);white-space:pre}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{left:calc((1 * 100%) + var(--base-size-6));left:calc((var(--brand-TextCursorAnimation-reveal-progress,1) * 100%) + var(--base-size-6));width:var(--base-size-8);background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - 0) * 100%), var(--brand-color-accent-primary) calc(0 * 100%));height:1cap;position:absolute;top:calc(.5lh - .65cap)}@supports (color:color-mix(in lch, red, blue)){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - var(--brand-TextCursorAnimation-cursor-progress,0)) * 100%), var(--brand-color-accent-primary) calc(var(--brand-TextCursorAnimation-cursor-progress,0) * 100%))}}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{display:none}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{clip-path:none}}

package/esm/TextCursorAnimation/TextCursorAnimation.module.js ADDED Viewed

@@ -0,0 +1,10 @@
+import './TextCursorAnimation.module-CkVDXNW5.css';var e = {
+	TextCursorAnimation: "Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___fMZNu",
+	"TextCursorAnimation-inner": "Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-inner___h__Hj",
+	"TextCursorAnimation-text": "Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9",
+	"TextCursorAnimation-cursor": "Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ"
+};
+//#endregion
+export { e as default };
+//# sourceMappingURL=TextCursorAnimation.module.js.map

package/esm/TextCursorAnimation/TextCursorAnimation.module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextCursorAnimation.module.js","names":[],"sources":["../../src/TextCursorAnimation/TextCursorAnimation.module.css"],"sourcesContent":[".TextCursorAnimation {\n display: inline-flex;\n align-items: center;\n}\n\n.TextCursorAnimation-inner {\n position: relative;\n display: inline-flex;\n align-items: center;\n}\n\n.TextCursorAnimation-text {\n font-weight: var(--brand-text-weight-500);\n clip-path: inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress, 1)) * 100%) 0 0);\n white-space: pre;\n}\n\n.TextCursorAnimation-cursor {\n position: absolute;\n left: calc((var(--brand-TextCursorAnimation-reveal-progress, 1) * 100%) + var(--base-size-6));\n top: calc((1lh - 0.3cap) / 2 - 0.5cap);\n width: var(--base-size-8);\n height: 1cap;\n background-color: color-mix(\n in srgb,\n var(--brand-color-canvas-subtle) calc((1 - var(--brand-TextCursorAnimation-cursor-progress, 0)) * 100%),\n var(--brand-color-accent-primary) calc(var(--brand-TextCursorAnimation-cursor-progress, 0) * 100%)\n );\n}\n\n@media (prefers-reduced-motion: reduce) {\n .TextCursorAnimation-cursor {\n display: none;\n }\n\n .TextCursorAnimation-text {\n clip-path: none;\n }\n}\n"],"mappings":""}

package/esm/TextCursorAnimation/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './TextCursorAnimation';
2	+ //# sourceMappingURL=index.d.ts.map