@primer/react-brand 0.29.1 → 0.29.2-rc.aaa5b74

package/lib/AnchorNav/AnchorNav.d.ts

@@ -52,6 +52,7 @@ type AnchorNavActionProps = {
     href: string;
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
 declare function _AnchorNavAction({ children, href, ...rest }: AnchorNavActionProps): JSX.Element;
+declare function _AnchorNavActionSecondary({ children, href, ...rest }: AnchorNavActionProps): JSX.Element;
 /**
  * AnchorNav allows users to navigate to different sections of a page.
  * @see https://primer.style/brand/components/AnchorNav
@@ -59,11 +60,13 @@ declare function _AnchorNavAction({ children, href, ...rest }: AnchorNavActionPr
 export declare const AnchorNav: typeof _AnchorNav & {
     Link: typeof _AnchorNavLink;
     Action: typeof _AnchorNavAction;
+    SecondaryAction: typeof _AnchorNavActionSecondary;
     testIds: {
         root: string;
         readonly menuButton: string;
         readonly menuLinks: string;
         readonly action: string;
+        readonly secondaryAction: string;
     };
 };
 export {};

package/lib/CTABanner/CTABanner.d.ts

@@ -23,20 +23,20 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
     } & {
         as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
         size?: "display" | "1" | "2" | "3" | "4" | "5" | "6" | "subhead-large" | "subhead-medium" | undefined;
-        weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | {
-            narrow?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | undefined;
-            regular?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | undefined;
-            wide?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | {
+            narrow?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | undefined;
+            regular?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | undefined;
+            wide?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | undefined;
         } | undefined;
         stretch?: "normal" | "condensed" | "expanded" | {
             narrow?: "normal" | "condensed" | "expanded" | undefined;
             regular?: "normal" | "condensed" | "expanded" | undefined;
             wide?: "normal" | "condensed" | "expanded" | undefined;
         } | undefined;
-        letterSpacing?: "normal" | "none" | "condensed" | {
-            narrow?: "normal" | "none" | "condensed" | undefined;
-            regular?: "normal" | "none" | "condensed" | undefined;
-            wide?: "normal" | "none" | "condensed" | undefined;
+        letterSpacing?: "normal" | "condensed" | "none" | {
+            narrow?: "normal" | "condensed" | "none" | undefined;
+            regular?: "normal" | "condensed" | "none" | undefined;
+            wide?: "normal" | "condensed" | "none" | undefined;
         } | undefined;
         font?: "mona-sans" | "hubot-sans" | undefined;
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/Hero/Hero.d.ts

@@ -51,7 +51,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         children?: React.ReactNode;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Image: React.ForwardRefExoticComponent<(Omit<{
-        position?: "block-end" | "inline-end" | undefined;
+        position?: "inline-end" | "block-end" | undefined;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;
@@ -62,7 +62,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "img" | undefined;
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet"> | undefined;
     }, "ref"> | Omit<{
-        position?: "block-end" | "inline-end" | undefined;
+        position?: "inline-end" | "block-end" | undefined;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;

package/lib/LogoSuite/LogoSuite.d.ts

@@ -36,10 +36,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLParagraphElement> & {
         as?: "p" | undefined;
     } & {
@@ -48,10 +48,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
         as?: "span" | undefined;
     } & {
@@ -60,10 +60,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
         as?: "div" | undefined;
     } & {
@@ -72,10 +72,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "strong" | undefined;
     } & {
@@ -84,10 +84,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "light" | "extralight" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
-        as?: "p" | "span" | "div" | "strong" | "em" | undefined;
+        as?: "span" | "div" | "em" | "p" | "strong" | undefined;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "em" | undefined;
     } & {

package/lib/Stack/Stack.d.ts

@@ -96,7 +96,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    gap?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    gap?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
     /**
      * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
      * A string value will be applied to all viewports.
@@ -108,7 +108,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    padding?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    padding?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
     /**
      * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
      * A string value will be applied to all viewports.

package/lib/VideoPlayer/VideoPlayer.d.ts

@@ -14,6 +14,6 @@ type VideoPlayerProps = {
 } & React.HTMLProps<HTMLVideoElement> & BaseProps<HTMLVideoElement>;
 export declare const VideoPlayer: (({ poster, title, branding, children, className, onPlay, onPause, onLoadedMetadata, onPlaying, onTimeUpdate, ref, ...rest }: VideoPlayerProps) => JSX.Element) & {
     Source: (props: React.HTMLProps<HTMLSourceElement>) => JSX.Element;
-    Track: (props: React.HTMLProps<HTMLTrackElement>) => JSX.Element;
+    Track: ({ kind, ...rest }: React.HTMLProps<HTMLTrackElement>) => JSX.Element;
 };
 export {};

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -367,7 +367,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -392,7 +392,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -408,7 +408,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -540,7 +540,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -554,7 +554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -573,7 +573,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -955,7 +955,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -1522,7 +1522,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -1749,7 +1749,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -2008,7 +2008,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -2034,7 +2034,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -2792,7 +2792,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -3628,7 +3628,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -3649,7 +3649,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -3659,7 +3659,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -4578,7 +4578,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -4606,7 +4606,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -4622,7 +4622,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -4746,7 +4746,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -4762,7 +4762,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -5008,7 +5008,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -5017,7 +5017,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -5035,7 +5035,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -5166,7 +5166,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -6267,7 +6267,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -6281,7 +6281,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -6491,7 +6491,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -6507,7 +6507,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -6825,7 +6825,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -7197,6 +7197,11 @@ html {
  * 6. AnchorNav action
  */
 
+.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___jgpnq {
+  display: flex;
+  gap: var(--base-size-8);
+}
+
 .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
   z-index: 1;
   display: flex;
@@ -7209,25 +7214,44 @@ html {
   align-self: flex-start;
 }
 
-@media screen and (max-width: 34rem) {
+@media screen and (max-width: 40rem) {
   .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
     display: none;
   }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___jgpnq {
+    flex-direction: column;
+  }
+
   .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
     display: flex;
+    width: 100%;
     margin-top: var(--base-size-8);
   }
 }
 
-@media screen and (min-width: 34rem) and (max-width: 63.25rem) {
-  .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
-    display: flex;
+@media screen and (min-width: 40rem) and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___jgpnq {
     position: absolute;
     top: 0;
     right: 0;
   }
 }
 
+@media screen and (min-width: 40rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___jgpnq {
+    gap: var(--base-size-16);
+  }
+
+  [dir="ltr"] .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer--multiple___hgA_r {
+    margin-left: var(--base-size-16);
+  }
+
+  [dir="rtl"] .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer--multiple___hgA_r {
+    margin-right: var(--base-size-16);
+  }
+}
+
 /*
  * 7. Custom animations
  */
@@ -7242,7 +7266,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -7420,7 +7444,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -7547,7 +7571,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -7677,7 +7701,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -7688,7 +7712,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -8112,7 +8136,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -8556,7 +8580,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -8567,7 +8591,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -12801,7 +12825,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -12819,7 +12843,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -12855,7 +12879,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -12871,7 +12895,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -13096,7 +13120,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,
@@ -13110,7 +13134,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -13124,7 +13148,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {
@@ -15299,7 +15323,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {
@@ -15323,7 +15347,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 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, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/light.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:20 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Nov 2023 18:03:23 GMT
+ * Generated on Mon, 20 Nov 2023 21:24:21 GMT
  */
 
 :root {