@primer/brand-mcp 0.80.0-rc.e1dc6447 → 0.80.0

package/dist/catalog.json

@@ -1,7 +1,7 @@
 {
   "brandPackage": "@primer/react-brand",
-  "generatedFromVersion": "0.80.0-rc.e1dc6447",
-  "generatedAt": "2026-10-16T17:29:37.914Z",
+  "generatedFromVersion": "0.80.0",
+  "generatedAt": "2026-10-21T13:22:23.469Z",
   "components": [
     {
       "name": "Hero",
@@ -291,7 +291,7 @@
         },
         {
           "name": "icon",
-          "type": "Icon",
+          "type": "Icon | React.ReactElement<React.SVGProps<SVGSVGElement>>",
           "required": true
         },
         {
@@ -1623,6 +1623,18 @@
           "type": "(typeof TestimonialQuoteMarkColors)[number]",
           "description": "Sets the color of the quote mark",
           "required": false
+        },
+        {
+          "name": "quoteMarkClassName",
+          "type": "string",
+          "description": "Class applied to the quote mark.",
+          "required": false
+        },
+        {
+          "name": "mediaClassName",
+          "type": "string",
+          "description": "Class applied to the attribution wrapper.",
+          "required": false
         }
       ],
       "examples": [
@@ -1642,6 +1654,42 @@
         "social proof"
       ]
     },
+    {
+      "name": "TestimonialGroup",
+      "module": "@primer/react-brand",
+      "subcomponents": [
+        "TestimonialGroup.testIds"
+      ],
+      "props": [
+        {
+          "name": "defaultActiveIndex",
+          "type": "number",
+          "description": "Initial testimonial: 0 for the first, 1 for the second.",
+          "required": false
+        },
+        {
+          "name": "labels",
+          "type": "object",
+          "description": "Overrides accessible control labels and slide announcements.",
+          "required": false
+        }
+      ],
+      "examples": [
+        {
+          "title": "TestimonialGroup example",
+          "code": "<TestimonialGroup aria-label=\"Customer testimonials\">\n  <Testimonial size=\"large\">\n    <Testimonial.Quote>\n      With the time savings Copilot unlocks, our developers are empowered to spend more time on the tasks they enjoy\n      the most &mdash; creative-problem solving, innovative projects and experimentation.\n    </Testimonial.Quote>\n    <Testimonial.Avatar src={monaAvatar} alt=\"\" />\n    <Testimonial.Name position=\"Chief Octocat\">Mona Lisa</Testimonial.Name>\n  </Testimonial>\n  <Testimonial size=\"large\">\n    <Testimonial.Quote>\n      GitHub has been critical to evolving our software development lifecycle. We now average about 4,000 commits\n      daily, a speed that just wouldn&rsquo;t have been possible otherwise.\n    </Testimonial.Quote>\n    <Testimonial.Avatar src={hubotAvatar} alt=\"\" />\n    <Testimonial.Name position=\"Mona's Sidekick\">Hubot</Testimonial.Name>\n  </Testimonial>\n  <Testimonial size=\"large\">\n    <Testimonial.Quote>\n      GitHub helps us build better solutions, faster. And in the end, it&rsquo;s our clients who benefit.\n    </Testimonial.Quote>\n    <Testimonial.Avatar src={monaAvatar} alt=\"\" />\n    <Testimonial.Name position=\"Chief Octocat\">Mona Lisa</Testimonial.Name>\n  </Testimonial>\n  <Testimonial size=\"large\">\n    <Testimonial.Quote>\n      GitHub is one of the de facto tools that engineers want to use, and because of that, we don&rsquo;t have long,\n      expensive onboarding periods or productivity gaps.\n    </Testimonial.Quote>\n    <Testimonial.Avatar src={hubotAvatar} alt=\"\" />\n    <Testimonial.Name position=\"Mona's Sidekick\">Hubot</Testimonial.Name>\n  </Testimonial>\n  <Testimonial size=\"large\">\n    <Testimonial.Quote>\n      With GitHub Copilot, our developers stay in the flow state and keep momentum instead of clawing through code\n      libraries or documentation.\n    </Testimonial.Quote>\n    <Testimonial.Avatar src={monaAvatar} alt=\"\" />\n    <Testimonial.Name position=\"Chief Octocat\">Mona Lisa</Testimonial.Name>\n  </Testimonial>\n</TestimonialGroup>",
+          "source": "story"
+        }
+      ],
+      "description": "Use TestimonialGroup to display a collection of testimonials in a carousel format.",
+      "keywords": [
+        "testimonial",
+        "quote",
+        "carousel",
+        "customer",
+        "social proof"
+      ]
+    },
     {
       "name": "ComparisonTable",
       "module": "@primer/react-brand",
@@ -2042,7 +2090,7 @@
         {
           "title": "Pillar example",
           "code": "<Section fullWidth paddingBlockStart=\"condensed\" paddingBlockEnd=\"normal\">\n  <Stack direction=\"vertical\" padding=\"none\" gap=\"spacious\">\n    <SectionIntro align=\"center\" fullWidth>\n      <SectionIntro.Heading as=\"h2\" size=\"3\">\n        Empower your whole school to build and learn with GitHub\n      </SectionIntro.Heading>\n    </SectionIntro>\n\n    <Box className={gridStyles.gridFrame}>\n      <Box className={clsx(gridStyles.gridContent, gridStyles.gridContentWide)}>\n        <Grid columnGap=\"none\" rowGap=\"none\" enableGutters={false}>\n          {educationPillars.map(pillar => {\n            return (\n              <Grid.Column key={pillar.heading} span={{xsmall: 12, large: 4}} className={gridStyles.gridColumn}>\n                <Box\n                  className={gridStyles.gridItem}\n                  paddingBlockStart={{narrow: 48, regular: 64}}\n                  paddingBlockEnd={{narrow: 48, regular: 64}}\n                  paddingInlineStart={{narrow: 32, regular: 64}}\n                  paddingInlineEnd={{narrow: 32, regular: 64}}\n                >\n                  <Pillar>\n                    <Pillar.Icon icon={pillar.icon} />\n                    <Pillar.Heading>{pillar.heading}</Pillar.Heading>\n                    <Pillar.Description>{pillar.description}</Pillar.Description>\n                  </Pillar>\n                </Box>\n              </Grid.Column>\n            )\n          })}\n        </Grid>\n      </Box>\n    </Box>\n  </Stack>\n</Section>",
-          "styles": "/* Card/Card.stories.shared.module.css */\n.gridFrame {\n  width: 100%;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridContent {\n  width: 100%;\n  max-width: 789px;\n  margin-inline: auto;\n}\n\n.gridContentWide {\n  width: 100%;\n}\n\n.gridColumn {\n  display: flex;\n}\n\n.gridItem {\n  width: 100%;\n  height: 100%;\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridColumnArrowHover .gridItem {\n  transition: background var(--brand-animation-duration-extended) var(--brand-animation-easing-default);\n}\n\n.gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.5) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n[data-color-mode='dark'] .gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.1) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n.gridColumn:first-child .gridItem {\n  border-block-start: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .gridContent {\n    max-width: none;\n  }\n\n  .gridContentWide {\n    max-width: 81rem;\n  }\n\n  .gridItem {\n    border-block-start: 0;\n    border-inline-end: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(n + 4) .gridItem {\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(3n) .gridItem,\n  .gridColumn:last-child .gridItem {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n}",
+          "styles": "/* Card/Card.stories.shared.module.css */\n.gridFrame {\n  width: 100%;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridContent {\n  width: 100%;\n  max-width: 789px;\n  margin-inline: auto;\n}\n\n.gridContentWide {\n  width: 100%;\n}\n\n.gridColumn {\n  display: flex;\n}\n\n.gridItem {\n  width: 100%;\n  height: 100%;\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridColumnArrowHover .gridItem {\n  transition: background var(--brand-animation-duration-extended) var(--brand-animation-easing-default);\n}\n\n.gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.5) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n[data-color-mode='dark'] .gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.1) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'] .gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n    background: linear-gradient(180deg, rgba(242, 245, 243, 0.1) 0%, rgba(242, 245, 243, 0) 100%),\n      var(--brand-color-canvas-default);\n  }\n}\n\n.gridColumn:first-child .gridItem {\n  border-block-start: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .gridContent {\n    max-width: none;\n  }\n\n  .gridContentWide {\n    max-width: 81rem;\n  }\n\n  .gridItem {\n    border-block-start: 0;\n    border-inline-end: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(n + 4) .gridItem {\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(3n) .gridItem,\n  .gridColumn:last-child .gridItem {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n}",
           "source": "story"
         }
       ],
@@ -2134,7 +2182,7 @@
         {
           "title": "Card example",
           "code": "<Section fullWidth paddingBlockStart=\"condensed\" paddingBlockEnd=\"normal\">\n  <Stack direction=\"vertical\" padding=\"none\" gap=\"spacious\">\n    <SectionIntro align=\"center\" fullWidth>\n      <SectionIntro.Heading as=\"h2\" size=\"3\">\n        {t('explore_ai_at_github')}\n      </SectionIntro.Heading>\n    </SectionIntro>\n\n    <Box className={styles.gridFrame}>\n      <Box className={clsx(styles.gridContent, styles.gridContentWide)}>\n        <Grid columnGap=\"none\" rowGap=\"none\" enableGutters={false}>\n          {editorialCards.map((card, index) => {\n            return (\n              <Grid.Column\n                key={`${card.headingKey}-${index}`}\n                span={{xsmall: 12, large: 4}}\n                className={styles.gridColumn}\n              >\n                <Box className={styles.gridItem}>\n                  <Card\n                    href=\"https://github.com/resources/articles\"\n                    fullWidth\n                    ctaVariant=\"none\"\n                    backgroundColor=\"none\"\n                  >\n                    <Card.Image\n                      src={darkHorizontalBannerAlt}\n                      alt={t('abstract_blue_green_gradient_illustration')}\n                      aspectRatio=\"16:10\"\n                    />\n                    <Card.Heading>{t(card.headingKey)}</Card.Heading>\n                    <Card.Description>{t(card.descriptionKey)}</Card.Description>\n                    <Card.Tokens position=\"block-end\">\n                      <Token leadingVisual={<Avatar src={avatarMona} alt={t('mona_lisa')} size={32} />}>\n                        {t('mona_lisa')}\n                      </Token>\n                      <Token variant=\"outline\">{t('dec_25')}</Token>\n                    </Card.Tokens>\n                  </Card>\n                </Box>\n              </Grid.Column>\n            )\n          })}\n        </Grid>\n      </Box>\n    </Box>\n  </Stack>\n</Section>",
-          "styles": "/* Card/Card.stories.shared.module.css */\n.gridFrame {\n  width: 100%;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridContent {\n  width: 100%;\n  max-width: 789px;\n  margin-inline: auto;\n}\n\n.gridContentWide {\n  width: 100%;\n}\n\n.gridColumn {\n  display: flex;\n}\n\n.gridItem {\n  width: 100%;\n  height: 100%;\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridColumnArrowHover .gridItem {\n  transition: background var(--brand-animation-duration-extended) var(--brand-animation-easing-default);\n}\n\n.gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.5) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n[data-color-mode='dark'] .gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.1) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n.gridColumn:first-child .gridItem {\n  border-block-start: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .gridContent {\n    max-width: none;\n  }\n\n  .gridContentWide {\n    max-width: 81rem;\n  }\n\n  .gridItem {\n    border-block-start: 0;\n    border-inline-end: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(n + 4) .gridItem {\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(3n) .gridItem,\n  .gridColumn:last-child .gridItem {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n}",
+          "styles": "/* Card/Card.stories.shared.module.css */\n.gridFrame {\n  width: 100%;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridContent {\n  width: 100%;\n  max-width: 789px;\n  margin-inline: auto;\n}\n\n.gridContentWide {\n  width: 100%;\n}\n\n.gridColumn {\n  display: flex;\n}\n\n.gridItem {\n  width: 100%;\n  height: 100%;\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.gridColumnArrowHover .gridItem {\n  transition: background var(--brand-animation-duration-extended) var(--brand-animation-easing-default);\n}\n\n.gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.5) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n[data-color-mode='dark'] .gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n  background: linear-gradient(180deg, rgba(242, 245, 243, 0.1) 0%, rgba(242, 245, 243, 0) 100%),\n    var(--brand-color-canvas-default);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'] .gridColumnArrowHover .gridItem:is(:hover, :focus-within) {\n    background: linear-gradient(180deg, rgba(242, 245, 243, 0.1) 0%, rgba(242, 245, 243, 0) 100%),\n      var(--brand-color-canvas-default);\n  }\n}\n\n.gridColumn:first-child .gridItem {\n  border-block-start: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .gridContent {\n    max-width: none;\n  }\n\n  .gridContentWide {\n    max-width: 81rem;\n  }\n\n  .gridItem {\n    border-block-start: 0;\n    border-inline-end: 0;\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(n + 4) .gridItem {\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n\n  .gridColumn:nth-child(3n) .gridItem,\n  .gridColumn:last-child .gridItem {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  }\n}",
           "source": "story"
         }
       ],
@@ -3150,6 +3198,59 @@
         "page navigation"
       ]
     },
+    {
+      "name": "CarouselPagination",
+      "module": "@primer/react-brand",
+      "subcomponents": [
+        "CarouselPagination.testIds"
+      ],
+      "props": [
+        {
+          "name": "itemCount",
+          "type": "number",
+          "description": "Total number of carousel items.",
+          "required": true
+        },
+        {
+          "name": "activeIndex",
+          "type": "number",
+          "description": "The current active item",
+          "required": true
+        },
+        {
+          "name": "loop",
+          "type": "boolean",
+          "description": "Enables looping navigation between the first and last items.",
+          "required": false
+        },
+        {
+          "name": "labels",
+          "type": "CarouselPaginationLabels",
+          "description": "Accessible control labels for localization.",
+          "required": false
+        },
+        {
+          "name": "aria-label",
+          "type": "string",
+          "description": "Accessible name for the controls.",
+          "required": true
+        }
+      ],
+      "examples": [
+        {
+          "title": "CarouselPagination example",
+          "code": "<CarouselPagination aria-label=\"Choose item\" itemCount={5} activeIndex={activeIndex} onChange={setActiveIndex} />",
+          "source": "story"
+        }
+      ],
+      "description": "Use CarouselPagination to navigate a collection of items.",
+      "keywords": [
+        "carousel",
+        "pagination",
+        "navigation",
+        "controls"
+      ]
+    },
     {
       "name": "Tooltip",
       "module": "@primer/react-brand",
@@ -7510,6 +7611,36 @@
       "value": "rgba(242, 245, 243, 0.2)",
       "group": "functional"
     },
+    {
+      "name": "--brand-CarouselPagination-bgColor",
+      "value": "var(--brand-color-canvas-subtle)",
+      "group": "functional"
+    },
+    {
+      "name": "--brand-CarouselPagination-indicator-bgColor",
+      "value": "var(--base-color-scale-gray-6)",
+      "group": "functional"
+    },
+    {
+      "name": "--brand-CarouselPagination-indicator-active-bgColor",
+      "value": "var(--base-color-scale-gray-7)",
+      "group": "functional"
+    },
+    {
+      "name": "--brand-CarouselPagination-arrowButton-fgColor",
+      "value": "var(--base-color-scale-black-0)",
+      "group": "functional"
+    },
+    {
+      "name": "--brand-CarouselPagination-arrowButton-borderColor",
+      "value": "var(--base-color-scale-gray-2)",
+      "group": "functional"
+    },
+    {
+      "name": "--brand-CarouselPagination-arrowButton-inactive-fgColor",
+      "value": "var(--base-color-scale-gray-3)",
+      "group": "functional"
+    },
     {
       "name": "--brand-ComparisonTable-featured-color-start",
       "value": "var(--base-color-scale-pink-4)",
@@ -9305,6 +9436,16 @@
       "value": "var(--brand-text-size-400)",
       "group": "functional"
     },
+    {
+      "name": "--brand-Testimonial-minimal-quote-lineHeight",
+      "value": "1.35",
+      "group": "functional"
+    },
+    {
+      "name": "--brand-Testimonial-minimal-quote-fontSize-large",
+      "value": "2rem",
+      "group": "functional"
+    },
     {
       "name": "--brand-Testimonial-quoteMarkBackground-default",
       "value": "var(--base-color-scale-gray-0)",
@@ -9375,31 +9516,6 @@
       "value": "var(--base-color-scale-yellow-0)",
       "group": "functional"
     },
-    {
-      "name": "--brand-Testimonial-quoteMarkBackground-blue-purple",
-      "value": "var(--base-color-scale-blue-0)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkBackground-green-blue",
-      "value": "var(--base-color-scale-green-0)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkBackground-pink-blue",
-      "value": "var(--base-color-scale-pink-0)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkBackground-purple-red",
-      "value": "var(--base-color-scale-purple-0)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkBackground-red-orange",
-      "value": "var(--base-color-scale-red-0)",
-      "group": "functional"
-    },
     {
       "name": "--brand-Testimonial-borderMask-default",
       "value": "linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3))",
@@ -9420,16 +9536,6 @@
       "value": "var(--base-color-scale-blue-5)",
       "group": "functional"
     },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-blue-purple-start",
-      "value": "var(--base-color-scale-blue-5)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-blue-purple-end",
-      "value": "var(--base-color-scale-purple-5)",
-      "group": "functional"
-    },
     {
       "name": "--brand-Testimonial-quoteMarkColor-coral",
       "value": "var(--base-color-scale-coral-5)",
@@ -9440,16 +9546,6 @@
       "value": "var(--base-color-scale-green-6)",
       "group": "functional"
     },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-green-blue-start",
-      "value": "var(--base-color-scale-green-6)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-green-blue-end",
-      "value": "var(--base-color-scale-blue-5)",
-      "group": "functional"
-    },
     {
       "name": "--brand-Testimonial-quoteMarkColor-gray",
       "value": "var(--base-color-scale-gray-5)",
@@ -9480,46 +9576,16 @@
       "value": "var(--base-color-scale-pink-5)",
       "group": "functional"
     },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-pink-blue-start",
-      "value": "var(--base-color-scale-pink-5)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-pink-blue-end",
-      "value": "var(--base-color-scale-blue-5)",
-      "group": "functional"
-    },
     {
       "name": "--brand-Testimonial-quoteMarkColor-purple",
       "value": "var(--base-color-scale-purple-5)",
       "group": "functional"
     },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-purple-red-start",
-      "value": "var(--base-color-scale-purple-5)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-purple-red-end",
-      "value": "var(--base-color-scale-red-5)",
-      "group": "functional"
-    },
     {
       "name": "--brand-Testimonial-quoteMarkColor-red",
       "value": "var(--base-color-scale-red-5)",
       "group": "functional"
     },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-red-orange-start",
-      "value": "var(--base-color-scale-red-5)",
-      "group": "functional"
-    },
-    {
-      "name": "--brand-Testimonial-quoteMarkColor-red-orange-end",
-      "value": "var(--base-color-scale-orange-5)",
-      "group": "functional"
-    },
     {
       "name": "--brand-Testimonial-quoteMarkColor-teal",
       "value": "var(--base-color-scale-teal-5)",
@@ -9540,6 +9606,16 @@
       "value": "var(--base-color-scale-green-7)",
       "group": "functional"
     },
+    {
+      "name": "--brand-TestimonialGroup-fadeOutDuration",
+      "value": "250ms",
+      "group": "functional"
+    },
+    {
+      "name": "--brand-TestimonialGroup-fadeInDuration",
+      "value": "475ms",
+      "group": "functional"
+    },
     {
       "name": "--brand-TextCursorAnimation-cursor-animationDuration",
       "value": "833ms",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/brand-mcp",
-  "version": "0.80.0-rc.e1dc6447",
+  "version": "0.80.0",
   "description": "MCP (Model Context Protocol) server that helps AI agents use Primer Brand (@primer/react-brand) correctly when building GitHub marketing and landing pages.",
   "keywords": [
     "primer",