@primer/react-brand 0.37.1-rc.f2a915c0 → 0.38.0-rc.391304a9

package/lib/LogoSuite/LogoSuite.d.ts

@@ -1,12 +1,12 @@
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import type { BaseProps } from '../component-helpers';
-import { HeadingProps } from '../';
+import { HeadingProps, TextProps } from '../';
 /**
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/logosuite/base.css';
-type LogoSuiteProps = {
+export type LogoSuiteProps = {
     /**
      * The horizontal alignment of the LogoSuite.
      */
@@ -20,14 +20,32 @@ type LogoSuiteProps = {
      */
     'data-testid'?: string;
 } & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
-type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
+export type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
     /**
      * Whether to visually hide the heading.
      */
     visuallyHidden?: boolean;
 };
+export type LogoSuiteDescriptionProps = BaseProps<HTMLParagraphElement> & TextProps & {
+    children: React.ReactNode | React.ReactNode[];
+};
+export type LogoSuiteLogoBarProps = BaseProps<HTMLDivElement> & {
+    children: React.ReactNode | React.ReactNode[];
+    /**
+     * Enables an optional marquee effect
+     */
+    marquee?: boolean;
+    /**
+     * The speed of the marquee effect
+     */
+    marqueeSpeed?: 'slow' | 'normal' | 'idle';
+    /**
+     * The stylistic variant of the LogoBar.
+     */
+    variant?: 'muted' | 'emphasis';
+};
 /**
- * Use LogoSuite to present a list logos, such as sponsors or vendors.
+ * Use LogoSuite to present a list of logos, such as sponsors or vendors.
  * @see https://primer.style/brand/components/LogoSuite
  */
 export declare const LogoSuite: (({ align, children, className, hasDivider, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => JSX.Element) & {
@@ -113,4 +131,3 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
         readonly marqueeGroup: string;
     };
 };
-export {};

package/lib/LogoSuite/LogoSuite.fixtures.d.ts

@@ -0,0 +1 @@
+export declare const logos: JSX.Element[];

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -367,7 +367,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -392,7 +392,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -408,7 +408,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -540,7 +540,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -554,7 +554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -573,7 +573,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -968,7 +968,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -1554,7 +1554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:03 GMT
  */
 
 :root {
@@ -1820,7 +1820,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -2104,7 +2104,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -2131,7 +2131,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -2889,7 +2889,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -3732,7 +3732,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -3753,7 +3753,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -3764,7 +3764,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -4505,7 +4505,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -5258,7 +5258,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -5286,7 +5286,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -5302,7 +5302,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -5426,7 +5426,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -5442,7 +5442,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -5688,7 +5688,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -5697,7 +5697,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -5715,7 +5715,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -5846,7 +5846,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -6955,7 +6955,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -6969,7 +6969,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -7207,7 +7207,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -7223,7 +7223,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -7541,7 +7541,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -7993,7 +7993,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -8184,7 +8184,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -8323,7 +8323,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -8453,7 +8453,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -8464,7 +8464,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -8905,7 +8905,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -9464,7 +9464,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -9475,7 +9475,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -13673,7 +13673,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -13692,7 +13692,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -13728,7 +13728,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -13748,7 +13748,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -13759,6 +13759,12 @@ html {
   --brand-LogoSuite-logobar-columnGap: var(--base-size-80);
 }
 
+@media (min-width: 768px) {
+  :root {
+    --brand-LogoSuite-logobar-rowGap: var(--base-size-80);
+  }
+}
+
 .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
   padding-bottom: var(--brand-LogoSuite-logobar-rowGap);
 }
@@ -13803,16 +13809,26 @@ html {
 
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
-.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
-  width: auto;
-  height: var(--base-size-40);
-}
-
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a,
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
   width: auto;
-  height: var(--base-size-48);
+  height: var(--base-size-32);
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
+  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
+  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
+    height: var(--base-size-40);
+  }
+
+  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
+  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
+  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
+    height: var(--base-size-48);
+  }
 }
 
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14007,7 +14023,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -14021,7 +14037,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -14035,7 +14051,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -16214,7 +16230,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -16238,7 +16254,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -16692,7 +16708,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -16705,7 +16721,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -17107,7 +17123,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -17116,7 +17132,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -17545,7 +17561,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -17554,7 +17570,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -18009,7 +18025,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -18110,7 +18126,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -18446,7 +18462,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:24 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,
@@ -18460,7 +18476,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {
@@ -18663,7 +18679,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 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 Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:03 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:03 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 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 Mon, 19 Aug 2024 08:40:23 GMT
+ * Generated on Tue, 20 Aug 2024 16:48:04 GMT
  */
 
 :root,