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

package/esm/PricingOptions/PricingOptions.js

@@ -1,8 +1,8 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { Text as t } from "../Text/Text.js";
 import { Heading as n } from "../Heading/Heading.js";
-import { CheckIcon as r, TriangleDownIcon as i, XIcon as a } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
-import { Button as o } from "../Button/Button.js";
+import { Button as r } from "../Button/Button.js";
+import { CheckIcon as i, TriangleDownIcon as a, XIcon as o } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
 import { useWindowSize as s } from "../hooks/useWindowSize.js";
 import { Accordion as c } from "../Accordion/Accordion.js";
 import { UnorderedList as l } from "../list/UnorderedList/UnorderedList.js";
@@ -188,7 +188,7 @@ var v = {
 			children: c
 		})
 	]
-})), k = p(({ children: t, className: n, "data-testid": r, hasDivider: a = !0, expanded: o, accordionAs: u = "h4", ...p }, m) => {
+})), k = p(({ children: t, className: n, "data-testid": r, hasDivider: i = !0, expanded: o, accordionAs: u = "h4", ...p }, m) => {
 	let { allFeatureListsExpanded: h, updateFeatureListExpanded: y, featureListUserInteracted: b, setFeatureListUserInteracted: C } = x(), { isMedium: w, isXLarge: T, isSmall: E } = s();
 	f.useEffect(() => {
 		(o === void 0 || typeof o == "object") && C(!1);
@@ -227,7 +227,7 @@ var v = {
 	}, n));
 	return /* @__PURE__ */ g("div", {
 		ref: m,
-		className: e(d["PricingOptions__feature-list"], a && d["PricingOptions__feature-list--has-divider"], n),
+		className: e(d["PricingOptions__feature-list"], i && d["PricingOptions__feature-list--has-divider"], n),
 		"data-testid": r || v.featureList,
 		children: /* @__PURE__ */ _(c, {
 			className: d["PricingOptions__feature-list-accordion"],
@@ -239,7 +239,7 @@ var v = {
 			children: [/* @__PURE__ */ _(c.Heading, {
 				as: u,
 				className: d["PricingOptions__feature-list-accordion-heading"],
-				children: [O, /* @__PURE__ */ g(i, { className: d["PricingOptions__feature-list-accordion-chevron"] })]
+				children: [O, /* @__PURE__ */ g(a, { className: d["PricingOptions__feature-list-accordion-chevron"] })]
 			}), /* @__PURE__ */ g(c.Content, {
 				className: d["PricingOptions__feature-list-accordion-content"],
 				children: k
@@ -260,18 +260,18 @@ var v = {
 	size: "subhead-medium",
 	...a,
 	children: t
-})), M = p(({ children: t, className: n, infoTooltip: i, leadingVisual: o, leadingVisualFill: s, variant: c = "included", "data-testid": f, ...p }, m) => {
-	let h = o ?? (c === "included" ? r : a), y = c === "included" ? "Includes" : "Does not include", b = s ?? (c === "included" ? "var(--brand-color-accent-primary)" : "var(--brand-color-text-muted)");
+})), M = p(({ children: t, className: n, infoTooltip: r, leadingVisual: a, leadingVisualFill: s, variant: c = "included", "data-testid": f, ...p }, m) => {
+	let h = a ?? (c === "included" ? i : o), y = c === "included" ? "Includes" : "Does not include", b = s ?? (c === "included" ? "var(--brand-color-accent-primary)" : "var(--brand-color-text-muted)");
 	return /* @__PURE__ */ _(l.Item, {
-		className: e(d["PricingOptions__feature-list-item"], { [d["PricingOptions__feature-list-item--excluded"]]: c === "excluded" }, i && d["PricingOptions__feature-list-item--has-info"], n),
+		className: e(d["PricingOptions__feature-list-item"], { [d["PricingOptions__feature-list-item--excluded"]]: c === "excluded" }, r && d["PricingOptions__feature-list-item--has-info"], n),
 		"data-testid": f || v.featureListItem,
 		leadingVisual: h,
 		leadingVisualAriaLabel: y,
 		leadingVisualFill: b,
 		ref: m,
 		...p,
-		children: [t, i && /* @__PURE__ */ g(u, {
-			text: i,
+		children: [t, r && /* @__PURE__ */ g(u, {
+			text: r,
 			direction: "n",
 			children: /* @__PURE__ */ g("button", {
 				type: "button",
@@ -305,24 +305,24 @@ var v = {
 		className: d["PricingOptions__actions-message-content"],
 		children: t
 	})]
-})), P = p(({ as: t, children: n, className: r, "data-testid": i, ...a }, s) => /* @__PURE__ */ g(o, {
+})), P = p(({ as: t, children: n, className: i, "data-testid": a, ...o }, s) => /* @__PURE__ */ g(r, {
 	ref: s,
 	as: t,
-	"data-testid": i || v.primaryAction,
-	className: e(d["PricingOptions__primary-action"], r),
+	"data-testid": a || v.primaryAction,
+	className: e(d["PricingOptions__primary-action"], i),
 	size: "medium",
 	variant: "primary",
 	block: !0,
-	...a,
+	...o,
 	children: n
-})), F = p(({ as: t, children: n, className: r, "data-testid": i, ...a }, s) => /* @__PURE__ */ g(o, {
+})), F = p(({ as: t, children: n, className: i, "data-testid": a, ...o }, s) => /* @__PURE__ */ g(r, {
 	ref: s,
 	as: t,
-	className: e(d["PricingOptions__primary-action"], r),
-	"data-testid": i || v.secondaryAction,
+	className: e(d["PricingOptions__primary-action"], i),
+	"data-testid": a || v.secondaryAction,
 	variant: "secondary",
 	block: !0,
-	...a,
+	...o,
 	children: n
 })), I = p(({ children: t, className: n, "data-testid": r, ...i }, a) => /* @__PURE__ */ g("div", {
 	ref: a,

package/esm/PricingOptions/{PricingOptions.module-Cm3Oq9u6.css → PricingOptions.module-CgPKaZAm.css}

@@ -1 +1 @@
-.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items-gap);--brand-pricing-options-container-padding-inline:0;--brand-pricing-options-column-count:1;--brand-pricing-options-template-areas:"labels" "leadingComponent" "header" "description" "price" "actions" "feature-list" "footnote";grid-row-gap:0;grid-row-gap:var(--brand-pricing-options-item-gap,0);row-gap:0;row-gap:var(--brand-pricing-options-item-gap,0);padding-inline:0;padding-inline:var(--brand-pricing-options-container-padding-inline);display:grid}@media screen and (width<=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{max-width:488px;margin-inline:auto}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);row-gap:0}.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-column-count:1}.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-column-count:2}.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-column-count:3}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-column-count:4}}.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{display:none}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{--brand-pricing-options-column-count:1;grid-area:labels/1/labels/-1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));grid-column-gap:0;grid-column-gap:var(--brand-pricing-options-item-gap,0);-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);display:grid}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{min-height:var(--base-size-54);padding-block:var(--base-size-16);background-color:var(--brand-PricingOptions-item-bgColor-solid);align-items:center;display:flex;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-text-emphasized);z-index:1;position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:first-child:after{inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:last-child:after{inset-inline-end:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc:after{content:"";inset-block-end:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{margin-inline:calc(var(--brand-pricing-options-item-gap) / 2 * -1);padding-inline:calc(var(--brand-pricing-options-item-gap) / 2)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:first-child{margin-inline-start:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-start:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:last-child{margin-inline-end:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-end:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{background-color:#0000;border-block-start-color:#0000}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{content:"";width:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-block:0;inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{padding-inline:var(--base-size-28);border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{opacity:0;pointer-events:none}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd{border:solid 1px var(--brand-color-border-subtle);background-color:var(--brand-PricingOptions-item-bgColor-solid)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background:linear-gradient(180deg, var(--brand-PricingOptions-item-bgColor-gradient-start) 0%, var(--brand-PricingOptions-item-bgColor-gradient-end) 100%)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);position:absolute;inset:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{padding-inline:var(--brand-pricing-options-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-24);padding-inline:var(--base-size-24);padding-block:var(--base-size-20);position:relative}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:0;padding-inline:0;padding-block:var(--base-size-40)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";background-color:var(--brand-color-border-subtle);height:1px;position:absolute;inset-inline:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{width:1px;height:auto;margin-block-start:0;margin-inline-start:calc(var(--brand-pricing-options-item-gap) / 2 * -1);inset-block:0;inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-32);padding-inline:var(--base-size-32);padding-block:var(--base-size-32);position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background-color:var(--brand-PricingOptions-item-bgColor-solid);border:solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle)}@media (width>=48rem){:where(.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C){row-gap:var(--brand-pricing-options-item-gap)}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{width:50%;margin-inline:auto}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items1-container-paddingInline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items2-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items2-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items3-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items3-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items4-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items4-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);display:grid}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-row:header/footnote;grid-template-rows:subgrid}.Primer_Brand__PricingOptions-module__PricingOptions__item--has-leading-component___cW15k{grid-row:leadingComponent/footnote}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V{justify-items:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o,.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{text-align:center;justify-content:center}@supports not (grid-template-rows:subgrid){@media (width>=63.28rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-rows:auto;grid-template-columns:1fr}}}.Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{row-gap:var(--base-size-16);grid-area:header;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{align-items:center;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}@media (width>=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:0}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{justify-content:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{text-align:center;margin-block-start:0;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW{grid-row:leadingComponent}.Primer_Brand__PricingOptions-module__PricingOptions__label___bW7ca{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);letter-spacing:var(--brand-text-letterSpacing-100);line-height:var(--brand-text-lineHeight-200);text-transform:uppercase}.Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}.Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{grid-row:description}.Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o{flex-wrap:wrap;grid-row:price;align-items:flex-start;padding-block-start:var(--base-size-20);padding-block-end:var(--base-size-8);display:flex}@media (width<=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__price-value___v_DFw,.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-symbol___WCuTj{font-size:var(--brand-text-size-900)}}.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___ZCxoZ{align-items:flex-end;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___thhnZ{color:var(--brand-color-text-muted);margin-block-end:var(--base-size-4);margin-inline-start:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price___TCleY{align-self:center;margin-inline-start:var(--base-size-8);-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price-value___ul7b3{-webkit-text-decoration:line-through;text-decoration:line-through}.Primer_Brand__PricingOptions-module__PricingOptions__price-trailing-text___hVD0k{flex:1 0 100%;display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions___DEnuZ{gap:var(--base-size-8);flex-direction:column;grid-row:actions;align-items:flex-end;padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message___QKv2D{gap:var(--base-size-12);inline-size:100%;max-inline-size:100%;padding:var(--base-size-12);border-block:var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);background-color:var(--brand-PricingOptions-actionsMessage-bgColor);border-inline:0;border-radius:0;align-items:flex-start;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh{color:var(--brand-PricingOptions-actionsMessage-accentColor);flex:none;margin-block-start:var(--base-size-4);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh :where(svg){inline-size:var(--base-size-16);block-size:var(--base-size-16);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R{flex:auto;min-inline-size:0}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R :where(p){margin:0}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2,.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>*{width:100%}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>*>*{width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>*>*>:first-child{flex:1}.Primer_Brand__PricingOptions-module__PricingOptions__footnote___FjNek{grid-row:footnote;margin-block-start:var(--base-size-8);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-200);--feature-list-line-height:var(--brand-text-lineHeight-200);gap:var(--base-size-8);flex-direction:column;grid-row:feature-list;width:100%;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt{margin:0;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-40);padding-inline:0;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-padding-inline,0px) * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-padding-inline,0px) * -1)}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___twUwU:nth-child(n+2){margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{color:var(--brand-PricingOptions-featureList-group-heading-color);margin-block-start:var(--base-size-12);margin-block-end:var(--base-size-8)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--excluded___LZ8FG span{color:var(--brand-color-text-muted)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt{flex-wrap:nowrap}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt>span{flex:1;justify-content:space-between;align-items:baseline;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza{all:unset;cursor:pointer;color:var(--brand-color-text-muted);background-color:color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);vertical-align:middle;padding:var(--base-size-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:var(--base-size-8);display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza svg{width:var(--base-size-12);height:var(--base-size-12)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L+.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn span{font-size:var(--feature-list-font-size)!important;line-height:var(--feature-list-line-height)!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{font-size:var(--feature-list-font-size)!important}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-100);--feature-list-line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8{border:0;padding:0}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8:after{content:none!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo{padding:var(--base-size-8) 0;margin-block-start:calc(var(--base-size-16) * -1);margin-block-end:var(--base-size-8);padding-inline:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h1,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h2,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h3,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h4,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h5,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h6{font-size:var(--feature-list-font-size);line-height:var(--feature-list-line-height);font-weight:var(--brand-text-subhead-weight-large);gap:var(--base-size-8);justify-content:space-between;align-items:center;width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo span{display:none}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{padding:0;padding-block-start:var(--base-size-8);padding-inline-start:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{margin-inline-end:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{transform:rotate(180deg)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{animation:none!important}
+.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items-gap);--brand-pricing-options-container-padding-inline:0;--brand-pricing-options-column-count:1;--brand-pricing-options-template-areas:"labels" "leadingComponent" "header" "description" "price" "actions" "feature-list" "footnote";grid-row-gap:0;grid-row-gap:var(--brand-pricing-options-item-gap,0);row-gap:0;row-gap:var(--brand-pricing-options-item-gap,0);padding-inline:0;padding-inline:var(--brand-pricing-options-container-padding-inline);display:grid}@media screen and (width<=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{max-width:488px;margin-inline:auto}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);row-gap:0}.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-column-count:1}.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-column-count:2}.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-column-count:3}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-column-count:4}}.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{display:none}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{--brand-pricing-options-column-count:1;grid-area:labels/1/labels/-1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));grid-column-gap:0;grid-column-gap:var(--brand-pricing-options-item-gap,0);-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);display:grid}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{min-height:var(--base-size-54);padding-block:var(--base-size-16);background-color:var(--brand-PricingOptions-item-bgColor-solid);align-items:center;display:flex;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-text-emphasized);z-index:1;position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:first-child:after{inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:last-child:after{inset-inline-end:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc:after{content:"";inset-block-end:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{margin-inline:calc(var(--brand-pricing-options-item-gap) / 2 * -1);padding-inline:calc(var(--brand-pricing-options-item-gap) / 2)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:first-child{margin-inline-start:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-start:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:last-child{margin-inline-end:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-end:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{background-color:#0000;border-block-start-color:#0000}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{content:"";width:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-block:0;inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{padding-inline:var(--base-size-28);border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{opacity:0;pointer-events:none}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd{border:solid 1px var(--brand-color-border-subtle);background-color:var(--brand-PricingOptions-item-bgColor-solid)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background:linear-gradient(180deg, var(--brand-PricingOptions-item-bgColor-gradient-start) 0%, var(--brand-PricingOptions-item-bgColor-gradient-end) 100%)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);position:absolute;inset:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{padding-inline:var(--brand-pricing-options-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-24);padding-inline:var(--base-size-24);padding-block:var(--base-size-20);position:relative}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:0;padding-inline:0;padding-block:var(--base-size-40)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";background-color:var(--brand-color-border-subtle);height:1px;position:absolute;inset-inline:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{width:1px;height:auto;margin-block-start:0;margin-inline-start:calc(var(--brand-pricing-options-item-gap) / 2 * -1);inset-block:0;inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-32);padding-inline:var(--base-size-32);padding-block:var(--base-size-32);position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background-color:var(--brand-PricingOptions-item-bgColor-solid);border:solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle)}@media (width>=48rem){:where(.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C){row-gap:var(--brand-pricing-options-item-gap)}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{width:50%;margin-inline:auto}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items1-container-paddingInline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items2-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items2-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items3-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items3-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items4-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items4-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);display:grid}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-row:header/footnote;grid-template-rows:subgrid}.Primer_Brand__PricingOptions-module__PricingOptions__item--has-leading-component___cW15k{grid-row:leadingComponent/footnote}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V{justify-items:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o,.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{text-align:center;justify-content:center}@supports not (grid-template-rows:subgrid){@media (width>=63.28rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-rows:auto;grid-template-columns:1fr}}}.Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{row-gap:var(--base-size-16);grid-area:header;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{align-items:center;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}@media (width>=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:0}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{justify-content:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{text-align:center;margin-block-start:0;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW{grid-row:leadingComponent}.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW img,.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW picture{display:block}.Primer_Brand__PricingOptions-module__PricingOptions__label___bW7ca{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);letter-spacing:var(--brand-text-letterSpacing-100);line-height:var(--brand-text-lineHeight-200);text-transform:uppercase}.Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}.Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{grid-row:description}.Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o{flex-wrap:wrap;grid-row:price;align-items:flex-start;padding-block-start:var(--base-size-20);padding-block-end:var(--base-size-8);display:flex}@media (width<=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__price-value___v_DFw,.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-symbol___WCuTj{font-size:var(--brand-text-size-900)}}.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___ZCxoZ{align-items:flex-end;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___thhnZ{color:var(--brand-color-text-muted);margin-block-end:var(--base-size-4);margin-inline-start:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price___TCleY{align-self:center;margin-inline-start:var(--base-size-8);-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price-value___ul7b3{-webkit-text-decoration:line-through;text-decoration:line-through}.Primer_Brand__PricingOptions-module__PricingOptions__price-trailing-text___hVD0k{flex:1 0 100%;display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions___DEnuZ{gap:var(--base-size-8);flex-direction:column;grid-row:actions;align-items:flex-end;padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message___QKv2D{gap:var(--base-size-12);inline-size:100%;max-inline-size:100%;padding:var(--base-size-12);border-block:var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);background-color:var(--brand-PricingOptions-actionsMessage-bgColor);border-inline:0;border-radius:0;align-items:flex-start;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh{color:var(--brand-PricingOptions-actionsMessage-accentColor);flex:none;margin-block-start:var(--base-size-4);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh :where(svg){inline-size:var(--base-size-16);block-size:var(--base-size-16);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R{flex:auto;min-inline-size:0}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R :where(p){margin:0}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2,.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>*{width:100%}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>*>*{width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>*>*>:first-child{flex:1}.Primer_Brand__PricingOptions-module__PricingOptions__footnote___FjNek{grid-row:footnote;margin-block-start:var(--base-size-8);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-200);--feature-list-line-height:var(--brand-text-lineHeight-200);gap:var(--base-size-8);flex-direction:column;grid-row:feature-list;width:100%;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt{margin:0;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-40);padding-inline:0;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-padding-inline,0px) * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-padding-inline,0px) * -1)}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___twUwU:nth-child(n+2){margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{color:var(--brand-PricingOptions-featureList-group-heading-color);margin-block-start:var(--base-size-12);margin-block-end:var(--base-size-8)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--excluded___LZ8FG span{color:var(--brand-color-text-muted)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt{flex-wrap:nowrap}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt>span{flex:1;justify-content:space-between;align-items:baseline;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza{all:unset;cursor:pointer;color:var(--brand-color-text-muted);background-color:color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);vertical-align:middle;padding:var(--base-size-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:var(--base-size-8);display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza svg{width:var(--base-size-12);height:var(--base-size-12)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L+.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn span{font-size:var(--feature-list-font-size)!important;line-height:var(--feature-list-line-height)!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{font-size:var(--feature-list-font-size)!important}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-100);--feature-list-line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8{border:0;padding:0}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8:after{content:none!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo{padding:var(--base-size-8) 0;margin-block-start:calc(var(--base-size-16) * -1);margin-block-end:var(--base-size-8);padding-inline:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h1,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h2,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h3,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h4,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h5,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h6{font-size:var(--feature-list-font-size);line-height:var(--feature-list-line-height);font-weight:var(--brand-text-subhead-weight-large);gap:var(--base-size-8);justify-content:space-between;align-items:center;width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo span{display:none}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{padding:0;padding-block-start:var(--base-size-8);padding-inline-start:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{margin-inline-end:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{transform:rotate(180deg)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{animation:none!important}

package/esm/PricingOptions/PricingOptions.module.js

@@ -1,4 +1,4 @@
-import './PricingOptions.module-Cm3Oq9u6.css';var e = {
+import './PricingOptions.module-CgPKaZAm.css';var e = {
 	PricingOptions: "Primer_Brand__PricingOptions-module__PricingOptions____Z8EC",
 	"PricingOptions--items1": "Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H",
 	"PricingOptions--items2": "Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU",

package/esm/PricingOptions/PricingOptions.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingOptions.module.js","names":[],"sources":["../../src/PricingOptions/PricingOptions.module.css"],"sourcesContent":["/* ---------------------------------------------------------- */\n/* Container                                               */\n/* ---------------------------------------------------------- */\n\n.PricingOptions {\n  --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);\n  --brand-pricing-options-container-padding-inline: 0;\n  --brand-pricing-options-column-count: 1;\n\n  /* prettier-ignore */\n  --brand-pricing-options-template-areas: \n    'labels'\n    'leadingComponent'\n    'header'\n    'description'\n    'price'\n    'actions'\n    'feature-list'\n    'footnote'\n    ;\n\n  display: grid;\n  row-gap: var(--brand-pricing-options-item-gap, 0);\n  padding-inline: var(--brand-pricing-options-container-padding-inline);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .PricingOptions {\n    margin-inline: auto;\n    max-width: 488px;\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions {\n    grid-template-areas: var(--brand-pricing-options-template-areas);\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n    row-gap: 0;\n  }\n\n  .PricingOptions--items1 {\n    --brand-pricing-options-column-count: 1;\n  }\n\n  .PricingOptions--items2 {\n    --brand-pricing-options-column-count: 2;\n  }\n\n  .PricingOptions--items3 {\n    --brand-pricing-options-column-count: 3;\n  }\n\n  .PricingOptions--items4 {\n    --brand-pricing-options-column-count: 4;\n  }\n}\n\n.PricingOptions__labels {\n  display: none;\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__labels {\n    --brand-pricing-options-column-count: 1;\n\n    display: grid;\n    grid-column: 1 / -1;\n    grid-row: labels;\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n  }\n\n  .PricingOptions__label-cell {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: var(--base-size-54);\n    padding-block: var(--base-size-16);\n    background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  }\n\n  /* Accent top border — uses ::after so it can overflow into the column gap */\n  .PricingOptions__label-cell--has-label::after {\n    content: '';\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-text-emphasized);\n    z-index: 1;\n  }\n\n  /* First cell: don't overflow past container start (cards override below) */\n  .PricingOptions__label-cell--has-label:first-child::after {\n    inset-inline-start: 0;\n  }\n\n  /* Last cell: don't overflow past container end (cards override below) */\n  .PricingOptions__label-cell--has-label:last-child::after {\n    inset-inline-end: 0;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n\n  /* ---- Default layout labels ---- */\n\n  /* Continuous bottom border across entire labels row — uses ::after to extend into container padding */\n  .PricingOptions--layout-default .PricingOptions__labels {\n    position: relative;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__labels::after {\n    content: '';\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell {\n    margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n    padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:first-child {\n    margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-start: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:last-child {\n    margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-end: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  /* Empty cells: transparent bg/borders but structurally visible so dividers show */\n  .PricingOptions--layout-default .PricingOptions__label-cell--empty {\n    background-color: transparent;\n    border-block-start-color: transparent;\n  }\n\n  /* Vertical dividers between label cells, centered in the gap */\n  .PricingOptions--layout-default .PricingOptions__label-cell + .PricingOptions__label-cell::before {\n    content: '';\n    position: absolute;\n    inset-block: 0;\n    width: var(--brand-borderWidth-thin);\n    inset-inline-start: 0;\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__label-cell\n    + .PricingOptions__label-cell::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n\n  /* ---- Cards layout labels ---- */\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell {\n    padding-inline: var(--base-size-28);\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n    /* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */\n  }\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell--empty {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Cards: keep accent border inside the card boundary */\n  .PricingOptions--layout-cards .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: default                                         */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-default {\n  position: relative;\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-solid {\n  border: solid 1px var(--brand-color-border-subtle);\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item {\n  background: linear-gradient(\n    180deg,\n    var(--brand-PricingOptions-item-bgColor-gradient-start) 0%,\n    var(--brand-PricingOptions-item-bgColor-gradient-end) 100%\n  );\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient::before,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item::before {\n  position: absolute;\n  content: '';\n  inset: 0;\n  pointer-events: none;\n  border-radius: inherit;\n  mask-image: var(--brand-PricingOptions-borderMask);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default {\n    padding-inline: var(--brand-pricing-options-container-padding-inline);\n  }\n}\n\n.PricingOptions--layout-default .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-24);\n\n  position: relative; /* Used for positioning the divider between items */\n  padding-inline: var(--base-size-24);\n  padding-block: var(--base-size-20);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item {\n    --brand-pricing-options-item-padding-inline: 0;\n\n    padding-inline: 0;\n    padding-block: var(--base-size-40);\n  }\n}\n\n/* Horizontal divider between items on small viewports */\n.PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n  content: '';\n  position: absolute;\n  inset-inline: 0;\n  height: 1px;\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Vertical divider between items on larger viewports */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n    inset-inline: 0;\n    inset-block: 0;\n    width: 1px;\n    height: auto;\n    margin-block-start: 0;\n    margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__item\n    + .PricingOptions__item::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: cards                                           */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-cards .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-32);\n\n  position: relative;\n  padding-inline: var(--base-size-32);\n  padding-block: var(--base-size-32);\n}\n\n.PricingOptions--layout-cards.PricingOptions--appearance-solid .PricingOptions__item {\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);\n}\n\n/* ---------------------------------------------------------- */\n/* Items                                                      */\n/* ---------------------------------------------------------- */\n\n@media (min-width: 48rem) {\n  :where(.PricingOptions--layout-cards.PricingOptions--items4) {\n    row-gap: var(--brand-pricing-options-item-gap);\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--items1 {\n    width: 50%;\n    margin-inline: auto;\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items1 {\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items1-container-paddingInline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items2 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items2-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items2-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items3 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items3-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items3-container-padding-inline);\n  }\n  .PricingOptions--layout-default.PricingOptions--items4 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items4-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items4-container-padding-inline);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Item inner layout                                       */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__item {\n  display: grid;\n  grid-template-areas: var(--brand-pricing-options-template-areas);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__item {\n    grid-row: header / footnote;\n    grid-template-rows: subgrid;\n  }\n\n  .PricingOptions__item--has-leading-component {\n    grid-row: leadingComponent / footnote;\n  }\n}\n\n.PricingOptions__item--align-center {\n  justify-items: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__price,\n.PricingOptions__item--align-center .PricingOptions__description {\n  text-align: center;\n  justify-content: center;\n}\n\n/*\n * Backwards compatibility for browsers that don't support subgrid.\n * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.\n * https://caniuse.com/css-subgrid\n */\n@supports not (grid-template-rows: subgrid) {\n  @media (min-width: 63.28rem) {\n    .PricingOptions__item {\n      grid-template-areas: var(--brand-pricing-options-template-areas);\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\n    }\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Content                                                 */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__header {\n  display: flex;\n  grid-area: header;\n  row-gap: var(--base-size-16);\n}\n\n/* When item is left-aligned, keep the heading at the start of the card */\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__header {\n  align-items: center;\n  margin-block-end: var(--base-size-16);\n}\n\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto;\n  order: 1;\n  align-self: flex-start;\n}\n\n@media (min-width: 63.24rem) {\n  .PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n    margin-block: 0;\n  }\n}\n\n/* When item is centered, center the heading */\n.PricingOptions__item--align-center .PricingOptions__header {\n  justify-content: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__heading {\n  margin-block-start: 0;\n  margin-block-end: var(--base-size-16);\n  text-align: center;\n}\n\n.PricingOptions__leading-component {\n  grid-row: leadingComponent;\n}\n\n.PricingOptions__label {\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  line-height: var(--brand-text-lineHeight-200);\n  text-transform: uppercase;\n}\n\n.PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto; /* Minimum width before wrapping */\n  order: 1;\n  align-self: flex-start;\n}\n\n.PricingOptions__description {\n  grid-row: description;\n}\n\n.PricingOptions__price {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  grid-row: price;\n  padding-block-start: var(--base-size-20);\n  padding-block-end: var(--base-size-8);\n}\n\n@media (max-width: 63.25rem) {\n  .PricingOptions__price-value,\n  .PricingOptions__price-currency-symbol {\n    font-size: var(--brand-text-size-900);\n  }\n}\n\n.PricingOptions__price-amount {\n  display: flex;\n  align-items: flex-end;\n}\n\n.PricingOptions__price-currency-code {\n  margin-inline-start: var(--base-size-4);\n  margin-block-end: var(--base-size-4);\n  color: var(--brand-color-text-muted);\n}\n\n.PricingOptions__price-original-price {\n  display: inline-flex;\n  align-self: center;\n  text-decoration: none;\n  margin-inline-start: var(--base-size-8);\n}\n\n.PricingOptions__price-original-price-value {\n  text-decoration: line-through;\n}\n\n.PricingOptions__price-trailing-text {\n  flex: 1 0 100%;\n  display: block;\n}\n\n.PricingOptions__actions {\n  grid-row: actions;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  align-items: flex-end;\n  padding-block-start: var(--base-size-20);\n}\n\n.PricingOptions__actions-message {\n  display: flex;\n  gap: var(--base-size-12);\n  align-items: flex-start;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  padding: var(--base-size-12);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);\n  border-inline: 0;\n  border-radius: 0;\n  background-color: var(--brand-PricingOptions-actionsMessage-bgColor);\n}\n\n.PricingOptions__actions-message-leading-component {\n  flex: 0 0 auto;\n  display: flex;\n  margin-block-start: var(--base-size-4);\n  color: var(--brand-PricingOptions-actionsMessage-accentColor);\n}\n\n.PricingOptions__actions-message-leading-component :where(svg) {\n  display: block;\n  inline-size: var(--base-size-16);\n  block-size: var(--base-size-16);\n}\n\n.PricingOptions__actions-message-content {\n  flex: 1 1 auto;\n  min-inline-size: 0;\n}\n\n.PricingOptions__actions-message-content :where(p) {\n  margin: 0;\n}\n\n/* MenuAction: full-width ActionMenu wrapper */\n.PricingOptions__menu-action {\n  width: 100%;\n}\n\n.PricingOptions__menu-action > * {\n  width: 100%;\n}\n\n/* Force ActionMenu button container to stretch full width */\n.PricingOptions__menu-action > * > * {\n  display: flex;\n  width: 100%;\n}\n\n/* Make the primary button fill remaining space next to the chevron */\n.PricingOptions__menu-action > * > * > :first-child {\n  flex: 1;\n}\n\n.PricingOptions__footnote {\n  grid-row: footnote;\n  display: block;\n  margin-block-start: var(--base-size-8);\n}\n\n/* ---------------------------------------------------------- */\n/* Feature list                                            */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-200);\n  --feature-list-line-height: var(--brand-text-lineHeight-200);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  grid-row: feature-list;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-20);\n  width: 100%;\n}\n\n.PricingOptions__feature-list--has-divider {\n  position: relative;\n  margin: 0;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-40);\n  padding-inline: 0;\n}\n\n/* Edge-to-edge divider above feature list */\n.PricingOptions__feature-list--has-divider::before {\n  content: '';\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  height: var(--brand-borderWidth-thin);\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Default layout: extend feature list divider into column gap */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n  }\n\n  /* First item: don't overflow past container start */\n  .PricingOptions--layout-default .PricingOptions__item:first-child .PricingOptions__feature-list--has-divider::before,\n  .PricingOptions--layout-default\n    .PricingOptions__labels\n    + .PricingOptions__item\n    .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  /* Last item: don't overflow past container end */\n  .PricingOptions--layout-default .PricingOptions__item:last-child .PricingOptions__feature-list--has-divider::before {\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__feature-list--has-divider::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n.PricingOptions__feature-list-set:nth-child(n + 2) {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-group-heading {\n  color: var(--brand-PricingOptions-featureList-group-heading-color);\n  margin-block-start: var(--base-size-12);\n  margin-block-end: var(--base-size-8);\n}\n\n.PricingOptions__feature-list-item--excluded span {\n  color: var(--brand-color-text-muted);\n}\n\n/* Info tooltip button */\n.PricingOptions__feature-list-item--has-info {\n  flex-wrap: nowrap;\n}\n\n.PricingOptions__feature-list-item--has-info > span {\n  flex: 1;\n  display: inline-flex;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.PricingOptions__feature-list-item-info {\n  all: unset;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n  color: var(--brand-color-text-muted);\n  background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-radius: 50%;\n  margin-inline-start: var(--base-size-8);\n  vertical-align: middle;\n  padding: var(--base-size-4);\n}\n\n.PricingOptions__feature-list-item-info svg {\n  width: var(--base-size-12);\n  height: var(--base-size-12);\n}\n\n.PricingOptions__feature-list-item-info:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.PricingOptions__feature-list + .PricingOptions__feature-list-group-heading {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-item,\n.PricingOptions__feature-list-item span {\n  font-size: var(--feature-list-font-size) !important;\n  line-height: var(--feature-list-line-height) !important;\n}\n\n.PricingOptions__feature-list-group-heading {\n  font-size: var(--feature-list-font-size) !important;\n}\n\n.PricingOptions--items4 .PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-100);\n  --feature-list-line-height: var(--brand-text-lineHeight-100);\n}\n\n/*\n * Accordion component overrides\n */\n\n/*  paddings and borders */\n.PricingOptions__feature-list-accordion {\n  border: 0;\n  padding: 0;\n}\n\n/* Remove hover effect */\n.PricingOptions__feature-list-accordion::after {\n  content: none !important;\n}\n\n/* Adjust heading spacing */\n.PricingOptions__feature-list-accordion-heading {\n  padding: var(--base-size-8) 0;\n  padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */\n  padding-inline-end: 0 !important;\n  margin-block-start: calc(var(--base-size-16) * -1);\n  margin-block-end: var(--base-size-8);\n}\n\n/* Accordion heading styling */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading :is(h1, h2, h3, h4, h5, h6) {\n  font-size: var(--feature-list-font-size);\n  line-height: var(--feature-list-line-height);\n  font-weight: var(--brand-text-subhead-weight-large);\n  gap: var(--base-size-8);\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  width: 100%;\n}\n\n/* Hide default icon */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading span {\n  display: none;\n}\n\n/* Adjust content paddings */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-content {\n  padding: 0;\n  padding-block-start: var(--base-size-8);\n  padding-inline-start: 0 !important;\n}\n\n.PricingOptions__feature-list-accordion-chevron {\n  margin-inline-end: var(--base-size-4);\n}\n\n/* Chevron up icon */\n.PricingOptions__feature-list-accordion[open] .PricingOptions__feature-list-accordion-chevron {\n  transform: rotate(180deg);\n}\n\n.PricingOptions__feature-list-accordion-content {\n  animation: none !important;\n}\n"],"mappings":""}
+{"version":3,"file":"PricingOptions.module.js","names":[],"sources":["../../src/PricingOptions/PricingOptions.module.css"],"sourcesContent":["/* ---------------------------------------------------------- */\n/* Container                                               */\n/* ---------------------------------------------------------- */\n\n.PricingOptions {\n  --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);\n  --brand-pricing-options-container-padding-inline: 0;\n  --brand-pricing-options-column-count: 1;\n\n  /* prettier-ignore */\n  --brand-pricing-options-template-areas: \n    'labels'\n    'leadingComponent'\n    'header'\n    'description'\n    'price'\n    'actions'\n    'feature-list'\n    'footnote'\n    ;\n\n  display: grid;\n  row-gap: var(--brand-pricing-options-item-gap, 0);\n  padding-inline: var(--brand-pricing-options-container-padding-inline);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .PricingOptions {\n    margin-inline: auto;\n    max-width: 488px;\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions {\n    grid-template-areas: var(--brand-pricing-options-template-areas);\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n    row-gap: 0;\n  }\n\n  .PricingOptions--items1 {\n    --brand-pricing-options-column-count: 1;\n  }\n\n  .PricingOptions--items2 {\n    --brand-pricing-options-column-count: 2;\n  }\n\n  .PricingOptions--items3 {\n    --brand-pricing-options-column-count: 3;\n  }\n\n  .PricingOptions--items4 {\n    --brand-pricing-options-column-count: 4;\n  }\n}\n\n.PricingOptions__labels {\n  display: none;\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__labels {\n    --brand-pricing-options-column-count: 1;\n\n    display: grid;\n    grid-column: 1 / -1;\n    grid-row: labels;\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n  }\n\n  .PricingOptions__label-cell {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: var(--base-size-54);\n    padding-block: var(--base-size-16);\n    background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  }\n\n  /* Accent top border — uses ::after so it can overflow into the column gap */\n  .PricingOptions__label-cell--has-label::after {\n    content: '';\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-text-emphasized);\n    z-index: 1;\n  }\n\n  /* First cell: don't overflow past container start (cards override below) */\n  .PricingOptions__label-cell--has-label:first-child::after {\n    inset-inline-start: 0;\n  }\n\n  /* Last cell: don't overflow past container end (cards override below) */\n  .PricingOptions__label-cell--has-label:last-child::after {\n    inset-inline-end: 0;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n\n  /* ---- Default layout labels ---- */\n\n  /* Continuous bottom border across entire labels row — uses ::after to extend into container padding */\n  .PricingOptions--layout-default .PricingOptions__labels {\n    position: relative;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__labels::after {\n    content: '';\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell {\n    margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n    padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:first-child {\n    margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-start: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:last-child {\n    margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-end: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  /* Empty cells: transparent bg/borders but structurally visible so dividers show */\n  .PricingOptions--layout-default .PricingOptions__label-cell--empty {\n    background-color: transparent;\n    border-block-start-color: transparent;\n  }\n\n  /* Vertical dividers between label cells, centered in the gap */\n  .PricingOptions--layout-default .PricingOptions__label-cell + .PricingOptions__label-cell::before {\n    content: '';\n    position: absolute;\n    inset-block: 0;\n    width: var(--brand-borderWidth-thin);\n    inset-inline-start: 0;\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__label-cell\n    + .PricingOptions__label-cell::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n\n  /* ---- Cards layout labels ---- */\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell {\n    padding-inline: var(--base-size-28);\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n    /* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */\n  }\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell--empty {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Cards: keep accent border inside the card boundary */\n  .PricingOptions--layout-cards .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: default                                         */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-default {\n  position: relative;\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-solid {\n  border: solid 1px var(--brand-color-border-subtle);\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item {\n  background: linear-gradient(\n    180deg,\n    var(--brand-PricingOptions-item-bgColor-gradient-start) 0%,\n    var(--brand-PricingOptions-item-bgColor-gradient-end) 100%\n  );\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient::before,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item::before {\n  position: absolute;\n  content: '';\n  inset: 0;\n  pointer-events: none;\n  border-radius: inherit;\n  mask-image: var(--brand-PricingOptions-borderMask);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default {\n    padding-inline: var(--brand-pricing-options-container-padding-inline);\n  }\n}\n\n.PricingOptions--layout-default .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-24);\n\n  position: relative; /* Used for positioning the divider between items */\n  padding-inline: var(--base-size-24);\n  padding-block: var(--base-size-20);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item {\n    --brand-pricing-options-item-padding-inline: 0;\n\n    padding-inline: 0;\n    padding-block: var(--base-size-40);\n  }\n}\n\n/* Horizontal divider between items on small viewports */\n.PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n  content: '';\n  position: absolute;\n  inset-inline: 0;\n  height: 1px;\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Vertical divider between items on larger viewports */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n    inset-inline: 0;\n    inset-block: 0;\n    width: 1px;\n    height: auto;\n    margin-block-start: 0;\n    margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__item\n    + .PricingOptions__item::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: cards                                           */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-cards .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-32);\n\n  position: relative;\n  padding-inline: var(--base-size-32);\n  padding-block: var(--base-size-32);\n}\n\n.PricingOptions--layout-cards.PricingOptions--appearance-solid .PricingOptions__item {\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);\n}\n\n/* ---------------------------------------------------------- */\n/* Items                                                      */\n/* ---------------------------------------------------------- */\n\n@media (min-width: 48rem) {\n  :where(.PricingOptions--layout-cards.PricingOptions--items4) {\n    row-gap: var(--brand-pricing-options-item-gap);\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--items1 {\n    width: 50%;\n    margin-inline: auto;\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items1 {\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items1-container-paddingInline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items2 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items2-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items2-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items3 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items3-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items3-container-padding-inline);\n  }\n  .PricingOptions--layout-default.PricingOptions--items4 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items4-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items4-container-padding-inline);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Item inner layout                                       */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__item {\n  display: grid;\n  grid-template-areas: var(--brand-pricing-options-template-areas);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__item {\n    grid-row: header / footnote;\n    grid-template-rows: subgrid;\n  }\n\n  .PricingOptions__item--has-leading-component {\n    grid-row: leadingComponent / footnote;\n  }\n}\n\n.PricingOptions__item--align-center {\n  justify-items: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__price,\n.PricingOptions__item--align-center .PricingOptions__description {\n  text-align: center;\n  justify-content: center;\n}\n\n/*\n * Backwards compatibility for browsers that don't support subgrid.\n * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.\n * https://caniuse.com/css-subgrid\n */\n@supports not (grid-template-rows: subgrid) {\n  @media (min-width: 63.28rem) {\n    .PricingOptions__item {\n      grid-template-areas: var(--brand-pricing-options-template-areas);\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\n    }\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Content                                                 */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__header {\n  display: flex;\n  grid-area: header;\n  row-gap: var(--base-size-16);\n}\n\n/* When item is left-aligned, keep the heading at the start of the card */\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__header {\n  align-items: center;\n  margin-block-end: var(--base-size-16);\n}\n\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto;\n  order: 1;\n  align-self: flex-start;\n}\n\n@media (min-width: 63.24rem) {\n  .PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n    margin-block: 0;\n  }\n}\n\n/* When item is centered, center the heading */\n.PricingOptions__item--align-center .PricingOptions__header {\n  justify-content: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__heading {\n  margin-block-start: 0;\n  margin-block-end: var(--base-size-16);\n  text-align: center;\n}\n\n.PricingOptions__leading-component {\n  grid-row: leadingComponent;\n}\n\n.PricingOptions__leading-component :is(img, picture) {\n  display: block;\n}\n\n.PricingOptions__label {\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  line-height: var(--brand-text-lineHeight-200);\n  text-transform: uppercase;\n}\n\n.PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto; /* Minimum width before wrapping */\n  order: 1;\n  align-self: flex-start;\n}\n\n.PricingOptions__description {\n  grid-row: description;\n}\n\n.PricingOptions__price {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  grid-row: price;\n  padding-block-start: var(--base-size-20);\n  padding-block-end: var(--base-size-8);\n}\n\n@media (max-width: 63.25rem) {\n  .PricingOptions__price-value,\n  .PricingOptions__price-currency-symbol {\n    font-size: var(--brand-text-size-900);\n  }\n}\n\n.PricingOptions__price-amount {\n  display: flex;\n  align-items: flex-end;\n}\n\n.PricingOptions__price-currency-code {\n  margin-inline-start: var(--base-size-4);\n  margin-block-end: var(--base-size-4);\n  color: var(--brand-color-text-muted);\n}\n\n.PricingOptions__price-original-price {\n  display: inline-flex;\n  align-self: center;\n  text-decoration: none;\n  margin-inline-start: var(--base-size-8);\n}\n\n.PricingOptions__price-original-price-value {\n  text-decoration: line-through;\n}\n\n.PricingOptions__price-trailing-text {\n  flex: 1 0 100%;\n  display: block;\n}\n\n.PricingOptions__actions {\n  grid-row: actions;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  align-items: flex-end;\n  padding-block-start: var(--base-size-20);\n}\n\n.PricingOptions__actions-message {\n  display: flex;\n  gap: var(--base-size-12);\n  align-items: flex-start;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  padding: var(--base-size-12);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);\n  border-inline: 0;\n  border-radius: 0;\n  background-color: var(--brand-PricingOptions-actionsMessage-bgColor);\n}\n\n.PricingOptions__actions-message-leading-component {\n  flex: 0 0 auto;\n  display: flex;\n  margin-block-start: var(--base-size-4);\n  color: var(--brand-PricingOptions-actionsMessage-accentColor);\n}\n\n.PricingOptions__actions-message-leading-component :where(svg) {\n  display: block;\n  inline-size: var(--base-size-16);\n  block-size: var(--base-size-16);\n}\n\n.PricingOptions__actions-message-content {\n  flex: 1 1 auto;\n  min-inline-size: 0;\n}\n\n.PricingOptions__actions-message-content :where(p) {\n  margin: 0;\n}\n\n/* MenuAction: full-width ActionMenu wrapper */\n.PricingOptions__menu-action {\n  width: 100%;\n}\n\n.PricingOptions__menu-action > * {\n  width: 100%;\n}\n\n/* Force ActionMenu button container to stretch full width */\n.PricingOptions__menu-action > * > * {\n  display: flex;\n  width: 100%;\n}\n\n/* Make the primary button fill remaining space next to the chevron */\n.PricingOptions__menu-action > * > * > :first-child {\n  flex: 1;\n}\n\n.PricingOptions__footnote {\n  grid-row: footnote;\n  display: block;\n  margin-block-start: var(--base-size-8);\n}\n\n/* ---------------------------------------------------------- */\n/* Feature list                                            */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-200);\n  --feature-list-line-height: var(--brand-text-lineHeight-200);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  grid-row: feature-list;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-20);\n  width: 100%;\n}\n\n.PricingOptions__feature-list--has-divider {\n  position: relative;\n  margin: 0;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-40);\n  padding-inline: 0;\n}\n\n/* Edge-to-edge divider above feature list */\n.PricingOptions__feature-list--has-divider::before {\n  content: '';\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  height: var(--brand-borderWidth-thin);\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Default layout: extend feature list divider into column gap */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n  }\n\n  /* First item: don't overflow past container start */\n  .PricingOptions--layout-default .PricingOptions__item:first-child .PricingOptions__feature-list--has-divider::before,\n  .PricingOptions--layout-default\n    .PricingOptions__labels\n    + .PricingOptions__item\n    .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  /* Last item: don't overflow past container end */\n  .PricingOptions--layout-default .PricingOptions__item:last-child .PricingOptions__feature-list--has-divider::before {\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__feature-list--has-divider::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n.PricingOptions__feature-list-set:nth-child(n + 2) {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-group-heading {\n  color: var(--brand-PricingOptions-featureList-group-heading-color);\n  margin-block-start: var(--base-size-12);\n  margin-block-end: var(--base-size-8);\n}\n\n.PricingOptions__feature-list-item--excluded span {\n  color: var(--brand-color-text-muted);\n}\n\n/* Info tooltip button */\n.PricingOptions__feature-list-item--has-info {\n  flex-wrap: nowrap;\n}\n\n.PricingOptions__feature-list-item--has-info > span {\n  flex: 1;\n  display: inline-flex;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.PricingOptions__feature-list-item-info {\n  all: unset;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n  color: var(--brand-color-text-muted);\n  background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-radius: 50%;\n  margin-inline-start: var(--base-size-8);\n  vertical-align: middle;\n  padding: var(--base-size-4);\n}\n\n.PricingOptions__feature-list-item-info svg {\n  width: var(--base-size-12);\n  height: var(--base-size-12);\n}\n\n.PricingOptions__feature-list-item-info:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.PricingOptions__feature-list + .PricingOptions__feature-list-group-heading {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-item,\n.PricingOptions__feature-list-item span {\n  font-size: var(--feature-list-font-size) !important;\n  line-height: var(--feature-list-line-height) !important;\n}\n\n.PricingOptions__feature-list-group-heading {\n  font-size: var(--feature-list-font-size) !important;\n}\n\n.PricingOptions--items4 .PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-100);\n  --feature-list-line-height: var(--brand-text-lineHeight-100);\n}\n\n/*\n * Accordion component overrides\n */\n\n/*  paddings and borders */\n.PricingOptions__feature-list-accordion {\n  border: 0;\n  padding: 0;\n}\n\n/* Remove hover effect */\n.PricingOptions__feature-list-accordion::after {\n  content: none !important;\n}\n\n/* Adjust heading spacing */\n.PricingOptions__feature-list-accordion-heading {\n  padding: var(--base-size-8) 0;\n  padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */\n  padding-inline-end: 0 !important;\n  margin-block-start: calc(var(--base-size-16) * -1);\n  margin-block-end: var(--base-size-8);\n}\n\n/* Accordion heading styling */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading :is(h1, h2, h3, h4, h5, h6) {\n  font-size: var(--feature-list-font-size);\n  line-height: var(--feature-list-line-height);\n  font-weight: var(--brand-text-subhead-weight-large);\n  gap: var(--base-size-8);\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  width: 100%;\n}\n\n/* Hide default icon */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading span {\n  display: none;\n}\n\n/* Adjust content paddings */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-content {\n  padding: 0;\n  padding-block-start: var(--base-size-8);\n  padding-inline-start: 0 !important;\n}\n\n.PricingOptions__feature-list-accordion-chevron {\n  margin-inline-end: var(--base-size-4);\n}\n\n/* Chevron up icon */\n.PricingOptions__feature-list-accordion[open] .PricingOptions__feature-list-accordion-chevron {\n  transform: rotate(180deg);\n}\n\n.PricingOptions__feature-list-accordion-content {\n  animation: none !important;\n}\n"],"mappings":""}

package/esm/SectionIntro/SectionIntro.module-BbIW9pPO.css

@@ -0,0 +1 @@
+.Primer_Brand__SectionIntro-module__SectionIntro___lKLtX{gap:var(--base-size-16);padding-block:var(--base-size-24);flex-direction:column;align-items:flex-start;display:flex}.Primer_Brand__SectionIntro-module__SectionIntro___lKLtX img,.Primer_Brand__SectionIntro-module__SectionIntro___lKLtX picture{display:block}.Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___KwvDG{color:var(--brand-color-text-muted)}.Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___KwvDG em,.Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___KwvDG b{color:var(--brand-color-text-default);font-style:normal;font-weight:inherit}.Primer_Brand__SectionIntro-module__SectionIntro--align-start___2iH9X{text-align:start}.Primer_Brand__SectionIntro-module__SectionIntro--align-center___gp5o5{text-align:center;padding-inline:var(--base-size-24);align-items:center}.Primer_Brand__SectionIntro-module__SectionIntro-heading___gqaMX{max-width:24ch}.Primer_Brand__SectionIntro-module__SectionIntro--full-width___oN_XO .Primer_Brand__SectionIntro-module__SectionIntro-heading___gqaMX{max-width:none}.Primer_Brand__SectionIntro-module__SectionIntro-label___qQQ95{margin-block-end:var(--base-size-2)}.Primer_Brand__SectionIntro-module__SectionIntro-description___3x7fL{max-width:50ch;padding-block-start:var(--base-size-2)}.Primer_Brand__SectionIntro-module__SectionIntro-link___fgioV{margin-top:var(--base-size-16)}

package/esm/SectionIntro/SectionIntro.module.js

@@ -1,4 +1,4 @@
-import './SectionIntro.module-CiRymbla.css';var e = {
+import './SectionIntro.module-BbIW9pPO.css';var e = {
 	SectionIntro: "Primer_Brand__SectionIntro-module__SectionIntro___lKLtX",
 	"SectionIntro-heading--muted": "Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___KwvDG",
 	"SectionIntro--align-start": "Primer_Brand__SectionIntro-module__SectionIntro--align-start___2iH9X",

package/esm/SectionIntro/SectionIntro.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionIntro.module.js","names":[],"sources":["../../src/SectionIntro/SectionIntro.module.css"],"sourcesContent":[".SectionIntro {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-16);\n  align-items: flex-start;\n  padding-block: var(--base-size-24);\n}\n\n.SectionIntro-heading--muted {\n  color: var(--brand-color-text-muted);\n}\n\n.SectionIntro-heading--muted em,\n.SectionIntro-heading--muted b {\n  color: var(--brand-color-text-default);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.SectionIntro--align-start {\n  text-align: start;\n}\n\n.SectionIntro--align-center {\n  align-items: center;\n  text-align: center;\n  padding-inline: var(--base-size-24);\n}\n\n.SectionIntro-heading {\n  max-width: 24ch;\n}\n\n.SectionIntro--full-width .SectionIntro-heading {\n  max-width: none;\n}\n\n.SectionIntro-label {\n  margin-block-end: var(--base-size-2);\n}\n\n.SectionIntro-description {\n  padding-block-start: var(--base-size-2);\n  max-width: 50ch;\n}\n\n.SectionIntro-link {\n  margin-top: var(--base-size-16);\n}\n"],"mappings":""}
+{"version":3,"file":"SectionIntro.module.js","names":[],"sources":["../../src/SectionIntro/SectionIntro.module.css"],"sourcesContent":[".SectionIntro {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-16);\n  align-items: flex-start;\n  padding-block: var(--base-size-24);\n}\n\n.SectionIntro :is(img, picture) {\n  display: block;\n}\n\n.SectionIntro-heading--muted {\n  color: var(--brand-color-text-muted);\n}\n\n.SectionIntro-heading--muted em,\n.SectionIntro-heading--muted b {\n  color: var(--brand-color-text-default);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.SectionIntro--align-start {\n  text-align: start;\n}\n\n.SectionIntro--align-center {\n  align-items: center;\n  text-align: center;\n  padding-inline: var(--base-size-24);\n}\n\n.SectionIntro-heading {\n  max-width: 24ch;\n}\n\n.SectionIntro--full-width .SectionIntro-heading {\n  max-width: none;\n}\n\n.SectionIntro-label {\n  margin-block-end: var(--base-size-2);\n}\n\n.SectionIntro-description {\n  padding-block-start: var(--base-size-2);\n  max-width: 50ch;\n}\n\n.SectionIntro-link {\n  margin-top: var(--base-size-16);\n}\n"],"mappings":""}

package/esm/Statistic/Statistic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Statistic.d.ts","sourceRoot":"","sources":["../../src/Statistic/Statistic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAGnE,OAAO,EAAO,SAAS,EAAe,MAAM,KAAK,CAAA;AAEjD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,OAAO,gGAAgG,CAAA;AAKvG,eAAO,MAAM,cAAc,uCAAwC,CAAA;AACnE,eAAO,MAAM,sBAAsB,sDAAuD,CAAA;AAE1F,KAAK,sBAAsB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3D,KAAK,aAAa,CAAC,CAAC,IAAI;IACtB,MAAM,CAAC,EAAE,CAAC,CAAA;IACV,OAAO,CAAC,EAAE,CAAC,CAAA;IACX,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,iBAAiB,CAAC,GAAG;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,GAAG,aAAa,CAAC,sBAAsB,CAAC,CAAA;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC1C;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC3C;;OAEG;IACH,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CACzB,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAkItC,KAAK,yBAAyB,GAAG,SAAS,CAAC,eAAe,CAAC,GACzD,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;CACzC,CAAA;AAmBH;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIpB,CAAA"}
+{"version":3,"file":"Statistic.d.ts","sourceRoot":"","sources":["../../src/Statistic/Statistic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAGnE,OAAO,EAAO,SAAS,EAAe,MAAM,KAAK,CAAA;AAEjD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,OAAO,gGAAgG,CAAA;AAKvG,eAAO,MAAM,cAAc,uCAAwC,CAAA;AACnE,eAAO,MAAM,sBAAsB,sDAAuD,CAAA;AAE1F,KAAK,sBAAsB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3D,KAAK,aAAa,CAAC,CAAC,IAAI;IACtB,MAAM,CAAC,EAAE,CAAC,CAAA;IACV,OAAO,CAAC,EAAE,CAAC,CAAA;IACX,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,iBAAiB,CAAC,GAAG;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,GAAG,aAAa,CAAC,sBAAsB,CAAC,CAAA;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC1C;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC3C;;OAEG;IACH,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CACzB,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAwItC,KAAK,yBAAyB,GAAG,SAAS,CAAC,eAAe,CAAC,GACzD,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;CACzC,CAAA;AAmBH;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIpB,CAAA"}

package/esm/Statistic/Statistic.js

@@ -33,7 +33,7 @@ var u = [
 		k
 	] }) })), /* @__PURE__ */ l("div", {
 		ref: w,
-		className: e(r[`Statistic--variant-${v}`], D, T, a),
+		className: e(r.Statistic, r[`Statistic--variant-${v}`], D, T, a),
 		style: {
 			...E,
 			...S

package/esm/Statistic/Statistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Statistic.js","names":[],"sources":["../../src/Statistic/Statistic.tsx"],"sourcesContent":["import React, {PropsWithChildren, forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\n\nimport {Text, TextProps, useAnimation} from '../'\n\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/statistic/base.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Statistic.module.css'\n\nexport const StatisticSizes = ['small', 'medium', 'large'] as const\nexport const StatisticSpacingValues = ['none', 'condensed', 'normal', 'spacious'] as const\n\ntype StatisticSpacingValues = (typeof StatisticSpacingValues)[number]\n\nexport type StatisticSize = (typeof StatisticSizes)[number]\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\nexport type StatisticProps = BaseProps<HTMLAnchorElement> & {\n  /**\n   * The size of the Statistic\n   */\n  size?: StatisticSize\n  /**\n   * Adding padding to all internal sides of the component\n   */\n  padding?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>\n  /**\n   * Specify alternative  appearance\n   */\n  variant?: 'default' | 'boxed'\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  trailingComponent?: React.FunctionComponent\n  /**\n   * Optional attirbute for testing\n   */\n  ['data-testid']?: string\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst testIds = {\n  root: 'Statistic',\n}\n\nconst _HeadingSizeMap: {\n  [key in StatisticSize]: TextProps['size']\n} = {\n  small: '600',\n  medium: '800',\n  large: '1000',\n}\n\nconst classBuilder = (property: string, value?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>) => {\n  if (!value) return ''\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return styles[`Statistic--${property}-${value}`]\n  } else {\n    return Object.keys(value)\n      .map(viewport => styles[`Statistic--${viewport}-${property}-${value[viewport]}`])\n      .join(' ')\n  }\n}\n\nconst _Statistic = forwardRef<HTMLDivElement, PropsWithChildren<StatisticProps>>(\n  (\n    {\n      animate,\n      className,\n      children,\n      'data-testid': testId,\n      size = 'large',\n      variant = 'default',\n      padding = 'none',\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n    const paddingClasses = useMemo(() => classBuilder('padding', padding), [padding])\n\n    type HeadingElement = React.ReactElement<React.ComponentProps<typeof StatisticHeading>>\n    type DescriptionElement = React.ReactElement<React.ComponentProps<typeof StatisticDescription>>\n\n    const headingChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(child) && child.type === StatisticHeading\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(candidate)\n        ? (candidate as HeadingElement)\n        : undefined\n    }, [children])\n\n    const descriptionChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(child) &&\n          child.type === StatisticDescription\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(candidate)\n        ? (candidate as DescriptionElement)\n        : undefined\n    }, [children])\n\n    let headingToRender = headingChild\n\n    /**\n     * To aid assistive technology, we append the optional description to the heading\n     */\n    if (descriptionChild && headingToRender) {\n      headingToRender = React.cloneElement(headingToRender, {\n        children: (\n          <>\n            {headingToRender.props.children} {descriptionChild}\n          </>\n        ),\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles[`Statistic--variant-${variant}`], paddingClasses, animationClasses, className)}\n        style={{...animationInlineStyles, ...style}}\n        data-testid={testId || testIds.root}\n        {...rest}\n      >\n        {LeadingComponent && <LeadingComponent />}\n\n        {headingToRender &&\n          React.cloneElement(headingToRender, {\n            size: headingToRender.props.size || _HeadingSizeMap[size],\n          })}\n\n        {TrailingComponent && <TrailingComponent />}\n      </div>\n    )\n  },\n)\n\ntype StatisticHeadingProps = TextProps\n\nconst StatisticHeading = forwardRef<HTMLParagraphElement, StatisticHeadingProps>(\n  ({as = 'p', className, children, font = 'hubot-sans', weight = 'medium', size = '1000', ...rest}, ref) => {\n    return (\n      <Text\n        as={as}\n        ref={ref}\n        className={clsx(styles[`Statistic__heading`], className)}\n        font={font}\n        weight={weight}\n        size={size}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype StatisticDescriptionProps = BaseProps<HTMLSpanElement> &\n  Omit<TextProps, 'variant' | 'as'> & {\n    variant?: 'default' | 'muted' | 'accent'\n  }\n\nconst StatisticDescription = forwardRef<HTMLSpanElement, PropsWithChildren<StatisticDescriptionProps>>(\n  ({children, className, size = '300', variant = 'muted', ...rest}, ref) => {\n    return (\n      <Text\n        variant={variant !== 'accent' ? variant : 'muted'}\n        ref={ref}\n        size={size}\n        font=\"mona-sans\"\n        className={clsx(styles['Statistic__description'], styles[`Statistic__description--${variant}`], className)}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\n/**\n * Use the statistic component display concise numerical information\n * @see https://primer.style/brand/components/Statistic\n */\nexport const Statistic = Object.assign(_Statistic, {\n  Heading: StatisticHeading,\n  Description: StatisticDescription,\n  testIds,\n})\n"],"mappings":";;;;;;;;AAeA,IAAa,IAAiB;CAAC;CAAS;CAAU;CAAQ,EAC7C,IAAyB;CAAC;CAAQ;CAAa;CAAU;CAAW,EA8C3E,IAAU,EACd,MAAM,aACP,EAEK,IAEF;CACF,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EAEK,KAAgB,GAAkB,MACjC,IAED,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,EAAO,cAAc,EAAS,GAAG,OAEjC,OAAO,KAAK,EAAM,CACtB,KAAI,MAAY,EAAO,cAAc,EAAS,GAAG,EAAS,GAAG,EAAM,MAAa,CAChF,KAAK,IAAI,GAPK,IAWf,IAAa,GAEf,EACE,YACA,cACA,aACA,eAAe,GACf,UAAO,SACP,aAAU,WACV,aAAU,QACV,kBAAkB,GAClB,mBAAmB,GACnB,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAClF,IAAiB,QAAc,EAAa,WAAW,EAAQ,EAAE,CAAC,EAAQ,CAAC,EAK3E,IAAe,QAAc;EACjC,IAAM,IAAY,EAAM,SAAS,QAAQ,EAAS,CAAC,MAAK,MAEpD,EAAM,eAA8D,EAAM,IAAI,EAAM,SAAS,EAE/F;AAEF,SAAO,EAAM,eAA8D,EAAU,GAChF,IACD,KAAA;IACH,CAAC,EAAS,CAAC,EAER,IAAmB,QAAc;EACrC,IAAM,IAAY,EAAM,SAAS,QAAQ,EAAS,CAAC,MAAK,MAEpD,EAAM,eAAkE,EAAM,IAC9E,EAAM,SAAS,EAEjB;AAEF,SAAO,EAAM,eAAkE,EAAU,GACpF,IACD,KAAA;IACH,CAAC,EAAS,CAAC,EAEV,IAAkB;AAetB,QAVI,KAAoB,MACtB,IAAkB,EAAM,aAAa,GAAiB,EACpD,UACE,kBAAA,GAAA,EAAA,UAAA;EACG,EAAgB,MAAM;EAAS;EAAE;EACjC,EAAA,CAAA,EAEN,CAAC,GAIF,kBAAC,OAAD;EACO;EACL,WAAW,EAAK,EAAO,sBAAsB,MAAY,GAAgB,GAAkB,EAAU;EACrG,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,eAAa,KAAU,EAAQ;EAC/B,GAAI;YALN;GAOG,KAAoB,kBAAC,GAAD,EAAoB,CAAA;GAExC,KACC,EAAM,aAAa,GAAiB,EAClC,MAAM,EAAgB,MAAM,QAAQ,EAAgB,IACrD,CAAC;GAEH,KAAqB,kBAAC,GAAD,EAAqB,CAAA;GACvC;;EAGX,EAIK,IAAmB,GACtB,EAAC,QAAK,KAAK,cAAW,aAAU,UAAO,cAAc,YAAS,UAAU,UAAO,QAAQ,GAAG,KAAO,MAE9F,kBAAC,GAAD;CACM;CACC;CACL,WAAW,EAAK,EAAO,oBAAuB,EAAU;CAClD;CACE;CACF;CACN,GAAI;CAEH;CACI,CAAA,CAGZ,EAOK,IAAuB,GAC1B,EAAC,aAAU,cAAW,UAAO,OAAO,aAAU,SAAS,GAAG,KAAO,MAE9D,kBAAC,GAAD;CACE,SAAS,MAAY,WAAqB,UAAV;CAC3B;CACC;CACN,MAAK;CACL,WAAW,EAAK,EAAO,wBAA2B,EAAO,2BAA2B,MAAY,EAAU;CAC1G,GAAI;CAEH;CACI,CAAA,CAGZ,EAMY,IAAY,OAAO,OAAO,GAAY;CACjD,SAAS;CACT,aAAa;CACb;CACD,CAAC"}
+{"version":3,"file":"Statistic.js","names":[],"sources":["../../src/Statistic/Statistic.tsx"],"sourcesContent":["import React, {PropsWithChildren, forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\n\nimport {Text, TextProps, useAnimation} from '../'\n\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/statistic/base.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Statistic.module.css'\n\nexport const StatisticSizes = ['small', 'medium', 'large'] as const\nexport const StatisticSpacingValues = ['none', 'condensed', 'normal', 'spacious'] as const\n\ntype StatisticSpacingValues = (typeof StatisticSpacingValues)[number]\n\nexport type StatisticSize = (typeof StatisticSizes)[number]\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\nexport type StatisticProps = BaseProps<HTMLAnchorElement> & {\n  /**\n   * The size of the Statistic\n   */\n  size?: StatisticSize\n  /**\n   * Adding padding to all internal sides of the component\n   */\n  padding?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>\n  /**\n   * Specify alternative  appearance\n   */\n  variant?: 'default' | 'boxed'\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  trailingComponent?: React.FunctionComponent\n  /**\n   * Optional attirbute for testing\n   */\n  ['data-testid']?: string\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst testIds = {\n  root: 'Statistic',\n}\n\nconst _HeadingSizeMap: {\n  [key in StatisticSize]: TextProps['size']\n} = {\n  small: '600',\n  medium: '800',\n  large: '1000',\n}\n\nconst classBuilder = (property: string, value?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>) => {\n  if (!value) return ''\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return styles[`Statistic--${property}-${value}`]\n  } else {\n    return Object.keys(value)\n      .map(viewport => styles[`Statistic--${viewport}-${property}-${value[viewport]}`])\n      .join(' ')\n  }\n}\n\nconst _Statistic = forwardRef<HTMLDivElement, PropsWithChildren<StatisticProps>>(\n  (\n    {\n      animate,\n      className,\n      children,\n      'data-testid': testId,\n      size = 'large',\n      variant = 'default',\n      padding = 'none',\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n    const paddingClasses = useMemo(() => classBuilder('padding', padding), [padding])\n\n    type HeadingElement = React.ReactElement<React.ComponentProps<typeof StatisticHeading>>\n    type DescriptionElement = React.ReactElement<React.ComponentProps<typeof StatisticDescription>>\n\n    const headingChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(child) && child.type === StatisticHeading\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(candidate)\n        ? (candidate as HeadingElement)\n        : undefined\n    }, [children])\n\n    const descriptionChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(child) &&\n          child.type === StatisticDescription\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(candidate)\n        ? (candidate as DescriptionElement)\n        : undefined\n    }, [children])\n\n    let headingToRender = headingChild\n\n    /**\n     * To aid assistive technology, we append the optional description to the heading\n     */\n    if (descriptionChild && headingToRender) {\n      headingToRender = React.cloneElement(headingToRender, {\n        children: (\n          <>\n            {headingToRender.props.children} {descriptionChild}\n          </>\n        ),\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.Statistic,\n          styles[`Statistic--variant-${variant}`],\n          paddingClasses,\n          animationClasses,\n          className,\n        )}\n        style={{...animationInlineStyles, ...style}}\n        data-testid={testId || testIds.root}\n        {...rest}\n      >\n        {LeadingComponent && <LeadingComponent />}\n\n        {headingToRender &&\n          React.cloneElement(headingToRender, {\n            size: headingToRender.props.size || _HeadingSizeMap[size],\n          })}\n\n        {TrailingComponent && <TrailingComponent />}\n      </div>\n    )\n  },\n)\n\ntype StatisticHeadingProps = TextProps\n\nconst StatisticHeading = forwardRef<HTMLParagraphElement, StatisticHeadingProps>(\n  ({as = 'p', className, children, font = 'hubot-sans', weight = 'medium', size = '1000', ...rest}, ref) => {\n    return (\n      <Text\n        as={as}\n        ref={ref}\n        className={clsx(styles[`Statistic__heading`], className)}\n        font={font}\n        weight={weight}\n        size={size}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype StatisticDescriptionProps = BaseProps<HTMLSpanElement> &\n  Omit<TextProps, 'variant' | 'as'> & {\n    variant?: 'default' | 'muted' | 'accent'\n  }\n\nconst StatisticDescription = forwardRef<HTMLSpanElement, PropsWithChildren<StatisticDescriptionProps>>(\n  ({children, className, size = '300', variant = 'muted', ...rest}, ref) => {\n    return (\n      <Text\n        variant={variant !== 'accent' ? variant : 'muted'}\n        ref={ref}\n        size={size}\n        font=\"mona-sans\"\n        className={clsx(styles['Statistic__description'], styles[`Statistic__description--${variant}`], className)}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\n/**\n * Use the statistic component display concise numerical information\n * @see https://primer.style/brand/components/Statistic\n */\nexport const Statistic = Object.assign(_Statistic, {\n  Heading: StatisticHeading,\n  Description: StatisticDescription,\n  testIds,\n})\n"],"mappings":";;;;;;;;AAeA,IAAa,IAAiB;CAAC;CAAS;CAAU;CAAQ,EAC7C,IAAyB;CAAC;CAAQ;CAAa;CAAU;CAAW,EA8C3E,IAAU,EACd,MAAM,aACP,EAEK,IAEF;CACF,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EAEK,KAAgB,GAAkB,MACjC,IAED,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,EAAO,cAAc,EAAS,GAAG,OAEjC,OAAO,KAAK,EAAM,CACtB,KAAI,MAAY,EAAO,cAAc,EAAS,GAAG,EAAS,GAAG,EAAM,MAAa,CAChF,KAAK,IAAI,GAPK,IAWf,IAAa,GAEf,EACE,YACA,cACA,aACA,eAAe,GACf,UAAO,SACP,aAAU,WACV,aAAU,QACV,kBAAkB,GAClB,mBAAmB,GACnB,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAClF,IAAiB,QAAc,EAAa,WAAW,EAAQ,EAAE,CAAC,EAAQ,CAAC,EAK3E,IAAe,QAAc;EACjC,IAAM,IAAY,EAAM,SAAS,QAAQ,EAAS,CAAC,MAAK,MAEpD,EAAM,eAA8D,EAAM,IAAI,EAAM,SAAS,EAE/F;AAEF,SAAO,EAAM,eAA8D,EAAU,GAChF,IACD,KAAA;IACH,CAAC,EAAS,CAAC,EAER,IAAmB,QAAc;EACrC,IAAM,IAAY,EAAM,SAAS,QAAQ,EAAS,CAAC,MAAK,MAEpD,EAAM,eAAkE,EAAM,IAC9E,EAAM,SAAS,EAEjB;AAEF,SAAO,EAAM,eAAkE,EAAU,GACpF,IACD,KAAA;IACH,CAAC,EAAS,CAAC,EAEV,IAAkB;AAetB,QAVI,KAAoB,MACtB,IAAkB,EAAM,aAAa,GAAiB,EACpD,UACE,kBAAA,GAAA,EAAA,UAAA;EACG,EAAgB,MAAM;EAAS;EAAE;EACjC,EAAA,CAAA,EAEN,CAAC,GAIF,kBAAC,OAAD;EACO;EACL,WAAW,EACT,EAAO,WACP,EAAO,sBAAsB,MAC7B,GACA,GACA,EACD;EACD,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,eAAa,KAAU,EAAQ;EAC/B,GAAI;YAXN;GAaG,KAAoB,kBAAC,GAAD,EAAoB,CAAA;GAExC,KACC,EAAM,aAAa,GAAiB,EAClC,MAAM,EAAgB,MAAM,QAAQ,EAAgB,IACrD,CAAC;GAEH,KAAqB,kBAAC,GAAD,EAAqB,CAAA;GACvC;;EAGX,EAIK,IAAmB,GACtB,EAAC,QAAK,KAAK,cAAW,aAAU,UAAO,cAAc,YAAS,UAAU,UAAO,QAAQ,GAAG,KAAO,MAE9F,kBAAC,GAAD;CACM;CACC;CACL,WAAW,EAAK,EAAO,oBAAuB,EAAU;CAClD;CACE;CACF;CACN,GAAI;CAEH;CACI,CAAA,CAGZ,EAOK,IAAuB,GAC1B,EAAC,aAAU,cAAW,UAAO,OAAO,aAAU,SAAS,GAAG,KAAO,MAE9D,kBAAC,GAAD;CACE,SAAS,MAAY,WAAqB,UAAV;CAC3B;CACC;CACN,MAAK;CACL,WAAW,EAAK,EAAO,wBAA2B,EAAO,2BAA2B,MAAY,EAAU;CAC1G,GAAI;CAEH;CACI,CAAA,CAGZ,EAMY,IAAY,OAAO,OAAO,GAAY;CACjD,SAAS;CACT,aAAa;CACb;CACD,CAAC"}

package/esm/Statistic/{Statistic.module-Dqb6n1GX.css → Statistic.module-DvdiSbXk.css}

@@ -1 +1 @@
-.Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi{background-color:var(--brand-color-canvas-subtle);border-radius:var(--brand-borderRadius-large)}.Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi,.Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi.Primer_Brand__Statistic-module__Statistic--padding-none___GUt1Q{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--padding-none___GUt1Q{padding:0}.Primer_Brand__Statistic-module__Statistic--padding-condensed___JI2lY{padding:var(--brand-Statistic-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--padding-normal___vHbtv{padding:var(--brand-Statistic-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--padding-spacious___Gvu_b{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-condensed___vT33_{padding:var(--brand-box-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-normal___aLI9P{padding:var(--brand-box-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-spacious___xpwvB{padding:var(--base-size-32)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-none___Oy_ly{padding:0}@media screen and (width>=48rem){.Primer_Brand__Statistic-module__Statistic--regular-padding-condensed___PUIYI{padding:var(--brand-Statistic-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--regular-padding-normal___NfTzS{padding:var(--brand-Statistic-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--regular-padding-spacious___HjVH1{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--regular-padding-none___1fBS8{padding:0}}@media screen and (width>=80rem){.Primer_Brand__Statistic-module__Statistic--wide-padding-condensed___GmGtC{padding:var(--brand-Statistic-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--wide-padding-normal___VpWHZ{padding:var(--brand-Statistic-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--wide-padding-spacious___55ImP{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--wide-padding-none___36TdO{padding:0}}.Primer_Brand__Statistic-module__Statistic__heading___zkSQX{position:relative}.Primer_Brand__Statistic-module__Statistic__heading___zkSQX sup{font-size:var(--brand-text-size-100);line-height:0;font-weight:var(--brand-text-weight-100);vertical-align:top;top:var(--base-size-6);font-stretch:100%;position:relative}.Primer_Brand__Statistic-module__Statistic__heading___zkSQX sup a{padding:var(--base-size-4);line-height:1;display:inline-block}.Primer_Brand__Statistic-module__Statistic__description--accent___yiXP4{color:var(--brand-color-accent-primary)}.Primer_Brand__Statistic-module__Statistic__description___6v0Xv{margin-block-start:var(--base-size-8);font-stretch:100%;display:block;position:relative}.Primer_Brand__Statistic-module__Statistic__description___6v0Xv sup{font-size:var(--brand-text-size-100);vertical-align:top;line-height:0;position:relative;top:0}.Primer_Brand__Statistic-module__Statistic__description___6v0Xv sup a{padding:var(--base-size-4);line-height:1;display:inline-block}
+.Primer_Brand__Statistic-module__Statistic___tRtgu img,.Primer_Brand__Statistic-module__Statistic___tRtgu picture{display:block}.Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi{background-color:var(--brand-color-canvas-subtle);border-radius:var(--brand-borderRadius-large)}.Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi,.Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi.Primer_Brand__Statistic-module__Statistic--padding-none___GUt1Q{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--padding-none___GUt1Q{padding:0}.Primer_Brand__Statistic-module__Statistic--padding-condensed___JI2lY{padding:var(--brand-Statistic-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--padding-normal___vHbtv{padding:var(--brand-Statistic-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--padding-spacious___Gvu_b{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-condensed___vT33_{padding:var(--brand-box-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-normal___aLI9P{padding:var(--brand-box-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-spacious___xpwvB{padding:var(--base-size-32)}.Primer_Brand__Statistic-module__Statistic--narrow-padding-none___Oy_ly{padding:0}@media screen and (width>=48rem){.Primer_Brand__Statistic-module__Statistic--regular-padding-condensed___PUIYI{padding:var(--brand-Statistic-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--regular-padding-normal___NfTzS{padding:var(--brand-Statistic-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--regular-padding-spacious___HjVH1{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--regular-padding-none___1fBS8{padding:0}}@media screen and (width>=80rem){.Primer_Brand__Statistic-module__Statistic--wide-padding-condensed___GmGtC{padding:var(--brand-Statistic-spacing-condensed)}.Primer_Brand__Statistic-module__Statistic--wide-padding-normal___VpWHZ{padding:var(--brand-Statistic-spacing-normal)}.Primer_Brand__Statistic-module__Statistic--wide-padding-spacious___55ImP{padding:var(--brand-Statistic-spacing-spacious)}.Primer_Brand__Statistic-module__Statistic--wide-padding-none___36TdO{padding:0}}.Primer_Brand__Statistic-module__Statistic__heading___zkSQX{position:relative}.Primer_Brand__Statistic-module__Statistic__heading___zkSQX sup{font-size:var(--brand-text-size-100);line-height:0;font-weight:var(--brand-text-weight-100);vertical-align:top;top:var(--base-size-6);font-stretch:100%;position:relative}.Primer_Brand__Statistic-module__Statistic__heading___zkSQX sup a{padding:var(--base-size-4);line-height:1;display:inline-block}.Primer_Brand__Statistic-module__Statistic__description--accent___yiXP4{color:var(--brand-color-accent-primary)}.Primer_Brand__Statistic-module__Statistic__description___6v0Xv{margin-block-start:var(--base-size-8);font-stretch:100%;display:block;position:relative}.Primer_Brand__Statistic-module__Statistic__description___6v0Xv sup{font-size:var(--brand-text-size-100);vertical-align:top;line-height:0;position:relative;top:0}.Primer_Brand__Statistic-module__Statistic__description___6v0Xv sup a{padding:var(--base-size-4);line-height:1;display:inline-block}

package/esm/Statistic/Statistic.module.js

@@ -1,4 +1,5 @@
-import './Statistic.module-Dqb6n1GX.css';var e = {
+import './Statistic.module-DvdiSbXk.css';var e = {
+	Statistic: "Primer_Brand__Statistic-module__Statistic___tRtgu",
 	"Statistic--variant-boxed": "Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi",
 	"Statistic--padding-none": "Primer_Brand__Statistic-module__Statistic--padding-none___GUt1Q",
 	"Statistic--padding-condensed": "Primer_Brand__Statistic-module__Statistic--padding-condensed___JI2lY",

package/esm/Statistic/Statistic.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Statistic.module.js","names":[],"sources":["../../src/Statistic/Statistic.module.css"],"sourcesContent":["/**\n * Variants\n */\n.Statistic--variant-boxed {\n  background-color: var(--brand-color-canvas-subtle);\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.Statistic--variant-boxed,\n.Statistic--variant-boxed.Statistic--padding-none {\n  padding: var(--brand-Statistic-spacing-spacious);\n}\n\n/**\n * Padding options\n */\n.Statistic--padding-none {\n  padding: 0;\n}\n\n.Statistic--padding-condensed {\n  padding: var(--brand-Statistic-spacing-condensed);\n}\n\n.Statistic--padding-normal {\n  padding: var(--brand-Statistic-spacing-normal);\n}\n\n.Statistic--padding-spacious {\n  padding: var(--brand-Statistic-spacing-spacious);\n}\n\n.Statistic--narrow-padding-condensed {\n  padding: var(--brand-box-spacing-condensed);\n}\n.Statistic--narrow-padding-normal {\n  padding: var(--brand-box-spacing-normal);\n}\n.Statistic--narrow-padding-spacious {\n  padding: var(--base-size-32);\n}\n.Statistic--narrow-padding-none {\n  padding: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Statistic--regular-padding-condensed {\n    padding: var(--brand-Statistic-spacing-condensed);\n  }\n  .Statistic--regular-padding-normal {\n    padding: var(--brand-Statistic-spacing-normal);\n  }\n  .Statistic--regular-padding-spacious {\n    padding: var(--brand-Statistic-spacing-spacious);\n  }\n  .Statistic--regular-padding-none {\n    padding: 0;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Statistic--wide-padding-condensed {\n    padding: var(--brand-Statistic-spacing-condensed);\n  }\n  .Statistic--wide-padding-normal {\n    padding: var(--brand-Statistic-spacing-normal);\n  }\n  .Statistic--wide-padding-spacious {\n    padding: var(--brand-Statistic-spacing-spacious);\n  }\n  .Statistic--wide-padding-none {\n    padding: 0;\n  }\n}\n\n.Statistic__heading {\n  position: relative;\n}\n\n.Statistic__heading sup {\n  font-size: var(--brand-text-size-100);\n  line-height: 0;\n  font-weight: var(--brand-text-weight-100);\n  font-stretch: normal;\n  vertical-align: top;\n  top: var(--base-size-6); /* Optical align to heading top */\n  position: relative;\n}\n\n.Statistic__heading sup a {\n  /* Targets footnote links. Specificity not ideal, but these are passed through by the user */\n  padding: var(--base-size-4);\n  display: inline-block;\n  line-height: 1;\n}\n\n/*\n * Description\n */\n.Statistic__description--accent {\n  color: var(--brand-color-accent-primary);\n}\n\n.Statistic__description {\n  position: relative;\n  display: block;\n  margin-block-start: var(--base-size-8);\n  font-stretch: normal;\n}\n\n.Statistic__description sup {\n  font-size: var(--brand-text-size-100);\n  vertical-align: top;\n  top: 0;\n  position: relative;\n  line-height: 0;\n}\n\n.Statistic__description sup a {\n  /* Targets footnote links. Specificity not ideal, but these are passed through by the user */\n  padding: var(--base-size-4);\n  display: inline-block;\n  line-height: 1;\n}\n"],"mappings":""}
+{"version":3,"file":"Statistic.module.js","names":[],"sources":["../../src/Statistic/Statistic.module.css"],"sourcesContent":["/**\n * Variants\n */\n.Statistic :is(img, picture) {\n  display: block;\n}\n\n.Statistic--variant-boxed {\n  background-color: var(--brand-color-canvas-subtle);\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.Statistic--variant-boxed,\n.Statistic--variant-boxed.Statistic--padding-none {\n  padding: var(--brand-Statistic-spacing-spacious);\n}\n\n/**\n * Padding options\n */\n.Statistic--padding-none {\n  padding: 0;\n}\n\n.Statistic--padding-condensed {\n  padding: var(--brand-Statistic-spacing-condensed);\n}\n\n.Statistic--padding-normal {\n  padding: var(--brand-Statistic-spacing-normal);\n}\n\n.Statistic--padding-spacious {\n  padding: var(--brand-Statistic-spacing-spacious);\n}\n\n.Statistic--narrow-padding-condensed {\n  padding: var(--brand-box-spacing-condensed);\n}\n.Statistic--narrow-padding-normal {\n  padding: var(--brand-box-spacing-normal);\n}\n.Statistic--narrow-padding-spacious {\n  padding: var(--base-size-32);\n}\n.Statistic--narrow-padding-none {\n  padding: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Statistic--regular-padding-condensed {\n    padding: var(--brand-Statistic-spacing-condensed);\n  }\n  .Statistic--regular-padding-normal {\n    padding: var(--brand-Statistic-spacing-normal);\n  }\n  .Statistic--regular-padding-spacious {\n    padding: var(--brand-Statistic-spacing-spacious);\n  }\n  .Statistic--regular-padding-none {\n    padding: 0;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Statistic--wide-padding-condensed {\n    padding: var(--brand-Statistic-spacing-condensed);\n  }\n  .Statistic--wide-padding-normal {\n    padding: var(--brand-Statistic-spacing-normal);\n  }\n  .Statistic--wide-padding-spacious {\n    padding: var(--brand-Statistic-spacing-spacious);\n  }\n  .Statistic--wide-padding-none {\n    padding: 0;\n  }\n}\n\n.Statistic__heading {\n  position: relative;\n}\n\n.Statistic__heading sup {\n  font-size: var(--brand-text-size-100);\n  line-height: 0;\n  font-weight: var(--brand-text-weight-100);\n  font-stretch: normal;\n  vertical-align: top;\n  top: var(--base-size-6); /* Optical align to heading top */\n  position: relative;\n}\n\n.Statistic__heading sup a {\n  /* Targets footnote links. Specificity not ideal, but these are passed through by the user */\n  padding: var(--base-size-4);\n  display: inline-block;\n  line-height: 1;\n}\n\n/*\n * Description\n */\n.Statistic__description--accent {\n  color: var(--brand-color-accent-primary);\n}\n\n.Statistic__description {\n  position: relative;\n  display: block;\n  margin-block-start: var(--base-size-8);\n  font-stretch: normal;\n}\n\n.Statistic__description sup {\n  font-size: var(--brand-text-size-100);\n  vertical-align: top;\n  top: 0;\n  position: relative;\n  line-height: 0;\n}\n\n.Statistic__description sup a {\n  /* Targets footnote links. Specificity not ideal, but these are passed through by the user */\n  padding: var(--base-size-4);\n  display: inline-block;\n  line-height: 1;\n}\n"],"mappings":""}