@primer/react-brand 0.24.0-rc.77d570e → 0.24.0-rc.90b9bc9

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 Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -703,9 +703,9 @@ select {
   --brand-text-size-1000: 2.5rem;
   --brand-text-size-900: 2.25rem;
   --brand-text-size-800: 2rem;
-  --brand-text-size-700: 2rem;
-  --brand-text-size-600: 1.75rem;
-  --brand-text-size-500: 1.5rem;
+  --brand-text-size-700: 1.75rem;
+  --brand-text-size-600: 1.5rem;
+  --brand-text-size-500: 1.375rem;
   --brand-text-size-400: 1.25rem;
   --brand-text-size-300: 1.125rem;
   --brand-text-size-200: 1rem;
@@ -796,7 +796,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -810,7 +810,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -828,7 +828,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -1181,7 +1181,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -1639,7 +1639,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -1866,7 +1866,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -2125,7 +2125,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -2151,7 +2151,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -2909,7 +2909,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -3746,7 +3746,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -3767,7 +3767,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -3777,7 +3777,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -4681,7 +4681,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -4709,7 +4709,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -4725,7 +4725,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -4865,7 +4865,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -4881,7 +4881,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -5030,7 +5030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -5039,7 +5039,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -5053,7 +5053,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -5117,7 +5117,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -6214,19 +6214,98 @@ Fixes safari bug where outline doesn't respect border-radius
   }
 }
 
+/**
+ * Do not edit directly
+ * Generated on Mon, 21 Aug 2023 12:26:41 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 12:26:41 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 {
@@ -6235,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 */
@@ -6259,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 Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -6277,7 +6460,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -6595,7 +6778,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -6999,7 +7182,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -7177,7 +7360,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -7303,7 +7486,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -7433,7 +7616,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -7445,7 +7628,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -7806,7 +7989,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -8213,7 +8396,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -11543,7 +11726,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -11559,7 +11742,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {
@@ -11780,7 +11963,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,
@@ -11794,7 +11977,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 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 Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/animation/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/colors/global.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:43 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:41 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 10:54:44 GMT
+ * Generated on Mon, 21 Aug 2023 12:26:42 GMT
  */
 
 :root,