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

package/esm/Link/Link.js

@@ -4,69 +4,71 @@ import { ExpandableArrow as n } from "../ExpandableArrow/ExpandableArrow.js";
 import { LinkExternalIcon as r } from "../node_modules/@primer/octicons-react/dist/icons/LinkExternalIcon.js";
 import i from "./Link.module.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes-JvDrymoz.css';/* empty css                                                                                                  */
-import a, { useCallback as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import a, { forwardRef as o, useCallback as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/Link/Link.tsx
-var l = ["default", "accent"], u = [
+var u = ["default", "accent"], d = [
 	"small",
 	"medium",
 	"large"
-], d = [
+], f = [
 	"start",
 	"end",
 	"none"
-], f = {
+], p = {
 	small: "100",
 	medium: "200",
 	large: "300"
-}, p = {
+}, m = {
 	small: 16,
 	medium: 16,
 	large: 20
 };
-function m({ size: l = "medium", variant: u = "default", className: d, children: m, isExternal: h, onMouseEnter: g, onMouseLeave: _, onFocus: v, onBlur: y, arrowDirection: b = "end", ...x }) {
-	let [S, C] = a.useState(!1), [w, T] = a.useState(!1), E = o((e) => {
-		C(!S), g?.(e);
-	}, [g, S]), D = o((e) => {
-		C(!S), _?.(e);
-	}, [_, S]), O = o((e) => {
-		T(!w), v?.(e);
-	}, [v, w]), k = o((e) => {
-		T(!w), y?.(e);
-	}, [y, w]);
-	return /* @__PURE__ */ c("a", {
-		className: e(i.Link, i[`Link--${l}`], i[`Link--${u}`], h ? i["Link--is-external"] : i[`Link--arrow-${b}`], d),
-		onMouseEnter: E,
-		onMouseLeave: D,
-		onFocus: O,
-		onBlur: k,
+function h({ size: o = "medium", variant: u = "default", className: d, children: f, isExternal: h, onMouseEnter: g, onMouseLeave: _, onFocus: v, onBlur: y, arrowDirection: b = "end", ...x }, S) {
+	let [C, w] = a.useState(!1), [T, E] = a.useState(!1), D = s((e) => {
+		w(!C), g?.(e);
+	}, [g, C]), O = s((e) => {
+		w(!C), _?.(e);
+	}, [_, C]), k = s((e) => {
+		E(!T), v?.(e);
+	}, [v, T]), A = s((e) => {
+		E(!T), y?.(e);
+	}, [y, T]);
+	return /* @__PURE__ */ l("a", {
+		ref: S,
+		className: e(i.Link, i[`Link--${o}`], i[`Link--${u}`], h ? i["Link--is-external"] : i[`Link--arrow-${b}`], d),
+		onMouseEnter: D,
+		onMouseLeave: O,
+		onFocus: k,
+		onBlur: A,
 		...x,
 		children: [
-			b === "start" && !h && /* @__PURE__ */ s(n, {
+			b === "start" && !h && /* @__PURE__ */ c(n, {
 				className: i["Link-arrow"],
-				expanded: S || w,
+				expanded: C || T,
 				reverse: !0,
 				hidden: !0
 			}),
-			/* @__PURE__ */ s(t, {
+			/* @__PURE__ */ c(t, {
 				as: "span",
-				size: f[l],
+				size: p[o],
 				className: e(i["Link--label"]),
-				children: m
+				children: f
 			}),
-			b === "end" && !h && /* @__PURE__ */ s(n, {
+			b === "end" && !h && /* @__PURE__ */ c(n, {
 				className: i["Link-arrow"],
-				expanded: S || w,
+				expanded: C || T,
 				hidden: !0
 			}),
-			h && /* @__PURE__ */ s(r, {
-				size: p[l],
+			h && /* @__PURE__ */ c(r, {
+				size: m[o],
 				"aria-label": "External link"
 			})
 		]
 	});
 }
+var g = o(h);
 //#endregion
-export { m as Link, d as LinkArrowDirections, u as LinkSizes, l as LinkVariants };
+export { g as Link, f as LinkArrowDirections, d as LinkSizes, u as LinkVariants };
 
 //# sourceMappingURL=Link.js.map

package/esm/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":[],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {useCallback} from 'react'\nimport {ExpandableArrow} from '../ExpandableArrow'\nimport {LinkExternalIcon} from '@primer/octicons-react'\nimport {Text} from '../Text'\n\nimport styles from './Link.module.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css'\n\nexport const LinkVariants = ['default', 'accent'] as const\nexport const LinkSizes = ['small', 'medium', 'large'] as const\nexport const LinkArrowDirections = ['start', 'end', 'none'] as const\n\nconst LinkTextSizes = {\n  small: '100',\n  medium: '200',\n  large: '300',\n} as const\n\nconst LinkExternalIconSizes = {\n  small: 16,\n  medium: 16,\n  large: 20,\n} as const\n\nexport type LinkProps = {\n  /**\n   * The size variations available in Link\n   */\n  size?: (typeof LinkSizes)[number]\n  /**\n   * Position of the arrow.\n   */\n  arrowDirection?: (typeof LinkArrowDirections)[number]\n  /**\n   * Show an external link icon\n   */\n  isExternal?: boolean\n  /**\n   * Specify alternative link appearance\n   */\n  variant?: (typeof LinkVariants)[number]\n} & React.ComponentPropsWithoutRef<'a'>\n\n/**\n * Links connect users to related content.\n * These are not intended to be used as a call-to-action.\n */\nexport function Link({\n  size = 'medium',\n  variant = 'default',\n  className,\n  children,\n  isExternal,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  arrowDirection = 'end',\n  ...props\n}: LinkProps) {\n  const [isHovered, setIsHovered] = React.useState(false)\n  const [isFocused, setIsFocused] = React.useState(false)\n\n  const handleMouseEnter = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseEnter?.(event)\n    },\n    [onMouseEnter, isHovered],\n  )\n\n  const handleMouseLeave = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseLeave?.(event)\n    },\n    [onMouseLeave, isHovered],\n  )\n\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onFocus?.(event)\n    },\n    [onFocus, isFocused],\n  )\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onBlur?.(event)\n    },\n    [onBlur, isFocused],\n  )\n\n  return (\n    <a\n      className={clsx(\n        styles.Link,\n        styles[`Link--${size}`],\n        styles[`Link--${variant}`],\n        isExternal ? styles['Link--is-external'] : styles[`Link--arrow-${arrowDirection}`],\n        className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n      {...props}\n    >\n      {arrowDirection === 'start' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} reverse hidden />\n      )}\n\n      <Text as=\"span\" size={LinkTextSizes[size]} className={clsx(styles['Link--label'])}>\n        {children}\n      </Text>\n\n      {arrowDirection === 'end' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} hidden />\n      )}\n\n      {isExternal && <LinkExternalIcon size={LinkExternalIconSizes[size]} aria-label=\"External link\" />}\n    </a>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAa,IAAe,CAAC,WAAW,QAAQ,GACnC,IAAY;CAAC;CAAS;CAAU;AAAO,GACvC,IAAsB;CAAC;CAAS;CAAO;AAAM,GAEpD,IAAgB;CACpB,OAAO;CACP,QAAQ;CACR,OAAO;AACT,GAEM,IAAwB;CAC5B,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAyBA,SAAgB,EAAK,EACnB,UAAO,UACP,aAAU,WACV,cACA,aACA,eACA,iBACA,iBACA,YACA,WACA,oBAAiB,OACjB,GAAG,KACS;CACZ,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAEhD,IAAmB,GACtB,MAA2D;EAE1D,AADA,EAAa,CAAC,CAAS,GACvB,IAAe,CAAK;CACtB,GACA,CAAC,GAAc,CAAS,CAC1B,GAEM,IAAmB,GACtB,MAA2D;EAE1D,AADA,EAAa,CAAC,CAAS,GACvB,IAAe,CAAK;CACtB,GACA,CAAC,GAAc,CAAS,CAC1B,GAEM,IAAgB,GACnB,MAAwD;EAEvD,AADA,EAAa,CAAC,CAAS,GACvB,IAAU,CAAK;CACjB,GACA,CAAC,GAAS,CAAS,CACrB,GAEM,IAAe,GAClB,MAAwD;EAEvD,AADA,EAAa,CAAC,CAAS,GACvB,IAAS,CAAK;CAChB,GACA,CAAC,GAAQ,CAAS,CACpB;CAEA,OACE,kBAAC,KAAD;EACE,WAAW,EACT,EAAO,MACP,EAAO,SAAS,MAChB,EAAO,SAAS,MAChB,IAAa,EAAO,uBAAuB,EAAO,eAAe,MACjE,CACF;EACA,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,GAAI;YAZN;GAcG,MAAmB,WAAW,CAAC,KAC9B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,SAAA;IAAQ,QAAA;GAAQ,CAAA;GAGtG,kBAAC,GAAD;IAAM,IAAG;IAAO,MAAM,EAAc;IAAO,WAAW,EAAK,EAAO,cAAc;IAC7E;GACG,CAAA;GAEL,MAAmB,SAAS,CAAC,KAC5B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,QAAA;GAAQ,CAAA;GAG7F,KAAc,kBAAC,GAAD;IAAkB,MAAM,EAAsB;IAAO,cAAW;GAAiB,CAAA;EAC/F;;AAEP"}
+{"version":3,"file":"Link.js","names":[],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, useCallback} from 'react'\nimport {ExpandableArrow} from '../ExpandableArrow'\nimport {LinkExternalIcon} from '@primer/octicons-react'\nimport {Text} from '../Text'\n\nimport styles from './Link.module.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css'\n\nexport const LinkVariants = ['default', 'accent'] as const\nexport const LinkSizes = ['small', 'medium', 'large'] as const\nexport const LinkArrowDirections = ['start', 'end', 'none'] as const\n\nconst LinkTextSizes = {\n  small: '100',\n  medium: '200',\n  large: '300',\n} as const\n\nconst LinkExternalIconSizes = {\n  small: 16,\n  medium: 16,\n  large: 20,\n} as const\n\nexport type LinkProps = {\n  /**\n   * The size variations available in Link\n   */\n  size?: (typeof LinkSizes)[number]\n  /**\n   * Position of the arrow.\n   */\n  arrowDirection?: (typeof LinkArrowDirections)[number]\n  /**\n   * Show an external link icon\n   */\n  isExternal?: boolean\n  /**\n   * Specify alternative link appearance\n   */\n  variant?: (typeof LinkVariants)[number]\n} & React.ComponentPropsWithoutRef<'a'>\n\n/**\n * Links connect users to related content.\n * These are not intended to be used as a call-to-action.\n */\nfunction LinkBase(\n  {\n    size = 'medium',\n    variant = 'default',\n    className,\n    children,\n    isExternal,\n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    arrowDirection = 'end',\n    ...props\n  }: LinkProps,\n  ref: React.ForwardedRef<HTMLAnchorElement>,\n) {\n  const [isHovered, setIsHovered] = React.useState(false)\n  const [isFocused, setIsFocused] = React.useState(false)\n\n  const handleMouseEnter = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseEnter?.(event)\n    },\n    [onMouseEnter, isHovered],\n  )\n\n  const handleMouseLeave = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseLeave?.(event)\n    },\n    [onMouseLeave, isHovered],\n  )\n\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onFocus?.(event)\n    },\n    [onFocus, isFocused],\n  )\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onBlur?.(event)\n    },\n    [onBlur, isFocused],\n  )\n\n  return (\n    <a\n      ref={ref}\n      className={clsx(\n        styles.Link,\n        styles[`Link--${size}`],\n        styles[`Link--${variant}`],\n        isExternal ? styles['Link--is-external'] : styles[`Link--arrow-${arrowDirection}`],\n        className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n      {...props}\n    >\n      {arrowDirection === 'start' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} reverse hidden />\n      )}\n\n      <Text as=\"span\" size={LinkTextSizes[size]} className={clsx(styles['Link--label'])}>\n        {children}\n      </Text>\n\n      {arrowDirection === 'end' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} hidden />\n      )}\n\n      {isExternal && <LinkExternalIcon size={LinkExternalIconSizes[size]} aria-label=\"External link\" />}\n    </a>\n  )\n}\n\nexport const Link = forwardRef(LinkBase)\n"],"mappings":";;;;;;;;;AASA,IAAa,IAAe,CAAC,WAAW,QAAQ,GACnC,IAAY;CAAC;CAAS;CAAU;AAAO,GACvC,IAAsB;CAAC;CAAS;CAAO;AAAM,GAEpD,IAAgB;CACpB,OAAO;CACP,QAAQ;CACR,OAAO;AACT,GAEM,IAAwB;CAC5B,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAyBA,SAAS,EACP,EACE,UAAO,UACP,aAAU,WACV,cACA,aACA,eACA,iBACA,iBACA,YACA,WACA,oBAAiB,OACjB,GAAG,KAEL,GACA;CACA,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAEhD,IAAmB,GACtB,MAA2D;EAE1D,AADA,EAAa,CAAC,CAAS,GACvB,IAAe,CAAK;CACtB,GACA,CAAC,GAAc,CAAS,CAC1B,GAEM,IAAmB,GACtB,MAA2D;EAE1D,AADA,EAAa,CAAC,CAAS,GACvB,IAAe,CAAK;CACtB,GACA,CAAC,GAAc,CAAS,CAC1B,GAEM,IAAgB,GACnB,MAAwD;EAEvD,AADA,EAAa,CAAC,CAAS,GACvB,IAAU,CAAK;CACjB,GACA,CAAC,GAAS,CAAS,CACrB,GAEM,IAAe,GAClB,MAAwD;EAEvD,AADA,EAAa,CAAC,CAAS,GACvB,IAAS,CAAK;CAChB,GACA,CAAC,GAAQ,CAAS,CACpB;CAEA,OACE,kBAAC,KAAD;EACO;EACL,WAAW,EACT,EAAO,MACP,EAAO,SAAS,MAChB,EAAO,SAAS,MAChB,IAAa,EAAO,uBAAuB,EAAO,eAAe,MACjE,CACF;EACA,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,GAAI;YAbN;GAeG,MAAmB,WAAW,CAAC,KAC9B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,SAAA;IAAQ,QAAA;GAAQ,CAAA;GAGtG,kBAAC,GAAD;IAAM,IAAG;IAAO,MAAM,EAAc;IAAO,WAAW,EAAK,EAAO,cAAc;IAC7E;GACG,CAAA;GAEL,MAAmB,SAAS,CAAC,KAC5B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,QAAA;GAAQ,CAAA;GAG7F,KAAc,kBAAC,GAAD;IAAkB,MAAM,EAAsB;IAAO,cAAW;GAAiB,CAAA;EAC/F;;AAEP;AAEA,IAAa,IAAO,EAAW,CAAQ"}

package/esm/MediaPlaylist/{MediaPlaylist.module-BddC0boN.css → MediaPlaylist.module-C4Y3VORG.css}

@@ -1 +1 @@
-.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{padding-block-start:var(--base-size-36);padding-inline:var(--base-size-20)}@media screen and (width<=63.24rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{width:100%;max-width:38.625rem;margin-inline:auto;padding:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h1+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h2+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h3+p{margin-block-start:var(--base-size-12)}}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__layout___Jxb17{background:var(--brand-MediaPlaylist-bgColor);flex-direction:column;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__playlist___r232y{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);order:2;min-width:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__heading___bvLnj{min-height:var(--base-size-48);align-items:center;gap:var(--base-size-8);padding:var(--base-size-12) var(--base-size-16);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);color:var(--brand-color-text-muted);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);text-transform:uppercase;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingLabel___cOPfs{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingCounter___xJSQs{align-items:center;gap:var(--base-size-8);color:var(--brand-color-text-default);display:inline-flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingCounter___xJSQs:before{content:"•";color:var(--brand-color-text-muted)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanels___bgH_2{width:100%;padding:var(--base-size-16);order:1}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanel___YI_I2{min-width:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanel___YI_I2[hidden]{display:none}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panel___iC9Tx{gap:var(--base-size-20);flex-direction:column;width:100%;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr{max-width:var(--brand-Prose-lineLength)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb{background-color:var(--base-color-scale-black-0);overflow:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb img,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb picture,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb video,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb iframe{width:100%;max-width:100%;display:block}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tablist___EhGxB{flex-direction:column;order:2;display:flex;overflow-x:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist--overflowItems___QWHRc .Primer_Brand__MediaPlaylist-module__MediaPlaylist__tablist___EhGxB{max-block-size:calc((3 * var(--base-size-64)) + (6 * var(--base-size-12)));overscroll-behavior:contain;scroll-padding-block:var(--base-size-24);overflow-y:auto}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__pagination___mct_v{padding:var(--base-size-12) var(--base-size-16) var(--base-size-16);border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);order:3;justify-content:center;margin:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item___KJx6C{min-width:0;min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-12)));flex-direction:column;flex:none;align-items:flex-start;display:flex;position:relative;overflow-x:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item___KJx6C:before{content:"";height:var(--brand-borderWidth-thin);transform-origin:50% 100%;background-color:var(--brand-color-border-muted);transition:transform var(--brand-animation-duration-fast) ease, background-color var(--brand-animation-duration-fast) ease;position:absolute;inset-block-end:0;inset-inline:0;transform:scaleY(1)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item--selected___Ihn_G{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item--selected___Ihn_G:before{background-color:var(--brand-color-accent-primary);transform:scaleY(2)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeading___j5Q2s{color:var(--brand-color-text-muted);margin:0;display:block}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item--selected___Ihn_G .Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeading___j5Q2s{color:var(--brand-color-text-default)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingContent___pzVd0{flex:auto;min-width:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingDetails___wQCnu{gap:var(--base-size-4);flex-direction:column;min-width:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingTitle___F1sIm{color:inherit;word-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tab___LvxjX{box-sizing:border-box;width:100%;min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-12)));color:inherit;font:inherit;text-align:left;cursor:pointer;padding:var(--base-size-12) var(--base-size-16);background:0 0;border:0;outline:none;flex-direction:column;align-items:flex-start;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tabContent___9cPbZ{align-items:flex-start;gap:var(--base-size-12);width:100%;min-width:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__thumbnail___PENaA{width:var(--base-size-112);block-size:calc(var(--base-size-64) - var(--brand-borderWidth-thin));aspect-ratio:16/9;border-radius:var(--brand-borderRadius-small);background-color:var(--brand-color-canvas-subtle);flex-shrink:0;display:block;overflow:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__thumbnail___PENaA>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tab___LvxjX:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-4)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__content___m36IL{align-items:flex-start;gap:var(--base-size-12);flex-direction:column;display:flex}@media screen and (width<=63.24rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanels___bgH_2{padding-block-end:var(--base-size-24)}}@media screen and (width>=38.625rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}@media screen and (width>=63.25rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{box-sizing:border-box;width:100%;border-inline:none;max-inline-size:80rem;margin-inline:auto;padding:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__layout___Jxb17{--brand-MediaPlaylist-desktopGutter:3.75rem;--brand-MediaPlaylist-sidebarWidth:27rem;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,27rem);grid-template-areas:"media tabs";grid-template-columns:minmax(0, 1fr) minmax(0, var(--brand-MediaPlaylist-sidebarWidth));grid-column-gap:3.75rem;grid-column-gap:var(--brand-MediaPlaylist-desktopGutter);-moz-column-gap:3.75rem;-moz-column-gap:var(--brand-MediaPlaylist-desktopGutter);column-gap:3.75rem;column-gap:var(--brand-MediaPlaylist-desktopGutter);width:100%;padding-inline-start:3.75rem;padding-inline-start:var(--brand-MediaPlaylist-desktopGutter);display:grid}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__playlist___r232y{border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);flex-direction:column;grid-area:tabs;align-self:stretch;padding-block-start:calc(var(--base-size-48) + var(--base-size-12));display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist--overflowItems___QWHRc .Primer_Brand__MediaPlaylist-module__MediaPlaylist__tablist___EhGxB{max-block-size:calc((3 * var(--base-size-64)) + (6 * var(--base-size-20)))}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanels___bgH_2{padding-block:var(--base-size-80);grid-area:media;justify-content:flex-start;align-items:flex-start;padding-inline:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanel___YI_I2{width:100%}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panel___iC9Tx{gap:var(--base-size-40)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb{width:100%}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb iframe{aspect-ratio:16/9;border-radius:var(--base-size-6)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingDetails___wQCnu{font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h1+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h2+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h3+p{margin-block-start:var(--base-size-12)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__heading___bvLnj{min-height:auto;padding-block-start:var(--base-size-24);padding-block-end:var(--base-size-12);padding-inline-start:var(--base-size-32);padding-inline-end:var(--brand-MediaPlaylist-desktopGutter)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item___KJx6C{min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-20)))}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tab___LvxjX{min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-20)));padding-block:var(--base-size-20);padding-inline-start:var(--base-size-32);padding-inline-end:var(--brand-MediaPlaylist-desktopGutter)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tabContent___9cPbZ{align-items:center}}@media screen and (width>=80rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__playlist___r232y{border-inline-end:0}}
+.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{padding-block-start:var(--base-size-36);padding-inline:var(--base-size-20)}@media screen and (width<=63.24rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{width:100%;max-width:38.625rem;margin-inline:auto;padding:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h1+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h2+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h3+p{margin-block-start:var(--base-size-12)}}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__layout___Jxb17{background:var(--brand-MediaPlaylist-bgColor);flex-direction:column;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__playlist___r232y{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);order:2;min-width:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__heading___bvLnj{min-height:var(--base-size-48);align-items:center;gap:var(--base-size-8);padding:var(--base-size-12) var(--base-size-16);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);color:var(--brand-color-text-muted);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);text-transform:uppercase;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingLabel___cOPfs{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingCounter___xJSQs{align-items:center;gap:var(--base-size-8);color:var(--brand-color-text-default);display:inline-flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingCounter___xJSQs:before{content:"•";color:var(--brand-color-text-muted)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanels___bgH_2{width:100%;padding:var(--base-size-16);order:1}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanel___YI_I2{min-width:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanel___YI_I2[hidden]{display:none}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panel___iC9Tx{gap:var(--base-size-20);flex-direction:column;width:100%;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr{max-width:var(--brand-Prose-lineLength)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb{background-color:var(--base-color-scale-black-0);overflow:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb img,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb picture,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb video,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb iframe{width:100%;max-width:100%;display:block}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tablist___EhGxB{flex-direction:column;order:2;display:flex;overflow-x:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist--overflowItems___QWHRc .Primer_Brand__MediaPlaylist-module__MediaPlaylist__tablist___EhGxB{max-block-size:calc((3 * var(--base-size-64)) + (6 * var(--base-size-12)));overscroll-behavior:contain;scroll-padding-block:var(--base-size-24);overflow-y:auto}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__pagination___mct_v{padding:var(--base-size-12) var(--base-size-16) var(--base-size-16);border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);order:3;justify-content:center;margin:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item___KJx6C{min-width:0;min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-12)));flex-direction:column;flex:none;align-items:flex-start;display:flex;position:relative;overflow-x:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item___KJx6C:before{content:"";height:var(--brand-borderWidth-thin);transform-origin:50% 100%;background-color:var(--brand-color-border-muted);transition:transform var(--brand-animation-duration-fast) ease, background-color var(--brand-animation-duration-fast) ease;position:absolute;inset-block-end:0;inset-inline:0;transform:scaleY(1)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item--selected___Ihn_G{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item--selected___Ihn_G:before{background-color:var(--brand-color-accent-primary);transform:scaleY(2)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeading___j5Q2s{color:var(--brand-color-text-muted);margin:0;display:block}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item--selected___Ihn_G .Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeading___j5Q2s{color:var(--brand-color-text-default)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingContent___pzVd0{flex:auto;min-width:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingDetails___wQCnu{gap:var(--base-size-4);flex-direction:column;min-width:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingTitle___F1sIm{color:inherit;word-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tab___LvxjX{box-sizing:border-box;width:100%;min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-12)));color:inherit;font:inherit;text-align:left;cursor:pointer;padding:var(--base-size-12) var(--base-size-16);background:0 0;border:0;outline:none;flex-direction:column;align-items:flex-start;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tabContent___9cPbZ{align-items:flex-start;gap:var(--base-size-12);width:100%;min-width:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__thumbnail___PENaA{width:var(--base-size-112);block-size:calc(var(--base-size-64) - var(--brand-borderWidth-thin));aspect-ratio:16/9;border-radius:var(--brand-borderRadius-small);background-color:var(--brand-color-canvas-subtle);flex-shrink:0;display:block;overflow:hidden}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__thumbnail___PENaA>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tab___LvxjX:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:calc(-1 * var(--base-size-4))}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__content___m36IL{align-items:flex-start;gap:var(--base-size-12);flex-direction:column;display:flex}@media screen and (width<=63.24rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanels___bgH_2{padding-block-end:var(--base-size-24)}}@media screen and (width>=38.625rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}@media screen and (width>=63.25rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{box-sizing:border-box;width:100%;border-inline:none;max-inline-size:80rem;margin-inline:auto;padding:0}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__layout___Jxb17{--brand-MediaPlaylist-desktopGutter:3.75rem;--brand-MediaPlaylist-sidebarWidth:27rem;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,27rem);grid-template-areas:"media tabs";grid-template-columns:minmax(0, 1fr) minmax(0, var(--brand-MediaPlaylist-sidebarWidth));grid-column-gap:3.75rem;grid-column-gap:var(--brand-MediaPlaylist-desktopGutter);-moz-column-gap:3.75rem;-moz-column-gap:var(--brand-MediaPlaylist-desktopGutter);column-gap:3.75rem;column-gap:var(--brand-MediaPlaylist-desktopGutter);width:100%;padding-inline-start:3.75rem;padding-inline-start:var(--brand-MediaPlaylist-desktopGutter);display:grid}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__playlist___r232y{border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);flex-direction:column;grid-area:tabs;align-self:stretch;padding-block-start:calc(var(--base-size-48) + var(--base-size-12));display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist--overflowItems___QWHRc .Primer_Brand__MediaPlaylist-module__MediaPlaylist__tablist___EhGxB{max-block-size:calc((3 * var(--base-size-64)) + (6 * var(--base-size-20)))}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanels___bgH_2{padding-block:var(--base-size-80);grid-area:media;justify-content:flex-start;align-items:flex-start;padding-inline:0;display:flex}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanel___YI_I2{width:100%}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panel___iC9Tx{gap:var(--base-size-40)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb{width:100%}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb iframe{aspect-ratio:16/9;border-radius:var(--base-size-6)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingDetails___wQCnu{font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h1+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h2+p,.Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr h3+p{margin-block-start:var(--base-size-12)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__heading___bvLnj{min-height:auto;padding-block-start:var(--base-size-24);padding-block-end:var(--base-size-12);padding-inline-start:var(--base-size-32);padding-inline-end:var(--brand-MediaPlaylist-desktopGutter)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__item___KJx6C{min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-20)))}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tab___LvxjX{min-block-size:calc(var(--base-size-64) + (2 * var(--base-size-20)));padding-block:var(--base-size-20);padding-inline-start:var(--base-size-32);padding-inline-end:var(--brand-MediaPlaylist-desktopGutter)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__tabContent___9cPbZ{align-items:center}}@media screen and (width>=80rem){.Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__MediaPlaylist-module__MediaPlaylist__playlist___r232y{border-inline-end:0}}

package/esm/MediaPlaylist/MediaPlaylist.module.js

@@ -1,4 +1,4 @@
-import './MediaPlaylist.module-BddC0boN.css';//#region src/MediaPlaylist/MediaPlaylist.module.css
+import './MediaPlaylist.module-C4Y3VORG.css';//#region src/MediaPlaylist/MediaPlaylist.module.css
 var e = "Primer_Brand__MediaPlaylist-module__MediaPlaylist___mqadg", t = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__panelContent___nD2Xr", n = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__layout___Jxb17", r = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__playlist___r232y", i = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__heading___bvLnj", a = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingLabel___cOPfs", o = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__headingCounter___xJSQs", s = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanels___bgH_2", c = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__mediaPanel___YI_I2", l = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__panel___iC9Tx", u = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__media___HVCCb", d = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__tablist___EhGxB", f = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__pagination___mct_v", p = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__item___KJx6C", m = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeading___j5Q2s", h = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingContent___pzVd0", g = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingDetails___wQCnu", _ = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__itemHeadingTitle___F1sIm", v = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__tab___LvxjX", y = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__tabContent___9cPbZ", b = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__thumbnail___PENaA", x = "Primer_Brand__MediaPlaylist-module__MediaPlaylist__content___m36IL", S = {
 	MediaPlaylist: e,
 	MediaPlaylist__panelContent: t,

package/esm/MediaPlaylist/MediaPlaylist.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlaylist.module.js","names":[],"sources":["../../src/MediaPlaylist/MediaPlaylist.module.css"],"sourcesContent":[".MediaPlaylist {\n  padding-block-start: var(--base-size-36);\n  padding-inline: var(--base-size-20);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .MediaPlaylist {\n    width: 100%;\n    max-width: 38.625rem;\n    margin-inline: auto;\n    padding: 0;\n  }\n\n  .MediaPlaylist__panelContent :is(h1, h2, h3) + p {\n    margin-block-start: var(--base-size-12);\n  }\n}\n\n.MediaPlaylist__layout {\n  display: flex;\n  flex-direction: column;\n  background: var(--brand-MediaPlaylist-bgColor);\n}\n\n.MediaPlaylist__playlist {\n  order: 2;\n  min-width: 0;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.MediaPlaylist__heading {\n  display: flex;\n  min-height: var(--base-size-48);\n  align-items: center;\n  gap: var(--base-size-8);\n  padding: var(--base-size-12) var(--base-size-16);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  color: var(--brand-color-text-muted);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n  text-transform: uppercase;\n}\n\n.MediaPlaylist__headingLabel {\n  margin: 0;\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  text-transform: inherit;\n}\n\n.MediaPlaylist__headingCounter {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  color: var(--brand-color-text-default);\n}\n\n.MediaPlaylist__headingCounter::before {\n  content: '•';\n  color: var(--brand-color-text-muted);\n}\n\n.MediaPlaylist__mediaPanels {\n  order: 1;\n  width: 100%;\n  padding: var(--base-size-16);\n}\n\n.MediaPlaylist__mediaPanel {\n  min-width: 0;\n}\n\n.MediaPlaylist__mediaPanel[hidden] {\n  display: none;\n}\n\n.MediaPlaylist__panel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-20);\n  width: 100%;\n}\n\n.MediaPlaylist__panelContent {\n  max-width: var(--brand-Prose-lineLength);\n}\n\n.MediaPlaylist__media {\n  overflow: hidden;\n  background-color: var(--base-color-scale-black-0);\n}\n\n.MediaPlaylist__media :is(img, picture, video, iframe) {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n}\n\n.MediaPlaylist__tablist {\n  order: 2;\n  display: flex;\n  flex-direction: column;\n  overflow-x: hidden;\n}\n\n.MediaPlaylist--overflowItems .MediaPlaylist__tablist {\n  max-block-size: calc((3 * var(--base-size-64)) + (6 * var(--base-size-12)));\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  scroll-padding-block: var(--base-size-24);\n}\n\n.MediaPlaylist__pagination {\n  order: 3;\n  display: flex;\n  justify-content: center;\n  margin: 0;\n  padding: var(--base-size-12) var(--base-size-16) var(--base-size-16);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.MediaPlaylist__item {\n  position: relative;\n  min-width: 0;\n  display: flex;\n  flex: 0 0 auto;\n  flex-direction: column;\n  align-items: flex-start;\n  min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-12)));\n  overflow-x: hidden;\n}\n\n.MediaPlaylist__item::before {\n  content: '';\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline: 0;\n  height: var(--brand-borderWidth-thin);\n  transform: scaleY(1);\n  transform-origin: 50% 100%;\n  background-color: var(--brand-color-border-muted);\n  transition: transform var(--brand-animation-duration-fast) ease,\n    background-color var(--brand-animation-duration-fast) ease;\n}\n\n.MediaPlaylist__item--selected {\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.MediaPlaylist__item--selected::before {\n  transform: scaleY(2);\n  background-color: var(--brand-color-accent-primary);\n}\n\n.MediaPlaylist__itemHeading {\n  display: block;\n  margin: 0;\n  color: var(--brand-color-text-muted);\n}\n\n.MediaPlaylist__item--selected .MediaPlaylist__itemHeading {\n  color: var(--brand-color-text-default);\n}\n\n.MediaPlaylist__itemHeadingContent {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.MediaPlaylist__itemHeadingDetails {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-4);\n  min-width: 0;\n}\n\n.MediaPlaylist__itemHeadingTitle {\n  display: -webkit-box;\n  color: inherit;\n  overflow: hidden;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n}\n\n.MediaPlaylist__tab {\n  box-sizing: border-box;\n  width: 100%;\n  min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-12)));\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  cursor: pointer;\n  outline: none;\n  padding: var(--base-size-12) var(--base-size-16);\n}\n\n.MediaPlaylist__tabContent {\n  display: flex;\n  align-items: flex-start;\n  min-width: 0;\n  width: 100%;\n  gap: var(--base-size-12);\n}\n\n.MediaPlaylist__thumbnail {\n  display: block;\n  flex-shrink: 0;\n  width: var(--base-size-112);\n  block-size: calc(var(--base-size-64) - var(--brand-borderWidth-thin));\n  overflow: hidden;\n  aspect-ratio: 16 / 9;\n  border-radius: var(--brand-borderRadius-small);\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.MediaPlaylist__thumbnail > * {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.MediaPlaylist__tab:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-4);\n}\n\n.MediaPlaylist__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-12);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .MediaPlaylist__mediaPanels {\n    padding-block-end: var(--base-size-24);\n  }\n}\n\n@media screen and (min-width: 38.625rem) {\n  .MediaPlaylist {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .MediaPlaylist {\n    box-sizing: border-box;\n    width: 100%;\n    max-inline-size: 80rem;\n    margin-inline: auto;\n    padding: 0;\n    border-inline: none;\n  }\n\n  .MediaPlaylist__layout {\n    --brand-MediaPlaylist-desktopGutter: 3.75rem;\n    --brand-MediaPlaylist-sidebarWidth: 27rem;\n\n    display: grid;\n    box-sizing: border-box;\n    width: 100%;\n    grid-template-areas: 'media tabs';\n    grid-template-columns: minmax(0, 1fr) minmax(0, var(--brand-MediaPlaylist-sidebarWidth));\n    column-gap: var(--brand-MediaPlaylist-desktopGutter);\n    padding-inline-start: var(--brand-MediaPlaylist-desktopGutter);\n  }\n\n  .MediaPlaylist__playlist {\n    grid-area: tabs;\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    padding-block-start: calc(var(--base-size-48) + var(--base-size-12));\n    border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .MediaPlaylist--overflowItems .MediaPlaylist__tablist {\n    max-block-size: calc((3 * var(--base-size-64)) + (6 * var(--base-size-20)));\n  }\n\n  .MediaPlaylist__mediaPanels {\n    grid-area: media;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n    padding-block: var(--base-size-80);\n    padding-inline: 0;\n  }\n\n  .MediaPlaylist__mediaPanel {\n    width: 100%;\n  }\n\n  .MediaPlaylist__panel {\n    gap: var(--base-size-40);\n  }\n\n  .MediaPlaylist__panelContent {\n    width: 100%;\n  }\n\n  .MediaPlaylist__media {\n    width: 100%;\n  }\n\n  .MediaPlaylist__media iframe {\n    aspect-ratio: 16 / 9;\n    border-radius: var(--base-size-6);\n  }\n\n  .MediaPlaylist__itemHeadingDetails {\n    font-size: var(--brand-text-size-200);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .MediaPlaylist__panelContent :is(h1, h2, h3) + p {\n    margin-block-start: var(--base-size-12);\n  }\n\n  .MediaPlaylist__heading {\n    min-height: auto;\n    padding-block-start: var(--base-size-24);\n    padding-block-end: var(--base-size-12);\n    padding-inline-start: var(--base-size-32);\n    padding-inline-end: var(--brand-MediaPlaylist-desktopGutter);\n  }\n\n  .MediaPlaylist__item {\n    min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-20)));\n  }\n\n  .MediaPlaylist__tab {\n    min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-20)));\n    padding-block: var(--base-size-20);\n    padding-inline-start: var(--base-size-32);\n    padding-inline-end: var(--brand-MediaPlaylist-desktopGutter);\n  }\n\n  .MediaPlaylist__tabContent {\n    align-items: center;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .MediaPlaylist {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .MediaPlaylist__playlist {\n    border-inline-end: 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"MediaPlaylist.module.js","names":[],"sources":["../../src/MediaPlaylist/MediaPlaylist.module.css"],"sourcesContent":[".MediaPlaylist {\n  padding-block-start: var(--base-size-36);\n  padding-inline: var(--base-size-20);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .MediaPlaylist {\n    width: 100%;\n    max-width: 38.625rem;\n    margin-inline: auto;\n    padding: 0;\n  }\n\n  .MediaPlaylist__panelContent :is(h1, h2, h3) + p {\n    margin-block-start: var(--base-size-12);\n  }\n}\n\n.MediaPlaylist__layout {\n  display: flex;\n  flex-direction: column;\n  background: var(--brand-MediaPlaylist-bgColor);\n}\n\n.MediaPlaylist__playlist {\n  order: 2;\n  min-width: 0;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.MediaPlaylist__heading {\n  display: flex;\n  min-height: var(--base-size-48);\n  align-items: center;\n  gap: var(--base-size-8);\n  padding: var(--base-size-12) var(--base-size-16);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  color: var(--brand-color-text-muted);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n  text-transform: uppercase;\n}\n\n.MediaPlaylist__headingLabel {\n  margin: 0;\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  text-transform: inherit;\n}\n\n.MediaPlaylist__headingCounter {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  color: var(--brand-color-text-default);\n}\n\n.MediaPlaylist__headingCounter::before {\n  content: '•';\n  color: var(--brand-color-text-muted);\n}\n\n.MediaPlaylist__mediaPanels {\n  order: 1;\n  width: 100%;\n  padding: var(--base-size-16);\n}\n\n.MediaPlaylist__mediaPanel {\n  min-width: 0;\n}\n\n.MediaPlaylist__mediaPanel[hidden] {\n  display: none;\n}\n\n.MediaPlaylist__panel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-20);\n  width: 100%;\n}\n\n.MediaPlaylist__panelContent {\n  max-width: var(--brand-Prose-lineLength);\n}\n\n.MediaPlaylist__media {\n  overflow: hidden;\n  background-color: var(--base-color-scale-black-0);\n}\n\n.MediaPlaylist__media :is(img, picture, video, iframe) {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n}\n\n.MediaPlaylist__tablist {\n  order: 2;\n  display: flex;\n  flex-direction: column;\n  overflow-x: hidden;\n}\n\n.MediaPlaylist--overflowItems .MediaPlaylist__tablist {\n  max-block-size: calc((3 * var(--base-size-64)) + (6 * var(--base-size-12)));\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  scroll-padding-block: var(--base-size-24);\n}\n\n.MediaPlaylist__pagination {\n  order: 3;\n  display: flex;\n  justify-content: center;\n  margin: 0;\n  padding: var(--base-size-12) var(--base-size-16) var(--base-size-16);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.MediaPlaylist__item {\n  position: relative;\n  min-width: 0;\n  display: flex;\n  flex: 0 0 auto;\n  flex-direction: column;\n  align-items: flex-start;\n  min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-12)));\n  overflow-x: hidden;\n}\n\n.MediaPlaylist__item::before {\n  content: '';\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline: 0;\n  height: var(--brand-borderWidth-thin);\n  transform: scaleY(1);\n  transform-origin: 50% 100%;\n  background-color: var(--brand-color-border-muted);\n  transition: transform var(--brand-animation-duration-fast) ease,\n    background-color var(--brand-animation-duration-fast) ease;\n}\n\n.MediaPlaylist__item--selected {\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.MediaPlaylist__item--selected::before {\n  transform: scaleY(2);\n  background-color: var(--brand-color-accent-primary);\n}\n\n.MediaPlaylist__itemHeading {\n  display: block;\n  margin: 0;\n  color: var(--brand-color-text-muted);\n}\n\n.MediaPlaylist__item--selected .MediaPlaylist__itemHeading {\n  color: var(--brand-color-text-default);\n}\n\n.MediaPlaylist__itemHeadingContent {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.MediaPlaylist__itemHeadingDetails {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-4);\n  min-width: 0;\n}\n\n.MediaPlaylist__itemHeadingTitle {\n  display: -webkit-box;\n  color: inherit;\n  overflow: hidden;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n}\n\n.MediaPlaylist__tab {\n  box-sizing: border-box;\n  width: 100%;\n  min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-12)));\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  cursor: pointer;\n  outline: none;\n  padding: var(--base-size-12) var(--base-size-16);\n}\n\n.MediaPlaylist__tabContent {\n  display: flex;\n  align-items: flex-start;\n  min-width: 0;\n  width: 100%;\n  gap: var(--base-size-12);\n}\n\n.MediaPlaylist__thumbnail {\n  display: block;\n  flex-shrink: 0;\n  width: var(--base-size-112);\n  block-size: calc(var(--base-size-64) - var(--brand-borderWidth-thin));\n  overflow: hidden;\n  aspect-ratio: 16 / 9;\n  border-radius: var(--brand-borderRadius-small);\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.MediaPlaylist__thumbnail > * {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.MediaPlaylist__tab:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: calc(-1 * var(--base-size-4));\n}\n\n.MediaPlaylist__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-12);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .MediaPlaylist__mediaPanels {\n    padding-block-end: var(--base-size-24);\n  }\n}\n\n@media screen and (min-width: 38.625rem) {\n  .MediaPlaylist {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .MediaPlaylist {\n    box-sizing: border-box;\n    width: 100%;\n    max-inline-size: 80rem;\n    margin-inline: auto;\n    padding: 0;\n    border-inline: none;\n  }\n\n  .MediaPlaylist__layout {\n    --brand-MediaPlaylist-desktopGutter: 3.75rem;\n    --brand-MediaPlaylist-sidebarWidth: 27rem;\n\n    display: grid;\n    box-sizing: border-box;\n    width: 100%;\n    grid-template-areas: 'media tabs';\n    grid-template-columns: minmax(0, 1fr) minmax(0, var(--brand-MediaPlaylist-sidebarWidth));\n    column-gap: var(--brand-MediaPlaylist-desktopGutter);\n    padding-inline-start: var(--brand-MediaPlaylist-desktopGutter);\n  }\n\n  .MediaPlaylist__playlist {\n    grid-area: tabs;\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    padding-block-start: calc(var(--base-size-48) + var(--base-size-12));\n    border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .MediaPlaylist--overflowItems .MediaPlaylist__tablist {\n    max-block-size: calc((3 * var(--base-size-64)) + (6 * var(--base-size-20)));\n  }\n\n  .MediaPlaylist__mediaPanels {\n    grid-area: media;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n    padding-block: var(--base-size-80);\n    padding-inline: 0;\n  }\n\n  .MediaPlaylist__mediaPanel {\n    width: 100%;\n  }\n\n  .MediaPlaylist__panel {\n    gap: var(--base-size-40);\n  }\n\n  .MediaPlaylist__panelContent {\n    width: 100%;\n  }\n\n  .MediaPlaylist__media {\n    width: 100%;\n  }\n\n  .MediaPlaylist__media iframe {\n    aspect-ratio: 16 / 9;\n    border-radius: var(--base-size-6);\n  }\n\n  .MediaPlaylist__itemHeadingDetails {\n    font-size: var(--brand-text-size-200);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .MediaPlaylist__panelContent :is(h1, h2, h3) + p {\n    margin-block-start: var(--base-size-12);\n  }\n\n  .MediaPlaylist__heading {\n    min-height: auto;\n    padding-block-start: var(--base-size-24);\n    padding-block-end: var(--base-size-12);\n    padding-inline-start: var(--base-size-32);\n    padding-inline-end: var(--brand-MediaPlaylist-desktopGutter);\n  }\n\n  .MediaPlaylist__item {\n    min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-20)));\n  }\n\n  .MediaPlaylist__tab {\n    min-block-size: calc(var(--base-size-64) + (2 * var(--base-size-20)));\n    padding-block: var(--base-size-20);\n    padding-inline-start: var(--base-size-32);\n    padding-inline-end: var(--brand-MediaPlaylist-desktopGutter);\n  }\n\n  .MediaPlaylist__tabContent {\n    align-items: center;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .MediaPlaylist {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .MediaPlaylist__playlist {\n    border-inline-end: 0;\n  }\n}\n"],"mappings":""}

package/esm/MinimalFooter/MinimalFooter.module-DzY1SyHQ.css

@@ -0,0 +1 @@
+.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65{border-top:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter--withFootnotes___oUvH8{border-top:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);padding-inline:var(--base-size-20);margin-left:auto;margin-right:auto}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-inline:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms___gwB2R{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-48);padding-bottom:var(--base-size-32);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{grid-gap:var(--base-size-24);align-items:center;gap:var(--base-size-24);grid-template-columns:auto 1fr;display:grid}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{display:contents}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{grid-area:2/1/auto/-1;justify-content:flex-start}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{grid-area:1/2;justify-self:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw{color:var(--brand-color-text-default);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom___oi9Jk{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{justify-content:space-between;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{justify-content:flex-end;align-items:center;gap:var(--base-size-20);flex-wrap:wrap;flex:1;min-width:0;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{justify-content:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-32);height:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__section___W7x7a{min-width:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--footnotes___9t40F{border-bottom:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-color-canvas-default)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia>.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia+.Primer_Brand__MinimalFooter-module__MinimalFooter__section--bottom___HwSJJ{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{align-items:flex-start;gap:var(--base-size-24);flex-direction:column;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{justify-content:flex-start;align-items:center;gap:var(--base-size-16);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0{min-width:var(--base-size-24);min-height:var(--base-size-24);justify-content:center;align-items:center;display:flex;position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:hover .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK,.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:focus-visible .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{width:auto;height:auto;max-height:var(--base-size-20);filter:var(--brand-footer-socialIcon-restFilter);display:block}.Primer_Brand__MinimalFooter-module__MinimalFooter__copyright___qQ3QR{text-transform:uppercase;margin:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__metaText___peNSx{font-size:var(--base-size-12)}.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{align-items:center;gap:var(--base-size-20);flex-wrap:wrap;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3{color:var(--brand-color-text-muted);cursor:pointer;text-transform:uppercase;background-color:#0000;border:0;align-self:center;padding:0;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3:where(button){font:inherit}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3:hover{-webkit-text-decoration:underline;text-decoration:underline}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{gap:var(--base-size-20)}}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{flex-direction:row;justify-content:space-between;align-items:center}}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{appearance:none;font:inherit;color:var(--brand-color-text-default);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:disabled,.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit[aria-disabled=true]{cursor:not-allowed}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-content___umaLY{align-items:center;gap:var(--base-size-12);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border:var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);border-radius:var(--base-size-6);background-color:var(--brand-footer-backToTop-bgColor-rest);min-width:var(--brand-footer-backToTop-minTarget);min-height:var(--brand-footer-backToTop-minTarget);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);justify-content:center;align-items:center;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):hover .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-hover);background-color:var(--brand-footer-backToTop-bgColor-hover)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):active .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-active);background-color:var(--brand-footer-backToTop-bgColor-active)}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:before,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:after,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/MinimalFooter/MinimalFooter.module.js

@@ -1,4 +1,4 @@
-import './MinimalFooter.module-BKn_6UZK.css';//#region src/MinimalFooter/MinimalFooter.module.css
+import './MinimalFooter.module-DzY1SyHQ.css';//#region src/MinimalFooter/MinimalFooter.module.css
 var e = "Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65", t = "Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8", n = "Primer_Brand__MinimalFooter-module__MinimalFooter__terms___gwB2R", r = "Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ", i = "Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2", a = "Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit", o = "Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw", s = "Primer_Brand__MinimalFooter-module__MinimalFooter__bottom___oi9Jk", c = "Primer_Brand__MinimalFooter-module__MinimalFooter__section___W7x7a", l = "Primer_Brand__MinimalFooter-module__MinimalFooter__copyright___qQ3QR", u = "Primer_Brand__MinimalFooter-module__MinimalFooter__metaText___peNSx", d = "Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3", f = {
 	MinimalFooter: e,
 	"MinimalFooter--withFootnotes": "Primer_Brand__MinimalFooter-module__MinimalFooter--withFootnotes___oUvH8",

package/esm/MinimalFooter/MinimalFooter.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".MinimalFooter {\n  position: relative;\n  border-top: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n  background-color: var(--brand-footer-bg-color);\n}\n\n.MinimalFooter--withFootnotes {\n  border-top: 0;\n}\n\n/**\n * MinimalFooter shared styles\n */\n.MinimalFooter__container {\n  max-width: var(--brand-footer-max-width, 1280px);\n  padding-inline: var(--base-size-20);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media screen and (min-width: 48rem) {\n  .MinimalFooter__container {\n    padding-inline: var(--base-size-32);\n  }\n}\n\n/**\n * MinimalFooter terms section\n */\n.MinimalFooter__terms {\n  padding: var(--base-size-48) 0;\n}\n\n.MinimalFooter__terms-item {\n  margin-bottom: var(--base-size-24);\n}\n\n.MinimalFooter__terms-item sup {\n  font-size: var(--base-size-12);\n  vertical-align: super;\n  display: inline-block;\n  margin-right: var(--base-size-4);\n}\n\n.MinimalFooter__terms-item:last-child {\n  margin-bottom: 0;\n}\n\n/**\n * MinimalFooter top section\n */\n.MinimalFooter__top {\n  padding-top: var(--base-size-48);\n  padding-bottom: var(--base-size-32);\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.MinimalFooter__top-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  gap: var(--base-size-24);\n}\n\n.MinimalFooter__top-actions {\n  display: contents;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__links {\n  grid-column: 1 / -1;\n  grid-row: 2;\n  justify-content: flex-start;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__backToTop {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: flex-end;\n}\n\n.MinimalFooter__logo {\n  display: inline-flex;\n  color: var(--brand-color-text-default);\n}\n\n.MinimalFooter__logo > svg {\n  width: var(--base-size-24);\n  height: var(--base-size-24);\n}\n\n.MinimalFooter__bottom {\n  padding-top: var(--base-size-32);\n  padding-bottom: var(--base-size-32);\n}\n\n@media screen and (min-width: 80rem) {\n  .MinimalFooter__top {\n    padding-top: var(--base-size-32);\n  }\n\n  .MinimalFooter__top-row {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .MinimalFooter__top-actions {\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--base-size-20);\n    min-width: 0;\n  }\n\n  .MinimalFooter__top-actions > .MinimalFooter__links {\n    justify-content: flex-end;\n  }\n\n  .MinimalFooter__logo > svg {\n    width: var(--base-size-32);\n    height: var(--base-size-32);\n  }\n}\n\n.MinimalFooter__section {\n  min-width: 0;\n}\n\n.MinimalFooter__section--footnotes {\n  border-bottom: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n  background-color: var(--brand-color-canvas-default);\n}\n\n.MinimalFooter__section--center > .MinimalFooter__container {\n  padding-top: var(--base-size-32);\n  padding-bottom: var(--base-size-32);\n}\n\n.MinimalFooter__section--center + .MinimalFooter__section--bottom {\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n/**\n * MinimalFooter bottom section\n */\n.MinimalFooter__bottom-row {\n  display: flex;\n}\n\n.MinimalFooter__bottom-row {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-24);\n}\n\n.MinimalFooter__social-links {\n  display: flex;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--base-size-16);\n}\n\n.MinimalFooter__social-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--base-size-24);\n  min-height: var(--base-size-24);\n}\n\n.MinimalFooter__social-link:hover .MinimalFooter__social-icon,\n.MinimalFooter__social-link:focus-visible .MinimalFooter__social-icon {\n  filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.MinimalFooter__social-icon {\n  display: block;\n  width: auto;\n  height: auto;\n  max-height: var(--base-size-20);\n  filter: var(--brand-footer-socialIcon-restFilter);\n}\n\n.MinimalFooter__copyright {\n  margin: 0;\n  text-transform: uppercase;\n}\n\n/* Keep the size-100 text rhythm, but use the approved 12px size token for footer chrome. */\n.MinimalFooter__metaText {\n  font-size: var(--base-size-12);\n}\n\n.MinimalFooter__links {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--base-size-20);\n}\n\n.MinimalFooter__link {\n  align-self: center;\n  color: var(--brand-color-text-muted);\n  text-decoration: none;\n  border: 0;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  text-transform: uppercase;\n}\n\n.MinimalFooter__link:where(button) {\n  font: inherit;\n}\n\n.MinimalFooter__link:hover {\n  text-decoration: underline;\n}\n\n@media screen and (min-width: 48rem) {\n  .MinimalFooter__social-links {\n    gap: var(--base-size-20);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .MinimalFooter__bottom-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n.MinimalFooter__backToTop {\n  appearance: none;\n  font: inherit;\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  color: var(--brand-color-text-default);\n  background: none;\n  cursor: pointer;\n}\n\n.MinimalFooter__backToTop:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.MinimalFooter__backToTop:disabled,\n.MinimalFooter__backToTop[aria-disabled='true'] {\n  cursor: not-allowed;\n}\n\n.MinimalFooter__backToTop-content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-12);\n}\n\n.MinimalFooter__backToTop-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);\n  border-radius: var(--base-size-6);\n  background-color: var(--brand-footer-backToTop-bgColor-rest);\n  min-width: var(--brand-footer-backToTop-minTarget);\n  min-height: var(--brand-footer-backToTop-minTarget);\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n    border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):hover .MinimalFooter__backToTop-icon {\n  border-color: var(--brand-footer-backToTop-borderColor-hover);\n  background-color: var(--brand-footer-backToTop-bgColor-hover);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):active .MinimalFooter__backToTop-icon {\n  border-color: var(--brand-footer-backToTop-borderColor-active);\n  background-color: var(--brand-footer-backToTop-bgColor-active);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .MinimalFooter,\n  .MinimalFooter::before,\n  .MinimalFooter::after,\n  .MinimalFooter * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".MinimalFooter {\n  position: relative;\n  border-top: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n  background-color: var(--brand-footer-bg-color);\n}\n\n.MinimalFooter--withFootnotes {\n  border-top: 0;\n}\n\n/**\n * MinimalFooter shared styles\n */\n.MinimalFooter__container {\n  max-width: var(--brand-footer-max-width, 1280px);\n  padding-inline: var(--base-size-20);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media screen and (min-width: 48rem) {\n  .MinimalFooter__container {\n    padding-inline: var(--base-size-32);\n  }\n}\n\n/**\n * MinimalFooter terms section\n */\n.MinimalFooter__terms {\n  padding: var(--base-size-48) 0;\n}\n\n.MinimalFooter__terms-item {\n  margin-bottom: var(--base-size-24);\n}\n\n.MinimalFooter__terms-item sup {\n  font-size: var(--base-size-12);\n  vertical-align: super;\n  display: inline-block;\n  margin-right: var(--base-size-4);\n}\n\n.MinimalFooter__terms-item:last-child {\n  margin-bottom: 0;\n}\n\n/**\n * MinimalFooter top section\n */\n.MinimalFooter__top {\n  padding-top: var(--base-size-48);\n  padding-bottom: var(--base-size-32);\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.MinimalFooter__top-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  gap: var(--base-size-24);\n}\n\n.MinimalFooter__top-actions {\n  display: contents;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__links {\n  grid-column: 1 / -1;\n  grid-row: 2;\n  justify-content: flex-start;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__backToTop {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: flex-end;\n}\n\n.MinimalFooter__logo {\n  display: inline-flex;\n  color: var(--brand-color-text-default);\n}\n\n.MinimalFooter__logo > svg {\n  width: var(--base-size-24);\n  height: var(--base-size-24);\n}\n\n.MinimalFooter__bottom {\n  padding-top: var(--base-size-32);\n  padding-bottom: var(--base-size-32);\n}\n\n@media screen and (min-width: 80rem) {\n  .MinimalFooter__top {\n    padding-top: var(--base-size-32);\n  }\n\n  .MinimalFooter__top-row {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .MinimalFooter__top-actions {\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--base-size-20);\n    min-width: 0;\n  }\n\n  .MinimalFooter__top-actions > .MinimalFooter__links {\n    justify-content: flex-end;\n  }\n\n  .MinimalFooter__logo > svg {\n    width: var(--base-size-32);\n    height: var(--base-size-32);\n  }\n}\n\n.MinimalFooter__section {\n  min-width: 0;\n}\n\n.MinimalFooter__section--footnotes {\n  border-bottom: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n  background-color: var(--brand-color-canvas-default);\n}\n\n.MinimalFooter__section--center > .MinimalFooter__container {\n  padding-top: var(--base-size-32);\n  padding-bottom: var(--base-size-32);\n}\n\n.MinimalFooter__section--center + .MinimalFooter__section--bottom {\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n/**\n * MinimalFooter bottom section\n */\n.MinimalFooter__bottom-row {\n  display: flex;\n}\n\n.MinimalFooter__bottom-row {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-24);\n}\n\n.MinimalFooter__social-links {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--base-size-16);\n}\n\n.MinimalFooter__social-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--base-size-24);\n  min-height: var(--base-size-24);\n}\n\n.MinimalFooter__social-link:hover .MinimalFooter__social-icon,\n.MinimalFooter__social-link:focus-visible .MinimalFooter__social-icon {\n  filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.MinimalFooter__social-icon {\n  display: block;\n  width: auto;\n  height: auto;\n  max-height: var(--base-size-20);\n  filter: var(--brand-footer-socialIcon-restFilter);\n}\n\n.MinimalFooter__copyright {\n  margin: 0;\n  text-transform: uppercase;\n}\n\n/* Keep the size-100 text rhythm, but use the approved 12px size token for footer chrome. */\n.MinimalFooter__metaText {\n  font-size: var(--base-size-12);\n}\n\n.MinimalFooter__links {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--base-size-20);\n}\n\n.MinimalFooter__link {\n  align-self: center;\n  color: var(--brand-color-text-muted);\n  text-decoration: none;\n  border: 0;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  text-transform: uppercase;\n}\n\n.MinimalFooter__link:where(button) {\n  font: inherit;\n}\n\n.MinimalFooter__link:hover {\n  text-decoration: underline;\n}\n\n@media screen and (min-width: 48rem) {\n  .MinimalFooter__social-links {\n    gap: var(--base-size-20);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .MinimalFooter__bottom-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n.MinimalFooter__backToTop {\n  appearance: none;\n  font: inherit;\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  color: var(--brand-color-text-default);\n  background: none;\n  cursor: pointer;\n}\n\n.MinimalFooter__backToTop:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.MinimalFooter__backToTop:disabled,\n.MinimalFooter__backToTop[aria-disabled='true'] {\n  cursor: not-allowed;\n}\n\n.MinimalFooter__backToTop-content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-12);\n}\n\n.MinimalFooter__backToTop-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);\n  border-radius: var(--base-size-6);\n  background-color: var(--brand-footer-backToTop-bgColor-rest);\n  min-width: var(--brand-footer-backToTop-minTarget);\n  min-height: var(--brand-footer-backToTop-minTarget);\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n    border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):hover .MinimalFooter__backToTop-icon {\n  border-color: var(--brand-footer-backToTop-borderColor-hover);\n  background-color: var(--brand-footer-backToTop-bgColor-hover);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):active .MinimalFooter__backToTop-icon {\n  border-color: var(--brand-footer-backToTop-borderColor-active);\n  background-color: var(--brand-footer-backToTop-bgColor-active);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .MinimalFooter,\n  .MinimalFooter::before,\n  .MinimalFooter::after,\n  .MinimalFooter * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/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,46 +35,48 @@ 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 {};
 //# sourceMappingURL=Testimonial.d.ts.map

package/esm/Testimonial/Testimonial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Testimonial.d.ts","sourceRoot":"","sources":["../../src/Testimonial/Testimonial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAGd,QAAQ,EAGT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,KAAK,CAAA;AAIpC,OAAO,kGAAkG,CAAA;AACzG,OAAO,+GAA+G,CAAA;AAKtH,KAAK,eAAe,GAAG,OAAO,GAAG,OAAO,CAAA;AAExC,eAAO,MAAM,0BAA0B,wIAAuB,CAAA;AAC9D,eAAO,MAAM,qBAAqB,UAAU,CAAA;AAE5C,eAAO,MAAM,mBAAmB,yDAA0D,CAAA;AAC1F,KAAK,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,eAAO,MAAM,yBAAyB,EAAE,kBAA8B,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAC9B,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,GAC7B,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAC/B,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAA;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5D,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,SAAS,CAAC,WAAW,CAAC,GACxB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAmGnC;;;GAGG;AACH,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AAY5E;;;GAGG;AACH,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACnC,SAAS,CAAC,WAAW,CAAC,CAAA;AAmBxB;;;GAGG;AACH,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAA;CAC7G,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GACxC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAwB7B;;;GAGG;AAEH,iBAAS,OAAO,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,WAAW,qBAEvD;AAcD;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;CAMtB,CAAA"}
+{"version":3,"file":"Testimonial.d.ts","sourceRoot":"","sources":["../../src/Testimonial/Testimonial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAc,QAAQ,EAAuC,MAAM,OAAO,CAAA;AAEvG,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,KAAK,CAAA;AAKpC;;GAEG;AAEH,OAAO,kGAAkG,CAAA;AACzG,OAAO,+GAA+G,CAAA;AAKtH,KAAK,eAAe,GAAG,OAAO,GAAG,OAAO,CAAA;AAExC,eAAO,MAAM,0BAA0B,wIAAuB,CAAA;AAC9D,eAAO,MAAM,qBAAqB,UAAU,CAAA;AAE5C,eAAO,MAAM,mBAAmB,yDAA0D,CAAA;AAC1F,KAAK,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,eAAO,MAAM,yBAAyB,EAAE,kBAA8B,CAAA;AAetE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5D,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CACzB,GAAG,SAAS,CAAC,WAAW,CAAC,GACxB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAsGnC;;;GAGG;AACH,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AAavF;;;GAGG;AACH,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACnC,SAAS,CAAC,WAAW,CAAC,CAAA;AAqBxB;;;GAGG;AACH,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAA;CAC7G,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GACxC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AA8C7B;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAOtB,CAAA"}

package/esm/Testimonial/Testimonial.js

@@ -5,7 +5,7 @@ import { Text as r } from "../Text/Text.js";
 import { TextCursorAnimation as i } from "../TextCursorAnimation/TextCursorAnimation.js";
 import { Link as a } from "../Link/Link.js";
 import { Avatar as o } from "../Avatar/Avatar.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-BEiXR7-X.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-h_olG8bi.css';/* empty css                                                                                            */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-BEiXR7-X.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-uEcPTyOn.css';/* empty css                                                                                            */
 /* empty css                                                                                                         */
 import s from "./Testimonial.module.js";
 import c, { forwardRef as l } from "react";
@@ -16,65 +16,82 @@ var f = [...t], p = "green", m = [
 	"default",
 	"minimal",
 	"expressive"
-], h = "minimal";
-function g({ quoteMarkColor: t = p, quoteMarkClassName: r, mediaClassName: a, animate: o, className: l, children: m, variant: g = h, hasBorder: _ = !0, size: v, style: b, ...S }, w) {
-	let { classes: E, styles: O } = n(o), k = f.includes(t) ? t : p, A = /* @__PURE__ */ u("div", {
+], h = "minimal", g = {
+	root: "Testimonial",
+	get quoteMark() {
+		return `${this.root}__quoteMark`;
+	},
+	get quoteWrapper() {
+		return `${this.root}__quoteWrapper`;
+	},
+	get media() {
+		return `${this.root}__media`;
+	}
+};
+function _({ quoteMarkColor: t = p, quoteMarkClassName: r, mediaClassName: a, animate: o, className: l, children: m, variant: _ = h, hasBorder: v = !0, size: y, style: x, "data-testid": C, ...T }, D) {
+	let { classes: k, styles: A } = n(o), j = f.includes(t) ? t : p, M = /* @__PURE__ */ u("div", {
 		"aria-hidden": "true",
-		className: e(s.Testimonial__quoteMark, s[`Testimonial__quoteMark--${k}`], r),
+		"data-testid": g.quoteMark,
+		className: e(s.Testimonial__quoteMark, s[`Testimonial__quoteMark--${j}`], r),
 		children: /* @__PURE__ */ u("span", {
 			className: s.Testimonial__quoteMarkGlyph,
 			children: "“"
 		})
-	}), j = c.Children.toArray(m), M = (e) => j.find((t) => c.isValidElement(t) && t.type === e), N = M(y), P = M(D), F = M(T), I = M(C), L = M(x), R = L && g === "expressive" && typeof L.props.children == "string" ? c.cloneElement(L, { children: /* @__PURE__ */ u(i, {
+	}), N = c.Children.toArray(m), P = (e) => N.find((t) => c.isValidElement(t) && t.type === e), F = P(b), I = P(O), L = P(E), R = P(w), z = P(S), B = z && _ === "expressive" && typeof z.props.children == "string" ? c.cloneElement(z, { children: /* @__PURE__ */ u(i, {
 		animate: !0,
 		animationTrigger: "on-visible",
 		variant: "default",
-		children: L.props.children
-	}) }) : L;
+		children: z.props.children
+	}) }) : z;
 	return /* @__PURE__ */ d("figure", {
-		ref: w,
-		className: e(E, s.Testimonial, s[`Testimonial--variant-${g}`], v && s[`Testimonial--size-${v}`], _ && s["Testimonial--border"], g === "expressive" && P && s["Testimonial--hasLink"], l),
+		ref: D,
+		"data-testid": C || g.root,
+		className: e(k, s.Testimonial, s[`Testimonial--variant-${_}`], y && s[`Testimonial--size-${y}`], v && s["Testimonial--border"], _ === "expressive" && I && s["Testimonial--hasLink"], l),
 		style: {
-			...O,
-			...b,
-			"--testimonial-accent-color": k
+			...A,
+			...x,
+			"--testimonial-accent-color": j
 		},
-		...S,
+		...T,
 		children: [
 			/* @__PURE__ */ d("div", {
 				className: s.Testimonial__quoteWrapper,
+				"data-testid": g.quoteWrapper,
 				children: [
-					A,
-					N,
-					g !== "expressive" && P
+					M,
+					F,
+					_ !== "expressive" && I
 				]
 			}),
 			/* @__PURE__ */ d("div", {
 				className: e(s.Testimonial__media, a),
+				"data-testid": g.media,
 				children: [
-					F,
-					I,
-					R
+					L,
+					R,
+					B
 				]
 			}),
-			g === "expressive" && P
+			_ === "expressive" && I
 		]
 	});
 }
-var _ = l(g);
-function v({ children: t, className: n }, i) {
+var v = l(_);
+function y({ children: t, className: n, ...i }, a) {
 	return /* @__PURE__ */ u("blockquote", {
-		ref: i,
+		...i,
+		ref: a,
 		children: /* @__PURE__ */ u(r, {
 			className: e(s["Testimonial-quote"], n),
 			children: t
 		})
 	});
 }
-var y = l(v);
-function b({ children: t, className: n, position: i }, a) {
+var b = l(y);
+function x({ children: t, className: n, position: i, ...a }, o) {
 	return /* @__PURE__ */ d("figcaption", {
-		ref: a,
+		...a,
+		ref: o,
 		className: e(s["Testimonial-caption"], n),
 		children: [/* @__PURE__ */ u(r, {
 			size: "200",
@@ -89,47 +106,47 @@ function b({ children: t, className: n, position: i }, a) {
 		})]
 	});
 }
-var x = l(b);
-function S({ children: t, ...n }, r) {
+var S = l(x);
+function C({ 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"], n.props.className),
-					ref: r
-				};
-				return c.cloneElement(n, i);
-			}
+			if (c.isValidElement(t) && t.type === "img" || c.isValidElement(t)) return c.cloneElement(t, {
+				className: e(s["Testimonial-logo-image"], t.props.className),
+				...r ? { ref: r } : {}
+			});
 		})
 	});
 }
-var C = l(S);
-function w({ size: t, className: n, ...r }) {
+var w = l(C);
+function T({ size: t, className: n, ...r }, i) {
 	return /* @__PURE__ */ u(o, {
+		ref: i,
 		className: e(s["Testimonial-avatar"], n),
 		size: 48,
 		...r
 	});
 }
-var T = w;
-function E({ className: t, ...n }, r) {
+var E = l(T);
+function D({ className: t, ...n }, r) {
 	return /* @__PURE__ */ u(a, {
+		ref: r,
 		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
+var O = l(D), k = Object.assign(v, {
+	Quote: b,
+	Name: S,
+	Avatar: E,
+	Logo: w,
+	Link: O,
+	testIds: g
 });
 //#endregion
-export { O as Testimonial, f as TestimonialQuoteMarkColors, m as TestimonialVariants, p as defaultQuoteMarkColor, h as defaultTestimonialVariant };
+export { k as Testimonial, f as TestimonialQuoteMarkColors, m as TestimonialVariants, p as defaultQuoteMarkColor, h as defaultTestimonialVariant };
 
 //# sourceMappingURL=Testimonial.js.map