@primer/react-brand 0.72.0-rc.f8b72452 → 0.72.0

package/esm/ButtonGroup/ButtonGroup.js

@@ -1,24 +1,32 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { Button as t } from "../Button/Button.js";
-import n from "./ButtonGroup.module.js";
-import r, { forwardRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { ActionMenu as n } from "../ActionMenu/ActionMenu.js";
+import r from "./ButtonGroup.module.js";
+import i, { forwardRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/ButtonGroup/ButtonGroup.tsx
-var o = i(({ buttonSize: i = "medium", buttonsAs: o, className: s, children: c, ...l }, u) => {
-	let d = r.Children.toArray(c).map((e, n) => r.isValidElement(e) && e.type === t ? r.cloneElement(e, {
-		size: i,
-		as: o,
-		variant: n === 0 ? "primary" : "subtle",
-		...e.props
-	}) : null).filter(Boolean).slice(0, 2);
-	return /* @__PURE__ */ a("section", {
-		ref: u,
-		...l,
-		className: e(n.ButtonGroup, s),
-		children: d
+var s = a(({ buttonSize: a = "medium", buttonsAs: s, className: c, children: l, ...u }, d) => {
+	let f = i.Children.toArray(l).filter((e) => i.isValidElement(e) && (e.type === t || e.type === n)).slice(0, 2).map((e, r) => {
+		let o = r === 0 ? "primary" : "secondary";
+		if (i.isValidElement(e) && e.type === t) return i.cloneElement(e, {
+			size: e.props.size ?? a,
+			as: e.props.as ?? s,
+			variant: e.props.variant ?? o
+		});
+		let c = e, l = a === "large" ? "medium" : a, u = i.Children.map(c.props.children, (e) => i.isValidElement(e) && e.type === n.Button ? i.cloneElement(e, { variant: e.props.variant ?? o }) : e);
+		return i.cloneElement(c, {
+			children: u,
+			size: c.props.size ?? l
+		});
+	});
+	return /* @__PURE__ */ o("section", {
+		ref: d,
+		...u,
+		className: e(r.ButtonGroup, c),
+		children: f
 	});
 });
 //#endregion
-export { o as ButtonGroup };
+export { s as ButtonGroup };
 
 //# sourceMappingURL=ButtonGroup.js.map

package/esm/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport {Button, ButtonProps} from '../Button'\nimport styles from './ButtonGroup.module.css'\n\nexport type PrimerBrandButtonType = React.ReactElement<ButtonProps<React.ElementType<'button' | 'a'>>>\n\nexport type ButtonGroupProps = BaseProps<HTMLDivElement> & {\n  children: PrimerBrandButtonType[] | PrimerBrandButtonType\n  buttonSize?: ButtonProps<'button' | 'a'>['size']\n  buttonsAs?: 'button' | 'a'\n}\n\nexport const ButtonGroup = forwardRef(\n  ({buttonSize = 'medium', buttonsAs, className, children, ...props}: ButtonGroupProps, ref: Ref<HTMLDivElement>) => {\n    const buttonsToRender = React.Children.toArray(children)\n      .map((child, index) => {\n        if (React.isValidElement<ButtonProps<'button' | 'a'>>(child) && child.type === Button) {\n          return React.cloneElement(child, {\n            size: buttonSize,\n            as: buttonsAs,\n            variant: index === 0 ? 'primary' : 'subtle',\n            ...child.props,\n          })\n        }\n        return null\n      })\n      .filter(Boolean)\n      .slice(0, 2)\n\n    return (\n      <section ref={ref} {...props} className={clsx(styles.ButtonGroup, className)}>\n        {buttonsToRender as React.ReactElement[]}\n      </section>\n    )\n  },\n)\n"],"mappings":";;;;;;AAcA,IAAa,IAAc,GACxB,EAAC,gBAAa,UAAU,cAAW,cAAW,aAAU,GAAG,KAA0B,MAA6B;CACjH,IAAM,IAAkB,EAAM,SAAS,QAAQ,EAAS,CACrD,KAAK,GAAO,MACP,EAAM,eAA4C,EAAM,IAAI,EAAM,SAAS,IACtE,EAAM,aAAa,GAAO;EAC/B,MAAM;EACN,IAAI;EACJ,SAAS,MAAU,IAAI,YAAY;EACnC,GAAG,EAAM;EACV,CAAC,GAEG,KACP,CACD,OAAO,QAAQ,CACf,MAAM,GAAG,EAAE;AAEd,QACE,kBAAC,WAAD;EAAc;EAAK,GAAI;EAAO,WAAW,EAAK,EAAO,aAAa,EAAU;YACzE;EACO,CAAA;EAGf"}
+{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport {Button, ButtonProps} from '../Button'\nimport {ActionMenu, ActionMenuProps} from '../ActionMenu'\nimport styles from './ButtonGroup.module.css'\n\nexport type PrimerBrandButtonType = React.ReactElement<ButtonProps<React.ElementType<'button' | 'a'>>>\nexport type PrimerBrandActionMenuType = React.ReactElement<ActionMenuProps>\n\nexport type ButtonGroupProps = BaseProps<HTMLDivElement> & {\n  children: Array<PrimerBrandButtonType | PrimerBrandActionMenuType> | PrimerBrandButtonType | PrimerBrandActionMenuType\n  buttonSize?: ButtonProps<'button' | 'a'>['size']\n  buttonsAs?: 'button' | 'a'\n}\n\nexport const ButtonGroup = forwardRef(\n  ({buttonSize = 'medium', buttonsAs, className, children, ...props}: ButtonGroupProps, ref: Ref<HTMLDivElement>) => {\n    const buttonsToRender = React.Children.toArray(children)\n      .filter(\n        (child): child is React.ReactElement =>\n          React.isValidElement(child) && (child.type === Button || child.type === ActionMenu),\n      )\n      .slice(0, 2)\n      .map((child, index) => {\n        const variant = index === 0 ? 'primary' : 'secondary'\n\n        if (React.isValidElement<ButtonProps<'button' | 'a'>>(child) && child.type === Button) {\n          return React.cloneElement(child, {\n            size: child.props.size ?? buttonSize,\n            as: child.props.as ?? buttonsAs,\n            variant: child.props.variant ?? variant,\n          })\n        }\n\n        const actionMenu = child as PrimerBrandActionMenuType\n        const actionMenuSize = buttonSize === 'large' ? 'medium' : buttonSize\n        const actionMenuChildren = React.Children.map(actionMenu.props.children, actionMenuChild => {\n          if (\n            React.isValidElement<React.ComponentProps<typeof ActionMenu.Button>>(actionMenuChild) &&\n            actionMenuChild.type === ActionMenu.Button\n          ) {\n            return React.cloneElement(actionMenuChild, {\n              variant: actionMenuChild.props.variant ?? variant,\n            })\n          }\n          return actionMenuChild\n        })\n\n        return React.cloneElement(actionMenu, {\n          children: actionMenuChildren,\n          size: actionMenu.props.size ?? actionMenuSize,\n        })\n      })\n\n    return (\n      <section ref={ref} {...props} className={clsx(styles.ButtonGroup, className)}>\n        {buttonsToRender}\n      </section>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAgBA,IAAa,IAAc,GACxB,EAAC,gBAAa,UAAU,cAAW,cAAW,aAAU,GAAG,KAA0B,MAA6B;CACjH,IAAM,IAAkB,EAAM,SAAS,QAAQ,EAAS,CACrD,QACE,MACC,EAAM,eAAe,EAAM,KAAK,EAAM,SAAS,KAAU,EAAM,SAAS,GAC3E,CACA,MAAM,GAAG,EAAE,CACX,KAAK,GAAO,MAAU;EACrB,IAAM,IAAU,MAAU,IAAI,YAAY;AAE1C,MAAI,EAAM,eAA4C,EAAM,IAAI,EAAM,SAAS,EAC7E,QAAO,EAAM,aAAa,GAAO;GAC/B,MAAM,EAAM,MAAM,QAAQ;GAC1B,IAAI,EAAM,MAAM,MAAM;GACtB,SAAS,EAAM,MAAM,WAAW;GACjC,CAAC;EAGJ,IAAM,IAAa,GACb,IAAiB,MAAe,UAAU,WAAW,GACrD,IAAqB,EAAM,SAAS,IAAI,EAAW,MAAM,WAAU,MAErE,EAAM,eAA+D,EAAgB,IACrF,EAAgB,SAAS,EAAW,SAE7B,EAAM,aAAa,GAAiB,EACzC,SAAS,EAAgB,MAAM,WAAW,GAC3C,CAAC,GAEG,EACP;AAEF,SAAO,EAAM,aAAa,GAAY;GACpC,UAAU;GACV,MAAM,EAAW,MAAM,QAAQ;GAChC,CAAC;GACF;AAEJ,QACE,kBAAC,WAAD;EAAc;EAAK,GAAI;EAAO,WAAW,EAAK,EAAO,aAAa,EAAU;YACzE;EACO,CAAA;EAGf"}

package/esm/CTABanner/CTABanner.js

@@ -2,8 +2,8 @@ import e from "../node_modules/clsx/dist/clsx.js";
 import { Grid as t } from "../Grid/Grid.js";
 import { Text as n } from "../Text/Text.js";
 import { Heading as r } from "../Heading/Heading.js";
-import { Image as i } from "../Image/Image.js";
-import { ButtonGroup as a } from "../ButtonGroup/ButtonGroup.js";
+import { ButtonGroup as i } from "../ButtonGroup/ButtonGroup.js";
+import { Image as a } from "../Image/Image.js";
 import { Link as o } from "../Link/Link.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes-B9zRp3WA.css';/* empty css                                                                                                        */
 import s from "./CTABanner.module.js";
@@ -101,20 +101,20 @@ var m = ["default", "subtle"], h = l(({ align: n = "center", hasBorder: r = !1,
 	variant: i,
 	...a,
 	children: r
-})), b = l(({ className: t, buttonSize: n = "medium", buttonsAs: r, children: i, ...o }, c) => /* @__PURE__ */ f(a, {
+})), b = l(({ className: t, buttonSize: n = "medium", buttonsAs: r, children: a, ...o }, c) => /* @__PURE__ */ f(i, {
 	buttonSize: n,
 	buttonsAs: r,
 	className: e(s["CTABanner-buttonGroup"], t),
 	ref: c,
 	...o,
-	children: i
-})), x = l(({ className: t, src: n, alt: r, ...a }, o) => /* @__PURE__ */ f(i, {
+	children: a
+})), x = l(({ className: t, src: n, alt: r, ...i }, o) => /* @__PURE__ */ f(a, {
 	ref: o,
 	className: e(s["CTABanner-image"], t),
 	src: n,
 	alt: r,
 	borderRadius: "medium",
-	...a
+	...i
 })), S = l(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ f("div", {
 	ref: i,
 	className: e(s["CTABanner-logo"], t),

package/esm/CTABanner/CTABanner.module-CDLOww8c.css

@@ -0,0 +1 @@
+.Primer_Brand__CTABanner-module__CTABanner___osRag{max-width:var(--brand-breakpoint-xlarge);width:100%;margin:0 auto;display:flex;position:relative}.Primer_Brand__CTABanner-module__CTABanner--shadow___bUnyT:before{content:"";inset:var(--base-size-16);filter:blur(var(--base-size-96));background:linear-gradient(to right, var(--brand-CTABanner-shadow-color-start), var(--brand-CTABanner-shadow-color-end));position:absolute;transform:translateZ(0)}.Primer_Brand__CTABanner-module__CTABanner-grid___Hm5rQ{--brand-Grid-spacing-row:0;row-gap:0;padding-inline:0}.Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk{align-items:center;display:flex}.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:center;align-items:center;display:flex}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-end}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-start}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-end}}@media screen and (width<=63.24rem){.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-start}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{order:-1;margin-block-start:0}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk,.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{margin-block-start:var(--base-size-24)}}.Primer_Brand__CTABanner-module__CTABanner-outer-container--border___Rhoq4{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-64) var(--base-size-20);z-index:1;box-sizing:border-box;width:100%}.Primer_Brand__CTABanner-module__CTABanner-container--rounded___atljT{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding-inline:var(--base-size-20);padding-block:var(--base-size-32)}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding-inline:var(--base-size-20);padding-block:var(--base-size-40)}.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{--CTABanner-content-gap:var(--base-size-16);gap:var(--CTABanner-content-gap);flex-direction:column;align-items:flex-start;max-width:800px;margin:0 auto;display:flex}.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9 img,.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9 picture{display:block}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{--CTABanner-content-gap:0}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9,.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{max-width:576px;margin:0}.Primer_Brand__CTABanner-module__CTABanner-container--background___p6ig8{background-repeat:no-repeat;background-color:var(--brand-CTABanner-bgColor);background-image:var(--brand-CTABanner-narrow-background-image-src,var(--brand-CTABanner-background-image-src));background-size:var(--brand-CTABanner-narrow-background-image-size,var(--brand-CTABanner-background-image-size));background-position:50%;background-position:var(--brand-CTABanner-narrow-background-image-position,var(--brand-CTABanner-background-image-position,center))}.Primer_Brand__CTABanner-module__CTABanner-container--border___7xUNr{border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__CTABanner-module__CTABanner-container--border-gridlines___aCdnk{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);max-width:534px;margin-inline:auto}.Primer_Brand__CTABanner-module__CTABanner-content--center___SCpf2{text-align:center;align-items:center}.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb{margin-bottom:var(--base-size-16)}@media screen and (width>=48rem){.Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-80) var(--base-size-36)}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-36);padding-block-end:var(--base-size-48)}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-36);padding-block:var(--base-size-48)}.Primer_Brand__CTABanner-module__CTABanner-container--background___p6ig8{background-color:var(--brand-CTABanner-regular-background-color,var(--brand-CTABanner-background-color));background-image:var(--brand-CTABanner-regular-background-image-src,var(--brand-CTABanner-background-image-src));background-size:var(--brand-CTABanner-regular-background-image-size,var(--brand-CTABanner-background-image-size));background-position:var(--brand-CTABanner-regular-background-image-position,var(--brand-CTABanner-background-image-position))}}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{--CTABanner-content-gap:var(--base-size-32)}.Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-96) var(--base-size-64);max-width:100%}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1,.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-64)}}@media screen and (width>=80rem){.Primer_Brand__CTABanner-module__CTABanner-container--background___p6ig8{background-color:var(--brand-CTABanner-wide-background-color,var(--brand-CTABanner-background-color));background-image:var(--brand-CTABanner-wide-background-image-src,var(--brand-CTABanner-background-image-src));background-size:var(--brand-CTABanner-wide-background-image-size,var(--brand-CTABanner-background-image-size));background-position:var(--brand-CTABanner-wide-background-image-position,var(--brand-CTABanner-background-image-position))}}.Primer_Brand__CTABanner-module__CTABanner-image___Fsqin{width:100%;height:auto}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-image___Fsqin{width:100%;max-width:476px;height:auto}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-image___Fsqin{max-width:100%;height:auto}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk:has(.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX){align-items:stretch}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk:has(.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX)>.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{flex:1}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9:has(>.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX)>.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX+*{margin-block-start:auto}}.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX{align-items:center;gap:var(--base-size-8);width:100%;border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block-end:var(--base-size-32);display:flex}.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX>svg,.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX>img{height:var(--base-size-40);width:auto;display:block}.Primer_Brand__CTABanner-module__CTABanner--variant-default___LX6Wi .Primer_Brand__CTABanner-module__CTABanner-logo___uysuX{border-block-end:none;width:auto;padding-block-end:0}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-logo___uysuX{margin-block-end:var(--base-size-24)}.Primer_Brand__CTABanner-module__CTABanner-link___iY0Se{align-self:auto}.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE b{color:var(--brand-CTABanner-color-heading-emphasis);font-weight:inherit}.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE code,.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb code{font-size:inherit;font-family:var(--brand-fontStack-monospace);background-color:var(--brand-color-canvas-default);padding:0 var(--base-size-4) 0;margin-inline:var(--base-size-2);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-radius:var(--brand-borderRadius-small);box-shadow:var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default)}.Primer_Brand__CTABanner-module__CTABanner--bgColor-default___HxU_W .Primer_Brand__CTABanner-module__CTABanner-heading___tWytE code,.Primer_Brand__CTABanner-module__CTABanner--bgColor-default___HxU_W .Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb code{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb code{padding:0 var(--base-size-4) 0}.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE:has(code){line-height:2lh}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-heading___tWytE.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE:has(code){line-height:2.8lh}}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-heading___tWytE.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE:has(code){line-height:1.9lh}.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb:has(code){line-height:1.25lh}.Primer_Brand__CTABanner-module__CTABanner-buttonGroup___5SMyK{margin-block-start:0;margin-block-start:calc(-1 * var(--CTABanner-content-gap,0px));padding-block-start:var(--base-size-12)}

package/esm/CTABanner/CTABanner.module.js

@@ -1,4 +1,4 @@
-import './CTABanner.module-DZUT186Y.css';var e = {
+import './CTABanner.module-CDLOww8c.css';var e = {
 	CTABanner: "Primer_Brand__CTABanner-module__CTABanner___osRag",
 	"CTABanner--shadow": "Primer_Brand__CTABanner-module__CTABanner--shadow___bUnyT",
 	"CTABanner-grid": "Primer_Brand__CTABanner-module__CTABanner-grid___Hm5rQ",

package/esm/CTABanner/CTABanner.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"CTABanner.module.js","names":[],"sources":["../../src/CTABanner/CTABanner.module.css"],"sourcesContent":[".CTABanner {\n  position: relative;\n  margin: 0 auto;\n  display: flex;\n  max-width: var(--brand-breakpoint-xlarge);\n  width: 100%;\n}\n\n.CTABanner--shadow::before {\n  content: '';\n  position: absolute;\n  inset: var(--base-size-16);\n  filter: blur(var(--base-size-96));\n  transform: translateZ(0);\n  background: linear-gradient(\n    to right,\n    var(--brand-CTABanner-shadow-color-start),\n    var(--brand-CTABanner-shadow-color-end)\n  );\n}\n\n.CTABanner-grid {\n  row-gap: 0;\n  --brand-Grid-spacing-row: 0;\n  padding-inline: 0;\n}\n\n.CTABanner-grid-column--primary {\n  display: flex;\n  align-items: center;\n}\n\n.CTABanner-grid-column--secondary {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n  justify-content: flex-end;\n}\n\n.CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n  justify-content: flex-start;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n    justify-content: flex-end;\n  }\n}\n\n/* Stack on narrow viewports */\n@media screen and (max-width: 63.24rem) {\n  .CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n    justify-content: flex-start;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n    order: -1;\n    margin-block-start: 0;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--primary {\n    margin-block-start: var(--base-size-24);\n  }\n\n  .CTABanner-grid-column--secondary {\n    margin-block-start: var(--base-size-24);\n  }\n}\n\n.CTABanner-outer-container--border {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container {\n  padding: var(--base-size-64) var(--base-size-20);\n  z-index: 1;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.CTABanner-container--rounded {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.CTABanner--variant-balanced .CTABanner-container {\n  padding-inline: var(--base-size-20);\n  padding-block: var(--base-size-32);\n}\n\n.CTABanner--variant-minimal .CTABanner-container {\n  padding-inline: var(--base-size-20);\n  padding-block: var(--base-size-40);\n}\n\n.CTABanner-content {\n  --CTABanner-content-gap: var(--base-size-16);\n  display: flex;\n  flex-direction: column;\n  gap: var(--CTABanner-content-gap);\n  align-items: flex-start;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.CTABanner--variant-minimal .CTABanner-content {\n  --CTABanner-content-gap: 0;\n}\n\n.CTABanner--variant-balanced .CTABanner-content,\n.CTABanner--variant-minimal .CTABanner-content {\n  max-width: 576px;\n  margin: 0;\n}\n\n.CTABanner-container--background {\n  background-repeat: no-repeat;\n  background-color: var(--brand-CTABanner-bgColor);\n  background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));\n  background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));\n\n  background-position: var(\n    --brand-CTABanner-narrow-background-image-position,\n    var(--brand-CTABanner-background-image-position, center)\n  );\n}\n\n.CTABanner-container--border {\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container--border-gridlines {\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  margin-inline: auto;\n  max-width: 534px; /* To match tablet for river */\n}\n\n.CTABanner-content--center {\n  align-items: center;\n  text-align: center;\n}\n\n.CTABanner-description {\n  margin-bottom: var(--base-size-16);\n}\n\n/* Medium breakpoint and up */\n@media screen and (min-width: 48rem) {\n  .CTABanner-container {\n    padding: var(--base-size-80) var(--base-size-36);\n  }\n\n  .CTABanner--variant-balanced .CTABanner-container {\n    padding: var(--base-size-36);\n    padding-block-end: var(--base-size-48);\n  }\n\n  .CTABanner--variant-minimal .CTABanner-container {\n    padding: var(--base-size-36);\n    padding-block: var(--base-size-48);\n  }\n\n  .CTABanner-container--background {\n    background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));\n    background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));\n    background-size: var(--brand-CTABanner-regular-background-image-size, var(--brand-CTABanner-background-image-size));\n    background-position: var(\n      --brand-CTABanner-regular-background-image-position,\n      var(--brand-CTABanner-background-image-position)\n    );\n  }\n}\n\n/* Large breakpoint and up */\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-content {\n    --CTABanner-content-gap: var(--base-size-32);\n  }\n  .CTABanner-container {\n    padding: var(--base-size-96) var(--base-size-64);\n    max-width: 100%;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-container {\n    padding: var(--base-size-64);\n  }\n\n  .CTABanner--variant-minimal .CTABanner-container {\n    padding: var(--base-size-64);\n  }\n}\n\n/* Wide */\n@media screen and (min-width: 80rem) {\n  .CTABanner-container--background {\n    background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));\n    background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));\n    background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));\n\n    background-position: var(\n      --brand-CTABanner-wide-background-image-position,\n      var(--brand-CTABanner-background-image-position)\n    );\n  }\n}\n\n.CTABanner-image {\n  width: 100%;\n  height: auto;\n}\n\n.CTABanner--variant-balanced .CTABanner-image {\n  max-width: 476px;\n  width: 100%;\n  height: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-image {\n    max-width: 100%;\n    height: auto;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) {\n    align-items: stretch;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) > .CTABanner-content {\n    flex: 1;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-content:has(> .CTABanner-logo) > .CTABanner-logo + * {\n    margin-block-start: auto;\n  }\n}\n\n.CTABanner-logo {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  width: 100%;\n  padding-block-end: var(--base-size-32);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-logo > svg,\n.CTABanner-logo > img {\n  height: var(--base-size-40);\n  width: auto;\n  display: block;\n}\n\n.CTABanner--variant-default .CTABanner-logo {\n  width: auto;\n  padding-block-end: 0;\n  border-block-end: none;\n}\n\n.CTABanner--variant-minimal .CTABanner-logo {\n  margin-block-end: var(--base-size-24);\n}\n\n.CTABanner-link {\n  align-self: auto;\n}\n\n/*\n * We use a custom token here because text-emphasized doesn't reach 4.5 contrast\n * against the default banner bgColor in light mode.\n */\n.CTABanner-heading b {\n  color: var(--brand-CTABanner-color-heading-emphasis);\n  font-weight: inherit;\n}\n\n.CTABanner-heading code,\n.CTABanner-description code {\n  font-size: inherit;\n  font-family: var(--brand-fontStack-monospace);\n  background-color: var(--brand-color-canvas-default);\n  padding: 0 var(--base-size-4) 0;\n  margin-inline: var(--base-size-2);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-small);\n  box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);\n}\n\n.CTABanner--bgColor-default .CTABanner-heading code,\n.CTABanner--bgColor-default .CTABanner-description code {\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.CTABanner-description code {\n  padding: 0 var(--base-size-4) 0;\n}\n\n.CTABanner-heading.CTABanner-heading:has(code) {\n  line-height: calc(1lh * 2);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-heading.CTABanner-heading:has(code) {\n    line-height: calc(1lh * 2.8);\n  }\n}\n\n.CTABanner--variant-minimal .CTABanner-heading.CTABanner-heading:has(code) {\n  line-height: calc(1lh * 1.9);\n}\n\n.CTABanner-description.CTABanner-description:has(code) {\n  line-height: calc(1lh * 1.25);\n}\n\n.CTABanner-buttonGroup {\n  margin-block-start: calc(-1 * var(--CTABanner-content-gap, 0px));\n  padding-block-start: var(--base-size-12);\n}\n"],"mappings":""}
+{"version":3,"file":"CTABanner.module.js","names":[],"sources":["../../src/CTABanner/CTABanner.module.css"],"sourcesContent":[".CTABanner {\n  position: relative;\n  margin: 0 auto;\n  display: flex;\n  max-width: var(--brand-breakpoint-xlarge);\n  width: 100%;\n}\n\n.CTABanner--shadow::before {\n  content: '';\n  position: absolute;\n  inset: var(--base-size-16);\n  filter: blur(var(--base-size-96));\n  transform: translateZ(0);\n  background: linear-gradient(\n    to right,\n    var(--brand-CTABanner-shadow-color-start),\n    var(--brand-CTABanner-shadow-color-end)\n  );\n}\n\n.CTABanner-grid {\n  row-gap: 0;\n  --brand-Grid-spacing-row: 0;\n  padding-inline: 0;\n}\n\n.CTABanner-grid-column--primary {\n  display: flex;\n  align-items: center;\n}\n\n.CTABanner-grid-column--secondary {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n  justify-content: flex-end;\n}\n\n.CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n  justify-content: flex-start;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n    justify-content: flex-end;\n  }\n}\n\n/* Stack on narrow viewports */\n@media screen and (max-width: 63.24rem) {\n  .CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n    justify-content: flex-start;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n    order: -1;\n    margin-block-start: 0;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--primary {\n    margin-block-start: var(--base-size-24);\n  }\n\n  .CTABanner-grid-column--secondary {\n    margin-block-start: var(--base-size-24);\n  }\n}\n\n.CTABanner-outer-container--border {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container {\n  padding: var(--base-size-64) var(--base-size-20);\n  z-index: 1;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.CTABanner-container--rounded {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.CTABanner--variant-balanced .CTABanner-container {\n  padding-inline: var(--base-size-20);\n  padding-block: var(--base-size-32);\n}\n\n.CTABanner--variant-minimal .CTABanner-container {\n  padding-inline: var(--base-size-20);\n  padding-block: var(--base-size-40);\n}\n\n.CTABanner-content {\n  --CTABanner-content-gap: var(--base-size-16);\n  display: flex;\n  flex-direction: column;\n  gap: var(--CTABanner-content-gap);\n  align-items: flex-start;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.CTABanner-content :is(img, picture) {\n  display: block;\n}\n\n.CTABanner--variant-minimal .CTABanner-content {\n  --CTABanner-content-gap: 0;\n}\n\n.CTABanner--variant-balanced .CTABanner-content,\n.CTABanner--variant-minimal .CTABanner-content {\n  max-width: 576px;\n  margin: 0;\n}\n\n.CTABanner-container--background {\n  background-repeat: no-repeat;\n  background-color: var(--brand-CTABanner-bgColor);\n  background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));\n  background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));\n\n  background-position: var(\n    --brand-CTABanner-narrow-background-image-position,\n    var(--brand-CTABanner-background-image-position, center)\n  );\n}\n\n.CTABanner-container--border {\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container--border-gridlines {\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  margin-inline: auto;\n  max-width: 534px; /* To match tablet for river */\n}\n\n.CTABanner-content--center {\n  align-items: center;\n  text-align: center;\n}\n\n.CTABanner-description {\n  margin-bottom: var(--base-size-16);\n}\n\n/* Medium breakpoint and up */\n@media screen and (min-width: 48rem) {\n  .CTABanner-container {\n    padding: var(--base-size-80) var(--base-size-36);\n  }\n\n  .CTABanner--variant-balanced .CTABanner-container {\n    padding: var(--base-size-36);\n    padding-block-end: var(--base-size-48);\n  }\n\n  .CTABanner--variant-minimal .CTABanner-container {\n    padding: var(--base-size-36);\n    padding-block: var(--base-size-48);\n  }\n\n  .CTABanner-container--background {\n    background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));\n    background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));\n    background-size: var(--brand-CTABanner-regular-background-image-size, var(--brand-CTABanner-background-image-size));\n    background-position: var(\n      --brand-CTABanner-regular-background-image-position,\n      var(--brand-CTABanner-background-image-position)\n    );\n  }\n}\n\n/* Large breakpoint and up */\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-content {\n    --CTABanner-content-gap: var(--base-size-32);\n  }\n  .CTABanner-container {\n    padding: var(--base-size-96) var(--base-size-64);\n    max-width: 100%;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-container {\n    padding: var(--base-size-64);\n  }\n\n  .CTABanner--variant-minimal .CTABanner-container {\n    padding: var(--base-size-64);\n  }\n}\n\n/* Wide */\n@media screen and (min-width: 80rem) {\n  .CTABanner-container--background {\n    background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));\n    background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));\n    background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));\n\n    background-position: var(\n      --brand-CTABanner-wide-background-image-position,\n      var(--brand-CTABanner-background-image-position)\n    );\n  }\n}\n\n.CTABanner-image {\n  width: 100%;\n  height: auto;\n}\n\n.CTABanner--variant-balanced .CTABanner-image {\n  max-width: 476px;\n  width: 100%;\n  height: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-image {\n    max-width: 100%;\n    height: auto;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) {\n    align-items: stretch;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) > .CTABanner-content {\n    flex: 1;\n  }\n\n  .CTABanner--variant-balanced .CTABanner-content:has(> .CTABanner-logo) > .CTABanner-logo + * {\n    margin-block-start: auto;\n  }\n}\n\n.CTABanner-logo {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  width: 100%;\n  padding-block-end: var(--base-size-32);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-logo > svg,\n.CTABanner-logo > img {\n  height: var(--base-size-40);\n  width: auto;\n  display: block;\n}\n\n.CTABanner--variant-default .CTABanner-logo {\n  width: auto;\n  padding-block-end: 0;\n  border-block-end: none;\n}\n\n.CTABanner--variant-minimal .CTABanner-logo {\n  margin-block-end: var(--base-size-24);\n}\n\n.CTABanner-link {\n  align-self: auto;\n}\n\n/*\n * We use a custom token here because text-emphasized doesn't reach 4.5 contrast\n * against the default banner bgColor in light mode.\n */\n.CTABanner-heading b {\n  color: var(--brand-CTABanner-color-heading-emphasis);\n  font-weight: inherit;\n}\n\n.CTABanner-heading code,\n.CTABanner-description code {\n  font-size: inherit;\n  font-family: var(--brand-fontStack-monospace);\n  background-color: var(--brand-color-canvas-default);\n  padding: 0 var(--base-size-4) 0;\n  margin-inline: var(--base-size-2);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-small);\n  box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);\n}\n\n.CTABanner--bgColor-default .CTABanner-heading code,\n.CTABanner--bgColor-default .CTABanner-description code {\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.CTABanner-description code {\n  padding: 0 var(--base-size-4) 0;\n}\n\n.CTABanner-heading.CTABanner-heading:has(code) {\n  line-height: calc(1lh * 2);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .CTABanner--variant-balanced .CTABanner-heading.CTABanner-heading:has(code) {\n    line-height: calc(1lh * 2.8);\n  }\n}\n\n.CTABanner--variant-minimal .CTABanner-heading.CTABanner-heading:has(code) {\n  line-height: calc(1lh * 1.9);\n}\n\n.CTABanner-description.CTABanner-description:has(code) {\n  line-height: calc(1lh * 1.25);\n}\n\n.CTABanner-buttonGroup {\n  margin-block-start: calc(-1 * var(--CTABanner-content-gap, 0px));\n  padding-block-start: var(--base-size-12);\n}\n"],"mappings":""}

package/esm/Card/Card.js

@@ -4,8 +4,8 @@ import { useProvidedRefOrCreate as n } from "../hooks/useRef.js";
 import { Text as r } from "../Text/Text.js";
 import { EyebrowText as i } from "../EyebrowText/EyebrowText.js";
 import { Heading as a } from "../Heading/Heading.js";
-import { Image as o } from "../Image/Image.js";
-import { ExpandableArrow as s } from "../ExpandableArrow/ExpandableArrow.js";
+import { ExpandableArrow as o } from "../ExpandableArrow/ExpandableArrow.js";
+import { Image as s } from "../Image/Image.js";
 import c from "../Link/Link.module.js";
 import { Icon as l } from "../Icon/Icon.js";
 import { Token as u } from "../Token/Token.js";
@@ -24,7 +24,7 @@ var _ = ["default", "minimal"], v = [
 	"default",
 	"subtle",
 	"none"
-], b = ["block-start", "block-end"], x = ["token", "accent-text"], S = t, C = S[0], w = v[0], T = x[0], E = m(({ align: t = "start", onMouseEnter: i, onMouseLeave: a, onFocus: o, onBlur: l, children: u, className: m, ctaText: _ = "Learn more", ctaVariant: v = w, disableAnimation: y = !1, fullWidth: b = !1, href: x, hasBorder: S = !1, leadingVisual: C, style: T, variant: E = "default", backgroundColor: k, ...A }, j) => {
+], b = ["block-start", "block-end"], x = ["token", "accent-text"], S = t, C = S[0], w = v[0], T = x[0], E = m(({ align: t = "start", onMouseEnter: i, onMouseLeave: a, onFocus: s, onBlur: l, children: u, className: m, ctaText: _ = "Learn more", ctaVariant: v = w, disableAnimation: y = !1, fullWidth: b = !1, href: x, hasBorder: S = !1, leadingVisual: C, style: T, variant: E = "default", backgroundColor: k, ...A }, j) => {
 	let M = n(j), N = k ?? (E === "minimal" || v === "arrow" ? "none" : "default"), P;
 	P = u == null ? null : d(u) ? u.props.children ?? null : u;
 	let { cardImage: F, cardIcon: H, cardLabel: U, cardTokensBlockStart: W, cardTokensBlockEnd: G, cardHeading: K, cardDescription: q } = p.Children.toArray(P).reduce((e, t) => (B(t) ? e.cardHeading = p.cloneElement(t, { href: x }) : I(t) ? e.cardImage = t : L(t) ? e.cardIcon = t : R(t) ? e.cardLabel = t : z(t) ? t.props.position === "block-end" ? e.cardTokensBlockEnd = t : e.cardTokensBlockStart = t : V(t) && (e.cardDescription = t), e), {});
@@ -64,7 +64,7 @@ var _ = ["default", "minimal"], v = [
 						})
 					}), Z ? /* @__PURE__ */ h("span", {
 						className: e(f.Card__actionIcon, v === "arrow" && f["Card__actionIcon--arrowOnly"]),
-						children: /* @__PURE__ */ h(s, {
+						children: /* @__PURE__ */ h(o, {
 							className: e(c["Link-arrow"], f["Card--expandableArrow"]),
 							"aria-hidden": "true"
 						})
@@ -87,7 +87,7 @@ function O(t) {
 function k({ className: e, ...t }) {
 	return /* @__PURE__ */ h("div", {
 		className: f.Card__image,
-		children: /* @__PURE__ */ h(o, {
+		children: /* @__PURE__ */ h(s, {
 			className: e,
 			...t
 		})

package/esm/EyebrowBanner/EyebrowBanner.module-DYeTmaU9.css

@@ -0,0 +1 @@
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9{background:var(--brand-Eyebrowbanner-bgColor-rest);border:var(--brand-borderWidth-thin) solid var(--brand-Eyebrowbanner-borderColor-rest);padding:var(--brand-EyebrowBanner-spacing-inner-block) var(--brand-EyebrowBanner-spacing-inner-inline);border-radius:var(--brand-EyebrowBanner-borderRadius);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none;display:inline-block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:hover{-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:2px;transition:none}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___FT9Za{align-items:center;display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___uqjq6{text-align:start;margin-inline-start:var(--brand-EyebrowBanner-spacing-inner-inline)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0{display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 img,.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 picture,.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 svg{height:var(--base-size-44);width:auto;max-width:var(--base-size-44);max-height:var(--base-size-44)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 img,.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 picture{display:block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual___GOWPn{display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___RR5Q9{color:var(--brand-color-text-default);fill:var(--brand-color-text-default);margin-inline-start:var(--base-size-20)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel___2iKJT{font-family:var(--brand-body-fontFamily);font-weight:var(--base-text-weight-medium);font-size:var(--brand-EyebrowBanner-label-size);letter-spacing:var(--brand-text-letterSpacing-200);background:linear-gradient(92deg, var(--brand-EyebrowBanner-leadingLabel-color-start,var(--brand-Eyebrowbanner-fgColor-default-start)) 12.09%, var(--brand-EyebrowBanner-leadingLabel-color-middle,var(--brand-Eyebrowbanner-fgColor-default-middle)) 42.58%, var(--brand-EyebrowBanner-leadingLabel-color-end,var(--brand-Eyebrowbanner-fgColor-default-end)) 84.96%);text-transform:uppercase;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1em;display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue___Q75Z_{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-blue);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-blue);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-blue)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue-purple___u3vdi{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-blue-purple-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-blue-purple-end);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-blue-purple-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-coral___n4YIN{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-coral);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-coral);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-coral)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green___0psyZ{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-green);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-green);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-green)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green-blue___S87oT{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-green-blue-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-green-blue-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-green-blue-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-gray___Ul8s0{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-gray);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-gray);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-gray)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-indigo___RkbmO{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-indigo);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-indigo);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-indigo)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lemon___Rt5d0{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-lemon);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-lemon);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-lemon)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lime___mUr8N{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-lime);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-lime);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-lime)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-orange___5icAs{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-orange);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-orange);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-orange)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink___46hPx{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-pink);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-pink);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-pink)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink-blue___iU5FD{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-pink-blue-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-pink-blue-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-pink-blue-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple___hVcG_{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-purple);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-purple);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-purple)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple-red___sGvEM{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-purple-red-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-purple-red-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-purple-red-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red___e5Zlr{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-red);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-red);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-red)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red-orange___tNfqQ{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-red-orange-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-red-orange-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-red-orange-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-teal___sHwEi{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-teal);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-teal);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-teal)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-yellow___NED2T{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-yellow);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-yellow);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-yellow)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__heading___pV18r{color:var(--brand-Eyebrowbanner-heading-fgColor);font-size:var(--brand-EyebrowBanner-heading-size);display:block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__subHeading___j_Pgs{color:var(--brand-Eyebrowbanner-subHeading-fgColor);font-size:var(--brand-EyebrowBanner-subHeading-size);display:block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{width:var(--base-size-44);height:var(--base-size-44);border-radius:50%;justify-content:center;align-items:center;display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon___0DNEo svg{width:var(--base-size-20);height:var(--base-size-20)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___AHn0V{color:var(--brand-color-text-default)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___AHn0V.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-default)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___4OskO{color:var(--brand-Eyebrowbanner-fgColor-blue)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___4OskO.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-blue)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___T_46y{color:var(--brand-Eyebrowbanner-fgColor-coral)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___T_46y.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-coral)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-green____I53I{color:var(--brand-Eyebrowbanner-fgColor-green)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-green____I53I.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-green)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-gray___xzgSs{color:var(--brand-Eyebrowbanner-fgColor-gray)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-gray___xzgSs.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-gray)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-indigo___WxuK_{color:var(--brand-Eyebrowbanner-fgColor-indigo)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-indigo___WxuK_.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-indigo)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lemon____AfWK{color:var(--brand-Eyebrowbanner-fgColor-lemon)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lemon____AfWK.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-lemon)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lime___dSzH6{color:var(--brand-Eyebrowbanner-fgColor-lime)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lime___dSzH6.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-lime)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-orange___z7Hxt{color:var(--brand-Eyebrowbanner-fgColor-orange)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-orange___z7Hxt.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-orange)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-pink___MUkAV{color:var(--brand-Eyebrowbanner-fgColor-pink)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-pink___MUkAV.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-pink)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-purple___eX4cj{color:var(--brand-Eyebrowbanner-fgColor-purple)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-purple___eX4cj.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-purple)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-red____md9b{color:var(--brand-Eyebrowbanner-fgColor-red)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-red____md9b.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-red)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal____Mv2F{color:var(--brand-Eyebrowbanner-fgColor-teal)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal____Mv2F.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-teal)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___oVyB6{color:var(--brand-Eyebrowbanner-fgColor-yellow)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___oVyB6.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-yellow)}@media (prefers-reduced-motion:reduce){.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9,.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:before,.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:after,.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/EyebrowBanner/EyebrowBanner.module.js

@@ -1,4 +1,4 @@
-import './EyebrowBanner.module-C8hfGfYx.css';var e = {
+import './EyebrowBanner.module-DYeTmaU9.css';var e = {
 	EyebrowBanner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9",
 	EyebrowBanner__inner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___FT9Za",
 	EyebrowBanner__headings: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___uqjq6",

package/esm/EyebrowBanner/EyebrowBanner.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"EyebrowBanner.module.js","names":[],"sources":["../../src/EyebrowBanner/EyebrowBanner.module.css"],"sourcesContent":[".EyebrowBanner {\n  display: inline-block;\n  align-self: flex-start;\n  text-decoration: none;\n  background: var(--brand-Eyebrowbanner-bgColor-rest);\n  border: var(--brand-borderWidth-thin) solid var(--brand-Eyebrowbanner-borderColor-rest);\n  padding: var(--brand-EyebrowBanner-spacing-inner-block) var(--brand-EyebrowBanner-spacing-inner-inline);\n  border-radius: var(--brand-EyebrowBanner-borderRadius);\n}\n\n.EyebrowBanner:hover {\n  text-decoration: none !important; /* Required to override dotcom default */\n}\n\n.EyebrowBanner:focus-visible {\n  transition: none;\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.EyebrowBanner__inner {\n  display: flex;\n  align-items: center;\n}\n\n.EyebrowBanner__headings {\n  margin-inline-start: var(--brand-EyebrowBanner-spacing-inner-inline);\n  text-align: start;\n}\n\n.EyebrowBanner__leadingVisual {\n  display: flex;\n}\n\n.EyebrowBanner__leadingVisual img,\n.EyebrowBanner__leadingVisual picture,\n.EyebrowBanner__leadingVisual svg {\n  height: var(--base-size-44);\n  width: auto;\n  max-width: var(--base-size-44);\n  max-height: var(--base-size-44);\n}\n\n.EyebrowBanner__trailingVisual {\n  display: flex;\n}\n\n.EyebrowBanner__trailingVisual-icon {\n  margin-inline-start: var(--base-size-20);\n  color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__trailingVisual-icon {\n  fill: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__leadingLabel {\n  display: flex;\n  font-family: var(--brand-body-fontFamily);\n  font-weight: var(--base-text-weight-medium);\n  font-size: var(--brand-EyebrowBanner-label-size);\n  line-height: 1em; /* for optical alignment */\n  letter-spacing: var(--brand-text-letterSpacing-200);\n  background: linear-gradient(\n    92deg,\n    var(--brand-EyebrowBanner-leadingLabel-color-start, var(--brand-Eyebrowbanner-fgColor-default-start)) 12.09%,\n    var(--brand-EyebrowBanner-leadingLabel-color-middle, var(--brand-Eyebrowbanner-fgColor-default-middle)) 42.58%,\n    var(--brand-EyebrowBanner-leadingLabel-color-end, var(--brand-Eyebrowbanner-fgColor-default-end)) 84.96%\n  );\n  text-transform: uppercase;\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.EyebrowBanner__leadingLabel--color-blue {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__leadingLabel--color-blue-purple {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue-purple-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n}\n\n.EyebrowBanner__leadingLabel--color-coral {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-coral);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-coral);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__leadingLabel--color-green {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__leadingLabel--color-green-blue {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-gray {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-gray);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-gray);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__leadingLabel--color-indigo {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-indigo);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-indigo);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__leadingLabel--color-lemon {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lemon);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lemon);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__leadingLabel--color-lime {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lime);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lime);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__leadingLabel--color-orange {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-orange);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-orange);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__leadingLabel--color-pink {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__leadingLabel--color-pink-blue {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-purple {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__leadingLabel--color-purple-red {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple-red-end);\n}\n\n.EyebrowBanner__leadingLabel--color-red {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__leadingLabel--color-red-orange {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red-orange-end);\n}\n\n.EyebrowBanner__leadingLabel--color-teal {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-teal);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-teal);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__leadingLabel--color-yellow {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-yellow);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-yellow);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__heading {\n  display: block;\n  color: var(--brand-Eyebrowbanner-heading-fgColor);\n  font-size: var(--brand-EyebrowBanner-heading-size);\n}\n\n.EyebrowBanner__subHeading {\n  display: block;\n  color: var(--brand-Eyebrowbanner-subHeading-fgColor);\n  font-size: var(--brand-EyebrowBanner-subHeading-size);\n}\n\n.EyebrowBanner__icon--badge {\n  width: var(--base-size-44);\n  height: var(--base-size-44);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.EyebrowBanner__icon svg {\n  width: var(--base-size-20);\n  height: var(--base-size-20);\n}\n\n.EyebrowBanner__icon--color-default {\n  color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__icon--color-default.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-default);\n}\n\n.EyebrowBanner__icon--color-blue {\n  color: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__icon--color-blue.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-blue);\n}\n\n.EyebrowBanner__icon--color-coral {\n  color: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__icon--color-coral.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-coral);\n}\n\n.EyebrowBanner__icon--color-green {\n  color: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__icon--color-green.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-green);\n}\n\n.EyebrowBanner__icon--color-gray {\n  color: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__icon--color-gray.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-gray);\n}\n\n.EyebrowBanner__icon--color-indigo {\n  color: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__icon--color-indigo.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-indigo);\n}\n\n.EyebrowBanner__icon--color-lemon {\n  color: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__icon--color-lemon.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-lemon);\n}\n\n.EyebrowBanner__icon--color-lime {\n  color: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__icon--color-lime.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-lime);\n}\n\n.EyebrowBanner__icon--color-orange {\n  color: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__icon--color-orange.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-orange);\n}\n\n.EyebrowBanner__icon--color-pink {\n  color: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__icon--color-pink.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-pink);\n}\n\n.EyebrowBanner__icon--color-purple {\n  color: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__icon--color-purple.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-purple);\n}\n\n.EyebrowBanner__icon--color-red {\n  color: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__icon--color-red.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-red);\n}\n\n.EyebrowBanner__icon--color-teal {\n  color: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__icon--color-teal.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-teal);\n}\n\n.EyebrowBanner__icon--color-yellow {\n  color: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__icon--color-yellow.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-yellow);\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  .EyebrowBanner,\n  .EyebrowBanner::before,\n  .EyebrowBanner::after,\n  .EyebrowBanner * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"EyebrowBanner.module.js","names":[],"sources":["../../src/EyebrowBanner/EyebrowBanner.module.css"],"sourcesContent":[".EyebrowBanner {\n  display: inline-block;\n  align-self: flex-start;\n  text-decoration: none;\n  background: var(--brand-Eyebrowbanner-bgColor-rest);\n  border: var(--brand-borderWidth-thin) solid var(--brand-Eyebrowbanner-borderColor-rest);\n  padding: var(--brand-EyebrowBanner-spacing-inner-block) var(--brand-EyebrowBanner-spacing-inner-inline);\n  border-radius: var(--brand-EyebrowBanner-borderRadius);\n}\n\n.EyebrowBanner:hover {\n  text-decoration: none !important; /* Required to override dotcom default */\n}\n\n.EyebrowBanner:focus-visible {\n  transition: none;\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.EyebrowBanner__inner {\n  display: flex;\n  align-items: center;\n}\n\n.EyebrowBanner__headings {\n  margin-inline-start: var(--brand-EyebrowBanner-spacing-inner-inline);\n  text-align: start;\n}\n\n.EyebrowBanner__leadingVisual {\n  display: flex;\n}\n\n.EyebrowBanner__leadingVisual img,\n.EyebrowBanner__leadingVisual picture,\n.EyebrowBanner__leadingVisual svg {\n  height: var(--base-size-44);\n  width: auto;\n  max-width: var(--base-size-44);\n  max-height: var(--base-size-44);\n}\n\n.EyebrowBanner__leadingVisual img,\n.EyebrowBanner__leadingVisual picture {\n  display: block;\n}\n\n.EyebrowBanner__trailingVisual {\n  display: flex;\n}\n\n.EyebrowBanner__trailingVisual-icon {\n  margin-inline-start: var(--base-size-20);\n  color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__trailingVisual-icon {\n  fill: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__leadingLabel {\n  display: flex;\n  font-family: var(--brand-body-fontFamily);\n  font-weight: var(--base-text-weight-medium);\n  font-size: var(--brand-EyebrowBanner-label-size);\n  line-height: 1em; /* for optical alignment */\n  letter-spacing: var(--brand-text-letterSpacing-200);\n  background: linear-gradient(\n    92deg,\n    var(--brand-EyebrowBanner-leadingLabel-color-start, var(--brand-Eyebrowbanner-fgColor-default-start)) 12.09%,\n    var(--brand-EyebrowBanner-leadingLabel-color-middle, var(--brand-Eyebrowbanner-fgColor-default-middle)) 42.58%,\n    var(--brand-EyebrowBanner-leadingLabel-color-end, var(--brand-Eyebrowbanner-fgColor-default-end)) 84.96%\n  );\n  text-transform: uppercase;\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.EyebrowBanner__leadingLabel--color-blue {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__leadingLabel--color-blue-purple {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue-purple-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n}\n\n.EyebrowBanner__leadingLabel--color-coral {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-coral);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-coral);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__leadingLabel--color-green {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__leadingLabel--color-green-blue {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-gray {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-gray);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-gray);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__leadingLabel--color-indigo {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-indigo);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-indigo);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__leadingLabel--color-lemon {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lemon);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lemon);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__leadingLabel--color-lime {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lime);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lime);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__leadingLabel--color-orange {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-orange);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-orange);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__leadingLabel--color-pink {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__leadingLabel--color-pink-blue {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-purple {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__leadingLabel--color-purple-red {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple-red-end);\n}\n\n.EyebrowBanner__leadingLabel--color-red {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__leadingLabel--color-red-orange {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red-orange-end);\n}\n\n.EyebrowBanner__leadingLabel--color-teal {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-teal);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-teal);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__leadingLabel--color-yellow {\n  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-yellow);\n  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-yellow);\n  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__heading {\n  display: block;\n  color: var(--brand-Eyebrowbanner-heading-fgColor);\n  font-size: var(--brand-EyebrowBanner-heading-size);\n}\n\n.EyebrowBanner__subHeading {\n  display: block;\n  color: var(--brand-Eyebrowbanner-subHeading-fgColor);\n  font-size: var(--brand-EyebrowBanner-subHeading-size);\n}\n\n.EyebrowBanner__icon--badge {\n  width: var(--base-size-44);\n  height: var(--base-size-44);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.EyebrowBanner__icon svg {\n  width: var(--base-size-20);\n  height: var(--base-size-20);\n}\n\n.EyebrowBanner__icon--color-default {\n  color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__icon--color-default.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-default);\n}\n\n.EyebrowBanner__icon--color-blue {\n  color: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__icon--color-blue.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-blue);\n}\n\n.EyebrowBanner__icon--color-coral {\n  color: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__icon--color-coral.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-coral);\n}\n\n.EyebrowBanner__icon--color-green {\n  color: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__icon--color-green.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-green);\n}\n\n.EyebrowBanner__icon--color-gray {\n  color: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__icon--color-gray.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-gray);\n}\n\n.EyebrowBanner__icon--color-indigo {\n  color: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__icon--color-indigo.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-indigo);\n}\n\n.EyebrowBanner__icon--color-lemon {\n  color: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__icon--color-lemon.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-lemon);\n}\n\n.EyebrowBanner__icon--color-lime {\n  color: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__icon--color-lime.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-lime);\n}\n\n.EyebrowBanner__icon--color-orange {\n  color: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__icon--color-orange.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-orange);\n}\n\n.EyebrowBanner__icon--color-pink {\n  color: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__icon--color-pink.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-pink);\n}\n\n.EyebrowBanner__icon--color-purple {\n  color: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__icon--color-purple.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-purple);\n}\n\n.EyebrowBanner__icon--color-red {\n  color: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__icon--color-red.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-red);\n}\n\n.EyebrowBanner__icon--color-teal {\n  color: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__icon--color-teal.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-teal);\n}\n\n.EyebrowBanner__icon--color-yellow {\n  color: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__icon--color-yellow.EyebrowBanner__icon--badge {\n  background-color: var(--brand-Eyebrowbanner-icon-background-yellow);\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  .EyebrowBanner,\n  .EyebrowBanner::before,\n  .EyebrowBanner::after,\n  .EyebrowBanner * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/Hero/Hero.d.ts

@@ -105,6 +105,11 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode | undefined;
     }, "ref">) & React.RefAttributes<HTMLParagraphElement>>;
+    ButtonGroup: React.ForwardRefExoticComponent<Omit<Omit<import("..").ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * @deprecated Use `Hero.ButtonGroup` with `Button` or `ActionMenu` children instead.
+     * This component will be removed in a future release.
+     */
     PrimaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
@@ -120,6 +125,10 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode | undefined;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    /**
+     * @deprecated Use `Hero.ButtonGroup` with `Button` or `ActionMenu` children instead.
+     * This component will be removed in a future release.
+     */
     SecondaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
@@ -136,7 +145,8 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         children?: React.ReactNode | undefined;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Image: React.ForwardRefExoticComponent<(Omit<{
-        position?: import("./HeroContext").HeroMediaPositions;
+        position?: import("./HeroContext").HeroMediaPosition;
+        padding?: import("./HeroContext").HeroMediaPadding;
         enableBorder?: boolean;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
@@ -149,7 +159,8 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "img";
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
     }, "ref"> | Omit<{
-        position?: import("./HeroContext").HeroMediaPositions;
+        position?: import("./HeroContext").HeroMediaPosition;
+        padding?: import("./HeroContext").HeroMediaPadding;
         enableBorder?: boolean;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
@@ -167,7 +178,8 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         srcSet?: undefined;
     }, "ref">) & React.RefAttributes<HTMLImageElement>>;
     Video: React.ForwardRefExoticComponent<(Omit<{
-        position?: import("./HeroContext").HeroMediaPositions;
+        position?: import("./HeroContext").HeroMediaPosition;
+        padding?: import("./HeroContext").HeroMediaPadding;
         enableBorder?: boolean;
         'data-testid'?: string;
     } & BaseProps<HTMLDivElement> & {
@@ -177,7 +189,8 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         posterAltText?: never;
         posterTitle?: never;
     }, "ref"> | Omit<{
-        position?: import("./HeroContext").HeroMediaPositions;
+        position?: import("./HeroContext").HeroMediaPosition;
+        padding?: import("./HeroContext").HeroMediaPadding;
         enableBorder?: boolean;
         'data-testid'?: string;
     } & BaseProps<HTMLDivElement> & {

package/esm/Hero/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAK7E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAInD,OAAO,KAAK,EAA2B,SAAS,EAAE,WAAW,EAAC,MAAM,eAAe,CAAA;AAanF;;GAEG;AACH,OAAO,2FAA2F,CAAA;AAkBlG,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACzC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1D,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AA8QD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUf,CAAA"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAK7E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAInD,OAAO,KAAK,EAA0B,SAAS,EAAE,WAAW,EAAC,MAAM,eAAe,CAAA;AAclF;;GAEG;AACH,OAAO,2FAA2F,CAAA;AAkBlG,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACzC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1D,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAqTD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIf;;;OAGG;;;;;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOH,CAAA"}