@primer/react-brand 0.80.1 → 0.81.0-rc.0d1b7648

package/esm/Testimonial/Testimonial.js.map

@@ -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} 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}>&ldquo;</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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"}
+{"version":3,"file":"Testimonial.js","names":[],"sources":["../../src/Testimonial/Testimonial.tsx"],"sourcesContent":["import React, {HTMLAttributes, forwardRef, SVGProps, CSSProperties, ComponentPropsWithRef} from 'react'\nimport {clsx} from 'clsx'\nimport {BaseProps} from '../component-helpers'\nimport {Text, Avatar, useAnimation} from '../'\nimport type {AvatarProps} from '../'\nimport {Link, type LinkProps} from '../Link'\nimport {TextCursorAnimation} from '../TextCursorAnimation'\nimport {Colors} from '../constants'\n\n/**\n * Design tokens\n */\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\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Testimonial.module.css'\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\nconst testIds = {\n  root: 'Testimonial',\n  get quoteMark() {\n    return `${this.root}__quoteMark`\n  },\n  get quoteWrapper() {\n    return `${this.root}__quoteWrapper`\n  },\n  get media() {\n    return `${this.root}__media`\n  },\n}\n\nexport type TestimonialProps = {\n  /**\n   * Sets alternative visual appearance\n   */\n  variant?: TestimonialVariant\n  /**\n   * Applies an optional border where a variant supports it\n   */\n  hasBorder?: boolean\n  /**\n   * Valid children\n   */\n  children: React.ReactNode\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  ['data-testid']?: string\n} & BaseProps<HTMLElement> &\n  React.HTMLAttributes<HTMLElement>\n\n/**\n * Testimonial parent element\n * <Testimonial>\n */\nfunction TestimonialRootBase(\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    'data-testid': testId,\n    ...rest\n  }: TestimonialProps,\n  ref: React.ForwardedRef<HTMLElement>,\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      data-testid={testIds.quoteMark}\n      className={clsx(\n        styles['Testimonial__quoteMark'],\n        styles[`Testimonial__quoteMark--${resolvedQuoteMarkColor}`],\n        quoteMarkClassName,\n      )}\n    >\n      <span className={styles.Testimonial__quoteMarkGlyph}>&ldquo;</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<TestimonialQuoteProps>(TestimonialQuote)\n  const actionChild = findChild<LinkProps>(TestimonialLink)\n  const avatarChild = findChild<AvatarProps>(TestimonialAvatar)\n  const logoChild = findChild<TestimonialLogoProps>(TestimonialLogo)\n  const nameChild = findChild<TestimonialNameProps>(TestimonialName)\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      data-testid={testId || testIds.root}\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']} data-testid={testIds.quoteWrapper}>\n        {quoteMark}\n        {quoteChild}\n        {variant !== 'expressive' && actionChild}\n      </div>\n      <div className={clsx(styles['Testimonial__media'], mediaClassName)} data-testid={testIds.media}>\n        {avatarChild}\n        {logoChild}\n        {name}\n      </div>\n      {variant === 'expressive' && actionChild}\n    </figure>\n  )\n}\n\nconst TestimonialRoot = forwardRef(TestimonialRootBase)\n\n/**\n * Testimonial quote child element\n * <Testimonial.Quote>\n */\ntype TestimonialQuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>\nfunction TestimonialQuoteBase(\n  {children, className, ...rest}: TestimonialQuoteProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  return (\n    <blockquote {...rest} ref={ref as React.Ref<HTMLQuoteElement>}>\n      <Text className={clsx(styles['Testimonial-quote'], className)}>{children}</Text>\n    </blockquote>\n  )\n}\nconst TestimonialQuote = forwardRef(TestimonialQuoteBase)\n\n/**\n * Testimonial name child element\n * <Testimonial.Name>\n */\ntype TestimonialNameProps = {\n  position?: string\n} & React.HTMLAttributes<HTMLElement> &\n  BaseProps<HTMLElement>\n\nfunction TestimonialNameBase(\n  {children, className, position, ...rest}: TestimonialNameProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  return (\n    <figcaption {...rest} 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}\nconst TestimonialName = forwardRef(TestimonialNameBase)\n\n/**\n * Testimonial logo child element\n * <Testimonial.Logo>\n */\ntype TestimonialLogoProps = {\n  children: React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<HTMLAttributes<HTMLImageElement>>\n} & React.HTMLAttributes<HTMLImageElement> &\n  BaseProps<HTMLImageElement>\n\nfunction TestimonialLogoBase({children, ...rest}: TestimonialLogoProps, ref: React.ForwardedRef<unknown>) {\n  return (\n    <div className={styles['Testimonial-logo']} {...rest}>\n      {React.Children.map(children, child => {\n        if (React.isValidElement<ComponentPropsWithRef<'img'>>(child) && child.type === 'img') {\n          return React.cloneElement(child, {\n            className: clsx(styles['Testimonial-logo-image'], child.props.className),\n            ...(ref ? {ref: ref as ComponentPropsWithRef<'img'>['ref']} : {}),\n          })\n        }\n\n        if (React.isValidElement<SVGProps<SVGSVGElement>>(child)) {\n          return React.cloneElement(child, {\n            className: clsx(styles['Testimonial-logo-image'], child.props.className),\n            ...(ref ? {ref: ref as React.Ref<SVGSVGElement>} : {}),\n          })\n        }\n      })}\n    </div>\n  )\n}\nconst TestimonialLogo = forwardRef(TestimonialLogoBase)\n\n/**\n * Testimonial avatar child element\n * <Testimonial.Avatar>\n */\n\nfunction TestimonialAvatarBase({size, className, ...rest}: AvatarProps, ref: React.ForwardedRef<HTMLImageElement>) {\n  return <Avatar ref={ref} className={clsx(styles['Testimonial-avatar'], className)} size={48} {...rest} />\n}\nconst TestimonialAvatar = forwardRef(TestimonialAvatarBase)\n\n/**\n * Testimonial link child element\n * <Testimonial.Link>\n */\nfunction TestimonialLinkBase({className, ...rest}: LinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) {\n  return (\n    <Link ref={ref} className={clsx(styles['Testimonial-link'], className)} {...rest} size=\"medium\" variant=\"accent\" />\n  )\n}\nconst TestimonialLink = forwardRef(TestimonialLinkBase)\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(TestimonialRoot, {\n  Quote: TestimonialQuote,\n  Name: TestimonialName,\n  Avatar: TestimonialAvatar,\n  Logo: TestimonialLogo,\n  Link: TestimonialLink,\n  testIds,\n})\n"],"mappings":"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"}

package/esm/Testimonial/Testimonial.module-C15wxD-l.css

@@ -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:var(--base-size-40);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:var(--brand-text-lineHeight-700);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:var(--brand-Testimonial-expressive-maxWidth);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);width:var(--brand-Testimonial-expressive-media-width);flex-direction:column;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-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:var(--brand-Testimonial-expressive-name-letterSpacing);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);line-height:var(--brand-Testimonial-expressive-position-lineHeight);letter-spacing:var(--brand-Testimonial-expressive-position-letterSpacing)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-family:var(--brand-fontStack-monospace);font-size:var(--brand-Testimonial-expressive-quote-fontSize);font-weight:var(--brand-Testimonial-expressive-quote-fontWeight);letter-spacing:var(--brand-Testimonial-expressive-quote-letterSpacing);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{padding-inline:var(--base-size-36);padding-block:var(--base-size-44);margin-inline:auto}}@media screen and (width>=63.25rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{grid-template-columns:minmax(0, var(--brand-Testimonial-expressive-quote-maxWidth)) var(--brand-Testimonial-expressive-media-width);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));padding-inline:var(--base-size-48);padding-block:var(--base-size-88);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}.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-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:var(--base-size-40);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);line-height:var(--brand-text-lineHeight-700);letter-spacing:var(--brand-text-letterSpacing-400)}.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:var(--base-size-40);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

@@ -1,4 +1,4 @@
-import './Testimonial.module-BqMYuLeo.css';//#region src/Testimonial/Testimonial.module.css
+import './Testimonial.module-C15wxD-l.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",

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

@@ -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  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":""}
+{"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: var(--base-size-40);\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; /* TODO: Optical quote-glyph sizing is independent of the text scale. */\n  font-weight: var(--base-text-weight-normal);\n  line-height: 1; /* TODO: Keep the quote glyph's line box independent of text leading. */\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; /* TODO: Optical quote-glyph sizing for the smaller mark tile. */\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: var(--brand-text-lineHeight-700);\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: var(--brand-Testimonial-expressive-maxWidth);\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: var(--brand-Testimonial-expressive-media-width);\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\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: var(--brand-Testimonial-expressive-name-letterSpacing);\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: var(--brand-Testimonial-expressive-position-lineHeight);\n  letter-spacing: var(--brand-Testimonial-expressive-position-letterSpacing);\n}\n\n.Testimonial--variant-expressive .Testimonial-quote {\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-Testimonial-expressive-quote-fontSize);\n  font-weight: var(--brand-Testimonial-expressive-quote-fontWeight);\n  letter-spacing: var(--brand-Testimonial-expressive-quote-letterSpacing);\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    margin-inline: auto;\n    padding-inline: var(--base-size-36);\n    padding-block: var(--base-size-44);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Testimonial--variant-expressive {\n    display: grid;\n    grid-template-columns: minmax(0, var(--brand-Testimonial-expressive-quote-maxWidth)) var(\n        --brand-Testimonial-expressive-media-width\n      );\n    column-gap: calc(var(--base-size-96) + var(--base-size-24));\n    align-items: end;\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    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-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: var(--base-size-40);\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: var(--brand-text-lineHeight-700);\n  letter-spacing: var(--brand-text-letterSpacing-400);\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: var(--base-size-40);\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/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-uEcPTyOn.css

@@ -0,0 +1 @@
+:root{--brand-Testimonial-quote-letterSpacing-large:var(--brand-text-letterSpacing-900);--brand-Testimonial-quote-letterSpacing-default:var(--brand-text-letterSpacing-400);--brand-Testimonial-quote-fontWeight-large:var(--brand-heading-weight-600);--brand-Testimonial-quote-fontWeight-default:var(--brand-heading-weight-1000);--brand-Testimonial-quote-fontSize-large:var(--brand-text-size-500);--brand-Testimonial-quote-fontSize-default:var(--brand-text-size-400);--brand-Testimonial-expressive-media-width:100%;--brand-Testimonial-expressive-position-letterSpacing:.01em;--brand-Testimonial-expressive-position-lineHeight:1.6;--brand-Testimonial-expressive-name-letterSpacing:.0107em;--brand-Testimonial-expressive-quote-letterSpacing:-.01em;--brand-Testimonial-expressive-quote-fontWeight:425;--brand-Testimonial-expressive-quote-fontSize:1.5rem;--brand-Testimonial-expressive-quote-maxWidth:744px;--brand-Testimonial-expressive-maxWidth:1176px;--brand-Testimonial-minimal-quote-lineHeight:1.35;--brand-Testimonial-minimal-quote-fontSize-large:2rem}@media (width>=48rem){:root{--brand-Testimonial-expressive-media-width:22.25rem;--brand-Testimonial-expressive-quote-letterSpacing:-.02em;--brand-Testimonial-expressive-quote-fontSize:1.625rem;--brand-Testimonial-expressive-maxWidth:38.625rem}}@media (width>=63.25rem){:root{--brand-Testimonial-expressive-media-width:19.5rem;--brand-Testimonial-expressive-quote-fontSize:2rem;--brand-Testimonial-expressive-maxWidth:73.5rem}}

package/lib/Link/Link.d.ts

@@ -21,8 +21,21 @@ export type LinkProps = {
      */
     variant?: (typeof LinkVariants)[number];
 } & React.ComponentPropsWithoutRef<'a'>;
-/**
- * Links connect users to related content.
- * These are not intended to be used as a call-to-action.
- */
-export declare function Link({ size, variant, className, children, isExternal, onMouseEnter, onMouseLeave, onFocus, onBlur, arrowDirection, ...props }: LinkProps): React.JSX.Element;
+export declare const Link: React.ForwardRefExoticComponent<{
+    /**
+     * The size variations available in Link
+     */
+    size?: (typeof LinkSizes)[number];
+    /**
+     * Position of the arrow.
+     */
+    arrowDirection?: (typeof LinkArrowDirections)[number];
+    /**
+     * Show an external link icon
+     */
+    isExternal?: boolean;
+    /**
+     * Specify alternative link appearance
+     */
+    variant?: (typeof LinkVariants)[number];
+} & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/lib/Testimonial/Testimonial.d.ts

@@ -1,6 +1,9 @@
 import React, { HTMLAttributes, SVGProps } from 'react';
 import { BaseProps } from '../component-helpers';
 import type { AvatarProps } from '../';
+/**
+ * Design tokens
+ */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css';
 type TestimonialSize = 'small' | 'large';
@@ -11,7 +14,7 @@ type TestimonialVariant = (typeof TestimonialVariants)[number];
 export declare const defaultTestimonialVariant: TestimonialVariant;
 export type TestimonialProps = {
     /**
-     * Sets alternative appearance for the testimonial
+     * Sets alternative visual appearance
      */
     variant?: TestimonialVariant;
     /**
@@ -19,9 +22,9 @@ export type TestimonialProps = {
      */
     hasBorder?: boolean;
     /**
-     * Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name
+     * Valid children
      */
-    children: React.ReactNode | React.ReactElement<QuoteProps> | React.ReactElement<NameProps> | React.ReactElement<AvatarProps> | React.ReactElement<LogoProps>[];
+    children: React.ReactNode;
     /**
      * Sets the testimonial text size
      */
@@ -32,45 +35,47 @@ export type TestimonialProps = {
     quoteMarkClassName?: string;
     /** Class applied to the attribution wrapper. */
     mediaClassName?: string;
+    ['data-testid']?: string;
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
 /**
  * Testimonial quote child element
  * <Testimonial.Quote>
  */
-type QuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
+type TestimonialQuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
 /**
  * Testimonial name child element
  * <Testimonial.Name>
  */
-type NameProps = {
+type TestimonialNameProps = {
     position?: string;
 } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
 /**
  * Testimonial logo child element
  * <Testimonial.Logo>
  */
-type LogoProps = {
+type TestimonialLogoProps = {
     children: React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<HTMLAttributes<HTMLImageElement>>;
 } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>;
-/**
- * Testimonial avatar child element
- * <Testimonial.Avatar>
- */
-declare function _Avatar({ size, className, ...rest }: AvatarProps): React.JSX.Element;
 /**
  * Use Testimonial to display a quote from a customer or user.
  * @see https://primer.style/brand/components/Testimonial
  */
-export declare const Testimonial: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<TestimonialProps>, "ref"> & React.RefAttributes<unknown>> & {
-    Quote: React.ForwardRefExoticComponent<Omit<QuoteProps, "ref"> & React.RefAttributes<unknown>>;
-    Name: React.ForwardRefExoticComponent<Omit<NameProps, "ref"> & React.RefAttributes<unknown>>;
-    Avatar: typeof _Avatar;
-    Logo: React.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const Testimonial: React.ForwardRefExoticComponent<Omit<TestimonialProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Quote: React.ForwardRefExoticComponent<Omit<TestimonialQuoteProps, "ref"> & React.RefAttributes<HTMLElement>>;
+    Name: React.ForwardRefExoticComponent<Omit<TestimonialNameProps, "ref"> & React.RefAttributes<HTMLElement>>;
+    Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
+    Logo: React.ForwardRefExoticComponent<Omit<TestimonialLogoProps, "ref"> & React.RefAttributes<unknown>>;
     Link: React.ForwardRefExoticComponent<{
         size?: typeof import("../Link").LinkSizes[number];
         arrowDirection?: typeof import("../Link").LinkArrowDirections[number];
         isExternal?: boolean;
         variant?: typeof import("../Link").LinkVariants[number];
-    } & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<unknown>>;
+    } & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    testIds: {
+        root: string;
+        readonly quoteMark: string;
+        readonly quoteWrapper: string;
+        readonly media: string;
+    };
 };
 export {};