npm - @primer/react-brand - Versions diffs - 0.72.0-rc.4db5fc89 → 0.72.0-rc.65d39ab5 - Mend

@primer/react-brand 0.72.0-rc.4db5fc89 → 0.72.0-rc.65d39ab5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (427) hide show

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

	@@ -1 +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}
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__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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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__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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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 :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 CHANGED Viewed

	@@ -1 +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"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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(\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} RENAMED Viewed

	@@ -1 +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}
1	+ .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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
1	+ {"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":""}

package/esm/Testimonial/Testimonial.js CHANGED Viewed

@@ -87,7 +87,7 @@ function S({ children: t, ...n }, r) {
 		children: c.Children.map(t, (t) => {
 			if (c.isValidElement(t) && t.type === "img") {
 				let n = t, i = {
-					className: e(s["Testimonial-logo-image"]),
+					className: e(s["Testimonial-logo-image"], n.props.className),
 					ref: r
 				};
 				return c.cloneElement(n, i);

package/esm/Testimonial/Testimonial.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Testimonial.js","names":[],"sources":["../../src/Testimonial/Testimonial.tsx"],"sourcesContent":["import React, {\n HTMLAttributes,\n PropsWithChildren,\n forwardRef,\n SVGProps,\n CSSProperties,\n ComponentPropsWithRef,\n} from 'react'\nimport {clsx} from 'clsx'\nimport {BaseProps} from '../component-helpers'\nimport {Text, Avatar as BaseAvatar, useAnimation} from '../'\nimport type {AvatarProps} from '../'\nimport {Link, type LinkProps} from '../Link'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css'\n\nimport styles from './Testimonial.module.css'\nimport {Colors, BiColorGradients} from '../constants'\n\ntype TestimonialSize = 'small' \| 'large'\n\nexport const TestimonialQuoteMarkColors = [...Colors, ...BiColorGradients] as const\nexport const defaultQuoteMarkColor = TestimonialQuoteMarkColors[0]\n\nexport const TestimonialVariants = ['subtle', 'default', 'minimal', 'expressive'] as const\ntype TestimonialVariant = (typeof TestimonialVariants)[number]\nexport const defaultTestimonialVariant: TestimonialVariant = 'minimal'\n\nexport type TestimonialProps = {\n /*\n Sets alternative appearance for the testimonial\n /\n variant?: TestimonialVariant\n /\n Applies an optional border where a variant supports it\n /\n hasBorder?: boolean\n /\n Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name\n /\n children:\n \| React.ReactNode\n \| React.ReactElement<QuoteProps>\n \| React.ReactElement<NameProps>\n \| React.ReactElement<AvatarProps>\n \| React.ReactElement<LogoProps>[]\n /\n Sets the testimonial text size\n /\n size?: TestimonialSize\n /* Sets the color of the quote mark /\n quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number]\n} & BaseProps<HTMLElement> &\n React.HTMLAttributes<HTMLElement>\n\n/\n Testimonial parent element\n * <Testimonial>\n /\nfunction TestimonialBase(\n {\n quoteMarkColor,\n animate,\n className,\n children,\n variant = 'minimal',\n hasBorder = true,\n size,\n style,\n ...rest\n }: PropsWithChildren<TestimonialProps>,\n ref,\n) {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const resolvedQuoteMarkColor = quoteMarkColor ?? (variant === 'expressive' ? 'green' : 'default')\n\n const quoteMark = (\n <div\n aria-hidden=\"true\"\n className={clsx(\n styles['Testimonial__quoteMark'],\n styles[`Testimonial__quoteMark--${resolvedQuoteMarkColor}`],\n variant === 'expressive' && styles['Testimonial__quoteMark--hasBackground'],\n )}\n >\n <span className={styles['Testimonial__quoteMarkGlyph']}>“</span>\n </div>\n )\n\n const childrenArray = React.Children.toArray(children)\n const findChild = (type: React.ElementType) =>\n childrenArray.find(child => React.isValidElement(child) && child.type === type)\n\n const quoteChild = findChild(Quote)\n const actionChild = findChild(_Link)\n const avatarChild = findChild(Avatar)\n const logoChild = findChild(Logo)\n const nameChild = findChild(Name)\n\n return (\n <figure\n ref={ref}\n className={clsx(\n animationClasses,\n styles['Testimonial'],\n styles[`Testimonial--variant-${variant}`],\n size && styles[`Testimonial--size-${size}`],\n hasBorder && styles['Testimonial--border'],\n className,\n )}\n style={{\n ...animationInlineStyles,\n ...style,\n ['--testimonial-accent-color' as keyof CSSProperties]: resolvedQuoteMarkColor,\n }}\n {...rest}\n >\n <div className={styles['Testimonial__quoteWrapper']}>\n {quoteMark}\n {quoteChild}\n {actionChild}\n </div>\n <div className={styles['Testimonial__media']}>\n {avatarChild}\n {logoChild}\n {nameChild}\n </div>\n </figure>\n )\n}\n\nconst Root = forwardRef(TestimonialBase)\n\n/\n Testimonial quote child element\n * <Testimonial.Quote>\n /\ntype QuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>\n\nfunction QuoteBase({children, className}: QuoteProps, ref) {\n return (\n <blockquote ref={ref}>\n <Text className={clsx(styles['Testimonial-quote'], className)}>{children}</Text>\n </blockquote>\n )\n}\n\nconst Quote = forwardRef(QuoteBase)\n\n/\n Testimonial name child element\n * <Testimonial.Name>\n /\ntype NameProps = {\n position?: string\n} & React.HTMLAttributes<HTMLElement> &\n BaseProps<HTMLElement>\n\nfunction _Name({children, className, position}: NameProps, ref) {\n return (\n <figcaption ref={ref} className={clsx(styles['Testimonial-caption'], className)}>\n <Text size=\"200\" className={clsx(styles['Testimonial-from'])} font=\"monospace\">\n {children}\n </Text>\n {position && (\n <Text size=\"200\" className={clsx(styles['Testimonial-position'])} variant=\"muted\">\n {position}\n </Text>\n )}\n </figcaption>\n )\n}\n\nconst Name = forwardRef(_Name)\n\n/\n Testimonial logo child element\n * <Testimonial.Logo>\n /\ntype LogoProps = {\n children: React.ReactElement<SVGProps<SVGSVGElement>> \| React.ReactElement<HTMLAttributes<HTMLImageElement>>\n} & React.HTMLAttributes<HTMLImageElement> &\n BaseProps<HTMLImageElement>\n\nfunction _Logo({children, ...rest}: LogoProps, ref) {\n return (\n <div className={styles['Testimonial-logo']} {...rest}>\n {React.Children.map(children, child => {\n if (React.isValidElement(child)) {\n if (child.type === 'img') {\n const imageChild = child as React.ReactElement<ComponentPropsWithRef<'img'>>\n const imageProps: ComponentPropsWithRef<'img'> = {\n className: clsx(styles['Testimonial-logo-image']),\n ref: ref as ComponentPropsWithRef<'img'>['ref'],\n }\n\n return React.cloneElement(imageChild, imageProps)\n }\n }\n })}\n </div>\n )\n}\n\nconst Logo = forwardRef(_Logo)\n\n/\n Testimonial avatar child element\n * <Testimonial.Avatar>\n /\n\nfunction _Avatar({size, ...rest}: AvatarProps) {\n return <BaseAvatar className={clsx(styles['Testimonial-avatar'])} size={48} {...rest} />\n}\n\nconst Avatar = _Avatar\n\n/\n Testimonial link child element\n * <Testimonial.Link>\n /\nfunction _LinkBase({className, ...rest}: LinkProps, _ref) {\n return <Link className={clsx(styles['Testimonial-link'], className)} {...rest} size=\"medium\" variant=\"accent\" />\n}\n\nconst _Link = forwardRef(_LinkBase)\n\n/\n Use Testimonial to display a quote from a customer or user.\n * @see https://primer.style/brand/components/Testimonial\n */\nexport const Testimonial = Object.assign(Root, {\n Quote,\n Name,\n Avatar,\n Logo,\n Link: _Link,\n})\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAa,IAA6B,CAAC,GAAG,GAAQ,GAAG,EAAiB,EAC7D,IAAwB,EAA2B,IAEnD,IAAsB;CAAC;CAAU;CAAW;CAAW;CAAa,EAEpE,IAAgD;AAiC7D,SAAS,EACP,EACE,mBACA,YACA,cACA,aACA,aAAU,WACV,eAAY,IACZ,SACA,UACA,GAAG,KAEL,GACA;CACA,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAyB,MAAmB,MAAY,eAAe,UAAU,YAEjF,IACJ,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,EAAO,wBACP,EAAO,2BAA2B,MAClC,MAAY,gBAAgB,EAAO,yCACpC;YAED,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAgC;GAAc,CAAA;EAClE,CAAA,EAGF,IAAgB,EAAM,SAAS,QAAQ,EAAS,EAChD,KAAa,MACjB,EAAc,MAAK,MAAS,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,EAAK,EAE3E,IAAa,EAAU,EAAM,EAC7B,IAAc,EAAU,EAAM,EAC9B,IAAc,EAAU,EAAO,EAC/B,IAAY,EAAU,EAAK,EAC3B,IAAY,EAAU,EAAK;AAEjC,QACE,kBAAC,UAAD;EACO;EACL,WAAW,EACT,GACA,EAAO,aACP,EAAO,wBAAwB,MAC/B,KAAQ,EAAO,qBAAqB,MACpC,KAAa,EAAO,wBACpB,EACD;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACF,8BAAsD;GACxD;EACD,GAAI;YAfN,CAiBE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG;IACA;IACA;IACG;MACN,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG;IACA;IACA;IACG;KACC;;;AAIb,IAAM,IAAO,EAAW,EAAgB;AAQxC,SAAS,EAAU,EAAC,aAAU,gBAAwB,GAAK;AACzD,QACE,kBAAC,cAAD;EAAiB;YACf,kBAAC,GAAD;GAAM,WAAW,EAAK,EAAO,sBAAsB,EAAU;GAAG;GAAgB,CAAA;EACrE,CAAA;;AAIjB,IAAM,IAAQ,EAAW,EAAU;AAWnC,SAAS,EAAM,EAAC,aAAU,cAAW,eAAsB,GAAK;AAC9D,QACE,kBAAC,cAAD;EAAiB;EAAK,WAAW,EAAK,EAAO,wBAAwB,EAAU;YAA/E,CACE,kBAAC,GAAD;GAAM,MAAK;GAAM,WAAW,EAAK,EAAO,oBAAoB;GAAE,MAAK;GAChE;GACI,CAAA,EACN,KACC,kBAAC,GAAD;GAAM,MAAK;GAAM,WAAW,EAAK,EAAO,wBAAwB;GAAE,SAAQ;aACvE;GACI,CAAA,CAEE;;;AAIjB,IAAM,IAAO,EAAW,EAAM;AAW9B,SAAS,EAAM,EAAC,aAAU,GAAG,KAAkB,GAAK;AAClD,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAqB,GAAI;YAC7C,EAAM,SAAS,IAAI,IAAU,MAAS;AACrC,OAAI,EAAM,eAAe,EAAM,IACzB,EAAM,SAAS,OAAO;IACxB,IAAM,IAAa,GACb,IAA2C;KAC/C,WAAW,EAAK,EAAO,~~0BAA0B~~;~~KAC5C~~;KACN;AAED,WAAO,EAAM,aAAa,GAAY,EAAW;;IAGrD;EACE,CAAA;;AAIV,IAAM,IAAO,EAAW,EAAM;AAO9B,SAAS,EAAQ,EAAC,SAAM,GAAG,KAAoB;AAC7C,QAAO,kBAAC,GAAD;EAAY,WAAW,EAAK,EAAO,sBAAsB;EAAE,MAAM;EAAI,GAAI;EAAQ,CAAA;;AAG1F,IAAM,IAAS;AAMf,SAAS,EAAU,EAAC,cAAW,GAAG,KAAkB,GAAM;AACxD,QAAO,kBAAC,GAAD;EAAM,WAAW,EAAK,EAAO,qBAAqB,EAAU;EAAE,GAAI;EAAM,MAAK;EAAS,SAAQ;EAAW,CAAA;;AAGlH,IAAM,IAAQ,EAAW,EAAU,EAMtB,IAAc,OAAO,OAAO,GAAM;CAC7C;CACA;CACA;CACA;CACA,MAAM;CACP,CAAC"}
1	+ {"version":3,"file":"Testimonial.js","names":[],"sources":["../../src/Testimonial/Testimonial.tsx"],"sourcesContent":["import React, {\n HTMLAttributes,\n PropsWithChildren,\n forwardRef,\n SVGProps,\n CSSProperties,\n ComponentPropsWithRef,\n} from 'react'\nimport {clsx} from 'clsx'\nimport {BaseProps} from '../component-helpers'\nimport {Text, Avatar as BaseAvatar, useAnimation} from '../'\nimport type {AvatarProps} from '../'\nimport {Link, type LinkProps} from '../Link'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css'\n\nimport styles from './Testimonial.module.css'\nimport {Colors, BiColorGradients} from '../constants'\n\ntype TestimonialSize = 'small' \| 'large'\n\nexport const TestimonialQuoteMarkColors = [...Colors, ...BiColorGradients] as const\nexport const defaultQuoteMarkColor = TestimonialQuoteMarkColors[0]\n\nexport const TestimonialVariants = ['subtle', 'default', 'minimal', 'expressive'] as const\ntype TestimonialVariant = (typeof TestimonialVariants)[number]\nexport const defaultTestimonialVariant: TestimonialVariant = 'minimal'\n\nexport type TestimonialProps = {\n /*\n Sets alternative appearance for the testimonial\n /\n variant?: TestimonialVariant\n /\n Applies an optional border where a variant supports it\n /\n hasBorder?: boolean\n /\n Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name\n /\n children:\n \| React.ReactNode\n \| React.ReactElement<QuoteProps>\n \| React.ReactElement<NameProps>\n \| React.ReactElement<AvatarProps>\n \| React.ReactElement<LogoProps>[]\n /\n Sets the testimonial text size\n /\n size?: TestimonialSize\n /* Sets the color of the quote mark /\n quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number]\n} & BaseProps<HTMLElement> &\n React.HTMLAttributes<HTMLElement>\n\n/\n Testimonial parent element\n * <Testimonial>\n /\nfunction TestimonialBase(\n {\n quoteMarkColor,\n animate,\n className,\n children,\n variant = 'minimal',\n hasBorder = true,\n size,\n style,\n ...rest\n }: PropsWithChildren<TestimonialProps>,\n ref,\n) {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const resolvedQuoteMarkColor = quoteMarkColor ?? (variant === 'expressive' ? 'green' : 'default')\n\n const quoteMark = (\n <div\n aria-hidden=\"true\"\n className={clsx(\n styles['Testimonial__quoteMark'],\n styles[`Testimonial__quoteMark--${resolvedQuoteMarkColor}`],\n variant === 'expressive' && styles['Testimonial__quoteMark--hasBackground'],\n )}\n >\n <span className={styles['Testimonial__quoteMarkGlyph']}>“</span>\n </div>\n )\n\n const childrenArray = React.Children.toArray(children)\n const findChild = (type: React.ElementType) =>\n childrenArray.find(child => React.isValidElement(child) && child.type === type)\n\n const quoteChild = findChild(Quote)\n const actionChild = findChild(_Link)\n const avatarChild = findChild(Avatar)\n const logoChild = findChild(Logo)\n const nameChild = findChild(Name)\n\n return (\n <figure\n ref={ref}\n className={clsx(\n animationClasses,\n styles['Testimonial'],\n styles[`Testimonial--variant-${variant}`],\n size && styles[`Testimonial--size-${size}`],\n hasBorder && styles['Testimonial--border'],\n className,\n )}\n style={{\n ...animationInlineStyles,\n ...style,\n ['--testimonial-accent-color' as keyof CSSProperties]: resolvedQuoteMarkColor,\n }}\n {...rest}\n >\n <div className={styles['Testimonial__quoteWrapper']}>\n {quoteMark}\n {quoteChild}\n {actionChild}\n </div>\n <div className={styles['Testimonial__media']}>\n {avatarChild}\n {logoChild}\n {nameChild}\n </div>\n </figure>\n )\n}\n\nconst Root = forwardRef(TestimonialBase)\n\n/\n Testimonial quote child element\n * <Testimonial.Quote>\n /\ntype QuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>\n\nfunction QuoteBase({children, className}: QuoteProps, ref) {\n return (\n <blockquote ref={ref}>\n <Text className={clsx(styles['Testimonial-quote'], className)}>{children}</Text>\n </blockquote>\n )\n}\n\nconst Quote = forwardRef(QuoteBase)\n\n/\n Testimonial name child element\n * <Testimonial.Name>\n /\ntype NameProps = {\n position?: string\n} & React.HTMLAttributes<HTMLElement> &\n BaseProps<HTMLElement>\n\nfunction _Name({children, className, position}: NameProps, ref) {\n return (\n <figcaption ref={ref} className={clsx(styles['Testimonial-caption'], className)}>\n <Text size=\"200\" className={clsx(styles['Testimonial-from'])} font=\"monospace\">\n {children}\n </Text>\n {position && (\n <Text size=\"200\" className={clsx(styles['Testimonial-position'])} variant=\"muted\">\n {position}\n </Text>\n )}\n </figcaption>\n )\n}\n\nconst Name = forwardRef(_Name)\n\n/\n Testimonial logo child element\n * <Testimonial.Logo>\n /\ntype LogoProps = {\n children: React.ReactElement<SVGProps<SVGSVGElement>> \| React.ReactElement<HTMLAttributes<HTMLImageElement>>\n} & React.HTMLAttributes<HTMLImageElement> &\n BaseProps<HTMLImageElement>\n\nfunction _Logo({children, ...rest}: LogoProps, ref) {\n return (\n <div className={styles['Testimonial-logo']} {...rest}>\n {React.Children.map(children, child => {\n if (React.isValidElement(child)) {\n if (child.type === 'img') {\n const imageChild = child as React.ReactElement<ComponentPropsWithRef<'img'>>\n const imageProps: ComponentPropsWithRef<'img'> = {\n className: clsx(styles['Testimonial-logo-image'], imageChild.props.className),\n ref: ref as ComponentPropsWithRef<'img'>['ref'],\n }\n\n return React.cloneElement(imageChild, imageProps)\n }\n }\n })}\n </div>\n )\n}\n\nconst Logo = forwardRef(_Logo)\n\n/\n Testimonial avatar child element\n * <Testimonial.Avatar>\n /\n\nfunction _Avatar({size, ...rest}: AvatarProps) {\n return <BaseAvatar className={clsx(styles['Testimonial-avatar'])} size={48} {...rest} />\n}\n\nconst Avatar = _Avatar\n\n/\n Testimonial link child element\n * <Testimonial.Link>\n /\nfunction _LinkBase({className, ...rest}: LinkProps, _ref) {\n return <Link className={clsx(styles['Testimonial-link'], className)} {...rest} size=\"medium\" variant=\"accent\" />\n}\n\nconst _Link = forwardRef(_LinkBase)\n\n/\n Use Testimonial to display a quote from a customer or user.\n * @see https://primer.style/brand/components/Testimonial\n */\nexport const Testimonial = Object.assign(Root, {\n Quote,\n Name,\n Avatar,\n Logo,\n Link: _Link,\n})\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAa,IAA6B,CAAC,GAAG,GAAQ,GAAG,EAAiB,EAC7D,IAAwB,EAA2B,IAEnD,IAAsB;CAAC;CAAU;CAAW;CAAW;CAAa,EAEpE,IAAgD;AAiC7D,SAAS,EACP,EACE,mBACA,YACA,cACA,aACA,aAAU,WACV,eAAY,IACZ,SACA,UACA,GAAG,KAEL,GACA;CACA,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAyB,MAAmB,MAAY,eAAe,UAAU,YAEjF,IACJ,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,EAAO,wBACP,EAAO,2BAA2B,MAClC,MAAY,gBAAgB,EAAO,yCACpC;YAED,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAgC;GAAc,CAAA;EAClE,CAAA,EAGF,IAAgB,EAAM,SAAS,QAAQ,EAAS,EAChD,KAAa,MACjB,EAAc,MAAK,MAAS,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,EAAK,EAE3E,IAAa,EAAU,EAAM,EAC7B,IAAc,EAAU,EAAM,EAC9B,IAAc,EAAU,EAAO,EAC/B,IAAY,EAAU,EAAK,EAC3B,IAAY,EAAU,EAAK;AAEjC,QACE,kBAAC,UAAD;EACO;EACL,WAAW,EACT,GACA,EAAO,aACP,EAAO,wBAAwB,MAC/B,KAAQ,EAAO,qBAAqB,MACpC,KAAa,EAAO,wBACpB,EACD;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACF,8BAAsD;GACxD;EACD,GAAI;YAfN,CAiBE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG;IACA;IACA;IACG;MACN,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG;IACA;IACA;IACG;KACC;;;AAIb,IAAM,IAAO,EAAW,EAAgB;AAQxC,SAAS,EAAU,EAAC,aAAU,gBAAwB,GAAK;AACzD,QACE,kBAAC,cAAD;EAAiB;YACf,kBAAC,GAAD;GAAM,WAAW,EAAK,EAAO,sBAAsB,EAAU;GAAG;GAAgB,CAAA;EACrE,CAAA;;AAIjB,IAAM,IAAQ,EAAW,EAAU;AAWnC,SAAS,EAAM,EAAC,aAAU,cAAW,eAAsB,GAAK;AAC9D,QACE,kBAAC,cAAD;EAAiB;EAAK,WAAW,EAAK,EAAO,wBAAwB,EAAU;YAA/E,CACE,kBAAC,GAAD;GAAM,MAAK;GAAM,WAAW,EAAK,EAAO,oBAAoB;GAAE,MAAK;GAChE;GACI,CAAA,EACN,KACC,kBAAC,GAAD;GAAM,MAAK;GAAM,WAAW,EAAK,EAAO,wBAAwB;GAAE,SAAQ;aACvE;GACI,CAAA,CAEE;;;AAIjB,IAAM,IAAO,EAAW,EAAM;AAW9B,SAAS,EAAM,EAAC,aAAU,GAAG,KAAkB,GAAK;AAClD,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAqB,GAAI;YAC7C,EAAM,SAAS,IAAI,IAAU,MAAS;AACrC,OAAI,EAAM,eAAe,EAAM,IACzB,EAAM,SAAS,OAAO;IACxB,IAAM,IAAa,GACb,IAA2C;KAC/C,WAAW,EAAK,EAAO,2BAA2B,EAAW,MAAM,UAAU;KACxE;KACN;AAED,WAAO,EAAM,aAAa,GAAY,EAAW;;IAGrD;EACE,CAAA;;AAIV,IAAM,IAAO,EAAW,EAAM;AAO9B,SAAS,EAAQ,EAAC,SAAM,GAAG,KAAoB;AAC7C,QAAO,kBAAC,GAAD;EAAY,WAAW,EAAK,EAAO,sBAAsB;EAAE,MAAM;EAAI,GAAI;EAAQ,CAAA;;AAG1F,IAAM,IAAS;AAMf,SAAS,EAAU,EAAC,cAAW,GAAG,KAAkB,GAAM;AACxD,QAAO,kBAAC,GAAD;EAAM,WAAW,EAAK,EAAO,qBAAqB,EAAU;EAAE,GAAI;EAAM,MAAK;EAAS,SAAQ;EAAW,CAAA;;AAGlH,IAAM,IAAQ,EAAW,EAAU,EAMtB,IAAc,OAAO,OAAO,GAAM;CAC7C;CACA;CACA;CACA;CACA,MAAM;CACP,CAAC"}

package/esm/Testimonial/Testimonial.module-BEBpUSD7.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Testimonial-module__Testimonial___kxB6R{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-sansSerif)}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S{border-radius:var(--brand-borderRadius-xlarge);padding:var(--base-size-48) var(--base-size-32);position:relative}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S{padding:var(--base-size-48)}}@media screen and (width>=63.25rem){.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg{padding:var(--base-size-96) var(--base-size-128)}}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S{background-color:var(--brand-color-canvas-default)}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe:before,.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S:before{pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0}.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe.Primer_Brand__Testimonial-module__Testimonial--border___pbUPS:before{-webkit-mask-image:var(--brand-Testimonial-borderMask-subtle);-webkit-mask-image:var(--brand-Testimonial-borderMask-subtle);mask-image:var(--brand-Testimonial-borderMask-subtle);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S.Primer_Brand__Testimonial-module__Testimonial--border___pbUPS:before{-webkit-mask-image:var(--brand-Testimonial-borderMask-default);-webkit-mask-image:var(--brand-Testimonial-borderMask-default);mask-image:var(--brand-Testimonial-borderMask-default);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2{--brand-Testimonial-quoteMarkColor-gradient:radial-gradient(circle at top left, var(--brand-Testimonial-quoteMarkColor-start), var(--brand-Testimonial-quoteMarkColor-end));--brand-Testimonial-quoteMarkColor-background:var(--brand-Testimonial-quoteMarkColor-gradient,var(--brand-Testimonial-quoteMarkColor,currentColor));color:var(--brand-Testimonial-quoteMarkColor-start,var(--brand-Testimonial-quoteMarkColor,currentColor));font-size:var(--base-size-48);line-height:var(--base-size-48);font-weight:var(--base-text-weight-extrabold);position:relative}.Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2:before{content:"";background:var(--brand-Testimonial-quoteMarkColor-background);-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2{width:calc(var(--base-size-48) + var(--base-size-8));height:calc(var(--base-size-48) + var(--base-size-8));border-radius:var(--base-size-12);background-color:var(--brand-Testimonial-quoteMarkBackground,var(--base-color-scale-gray-0));font-size:var(--base-size-64);justify-content:center;align-items:center;line-height:1;display:inline-flex}.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2:not(.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2){font-size:7.5rem;line-height:1}.Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L{display:block}.Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-family:var(--brand-fontStack-sansSerif);font-size:var(--brand-Testimonial-quote-fontSize-default);font-weight:var(--brand-Testimonial-quote-fontWeight-default);letter-spacing:var(--brand-Testimonial-quote-letterSpacing-default);line-height:1.2;display:block}.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-size:var(--brand-Testimonial-quote-fontSize-large);font-weight:var(--brand-Testimonial-quote-fontWeight-large);letter-spacing:var(--brand-Testimonial-quote-letterSpacing-large)}.Primer_Brand__Testimonial-module__Testimonial-quote___xbxri em,.Primer_Brand__Testimonial-module__Testimonial-quote___xbxri b{color:var(--brand-Testimonial-quote-color-emphasis);font-style:normal;font-weight:inherit}.Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{gap:var(--base-size-16);margin-top:var(--base-size-24);align-items:center;display:flex}.Primer_Brand__Testimonial-module__Testimonial-logo-image___rpGVd{display:block}.Primer_Brand__Testimonial-module__Testimonial--size-large___NH7Vg .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{margin-top:var(--base-size-64)}.Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF{flex-direction:column;display:flex}.Primer_Brand__Testimonial-module__Testimonial-avatar___kWqMQ{flex:none}.Primer_Brand__Testimonial-module__Testimonial-from___XLpqj{font-weight:var(--base-text-weight-normal);text-transform:uppercase}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{gap:var(--base-size-48);flex-direction:column;display:flex}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY{align-items:flex-end;gap:var(--base-size-96);flex-direction:row}}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___vcgUf{align-items:flex-start;gap:var(--base-size-24);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{align-items:flex-start;gap:var(--base-size-24);flex-direction:column;flex:none;margin-block-start:0}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);gap:var(--base-size-8);width:100%;padding-block-start:var(--base-size-24)}@media screen and (width>=48rem){.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__media___rvn7k{min-width:240px;max-width:320px}}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-from___XLpqj{align-items:center;gap:var(--base-size-8);font-family:var(--brand-fontStack-monospace);font-weight:var(--base-text-weight-medium);text-transform:uppercase;letter-spacing:.01em;display:flex}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-from___XLpqj:before{content:"";background-color:var(--testimonial-accent-color,var(--brand-Testimonial-quoteMarkColor-default));flex-shrink:0;width:9px;height:14px;display:inline-block}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2{font-family:var(--brand-fontStack-monospace);font-weight:var(--brand-fontWeight-300)}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L{transform:translateY(var(--base-size-12))}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial__quoteMark___sC3I2:not(.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___AUVX2){margin-left:-.18em}.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___J1PIY .Primer_Brand__Testimonial-module__Testimonial-quote___xbxri{font-family:var(--brand-fontStack-monospace);line-height:var(--brand-text-lineHeight-400);font-weight:var(--base-text-weight-normal)}.Primer_Brand__Testimonial-module__Testimonial-link___kK8cZ{margin-top:var(--base-size-8)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--default___wRFiA{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-default);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-default)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue___65lEG{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-blue);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-blue)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue-purple___HZ6wp{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-blue-purple-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-blue-purple-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-blue-purple)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--coral___zCLpT{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-coral);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-coral)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--green___zmlvZ{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-green);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-green)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--green-blue___Q0gxM{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-green-blue-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-green-blue-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-green-blue)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--gray___18cS4{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-gray);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-gray)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--indigo___GDdwu{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-indigo);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-indigo)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--lemon___SbBQ4{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-lemon);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-lemon)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--lime___jzEWj{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-lime);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-lime)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--orange___Mk2Ix{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-orange);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-orange)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink____Y7MC{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-pink);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-pink)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink-blue___VQftN{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-pink-blue-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-pink-blue-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-pink-blue)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple___TMw0P{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-purple);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-purple)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple-red___f1bgK{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-purple-red-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-purple-red-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-purple-red)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--red___rbO_z{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-red);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-red)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--red-orange___pm_dh{--brand-Testimonial-quoteMarkColor-start:var(--brand-Testimonial-quoteMarkColor-red-orange-start);--brand-Testimonial-quoteMarkColor-end:var(--brand-Testimonial-quoteMarkColor-red-orange-end);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-red-orange)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--teal___S_1eT{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-teal);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-teal)}.Primer_Brand__Testimonial-module__Testimonial__quoteMark--yellow___W8v__{--brand-Testimonial-quoteMarkColor:var(--brand-Testimonial-quoteMarkColor-yellow);--brand-Testimonial-quoteMarkBackground:var(--brand-Testimonial-quoteMarkBackground-yellow)}

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

@@ -1,4 +1,4 @@
-import './Testimonial.module-DRCosU_J.css';var e = {
+import './Testimonial.module-BEBpUSD7.css';var e = {
 	Testimonial: "Primer_Brand__Testimonial-module__Testimonial___kxB6R",
 	"Testimonial--variant-subtle": "Primer_Brand__Testimonial-module__Testimonial--variant-subtle___rmjBe",
 	"Testimonial--variant-default": "Primer_Brand__Testimonial-module__Testimonial--variant-default___uNm5S",
@@ -9,6 +9,7 @@ import './Testimonial.module-DRCosU_J.css';var e = {
 	Testimonial__quoteMarkGlyph: "Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___1eZ5L",
 	"Testimonial-quote": "Primer_Brand__Testimonial-module__Testimonial-quote___xbxri",
 	Testimonial__media: "Primer_Brand__Testimonial-module__Testimonial__media___rvn7k",
+	"Testimonial-logo-image": "Primer_Brand__Testimonial-module__Testimonial-logo-image___rpGVd",
 	"Testimonial-caption": "Primer_Brand__Testimonial-module__Testimonial-caption___8c_KF",
 	"Testimonial-avatar": "Primer_Brand__Testimonial-module__Testimonial-avatar___kWqMQ",
 	"Testimonial-from": "Primer_Brand__Testimonial-module__Testimonial-from___XLpqj",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Testimonial.module.js","names":[],"sources":["../../src/Testimonial/Testimonial.module.css"],"sourcesContent":[".Testimonial {\n color: var(--brand-color-text-default);\n font-family: var(--brand-fontStack-sansSerif);\n}\n\n.Testimonial--variant-subtle,\n.Testimonial--variant-default {\n position: relative;\n border-radius: var(--brand-borderRadius-xlarge);\n padding: var(--base-size-48) var(--base-size-32);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-subtle,\n .Testimonial--variant-default {\n padding: var(--base-size-48);\n }\n}\n\n@media screen and (min-width: 63.25rem) {\n .Testimonial--variant-subtle.Testimonial--size-large,\n .Testimonial--variant-default.Testimonial--size-large {\n padding: var(--base-size-96) var(--base-size-128);\n }\n}\n\n.Testimonial--variant-subtle {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Testimonial--variant-default {\n background-color: var(--brand-color-canvas-default);\n}\n\n.Testimonial--variant-subtle::before,\n.Testimonial--variant-default::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: '';\n border-radius: inherit;\n}\n\n.Testimonial--variant-subtle.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-subtle);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial--variant-default.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-default);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial__quoteMark {\n --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(\n circle at top left,\n var(--brand-Testimonial-quoteMarkColor-start),\n var(--brand-Testimonial-quoteMarkColor-end)\n );\n --brand-Testimonial-quoteMarkColor-background: var(\n --brand-Testimonial-quoteMarkColor-gradient,\n var(--brand-Testimonial-quoteMarkColor, currentColor)\n );\n color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));\n font-size: var(--base-size-48);\n line-height: var(--base-size-48);\n font-weight: var(--base-text-weight-extrabold);\n position: relative;\n}\n\n.Testimonial__quoteMark::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--brand-Testimonial-quoteMarkColor-background);\n -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n\n.Testimonial__quoteMark--hasBackground {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: calc(var(--base-size-48) + var(--base-size-8));\n height: calc(var(--base-size-48) + var(--base-size-8));\n border-radius: var(--base-size-12);\n background-color: var(--brand-Testimonial-quoteMarkBackground, var(--base-color-scale-gray-0));\n font-size: var(--base-size-64);\n line-height: 1;\n}\n\n.Testimonial--size-large .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n font-size: 7.5rem; /* 120px /\n line-height: 1;\n}\n\n.Testimonial__quoteMarkGlyph {\n display: block;\n}\n\n.Testimonial-quote {\n font-family: var(--brand-fontStack-sansSerif);\n font-size: var(--brand-Testimonial-quote-fontSize-default);\n font-weight: var(--brand-Testimonial-quote-fontWeight-default);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);\n line-height: 1.2; / requires custom line-height /\n display: block;\n}\n\n.Testimonial--size-large .Testimonial-quote {\n font-size: var(--brand-Testimonial-quote-fontSize-large);\n font-weight: var(--brand-Testimonial-quote-fontWeight-large);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);\n}\n\n.Testimonial-quote em,\n.Testimonial-quote b {\n color: var(--brand-Testimonial-quote-color-emphasis);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Testimonial__media {\n display: flex;\n gap: var(--base-size-16);\n align-items: center;\n margin-top: var(--base-size-24);\n}\n\n.Testimonial--size-large .Testimonial__media {\n margin-top: var(--base-size-64);\n}\n\n.Testimonial-caption {\n display: flex;\n flex-direction: column;\n}\n\n.Testimonial-avatar {\n flex: none;\n}\n\n.Testimonial-from {\n font-weight: var(--base-text-weight-normal);\n text-transform: uppercase;\n}\n\n/ Expressive variant */\n.Testimonial--variant-expressive {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-48);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive {\n flex-direction: row;\n align-items: flex-end;\n gap: var(--base-size-96);\n }\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteWrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-24);\n flex: 1 1 0;\n min-width: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__media {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-24);\n margin-block-start: 0;\n flex: 0 0 auto;\n}\n\n.Testimonial--variant-expressive .Testimonial-caption {\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n padding-block-start: var(--base-size-24);\n width: 100%;\n gap: var(--base-size-8);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive .Testimonial__media {\n min-width: 240px;\n max-width: 320px;\n }\n}\n\n.Testimonial--variant-expressive .Testimonial-from {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--base-text-weight-medium);\n text-transform: uppercase;\n letter-spacing: 0.01em;\n}\n\n.Testimonial--variant-expressive .Testimonial-from::before {\n content: '';\n display: inline-block;\n width: 9px;\n height: 14px;\n background-color: var(--testimonial-accent-color, var(--brand-Testimonial-quoteMarkColor-default));\n flex-shrink: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark {\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-fontWeight-300);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMarkGlyph {\n transform: translateY(var(--base-size-12));\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n margin-left: -0.18em;\n}\n\n.Testimonial--variant-expressive .Testimonial-quote {\n font-family: var(--brand-fontStack-monospace);\n line-height: var(--brand-text-lineHeight-400);\n font-weight: var(--base-text-weight-normal);\n}\n\n.Testimonial-link {\n margin-top: var(--base-size-8);\n}\n\n.Testimonial__quoteMark--default {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-default);\n}\n\n.Testimonial__quoteMark--blue {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue);\n}\n\n.Testimonial__quoteMark--blue-purple {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue-purple);\n}\n\n.Testimonial__quoteMark--coral {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-coral);\n}\n\n.Testimonial__quoteMark--green {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green);\n}\n\n.Testimonial__quoteMark--green-blue {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green-blue);\n}\n\n.Testimonial__quoteMark--gray {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-gray);\n}\n\n.Testimonial__quoteMark--indigo {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-indigo);\n}\n\n.Testimonial__quoteMark--lemon {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lemon);\n}\n\n.Testimonial__quoteMark--lime {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lime);\n}\n\n.Testimonial__quoteMark--orange {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-orange);\n}\n\n.Testimonial__quoteMark--pink {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink);\n}\n\n.Testimonial__quoteMark--pink-blue {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink-blue);\n}\n\n.Testimonial__quoteMark--purple {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple);\n}\n\n.Testimonial__quoteMark--purple-red {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple-red);\n}\n\n.Testimonial__quoteMark--red {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red);\n}\n\n.Testimonial__quoteMark--red-orange {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red-orange);\n}\n\n.Testimonial__quoteMark--teal {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-teal);\n}\n\n.Testimonial__quoteMark--yellow {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-yellow);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Testimonial.module.js","names":[],"sources":["../../src/Testimonial/Testimonial.module.css"],"sourcesContent":[".Testimonial {\n color: var(--brand-color-text-default);\n font-family: var(--brand-fontStack-sansSerif);\n}\n\n.Testimonial--variant-subtle,\n.Testimonial--variant-default {\n position: relative;\n border-radius: var(--brand-borderRadius-xlarge);\n padding: var(--base-size-48) var(--base-size-32);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-subtle,\n .Testimonial--variant-default {\n padding: var(--base-size-48);\n }\n}\n\n@media screen and (min-width: 63.25rem) {\n .Testimonial--variant-subtle.Testimonial--size-large,\n .Testimonial--variant-default.Testimonial--size-large {\n padding: var(--base-size-96) var(--base-size-128);\n }\n}\n\n.Testimonial--variant-subtle {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Testimonial--variant-default {\n background-color: var(--brand-color-canvas-default);\n}\n\n.Testimonial--variant-subtle::before,\n.Testimonial--variant-default::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: '';\n border-radius: inherit;\n}\n\n.Testimonial--variant-subtle.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-subtle);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial--variant-default.Testimonial--border::before {\n mask-image: var(--brand-Testimonial-borderMask-default);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial__quoteMark {\n --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(\n circle at top left,\n var(--brand-Testimonial-quoteMarkColor-start),\n var(--brand-Testimonial-quoteMarkColor-end)\n );\n --brand-Testimonial-quoteMarkColor-background: var(\n --brand-Testimonial-quoteMarkColor-gradient,\n var(--brand-Testimonial-quoteMarkColor, currentColor)\n );\n color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));\n font-size: var(--base-size-48);\n line-height: var(--base-size-48);\n font-weight: var(--base-text-weight-extrabold);\n position: relative;\n}\n\n.Testimonial__quoteMark::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--brand-Testimonial-quoteMarkColor-background);\n -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n\n.Testimonial__quoteMark--hasBackground {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: calc(var(--base-size-48) + var(--base-size-8));\n height: calc(var(--base-size-48) + var(--base-size-8));\n border-radius: var(--base-size-12);\n background-color: var(--brand-Testimonial-quoteMarkBackground, var(--base-color-scale-gray-0));\n font-size: var(--base-size-64);\n line-height: 1;\n}\n\n.Testimonial--size-large .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n font-size: 7.5rem; /* 120px /\n line-height: 1;\n}\n\n.Testimonial__quoteMarkGlyph {\n display: block;\n}\n\n.Testimonial-quote {\n font-family: var(--brand-fontStack-sansSerif);\n font-size: var(--brand-Testimonial-quote-fontSize-default);\n font-weight: var(--brand-Testimonial-quote-fontWeight-default);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);\n line-height: 1.2; / requires custom line-height /\n display: block;\n}\n\n.Testimonial--size-large .Testimonial-quote {\n font-size: var(--brand-Testimonial-quote-fontSize-large);\n font-weight: var(--brand-Testimonial-quote-fontWeight-large);\n letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);\n}\n\n.Testimonial-quote em,\n.Testimonial-quote b {\n color: var(--brand-Testimonial-quote-color-emphasis);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Testimonial__media {\n display: flex;\n gap: var(--base-size-16);\n align-items: center;\n margin-top: var(--base-size-24);\n}\n\n.Testimonial-logo-image {\n display: block;\n}\n\n.Testimonial--size-large .Testimonial__media {\n margin-top: var(--base-size-64);\n}\n\n.Testimonial-caption {\n display: flex;\n flex-direction: column;\n}\n\n.Testimonial-avatar {\n flex: none;\n}\n\n.Testimonial-from {\n font-weight: var(--base-text-weight-normal);\n text-transform: uppercase;\n}\n\n/ Expressive variant */\n.Testimonial--variant-expressive {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-48);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive {\n flex-direction: row;\n align-items: flex-end;\n gap: var(--base-size-96);\n }\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteWrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-24);\n flex: 1 1 0;\n min-width: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__media {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-24);\n margin-block-start: 0;\n flex: 0 0 auto;\n}\n\n.Testimonial--variant-expressive .Testimonial-caption {\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n padding-block-start: var(--base-size-24);\n width: 100%;\n gap: var(--base-size-8);\n}\n\n@media screen and (min-width: 48rem) {\n .Testimonial--variant-expressive .Testimonial__media {\n min-width: 240px;\n max-width: 320px;\n }\n}\n\n.Testimonial--variant-expressive .Testimonial-from {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--base-text-weight-medium);\n text-transform: uppercase;\n letter-spacing: 0.01em;\n}\n\n.Testimonial--variant-expressive .Testimonial-from::before {\n content: '';\n display: inline-block;\n width: 9px;\n height: 14px;\n background-color: var(--testimonial-accent-color, var(--brand-Testimonial-quoteMarkColor-default));\n flex-shrink: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark {\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-fontWeight-300);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMarkGlyph {\n transform: translateY(var(--base-size-12));\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n margin-left: -0.18em;\n}\n\n.Testimonial--variant-expressive .Testimonial-quote {\n font-family: var(--brand-fontStack-monospace);\n line-height: var(--brand-text-lineHeight-400);\n font-weight: var(--base-text-weight-normal);\n}\n\n.Testimonial-link {\n margin-top: var(--base-size-8);\n}\n\n.Testimonial__quoteMark--default {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-default);\n}\n\n.Testimonial__quoteMark--blue {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue);\n}\n\n.Testimonial__quoteMark--blue-purple {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue-purple);\n}\n\n.Testimonial__quoteMark--coral {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-coral);\n}\n\n.Testimonial__quoteMark--green {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green);\n}\n\n.Testimonial__quoteMark--green-blue {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green-blue);\n}\n\n.Testimonial__quoteMark--gray {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-gray);\n}\n\n.Testimonial__quoteMark--indigo {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-indigo);\n}\n\n.Testimonial__quoteMark--lemon {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lemon);\n}\n\n.Testimonial__quoteMark--lime {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lime);\n}\n\n.Testimonial__quoteMark--orange {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-orange);\n}\n\n.Testimonial__quoteMark--pink {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink);\n}\n\n.Testimonial__quoteMark--pink-blue {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink-blue);\n}\n\n.Testimonial__quoteMark--purple {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple);\n}\n\n.Testimonial__quoteMark--purple-red {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple-red);\n}\n\n.Testimonial__quoteMark--red {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red);\n}\n\n.Testimonial__quoteMark--red-orange {\n --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);\n --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red-orange);\n}\n\n.Testimonial__quoteMark--teal {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-teal);\n}\n\n.Testimonial__quoteMark--yellow {\n --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);\n --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-yellow);\n}\n"],"mappings":""}

package/esm/css/reset-CSgu34_f.css ADDED Viewed

@@ -0,0 +1 @@

+ *,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html,html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font:inherit}

package/esm/css/stylesheets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './utilities-BivJncWo.css';import './reset-PKNIUbst.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-tpdcmiok.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';/* empty css      */
+import './utilities-BivJncWo.css';import './reset-CSgu34_f.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';/* empty css      */
 /* empty css                                                                                         */
 /* empty css                                                                    */
 /* empty css                                                                                */

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css ADDED Viewed

@@ -0,0 +1 @@

+ :root,[data-color-mode=light]{--brand-color-success-fg:var(--base-color-scale-green-6);--brand-color-success-emphasis:var(--base-color-scale-green-5);--brand-color-success-muted:#8cf2a699;--brand-color-success-subtle:var(--base-color-scale-green-1);--brand-color-danger-fg:var(--base-color-scale-red-5);--brand-color-danger-emphasis:var(--base-color-scale-red-5);--brand-color-danger-muted:#ffaba899;--brand-color-danger-subtle:var(--base-color-scale-red-0);--brand-color-error-fg:var(--brand-color-danger-fg);--brand-color-error-emphasis:var(--brand-color-danger-emphasis);--brand-color-error-muted:var(--brand-color-danger-muted);--brand-color-error-subtle:var(--brand-color-danger-subtle);--brand-color-accent-primary:var(--base-color-scale-green-7);--brand-color-accent-secondary:var(--base-color-scale-yellow-5);--brand-color-text-default:var(--base-color-scale-black-0);--brand-color-text-muted:var(--base-color-scale-gray-7);--brand-color-text-subtle:var(--brand-color-text-muted);--brand-color-text-onEmphasis:var(--base-color-scale-white-0);--brand-color-text-emphasized:var(--base-color-scale-green-6);--brand-color-text-link-rest:var(--base-color-scale-blue-6);--brand-color-text-link-pressed:var(--base-color-scale-blue-8);--brand-color-text-danger:#cf222e;--brand-color-text-error:var(--brand-color-text-danger);--brand-color-neutral-emphasisPlus:var(--base-color-scale-gray-8);--brand-color-neutral-emphasis:var(--base-color-scale-gray-6);--brand-color-neutral-muted:#c4ccc6fe;--brand-color-neutral-subtle:#e4ebe6fe;--brand-color-canvas-default:var(--base-color-scale-white-0);--brand-color-canvas-invert:var(--base-color-scale-black-0);--brand-color-canvas-overlay:var(--base-color-scale-white-0);--brand-color-canvas-inset:var(--base-color-scale-gray-0);--brand-color-canvas-subtle:var(--base-color-scale-gray-0);--brand-color-canvas-muted:#f9fbf9;--brand-color-border-default:var(--base-color-scale-gray-4);--brand-color-border-muted:var(--base-color-scale-gray-1);--brand-color-border-subtle:var(--base-color-scale-gray-2);--brand-color-focus:var(--base-color-scale-blue-5)}[data-color-mode=dark]{--brand-color-success-fg:var(--base-color-scale-green-3);--brand-color-success-emphasis:var(--base-color-scale-green-6);--brand-color-success-muted:#0d302499;--brand-color-success-subtle:#0e422cd9;--brand-color-danger-fg:var(--base-color-scale-red-4);--brand-color-danger-emphasis:var(--base-color-scale-red-5);--brand-color-danger-muted:#5e021799;--brand-color-danger-subtle:#fa383dd9;--brand-color-error-fg:var(--brand-color-danger-fg);--brand-color-error-emphasis:var(--brand-color-danger-emphasis);--brand-color-error-muted:var(--brand-color-danger-muted);--brand-color-error-subtle:var(--brand-color-danger-subtle);--brand-color-accent-primary:var(--base-color-scale-green-2);--brand-color-accent-secondary:var(--base-color-scale-yellow-3);--brand-color-text-default:var(--base-color-scale-white-0);--brand-color-text-muted:var(--base-color-scale-gray-2);--brand-color-text-subtle:var(--brand-color-text-muted);--brand-color-text-onEmphasis:var(--base-color-scale-black-0);--brand-color-text-emphasized:var(--base-color-scale-green-3);--brand-color-text-link-rest:var(--base-color-scale-blue-1);--brand-color-text-link-pressed:var(--base-color-scale-blue-1);--brand-color-text-danger:#ff8182;--brand-color-text-error:var(--brand-color-text-danger);--brand-color-neutral-emphasisPlus:var(--base-color-scale-gray-3);--brand-color-neutral-emphasis:var(--base-color-scale-gray-3);--brand-color-neutral-muted:#7c8980fe;--brand-color-neutral-subtle:#7c8980;--brand-color-canvas-default:var(--base-color-scale-black-0);--brand-color-canvas-invert:var(--base-color-scale-white-0);--brand-color-canvas-overlay:var(--base-color-scale-gray-6);--brand-color-canvas-inset:var(--base-color-scale-black-0);--brand-color-canvas-subtle:var(--base-color-scale-gray-8);--brand-color-canvas-muted:#090d0a;--brand-color-border-default:var(--base-color-scale-gray-5);--brand-color-border-muted:var(--base-color-scale-gray-7);--brand-color-border-subtle:var(--base-color-scale-gray-6);--brand-color-focus:var(--base-color-scale-blue-3)}