@primer/react-brand 0.24.0-rc.0d07385 → 0.24.0-rc.1040aa1

package/lib/Hero/Hero.d.ts

@@ -20,7 +20,7 @@ type HeroImageProps = {
 } & ImageProps & BaseProps<HTMLImageElement>;
 declare function HeroImage({ position, className, ...rest }: PropsWithChildren<HeroImageProps>): JSX.Element;
 type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
-declare function HeroLabel({ children, size, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
+declare function HeroLabel({ children, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: typeof HeroDescription;

package/lib/Label/Label.d.ts

@@ -5,7 +5,7 @@ import type { BaseProps } from '../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css';
 export declare const LabelColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
-export declare const LabelSizes: readonly ["small", "medium", "large"];
+export declare const LabelSizes: readonly ["medium", "large"];
 export declare const defaultLabelColor: "default";
 export declare const defaultLabelSize: "medium";
 export type LabelProps = BaseProps<HTMLSpanElement> & {

package/lib/SectionIntro/SectionIntro.d.ts

@@ -8,7 +8,7 @@ export type SectionIntroProps = {
 } & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
 type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
 type SectionIntroLabelProps = LabelProps & BaseProps<HTMLDivElement>;
-declare function _Label({ children, size, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
+declare function _Label({ children, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
 export declare const SectionIntro: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<SectionIntroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {

package/lib/Testimonial/Testimonial.d.ts

@@ -1,8 +1,12 @@
 import React, { HTMLAttributes, SVGProps } from 'react';
 import { BaseProps } from '../component-helpers';
 import type { AvatarProps } from '../';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css';
 type TestimonialAlignment = 'start' | 'center';
 type TestimonialSize = 'small' | 'large';
+export declare const TestimonialQuoteMarkColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
+export declare const defaultQuoteMarkColor: "default";
 export type TestimonialProps = {
     /**
      * Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name
@@ -16,13 +20,15 @@ export type TestimonialProps = {
      * Sets the testimonial text size
      */
     size?: TestimonialSize;
+    /** Sets the color of the quote mark */
+    quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number];
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
 /**
  * Testimonial quote child element
  * <Testimonial.Quote>
  */
 type QuoteProps = {
-    children: string;
+    children: string | Array<string | React.ReactElement<HTMLElement>>;
 } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
 /**
  * Testimonial name child element
@@ -49,7 +55,7 @@ declare function _Avatar({ size, ...rest }: AvatarProps): JSX.Element;
  */
 export declare const Testimonial: React.ForwardRefExoticComponent<Omit<TestimonialProps, "ref"> & React.RefAttributes<unknown>> & {
     Quote: React.ForwardRefExoticComponent<Omit<{
-        children: string;
+        children: string | Array<string | React.ReactElement<HTMLElement>>;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
     Name: React.ForwardRefExoticComponent<Omit<{
         position?: string | undefined;

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {
@@ -796,7 +796,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -810,7 +810,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -828,7 +828,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -1181,7 +1181,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -1639,7 +1639,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -1866,7 +1866,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -1961,12 +1961,6 @@ select {
   mask-composite: exclude;
 }
 
-.Primer_Brand__Label-module__Label--size-small___TvoL_ {
-  padding-left: var(--base-size-16);
-  padding-right: var(--base-size-16);
-  height: var(--base-size-28);
-}
-
 .Primer_Brand__Label-module__Label--size-medium___g4Jkm {
   padding-left: var(--base-size-16);
   padding-right: var(--base-size-16);
@@ -2069,10 +2063,6 @@ select {
   box-decoration-break: clone;
 }
 
-.Primer_Brand__Label-module__Label--size-small___TvoL_ .Primer_Brand__Label-module__Label__text____nAxj {
-  line-height: var(--brand-text-lineHeight-100);
-}
-
 .Primer_Brand__Label-module__Label--size-medium___g4Jkm .Primer_Brand__Label-module__Label__text____nAxj {
   line-height: var(--brand-text-lineHeight-200);
 }
@@ -2135,7 +2125,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {
@@ -2161,7 +2151,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -2919,7 +2909,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -3756,7 +3746,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -3777,7 +3767,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -3787,7 +3777,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {
@@ -4691,7 +4681,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -4719,7 +4709,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -4735,7 +4725,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -4875,7 +4865,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -4891,7 +4881,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -5040,7 +5030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -5049,7 +5039,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -5063,7 +5053,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {
@@ -5127,7 +5117,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -6224,19 +6214,98 @@ Fixes safari bug where outline doesn't respect border-radius
   }
 }
 
+/**
+ * Do not edit directly
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
+ */
+
+:root {
+  --brand-Testimonial-quote-letterSpacing-large: var(--brand-text-letterSpacing-600);
+  --brand-Testimonial-quote-letterSpacing-default: var(--brand-text-letterSpacing-300);
+  --brand-Testimonial-quote-lineHeight-large: var(--brand-text-lineHeight-600);
+  --brand-Testimonial-quote-lineHeight-default: var(--brand-text-lineHeight-300);
+  --brand-Testimonial-quote-fontWeight-large: var(--brand-heading-weight-600);
+  --brand-Testimonial-quote-fontWeight-default: var(--brand-text-weight-300);
+  --brand-Testimonial-quote-fontSize-large: var(--brand-text-size-600);
+  --brand-Testimonial-quote-fontSize-default: var(--brand-text-size-300);
+}
+
+/**
+ * Do not edit directly
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
+ */
+
+:root {
+  --brand-Testimonial-quoteMarkColor-yellow: var(--base-color-scale-yellow-5);
+  --brand-Testimonial-quoteMarkColor-teal: var(--base-color-scale-teal-5);
+  --brand-Testimonial-quoteMarkColor-red-orange-end: var(--base-color-scale-orange-5);
+  --brand-Testimonial-quoteMarkColor-red-orange-start: var(--base-color-scale-red-5);
+  --brand-Testimonial-quoteMarkColor-red: var(--base-color-scale-red-5);
+  --brand-Testimonial-quoteMarkColor-purple-red-end: var(--base-color-scale-red-5);
+  --brand-Testimonial-quoteMarkColor-purple-red-start: var(--base-color-scale-purple-5);
+  --brand-Testimonial-quoteMarkColor-purple: var(--base-color-scale-purple-5);
+  --brand-Testimonial-quoteMarkColor-pink-blue-end: var(--base-color-scale-blue-5);
+  --brand-Testimonial-quoteMarkColor-pink-blue-start: var(--base-color-scale-pink-5);
+  --brand-Testimonial-quoteMarkColor-pink: var(--base-color-scale-pink-5);
+  --brand-Testimonial-quoteMarkColor-orange: var(--base-color-scale-orange-5);
+  --brand-Testimonial-quoteMarkColor-lime: var(--base-color-scale-lime-5);
+  --brand-Testimonial-quoteMarkColor-lemon: var(--base-color-scale-lemon-5);
+  --brand-Testimonial-quoteMarkColor-indigo: var(--base-color-scale-indigo-5);
+  --brand-Testimonial-quoteMarkColor-gray: var(--base-color-scale-gray-5);
+  --brand-Testimonial-quoteMarkColor-green-blue-end: var(--base-color-scale-blue-5);
+  --brand-Testimonial-quoteMarkColor-green-blue-start: var(--base-color-scale-green-5);
+  --brand-Testimonial-quoteMarkColor-green: var(--base-color-scale-green-5);
+  --brand-Testimonial-quoteMarkColor-coral: var(--base-color-scale-coral-5);
+  --brand-Testimonial-quoteMarkColor-blue-purple-end: var(--base-color-scale-purple-5);
+  --brand-Testimonial-quoteMarkColor-blue-purple-start: var(--base-color-scale-blue-5);
+  --brand-Testimonial-quoteMarkColor-blue: var(--base-color-scale-blue-5);
+  --brand-Testimonial-quoteMarkColor-default: var(--brand-color-text-default);
+}
+
 .Primer_Brand__Testimonial-module__Testimonial___UUywT {
   display: grid;
   grid-gap: var(--base-size-16);
   gap: var(--base-size-16);
-  font-family: var(--brand-fontStack-sansSerif);
   color: var(--brand-color-text-default);
+  font-family: var(--brand-fontStack-sansSerif);
+  font-size: var(--brand-Testimonial-quote-fontSize-default);
+  font-weight: var(--brand-Testimonial-quote-fontWeight-default);
+  letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);
+  line-height: var(--brand-Testimonial-quote-lineHeight-default);
 }
 
-.Primer_Brand__Testimonial-module__Testimonial___UUywT::before {
-  content: '“';
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
+  --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(
+    circle at top left,
+    var(--brand-Testimonial-quoteMarkColor-start),
+    var(--brand-Testimonial-quoteMarkColor-end)
+  );
+  --brand-Testimonial-quoteMarkColor-background: var(
+    --brand-Testimonial-quoteMarkColor-gradient,
+    var(--brand-Testimonial-quoteMarkColor, currentColor)
+  );
+  color: currentColor;
+  color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));
   font-size: var(--base-size-48);
   line-height: var(--base-size-48);
   font-weight: var(--base-text-weight-extrabold);
+  position: relative;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: var(--brand-Testimonial-quoteMarkColor-background);
+  -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
+    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
+  mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
+    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
 }
 
 .Primer_Brand__Testimonial-module__Testimonial--center___NyPe5 {
@@ -6245,16 +6314,39 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c {
+  font-size: var(--brand-Testimonial-quote-fontSize-large);
+  font-weight: var(--brand-Testimonial-quote-fontWeight-large);
+  letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);
+  line-height: var(--brand-Testimonial-quote-lineHeight-large);
   gap: var(--base-size-24);
 }
 
+.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
+  font-size: 3em;
+  line-height: 1;
+}
+
 .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
+  font-size: 1em;
+  font-family: var(--brand-fontStack-sansSerif);
   margin-top: calc(var(--base-size-16) * -1); /* negate grid gap */
   display: block;
 }
 
 .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
-  font-size: var(--brand-text-size-700);
+  margin-top: calc(var(--base-size-24) * -1); /* negate grid gap */
+}
+
+.Primer_Brand__Testimonial-module__Testimonial-quote--muted___Ptyq_ {
+  color: var(--brand-color-text-muted);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F em {
+  color: var(--brand-color-text-default);
+  font-style: normal;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
   font-weight: var(--base-text-weight-semibold);
   letter-spacing: var(--brand-text-letterSpacing-900);
   line-height: 1.2; /* requires custom line-height */
@@ -6269,9 +6361,90 @@ Fixes safari bug where outline doesn't respect border-radius
   margin-right: auto;
 }
 
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--default___nAhKC {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue___gf2qX {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue-purple___Ec9P1 {
+  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);
+  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--coral___WzMiA {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--green___gsL2x {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--green-blue___wqq5w {
+  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);
+  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--gray___WGLgi {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--indigo___KN9eK {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--lemon___XgAJR {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--lime___DyfRi {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--orange___wA2te {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink___hrNQC {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink-blue___z73Hz {
+  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);
+  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple___H1_Zx {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple-red___Wb4Yy {
+  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);
+  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--red___nzAC4 {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--red-orange___f5Woq {
+  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);
+  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--teal___EPZ3D {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark--yellow___gFQED {
+  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);
+}
+
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -6287,7 +6460,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {
@@ -6605,7 +6778,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -7009,7 +7182,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -7187,7 +7360,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -7313,7 +7486,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -7443,7 +7616,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -7455,7 +7628,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -7816,7 +7989,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -8223,7 +8396,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -11553,7 +11726,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -11569,7 +11742,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {
@@ -11790,7 +11963,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:54 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,
@@ -11804,7 +11977,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/color-scales.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 22:03:53 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 :root {