npm - @primer/react-brand - Versions diffs - 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb - Mend

@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

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 (1465) hide show

package/esm/EyebrowBanner/EyebrowBanner.module-C8hfGfYx.css ADDED Viewed

@@ -0,0 +1 @@

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

package/esm/EyebrowBanner/EyebrowBanner.module.js ADDED Viewed

@@ -0,0 +1,49 @@
+import './EyebrowBanner.module-C8hfGfYx.css';var e = {
+	EyebrowBanner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9",
+	EyebrowBanner__inner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___FT9Za",
+	EyebrowBanner__headings: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___uqjq6",
+	EyebrowBanner__leadingVisual: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0",
+	EyebrowBanner__trailingVisual: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual___GOWPn",
+	"EyebrowBanner__trailingVisual-icon": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___RR5Q9",
+	EyebrowBanner__leadingLabel: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel___2iKJT",
+	"EyebrowBanner__leadingLabel--color-blue": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue___Q75Z_",
+	"EyebrowBanner__leadingLabel--color-blue-purple": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue-purple___u3vdi",
+	"EyebrowBanner__leadingLabel--color-coral": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-coral___n4YIN",
+	"EyebrowBanner__leadingLabel--color-green": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green___0psyZ",
+	"EyebrowBanner__leadingLabel--color-green-blue": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green-blue___S87oT",
+	"EyebrowBanner__leadingLabel--color-gray": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-gray___Ul8s0",
+	"EyebrowBanner__leadingLabel--color-indigo": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-indigo___RkbmO",
+	"EyebrowBanner__leadingLabel--color-lemon": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lemon___Rt5d0",
+	"EyebrowBanner__leadingLabel--color-lime": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lime___mUr8N",
+	"EyebrowBanner__leadingLabel--color-orange": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-orange___5icAs",
+	"EyebrowBanner__leadingLabel--color-pink": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink___46hPx",
+	"EyebrowBanner__leadingLabel--color-pink-blue": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink-blue___iU5FD",
+	"EyebrowBanner__leadingLabel--color-purple": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple___hVcG_",
+	"EyebrowBanner__leadingLabel--color-purple-red": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple-red___sGvEM",
+	"EyebrowBanner__leadingLabel--color-red": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red___e5Zlr",
+	"EyebrowBanner__leadingLabel--color-red-orange": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red-orange___tNfqQ",
+	"EyebrowBanner__leadingLabel--color-teal": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-teal___sHwEi",
+	"EyebrowBanner__leadingLabel--color-yellow": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-yellow___NED2T",
+	EyebrowBanner__heading: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__heading___pV18r",
+	EyebrowBanner__subHeading: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__subHeading___j_Pgs",
+	"EyebrowBanner__icon--badge": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE",
+	EyebrowBanner__icon: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon___0DNEo",
+	"EyebrowBanner__icon--color-default": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___AHn0V",
+	"EyebrowBanner__icon--color-blue": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___4OskO",
+	"EyebrowBanner__icon--color-coral": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___T_46y",
+	"EyebrowBanner__icon--color-green": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-green____I53I",
+	"EyebrowBanner__icon--color-gray": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-gray___xzgSs",
+	"EyebrowBanner__icon--color-indigo": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-indigo___WxuK_",
+	"EyebrowBanner__icon--color-lemon": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lemon____AfWK",
+	"EyebrowBanner__icon--color-lime": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lime___dSzH6",
+	"EyebrowBanner__icon--color-orange": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-orange___z7Hxt",
+	"EyebrowBanner__icon--color-pink": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-pink___MUkAV",
+	"EyebrowBanner__icon--color-purple": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-purple___eX4cj",
+	"EyebrowBanner__icon--color-red": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-red____md9b",
+	"EyebrowBanner__icon--color-teal": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal____Mv2F",
+	"EyebrowBanner__icon--color-yellow": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___oVyB6"
+};
+//#endregion
+export { e as default };
+//# sourceMappingURL=EyebrowBanner.module.js.map

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

@@ -0,0 +1 @@

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

package/esm/EyebrowBanner/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './EyebrowBanner';
2	+ //# sourceMappingURL=index.d.ts.map

package/esm/EyebrowBanner/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/EyebrowBanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/esm/EyebrowText/EyebrowText.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type TextProps } from '../Text';
+import type { BaseProps } from '../component-helpers';
+export declare const EyebrowTextVariants: readonly ["default", "muted", "accent"];
+export type EyebrowTextVariant = (typeof EyebrowTextVariants)[number];
+export type EyebrowTextProps = Omit<TextProps, 'as' | 'animate' | 'variant'> & Omit<BaseProps<HTMLSpanElement>, 'animate'> & {
+    variant?: EyebrowTextVariant;
+    ['data-testid']?: string;
+};
+/**
+ * EyebrowText is a simple text component that should be used above Headings.
+ */
+export declare const EyebrowText: React.ForwardRefExoticComponent<Omit<EyebrowTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>> & {
+    testIds: {
+        root: string;
+    };
+};
+//# sourceMappingURL=EyebrowText.d.ts.map

package/esm/EyebrowText/EyebrowText.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EyebrowText.d.ts","sourceRoot":"","sources":["../../src/EyebrowText/EyebrowText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,SAAS,CAAA;AAE5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAKnD,eAAO,MAAM,mBAAmB,yCAA0C,CAAA;AAE1E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,GAC1E,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,GAAG;IAC5C,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AA0CH;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAAyC,CAAA"}

package/esm/EyebrowText/EyebrowText.js ADDED Viewed

@@ -0,0 +1,27 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Text as t } from "../Text/Text.js";
+import n from "./EyebrowText.module.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/EyebrowText/EyebrowText.tsx
+var a = [
+	"default",
+	"muted",
+	"accent"
+], o = { root: "EyebrowText" }, s = r(({ className: r, children: a, style: s, "data-testid": c, font: l = "monospace", size: u = "100", variant: d = "muted", weight: f = "normal", ...p }, m) => /* @__PURE__ */ i(t, {
+	ref: m,
+	as: "span",
+	size: u,
+	variant: d === "accent" ? "default" : d,
+	font: l,
+	weight: f,
+	className: e(n.EyebrowText, d === "accent" && n["EyebrowText--variant-accent"], r),
+	style: s,
+	"data-testid": c || o.root,
+	...p,
+	children: a
+})), c = Object.assign(s, { testIds: o });
+//#endregion
+export { c as EyebrowText, a as EyebrowTextVariants };
+//# sourceMappingURL=EyebrowText.js.map

package/esm/EyebrowText/EyebrowText.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EyebrowText.js","names":[],"sources":["../../src/EyebrowText/EyebrowText.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Text, type TextProps} from '../Text'\n\nimport type {BaseProps} from '../component-helpers'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './EyebrowText.module.css'\n\nexport const EyebrowTextVariants = ['default', 'muted', 'accent'] as const\n\nexport type EyebrowTextVariant = (typeof EyebrowTextVariants)[number]\n\nexport type EyebrowTextProps = Omit<TextProps, 'as' | 'animate' | 'variant'> &\n Omit<BaseProps<HTMLSpanElement>, 'animate'> & {\n variant?: EyebrowTextVariant\n ['data-testid']?: string\n }\n\nconst testIds = {\n root: 'EyebrowText',\n}\n\nconst _EyebrowText = forwardRef<HTMLSpanElement, EyebrowTextProps>(\n (\n {\n className,\n children,\n style,\n 'data-testid': testId,\n font = 'monospace',\n size = '100',\n variant = 'muted',\n weight = 'normal',\n ...props\n },\n ref: Ref<HTMLSpanElement>,\n ) => {\n const textVariant = variant === 'accent' ? 'default' : variant\n\n return (\n <Text\n ref={ref}\n as=\"span\"\n size={size}\n variant={textVariant}\n font={font}\n weight={weight}\n className={clsx(styles.EyebrowText, variant === 'accent' && styles['EyebrowText--variant-accent'], className)}\n style={style}\n data-testid={testId || testIds.root}\n {...props}\n >\n {children}\n </Text>\n )\n },\n)\n\n/**\n * EyebrowText is a simple text component that should be used above Headings.\n */\nexport const EyebrowText = Object.assign(_EyebrowText, {testIds})\n"],"mappings":";;;;;;AASA,IAAa,IAAsB;CAAC;CAAW;CAAS;CAAS,EAU3D,IAAU,EACd,MAAM,eACP,EAEK,IAAe,GAEjB,EACE,cACA,aACA,UACA,eAAe,GACf,UAAO,aACP,UAAO,OACP,aAAU,SACV,YAAS,UACT,GAAG,KAEL,MAKE,kBAAC,GAAD;CACO;CACL,IAAG;CACG;CACN,SAPgB,MAAY,WAAW,YAAY;CAQ7C;CACE;CACR,WAAW,EAAK,EAAO,aAAa,MAAY,YAAY,EAAO,gCAAgC,EAAU;CACtG;CACP,eAAa,KAAU,EAAQ;CAC/B,GAAI;CAEH;CACI,CAAA,CAGZ,EAKY,IAAc,OAAO,OAAO,GAAc,EAAC,YAAQ,CAAC"}

package/esm/EyebrowText/EyebrowText.module-DRReWOj8.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .Primer_Brand__EyebrowText-module__EyebrowText___IBLG_{text-transform:uppercase;letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___euIbO{color:var(--brand-color-accent-primary)}

package/esm/EyebrowText/EyebrowText.module.js ADDED Viewed

@@ -0,0 +1,8 @@
+import './EyebrowText.module-DRReWOj8.css';var e = {
+	EyebrowText: "Primer_Brand__EyebrowText-module__EyebrowText___IBLG_",
+	"EyebrowText--variant-accent": "Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___euIbO"
+};
+//#endregion
+export { e as default };
+//# sourceMappingURL=EyebrowText.module.js.map

package/esm/EyebrowText/EyebrowText.module.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"EyebrowText.module.js","names":[],"sources":["../../src/EyebrowText/EyebrowText.module.css"],"sourcesContent":[".EyebrowText {\n text-transform: uppercase;\n letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.EyebrowText--variant-accent {\n color: var(--brand-color-accent-primary);\n}\n"],"mappings":""}

package/esm/EyebrowText/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './EyebrowText';
2	+ //# sourceMappingURL=index.d.ts.map

package/esm/EyebrowText/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/EyebrowText/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/esm/FAQ/FAQ.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+import React, { PropsWithChildren } from 'react';
+import { HeadingProps } from '..';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
+export type FAQRootProps = {
+    variant?: 'default' | 'gridline';
+} & PropsWithChildren<BaseProps<HTMLElement>> & React.HTMLAttributes<HTMLElement>;
+type FAQHeadingProps = BaseProps<HTMLHeadingElement> & {
+    align?: 'start' | 'center';
+    children: React.ReactNode | React.ReactNode[];
+    as?: HeadingProps['as'];
+} & HeadingProps;
+export type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {
+    align?: 'start' | 'center';
+    children: React.ReactNode | React.ReactNode[];
+    as?: Exclude<HeadingProps['as'], 'h1'>;
+} & HeadingProps;
+declare function FAQSubheading({ children, className, as, size, font, weight, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * FAQ component:
+ * {@link https://primer.style/brand/components/FAQ/ See usage examples}.
+ */
+export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Subheading: typeof FAQSubheading;
+    Heading: React.ForwardRefExoticComponent<Omit<FAQHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Item: React.ForwardRefExoticComponent<React.DetailsHTMLAttributes<HTMLDetailsElement> & {
+        children: React.ReactElement<import("..").AccordionHeadingProps | import("..").AccordionContentProps>[];
+        variant?: "default" | "emphasis";
+        handleOpen?: (isOpen: boolean) => void;
+    } & React.RefAttributes<HTMLDetailsElement>>;
+    Question: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        as?: HeadingProps["as"];
+        reversedToggles?: boolean;
+        toggleColor?: typeof import("..").AccordionToggleColors[number];
+        weight?: HeadingProps["weight"];
+    } & React.RefAttributes<HTMLHeadingElement>>;
+    Answer: ({ className, ...rest }: import("..").AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=FAQ.d.ts.map

package/esm/FAQ/FAQ.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/FAQ/FAQ.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG1D,OAAO,EAA2E,YAAY,EAAC,MAAM,IAAI,CAAA;AACzG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAGnD;;GAEG;AACH,OAAO,0FAA0F,CAAA;AACjG,OAAO,uGAAuG,CAAA;AAC9G,OAAO,yFAAyF,CAAA;AAOhG,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACjC,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAgEnC,KAAK,eAAe,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CACxB,GAAG,YAAY,CAAA;AAmBhB,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,EAAE,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;CACvC,GAAG,YAAY,CAAA;AAEhB,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,EAAS,EACT,IAAuB,EACvB,IAAkB,EAClB,MAAiB,EACjB,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAapB;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;CAMd,CAAA"}

package/esm/FAQ/FAQ.js ADDED Viewed

@@ -0,0 +1,71 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { useAnimation as t } from "../animation/useAnimation.js";
+import { Heading as n } from "../Heading/Heading.js";
+import { AccordionContent as r, AccordionHeading as i, AccordionRoot as a } from "../Accordion/Accordion.js";
+import { isFragmentElement as o } from "../utils/isFragmentElement.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/faq-s_zeJJpd.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-Dc8Ya1HV.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/base-BIIAD0RC.css';/* empty css                                                                                    */
+/* empty css                                                                                                 */
+/* empty css                                                                                   */
+import s from "./FAQ.module.js";
+import c, { forwardRef as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/FAQ/FAQ.tsx
+var d = l(({ children: n, style: r, animate: i, className: l, variant: d = "default", ...m }, h) => {
+	let { classes: g, styles: _ } = t(i), v = c.Children.toArray(n).filter((e) => !!(c.isValidElement(e) && typeof e.type != "string" && (o(e) || e.type === f || e.type === p || e.type === a))), y = c.Children.toArray(n).some((e) => c.isValidElement(e) && typeof e.type != "string" && e.type === p);
+	return /* @__PURE__ */ u("section", {
+		ref: h,
+		className: e(s.FAQ, s[`FAQ--variant-${d}`], g, l),
+		style: {
+			..._,
+			...r
+		},
+		...m,
+		children: c.Children.toArray(v).map((e, t) => {
+			if (c.isValidElement(e) && e.type === f) {
+				let n = c.cloneElement(e, {
+					align: y ? "start" : e.props.align,
+					size: y ? "3" : e.props.size,
+					weight: y ? "medium" : e.props.weight
+				});
+				return d === "gridline" ? /* @__PURE__ */ u("div", {
+					className: s[`FAQ__heading-wrapper--${d}`],
+					children: n
+				}, e.key ?? t) : n;
+			}
+			let n = e;
+			return d === "gridline" ? /* @__PURE__ */ u("div", {
+				className: s[`FAQ__content-wrapper--${d}`],
+				children: n
+			}, t) : n;
+		})
+	});
+}), f = l(({ children: t, className: r, size: i = "3", align: a = "center", as: o, ...c }, l) => /* @__PURE__ */ u(n, {
+	as: o || (i === "3" ? "h3" : "h2"),
+	size: i,
+	className: e(s.FAQ__heading, s[`FAQ__heading--${a}`], r),
+	ref: l,
+	...c,
+	children: t
+}));
+function p({ children: t, className: r, as: i = "h3", size: a = "subhead-medium", font: o = "monospace", weight: c = "medium", ...l }) {
+	return /* @__PURE__ */ u(n, {
+		as: i,
+		className: e(s.FAQ__subheading, r),
+		weight: c,
+		size: a,
+		font: o,
+		...l,
+		children: t
+	});
+}
+var m = Object.assign(d, {
+	Subheading: p,
+	Heading: f,
+	Item: a,
+	Question: i,
+	Answer: r
+});
+//#endregion
+export { m as FAQ };
+//# sourceMappingURL=FAQ.js.map

package/esm/FAQ/FAQ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FAQ.js","names":[],"sources":["../../src/FAQ/FAQ.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\n\nimport {useAnimation, Heading, AccordionHeading, AccordionContent, AccordionRoot, HeadingProps} from '..'\nimport type {BaseProps} from '../component-helpers'\nimport {isFragmentElement} from '../utils/isFragmentElement'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css'\n\n/**\n * Main stylesheet (as a CSS Module)\n */\nimport styles from './FAQ.module.css'\n\nexport type FAQRootProps = {\n variant?: 'default' | 'gridline'\n} & PropsWithChildren<BaseProps<HTMLElement>> &\n React.HTMLAttributes<HTMLElement>\n\nconst FAQRoot = forwardRef<HTMLElement, FAQRootProps>(\n ({children, style, animate, className, variant = 'default', ...rest}, ref) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const filteredChildren = React.Children.toArray(children).filter(child => {\n if (React.isValidElement(child) && typeof child.type !== 'string') {\n if (\n isFragmentElement(child) ||\n (child as React.ReactElement).type === FAQHeading ||\n (child as React.ReactElement).type === FAQSubheading ||\n (child as React.ReactElement).type === AccordionRoot\n ) {\n return true\n }\n }\n return false\n })\n\n const hasSubheading = React.Children.toArray(children).some(\n child => React.isValidElement(child) && typeof child.type !== 'string' && child.type === FAQSubheading,\n )\n\n return (\n <section\n ref={ref}\n className={clsx(styles.FAQ, styles[`FAQ--variant-${variant}`], animationClasses, className)}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {React.Children.toArray(filteredChildren).map((child, index) => {\n if (React.isValidElement<FAQHeadingProps>(child) && child.type === FAQHeading) {\n const clonedChild = React.cloneElement(child, {\n align: hasSubheading ? 'start' : child.props.align,\n size: hasSubheading ? '3' : child.props.size,\n weight: hasSubheading ? 'medium' : child.props.weight,\n })\n\n if (variant === 'gridline') {\n return (\n <div key={child.key ?? index} className={styles[`FAQ__heading-wrapper--${variant}`]}>\n {clonedChild}\n </div>\n )\n }\n return clonedChild\n }\n\n const otherChild = child\n\n return variant === 'gridline' ? (\n <div key={index} className={styles[`FAQ__content-wrapper--${variant}`]}>\n {otherChild}\n </div>\n ) : (\n otherChild\n )\n })}\n </section>\n )\n },\n)\n\ntype FAQHeadingProps = BaseProps<HTMLHeadingElement> & {\n align?: 'start' | 'center'\n children: React.ReactNode | React.ReactNode[]\n as?: HeadingProps['as']\n} & HeadingProps\n\nconst FAQHeading = forwardRef<HTMLHeadingElement, FAQHeadingProps>(\n ({children, className, size = '3', align = 'center', as, ...rest}, ref) => {\n const headingLevel = size === '3' ? 'h3' : 'h2'\n return (\n <Heading\n as={as || headingLevel}\n size={size}\n className={clsx(styles.FAQ__heading, styles[`FAQ__heading--${align}`], className)}\n ref={ref}\n {...rest}\n >\n {children}\n </Heading>\n )\n },\n)\n\nexport type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {\n align?: 'start' | 'center'\n children: React.ReactNode | React.ReactNode[]\n as?: Exclude<HeadingProps['as'], 'h1'>\n} & HeadingProps\n\nfunction FAQSubheading({\n children,\n className,\n as = 'h3',\n size = 'subhead-medium',\n font = 'monospace',\n weight = 'medium',\n ...rest\n}: FAQSubheadingProps) {\n return (\n <Heading\n as={as}\n className={clsx(styles.FAQ__subheading, className)}\n weight={weight}\n size={size}\n font={font}\n {...rest}\n >\n {children}\n </Heading>\n )\n}\n\n/**\n * FAQ component:\n * {@link https://primer.style/brand/components/FAQ/ See usage examples}.\n */\nexport const FAQ = Object.assign(FAQRoot, {\n Subheading: FAQSubheading,\n Heading: FAQHeading,\n Item: AccordionRoot,\n Question: AccordionHeading,\n Answer: AccordionContent,\n})\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAM,IAAU,GACb,EAAC,aAAU,UAAO,YAAS,cAAW,aAAU,WAAW,GAAG,KAAO,MAAQ;CAC5E,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAmB,EAAM,SAAS,QAAQ,EAAS,CAAC,QAAO,MAC/D,GAAI,EAAM,eAAe,EAAM,IAAI,OAAO,EAAM,QAAS,aAErD,EAAkB,EAAM,IACvB,EAA6B,SAAS,KACtC,EAA6B,SAAS,KACtC,EAA6B,SAAS,IAM3C,EAEI,IAAgB,EAAM,SAAS,QAAQ,EAAS,CAAC,MACrD,MAAS,EAAM,eAAe,EAAM,IAAI,OAAO,EAAM,QAAS,YAAY,EAAM,SAAS,EAC1F;AAED,QACE,kBAAC,WAAD;EACO;EACL,WAAW,EAAK,EAAO,KAAK,EAAO,gBAAgB,MAAY,GAAkB,EAAU;EAC3F,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,GAAI;YAEH,EAAM,SAAS,QAAQ,EAAiB,CAAC,KAAK,GAAO,MAAU;AAC9D,OAAI,EAAM,eAAgC,EAAM,IAAI,EAAM,SAAS,GAAY;IAC7E,IAAM,IAAc,EAAM,aAAa,GAAO;KAC5C,OAAO,IAAgB,UAAU,EAAM,MAAM;KAC7C,MAAM,IAAgB,MAAM,EAAM,MAAM;KACxC,QAAQ,IAAgB,WAAW,EAAM,MAAM;KAChD,CAAC;AASF,WAPI,MAAY,aAEZ,kBAAC,OAAD;KAA8B,WAAW,EAAO,yBAAyB;eACtE;KACG,EAFI,EAAM,OAAO,EAEjB,GAGH;;GAGT,IAAM,IAAa;AAEnB,UAAO,MAAY,aACjB,kBAAC,OAAD;IAAiB,WAAW,EAAO,yBAAyB;cACzD;IACG,EAFI,EAEJ,GAEN;IAEF;EACM,CAAA;EAGf,EAQK,IAAa,GAChB,EAAC,aAAU,cAAW,UAAO,KAAK,WAAQ,UAAU,OAAI,GAAG,KAAO,MAG/D,kBAAC,GAAD;CACE,IAAI,MAHa,MAAS,MAAM,OAAO;CAIjC;CACN,WAAW,EAAK,EAAO,cAAc,EAAO,iBAAiB,MAAU,EAAU;CAC5E;CACL,GAAI;CAEH;CACO,CAAA,CAGf;AAQD,SAAS,EAAc,EACrB,aACA,cACA,QAAK,MACL,UAAO,kBACP,UAAO,aACP,YAAS,UACT,GAAG,KACkB;AACrB,QACE,kBAAC,GAAD;EACM;EACJ,WAAW,EAAK,EAAO,iBAAiB,EAAU;EAC1C;EACF;EACA;EACN,GAAI;EAEH;EACO,CAAA;;AAQd,IAAa,IAAM,OAAO,OAAO,GAAS;CACxC,YAAY;CACZ,SAAS;CACT,MAAM;CACN,UAAU;CACV,QAAQ;CACT,CAAC"}

package/esm/FAQ/FAQ.module-C8rxdU0Z.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__FAQ-module__FAQ___fhKat{max-width:var(--brand-FAQ-maxWidth-list);margin:0 auto}.Primer_Brand__FAQ-module__FAQ--variant-gridline___oIn0f{border-block-end:var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;max-width:100%;padding-block-end:var(--base-size-40)}.Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___AWSUU{max-width:var(--brand-FAQ-maxWidth-list);margin:0 auto}.Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___c4m3j{border-block-end:var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;margin-block-end:var(--base-size-40)}.Primer_Brand__FAQ-module__FAQ__heading___8eTS4{color:var(--brand-FAQ-color-heading);margin-bottom:var(--brand-FAQ-heading-marginBottom)}.Primer_Brand__FAQ-module__FAQ__subheading___AVw7m{margin-bottom:var(--base-size-16);color:var(--brand-color-text-muted);text-transform:uppercase;font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__FAQ-module__FAQ__heading--start___frhvf{text-align:left}.Primer_Brand__FAQ-module__FAQ__heading--center___dED8A{text-align:center;max-width:18ch;margin-left:auto;margin-right:auto}.Primer_Brand__FAQ-module__FAQ__heading--large___v8f53{font-weight:var(--brand-text-weight-normal);font-size:var(--brand-text-size-800);line-height:var(--brand-text-lineHeight-800);letter-spacing:var(--brand-text-letterSpacing-800)}.Primer_Brand__FAQ-module__FAQ___fhKat details+.Primer_Brand__FAQ-module__FAQ__subheading___AVw7m{margin-top:var(--base-size-48)}.Primer_Brand__FAQ-module__FAQ___fhKat.Primer_Brand__FAQ-module__details__summary___1sVQ4{font-weight:var(--brand-text-weight-normal);font-size:var(--brand-text-size-800);line-height:var(--brand-text-lineHeight-800);letter-spacing:var(--brand-text-letterSpacing-800);color:var(--brand-FAQ-color-heading);cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}@media screen and (width>=63.25rem){.Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___c4m3j{margin-block-end:var(--base-size-48)}.Primer_Brand__FAQ-module__FAQ--variant-gridline___oIn0f{padding-block-end:var(--base-size-64)}}

package/esm/FAQ/FAQ.module.js ADDED Viewed

@@ -0,0 +1,16 @@
+import './FAQ.module-C8rxdU0Z.css';var e = {
+	FAQ: "Primer_Brand__FAQ-module__FAQ___fhKat",
+	"FAQ--variant-gridline": "Primer_Brand__FAQ-module__FAQ--variant-gridline___oIn0f",
+	"FAQ__content-wrapper--gridline": "Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___AWSUU",
+	"FAQ__heading-wrapper--gridline": "Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___c4m3j",
+	FAQ__heading: "Primer_Brand__FAQ-module__FAQ__heading___8eTS4",
+	FAQ__subheading: "Primer_Brand__FAQ-module__FAQ__subheading___AVw7m",
+	"FAQ__heading--start": "Primer_Brand__FAQ-module__FAQ__heading--start___frhvf",
+	"FAQ__heading--center": "Primer_Brand__FAQ-module__FAQ__heading--center___dED8A",
+	"FAQ__heading--large": "Primer_Brand__FAQ-module__FAQ__heading--large___v8f53",
+	details__summary: "Primer_Brand__FAQ-module__details__summary___1sVQ4"
+};
+//#endregion
+export { e as default };
+//# sourceMappingURL=FAQ.module.js.map

package/esm/FAQ/FAQ.module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FAQ.module.js","names":[],"sources":["../../src/FAQ/FAQ.module.css"],"sourcesContent":[".FAQ {\n max-width: var(--brand-FAQ-maxWidth-list);\n margin: 0 auto;\n}\n\n.FAQ--variant-gridline {\n padding-block-end: var(--base-size-40);\n border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;\n max-width: 100%;\n}\n\n.FAQ__content-wrapper--gridline {\n max-width: var(--brand-FAQ-maxWidth-list);\n margin: 0 auto;\n}\n\n.FAQ__heading-wrapper--gridline {\n border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;\n margin-block-end: var(--base-size-40);\n}\n\n.FAQ__heading {\n color: var(--brand-FAQ-color-heading);\n margin-bottom: var(--brand-FAQ-heading-marginBottom);\n}\n\n.FAQ__subheading {\n margin-bottom: var(--base-size-16);\n color: var(--brand-color-text-muted);\n text-transform: uppercase;\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n}\n\n.FAQ__heading--start {\n text-align: left;\n}\n\n.FAQ__heading--center {\n text-align: center;\n max-width: 18ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n.FAQ__heading--large {\n /*Visual appearance as a h2*/\n font-weight: var(--brand-text-weight-normal);\n font-size: var(--brand-text-size-800);\n line-height: var(--brand-text-lineHeight-800);\n letter-spacing: var(--brand-text-letterSpacing-800);\n}\n\n.FAQ details + .FAQ__subheading {\n margin-top: var(--base-size-48);\n}\n\n.FAQ.details__summary {\n font-weight: var(--brand-text-weight-normal);\n font-size: var(--brand-text-size-800);\n line-height: var(--brand-text-lineHeight-800);\n letter-spacing: var(--brand-text-letterSpacing-800);\n color: var(--brand-FAQ-color-heading);\n cursor: pointer;\n outline: none;\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n .FAQ__heading-wrapper--gridline {\n margin-block-end: var(--base-size-48);\n }\n\n .FAQ--variant-gridline {\n padding-block-end: var(--base-size-64);\n }\n}\n"],"mappings":""}

package/esm/FAQ/FAQGroup.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import React from 'react';
+import { FAQSubheadingProps } from './';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
+declare function HeadingBase({ children, className, as, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
+export type FAQGroupProps = React.PropsWithChildren<{
+    id?: string;
+    variant?: 'default' | 'gridline';
+    defaultSelectedIndex?: number;
+    tabAttributes?: (children: React.ReactNode, index: number) => Record<string, unknown>;
+}>;
+declare function FAQGroupBase({ children, id, variant, defaultSelectedIndex, tabAttributes, ...rest }: FAQGroupProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * FAQGroup component:
+ * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.
+ */
+export declare const FAQGroup: typeof FAQGroupBase & {
+    Heading: typeof HeadingBase;
+};
+export {};
+//# sourceMappingURL=FAQGroup.d.ts.map

package/esm/FAQ/FAQGroup.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FAQGroup.d.ts","sourceRoot":"","sources":["../../src/FAQ/FAQGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAC,kBAAkB,EAAoB,MAAM,IAAI,CAAA;AAGxD;;GAEG;AACH,OAAO,0FAA0F,CAAA;AACjG,OAAO,uGAAuG,CAAA;AAC9G,OAAO,yFAAyF,CAAA;AAOhG,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAS,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,2CAMjF;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACtF,CAAC,CAAA;AAEF,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,EAAE,EACF,OAAmB,EACnB,oBAAwB,EACxB,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,2CA8Mf;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;;CAEnB,CAAA"}

package/esm/FAQ/FAQGroup.js ADDED Viewed

@@ -0,0 +1,146 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { useId as t } from "../hooks/useId.js";
+import { Grid as n } from "../Grid/Grid.js";
+import { Stack as r } from "../Stack/Stack.js";
+import { Box as i } from "../Box/Box.js";
+import { Heading as a } from "../Heading/Heading.js";
+import { Accordion as o } from "../Accordion/Accordion.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/faq-s_zeJJpd.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-Dc8Ya1HV.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/base-BIIAD0RC.css';/* empty css                                                                                    */
+/* empty css                                                                                                 */
+/* empty css                                                                                   */
+import { FAQ as s } from "./FAQ.js";
+import c from "./FAQGroup.module.js";
+import l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/FAQ/FAQGroup.tsx
+function f({ children: t, className: n, as: r = "h3", ...i }) {
+	return /* @__PURE__ */ u(a, {
+		as: r,
+		className: e(c.FAQGroup__heading, n),
+		...i,
+		children: t
+	});
+}
+function p({ children: a, id: p, variant: m = "default", defaultSelectedIndex: g = 0, tabAttributes: _, ...v }) {
+	let [y, b] = l.useState(g), [x, S] = l.useState(!1), C = t(p), w = l.useRef(null), T = (e) => (t) => {
+		b(e), x || S(!0);
+	}, E = (e) => (t) => {
+		if (t.key === "ArrowUp") {
+			t.preventDefault(), b((e - 1 + D.length) % D.length), x || S(!0);
+			return;
+		}
+		if (t.key === "ArrowDown") {
+			t.preventDefault(), b((e + 1) % D.length), x || S(!0);
+			return;
+		}
+	};
+	l.useEffect(() => {
+		x && w.current?.focus();
+	}, [x, y]);
+	let D = l.Children.toArray(a).filter((e) => l.isValidElement(e) && e.type === s), O = l.Children.map(D, (e, t) => {
+		if (e.props.children) {
+			let n = l.Children.toArray(e.props.children).find((e) => l.isValidElement(e) && e.type === s.Heading), r = n?.props.children, { ref: i, ...a } = (n && _ ? _(r ?? null, t) : void 0) ?? {};
+			return /* @__PURE__ */ u("button", {
+				type: "button",
+				role: "tab",
+				className: c["FAQGroup__tablist-button"],
+				id: `${C}-tab-${t}`,
+				"aria-controls": `${C}-panel-${t}`,
+				"aria-selected": y === t,
+				onClick: T(t),
+				onKeyDown: E(t),
+				"data-testid": `FAQGroup-tab-${t + 1}`,
+				tabIndex: y === t ? void 0 : -1,
+				ref: (e) => {
+					y === t ? w.current = e : w.current === e && (w.current = null), h(i, e);
+				},
+				...a,
+				children: r
+			}, t);
+		}
+		return null;
+	}), k = l.Children.map(D, (t, n) => {
+		if (t.props.children) {
+			let r = l.Children.map(t.props.children, (e) => l.isValidElement(e) && e.type !== s.Heading ? e : null), i = l.Children.map(t.props.children, (e) => l.isValidElement(e) && e.type === s.Heading ? e.props.children : null);
+			return /* @__PURE__ */ d("div", {
+				role: "tabpanel",
+				id: `${C}-panel-${n}`,
+				"aria-labelledby": `${C}-tab-${n}`,
+				hidden: y !== n,
+				"data-testid": `FAQGroup-tab-panel-${n + 1}`,
+				children: [i && /* @__PURE__ */ u(s.Subheading, {
+					"data-testid": `FAQGroup-tab-panel-heading-${n + 1}`,
+					className: e(c["FAQGroup__panel-subHeading"]),
+					children: i
+				}), r]
+			}, n);
+		}
+	}), A = l.Children.map(D, (t, n) => {
+		if (t.props.children) {
+			let r = l.Children.toArray(t.props.children).find((e) => l.isValidElement(e) && e.type === s.Heading), i = l.Children.map(t.props.children, (t) => l.isValidElement(t) && t.type !== s.Heading ? l.cloneElement(t, { className: e(c["FAQGroup__nested-accordion-item"], t.props.className) }) : null);
+			return !r || !i ? null : /* @__PURE__ */ d(o, {
+				variant: "emphasis",
+				className: e(m === "gridline" && c["FAQGroup__accordion--gridline"]),
+				children: [/* @__PURE__ */ u(o.Heading, { ...r.props }), /* @__PURE__ */ u(o.Content, { children: i })]
+			}, n);
+		}
+	}), j = l.Children.toArray(a).find((e) => l.isValidElement(e) && e.type === f);
+	return /* @__PURE__ */ d(m === "gridline" ? i : l.Fragment, {
+		...m === "gridline" ? { className: e(c["FAQGroup__gridline-wrapper"]) } : {},
+		children: [/* @__PURE__ */ u("div", {
+			className: e(c["FAQGroup__heading-wrapper"], c[`FAQGroup__heading-wrapper--${m}`]),
+			children: /* @__PURE__ */ u(n, {
+				enableGutters: !1,
+				...v,
+				children: /* @__PURE__ */ u(n.Column, { children: j && /* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(n.Column, { children: j }) }) })
+			})
+		}), /* @__PURE__ */ u(n, {
+			enableGutters: !1,
+			...v,
+			children: /* @__PURE__ */ d(n.Column, {
+				span: 12,
+				children: [/* @__PURE__ */ u("div", {
+					className: e(c.FAQGroup__accordion),
+					children: A
+				}), /* @__PURE__ */ d(n, {
+					className: e(c.FAQGroup),
+					children: [/* @__PURE__ */ u(n.Column, {
+						span: {
+							medium: 5,
+							large: 4
+						},
+						className: e(c.FAQGroup__tablist, m === "gridline" && c["FAQGroup__tablist--gridline"]),
+						children: /* @__PURE__ */ u(r, {
+							direction: "vertical",
+							"aria-orientation": "vertical",
+							padding: "none",
+							role: "tablist",
+							gap: "none",
+							alignItems: "flex-start",
+							children: O
+						})
+					}), /* @__PURE__ */ u(n.Column, {
+						start: 6,
+						span: 7,
+						className: e(m === "gridline" && c["FAQGroup__content--gridline"]),
+						children: k
+					})]
+				})]
+			})
+		})]
+	});
+}
+var m = Object.assign(p, { Heading: f });
+function h(e, t) {
+	if (e) {
+		if (typeof e == "function") {
+			e(t);
+			return;
+		}
+		e.current = t;
+	}
+}
+//#endregion
+export { m as FAQGroup };
+//# sourceMappingURL=FAQGroup.js.map

package/esm/FAQ/FAQGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FAQGroup.js","names":[],"sources":["../../src/FAQ/FAQGroup.tsx"],"sourcesContent":["import React from 'react'\nimport {useId} from '../hooks/useId'\nimport {clsx} from 'clsx'\n\nimport {FAQSubheadingProps, FAQRootProps, FAQ} from './'\nimport {Accordion, Grid, Heading, Stack, Box} from '../'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css'\n\n/**\n * Main stylesheet (as a CSS Module)\n */\nimport styles from './FAQGroup.module.css'\n\nfunction HeadingBase({children, className, as = 'h3', ...rest}: FAQSubheadingProps) {\n return (\n <Heading as={as} className={clsx(styles['FAQGroup__heading'], className)} {...rest}>\n {children}\n </Heading>\n )\n}\n\nexport type FAQGroupProps = React.PropsWithChildren<{\n id?: string\n variant?: 'default' | 'gridline'\n defaultSelectedIndex?: number\n tabAttributes?: (children: React.ReactNode, index: number) => Record<string, unknown>\n}>\n\nfunction FAQGroupBase({\n children,\n id,\n variant = 'default',\n defaultSelectedIndex = 0,\n tabAttributes,\n ...rest\n}: FAQGroupProps) {\n const [selectedIndex, setSelectedIndex] = React.useState(defaultSelectedIndex)\n const [hasInteracted, setHasInteracted] = React.useState(false)\n const instanceId = useId(id)\n const selectedTabRef = React.useRef<HTMLButtonElement>(null)\n\n const handleTabClick = (index: number) => (_event: React.MouseEvent<HTMLButtonElement>) => {\n setSelectedIndex(index)\n if (!hasInteracted) setHasInteracted(true)\n }\n\n const handleKeyDown = (index: number) => (_event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (_event.key === 'ArrowUp') {\n _event.preventDefault()\n const prevIndex = (index - 1 + faqChildren.length) % faqChildren.length\n setSelectedIndex(prevIndex)\n if (!hasInteracted) setHasInteracted(true)\n return\n }\n\n if (_event.key === 'ArrowDown') {\n _event.preventDefault()\n const nextIndex = (index + 1) % faqChildren.length\n setSelectedIndex(nextIndex)\n if (!hasInteracted) setHasInteracted(true)\n return\n }\n }\n\n React.useEffect(() => {\n if (hasInteracted) selectedTabRef.current?.focus()\n }, [hasInteracted, selectedIndex])\n\n const faqChildren = React.Children.toArray(children).filter(\n (child): child is React.ReactElement<FAQRootProps> =>\n React.isValidElement<FAQRootProps>(child) && child.type === FAQ,\n )\n\n const Tabs = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const GroupHeadingChild = React.Children.toArray(faqChild.props.children).find(\n (child): child is React.ReactElement<React.ComponentProps<typeof FAQ.Heading>> =>\n React.isValidElement(child) && child.type === FAQ.Heading,\n )\n\n const tabContents = GroupHeadingChild?.props.children\n\n const providedTabAttributes =\n GroupHeadingChild && tabAttributes ? tabAttributes(tabContents ?? null, index) : undefined\n const tabAttributeProps = providedTabAttributes ?? {}\n const {ref: providedTabRef, ...tabAttributeRest} = tabAttributeProps as {\n ref?: React.Ref<HTMLButtonElement>\n }\n\n const handleTabRef = (node: HTMLButtonElement | null) => {\n if (selectedIndex === index) {\n selectedTabRef.current = node\n } else if (selectedTabRef.current === node) {\n selectedTabRef.current = null\n }\n\n assignRef(providedTabRef, node)\n }\n\n return (\n <button\n type=\"button\"\n role=\"tab\"\n className={styles['FAQGroup__tablist-button']}\n id={`${instanceId}-tab-${index}`}\n aria-controls={`${instanceId}-panel-${index}`}\n aria-selected={selectedIndex === index}\n onClick={handleTabClick(index)}\n onKeyDown={handleKeyDown(index)}\n key={index}\n data-testid={`FAQGroup-tab-${index + 1}`}\n tabIndex={selectedIndex !== index ? -1 : undefined}\n ref={handleTabRef}\n {...tabAttributeRest}\n >\n {tabContents}\n </button>\n )\n }\n return null\n })\n\n const TabPanels = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const FAQItemChild = React.Children.map(faqChild.props.children, child =>\n React.isValidElement(child) && child.type !== FAQ.Heading ? child : null,\n )\n\n const FAQItemHeadingText = React.Children.map(faqChild.props.children, child =>\n React.isValidElement<{children?: React.ReactNode}>(child) && child.type === FAQ.Heading\n ? child.props.children\n : null,\n )\n\n return (\n <div\n role=\"tabpanel\"\n id={`${instanceId}-panel-${index}`}\n aria-labelledby={`${instanceId}-tab-${index}`}\n hidden={selectedIndex !== index}\n key={index}\n data-testid={`FAQGroup-tab-panel-${index + 1}`}\n >\n {FAQItemHeadingText && (\n <FAQ.Subheading\n data-testid={`FAQGroup-tab-panel-heading-${index + 1}`}\n className={clsx(styles['FAQGroup__panel-subHeading'])}\n >\n {FAQItemHeadingText}\n </FAQ.Subheading>\n )}\n {FAQItemChild}\n </div>\n )\n }\n })\n\n const SectionedAccordions = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const GroupHeadingChild = React.Children.toArray(faqChild.props.children).find(\n (child): child is React.ReactElement<React.ComponentProps<typeof FAQ.Heading>> =>\n React.isValidElement(child) && child.type === FAQ.Heading,\n )\n const FAQItemChild = React.Children.map(faqChild.props.children, child =>\n React.isValidElement<{className?: string}>(child) && child.type !== FAQ.Heading\n ? React.cloneElement(child, {\n className: clsx(styles['FAQGroup__nested-accordion-item'], child.props.className),\n })\n : null,\n )\n\n if (!GroupHeadingChild || !FAQItemChild) return null\n\n return (\n <Accordion\n key={index}\n variant=\"emphasis\"\n className={clsx(variant === 'gridline' && styles['FAQGroup__accordion--gridline'])}\n >\n <Accordion.Heading {...GroupHeadingChild.props} />\n <Accordion.Content>{FAQItemChild}</Accordion.Content>\n </Accordion>\n )\n }\n })\n\n const GroupHeading = React.Children.toArray(children).find(\n (child): child is React.ReactElement<FAQSubheadingProps> =>\n React.isValidElement(child) && child.type === HeadingBase,\n )\n\n const Tag = variant === 'gridline' ? Box : React.Fragment\n const tagProps = variant === 'gridline' ? {className: clsx(styles['FAQGroup__gridline-wrapper'])} : {}\n\n return (\n <Tag {...tagProps}>\n <div className={clsx(styles[`FAQGroup__heading-wrapper`], styles[`FAQGroup__heading-wrapper--${variant}`])}>\n <Grid enableGutters={false} {...rest}>\n <Grid.Column>\n {GroupHeading && (\n <Grid>\n <Grid.Column>{GroupHeading}</Grid.Column>\n </Grid>\n )}\n </Grid.Column>\n </Grid>\n </div>\n <Grid enableGutters={false} {...rest}>\n <Grid.Column span={12}>\n <div className={clsx(styles.FAQGroup__accordion)}>{SectionedAccordions}</div>\n <Grid className={clsx(styles.FAQGroup)}>\n <Grid.Column\n span={{medium: 5, large: 4}}\n className={clsx(\n styles.FAQGroup__tablist,\n variant === 'gridline' && styles['FAQGroup__tablist--gridline'],\n )}\n >\n <Stack\n direction=\"vertical\"\n aria-orientation=\"vertical\"\n padding=\"none\"\n role=\"tablist\"\n gap=\"none\"\n alignItems=\"flex-start\"\n >\n {Tabs}\n </Stack>\n </Grid.Column>\n <Grid.Column\n start={6}\n span={7}\n className={clsx(variant === 'gridline' && styles['FAQGroup__content--gridline'])}\n >\n {TabPanels}\n </Grid.Column>\n </Grid>\n </Grid.Column>\n </Grid>\n </Tag>\n )\n}\n\n/**\n * FAQGroup component:\n * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.\n */\nexport const FAQGroup = Object.assign(FAQGroupBase, {\n Heading: HeadingBase,\n})\n\nfunction assignRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n if (!ref) return\n if (typeof ref === 'function') {\n ref(value)\n return\n }\n\n ;(ref as React.MutableRefObject<T | null>).current = value\n}\n"],"mappings":"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"}

package/esm/FAQ/FAQGroup.module-qm5jP0zF.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{justify-content:space-between;gap:var(--brand-stack-gap-spacious);display:none}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{margin-block-start:var(--base-size-48)}.Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___hpXCw{text-transform:uppercase;font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);margin-block-start:calc(var(--base-size-8) + 1px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist___iBu9X .Primer_Brand__FAQGroup-module__FAQ__heading___HjZwb{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R{appearance:none;padding-block:var(--base-size-8);cursor:pointer;align-items:center;gap:var(--base-size-12);width:100%;font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:.15px;text-transform:uppercase;text-align:start;color:var(--brand-color-text-muted);text-overflow:ellipsis;white-space:nowrap;transition:gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);background-color:#0000;border:none;padding-inline:0;display:flex;overflow:hidden}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:before{content:"";width:calc(var(--base-size-8) + var(--base-size-2));height:var(--base-size-12);background-color:var(--brand-FAQGroup-buttonIndicator-idle);transform-origin:0;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default), background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);flex-shrink:0;display:block;transform:scaleX(.7)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:hover:before{background-color:var(--brand-FAQGroup-buttonIndicator-hover)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{color:var(--brand-FAQ-color-tabLabel-selected);gap:calc(var(--base-size-12) + 3px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]:before{background-color:var(--brand-FAQGroup-buttonIndicator-active);transform:scaleX(1)}.Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___Bh12D summary h4{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{padding-inline-start:var(--base-size-48);padding-block:var(--base-size-80)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline:var(--base-size-64);padding-block-start:var(--base-size-80);padding-block-end:var(--base-size-96)}@media (forced-colors:active){.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{border-color:highlight;border-width:var(--brand-borderWidth-thicker);color:highlighttext}}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{padding-inline:var(--base-size-20)}@media screen and (width>=618px){.Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___7IC44{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);max-width:618px;margin-block-start:0;margin-inline:auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:618px;margin:0 auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-40)}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___nZYpp{border-block-end:var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:first-child summary{border-block-start:none!important}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:last-child summary{border-block-end:none!important}}@media screen and (width>=63.25rem){.Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{display:grid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:100%;padding-inline:0}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-64)}}@media screen and (width>=80rem){.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}