@primer/react-brand 0.36.1-rc.cf0062b7 → 0.37.0-rc.80780b87

package/lib/SubNav/SubNav.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { ButtonSizes, ButtonVariants } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
@@ -57,7 +57,7 @@ export declare const SubNav: React.NamedExoticComponent<{
     readonly type: ({ id, children, className, "data-testid": testId, fullWidth, hasShadow }: SubNavProps) => JSX.Element;
 } & {
     Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => JSX.Element;
-    Link: ({ children, href, "aria-current": ariaCurrent, "data-testid": testId, className, ...props }: SubNavLinkProps) => JSX.Element;
+    Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
     Action: typeof _SubNavAction;
     SubMenu: typeof _SubMenu;
     testIds: {

package/lib/SubNav/useContainsFocus.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+/**
+ * Determine if a child element of the provided ref is currently focussed.
+ * @param containerRef The ref to the container element.
+ * @param onFocusChange The callback to be called when the focus state changes.
+ * @type T The type of the container element.
+ * @returns The ref to be applied to the container element.
+ */
+export declare const useContainsFocus: <T extends HTMLElement>(containerRef?: RefObject<T>, onFocusChange?: (isFocussed: boolean) => void) => void;

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -367,7 +367,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -392,7 +392,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -408,7 +408,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -540,7 +540,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -554,7 +554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -573,7 +573,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -704,7 +704,7 @@ select {
 
 .Primer_Brand__Hero-module__Hero-heading___QuVBH {
   margin: 0;
-  max-width: 18ch;
+  max-width: 924px;
 }
 
 .Primer_Brand__Hero-module__Hero-heading--fullWidth___Q3N1y {
@@ -714,7 +714,7 @@ select {
 
 .Primer_Brand__Hero-module__Hero-description___vG4iA {
   margin: var(--base-size-24) 0 0;
-  max-width: 50ch;
+  max-width: 600px;
 }
 
 .Primer_Brand__Hero-module__Hero-actions___oH1NT {
@@ -968,7 +968,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -1554,7 +1554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -1781,7 +1781,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -2065,7 +2065,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -2092,7 +2092,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -2850,7 +2850,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -3693,7 +3693,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -3714,7 +3714,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -3725,7 +3725,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -4466,7 +4466,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -5219,7 +5219,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -5247,7 +5247,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -5263,7 +5263,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -5387,7 +5387,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -5403,7 +5403,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -5649,7 +5649,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -5658,7 +5658,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -5676,7 +5676,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -5807,7 +5807,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -6916,7 +6916,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -6930,7 +6930,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -7168,7 +7168,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -7184,7 +7184,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -7502,7 +7502,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -7954,7 +7954,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -8145,7 +8145,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -8284,7 +8284,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -8414,7 +8414,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -8425,7 +8425,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,
@@ -8866,7 +8866,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -9425,7 +9425,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -9436,7 +9436,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -13634,7 +13634,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -13653,7 +13653,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -13689,7 +13689,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -13709,7 +13709,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -13968,7 +13968,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -13982,7 +13982,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -13996,7 +13996,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -16175,7 +16175,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -16199,7 +16199,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -16653,7 +16653,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -16666,7 +16666,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -17068,7 +17068,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -17077,7 +17077,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -17150,6 +17150,10 @@ html {
   display: none !important;
 }
 
+.Primer_Brand__SubNav-module__SubNav__sub-menu-children___t0gfy {
+  display: contents;
+}
+
 /*
  * Narrow breakpoint
  */
@@ -17422,25 +17426,28 @@ html {
     width: var(--brand-SubNav-width-subMenu);
   }
 
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed,
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW.Primer_Brand__SubNav-module__focus-visible___mbLRX .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed {
+  .Primer_Brand__SubNav-module__SubNav__link--expanded___sbpQG .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed {
     visibility: visible;
     opacity: 1;
     transform: scale(1) translateY(0);
     box-shadow: var(--brand-SubNav-shadow);
   }
 
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed,
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:focus-visible .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed {
-    visibility: visible;
-    opacity: 1;
-    transform: scale(1) translateY(0);
-    box-shadow: var(--brand-SubNav-shadow);
+  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
+    border: none;
+    padding: 0;
+    margin: 0;
+    background: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
   }
 
   .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
     display: block;
   }
+
   .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
     color: var(--brand-color-text-default);
     font-weight: var(--brand-text-weight-100);
@@ -17499,7 +17506,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -17508,7 +17515,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -17963,7 +17970,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -18064,7 +18071,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -18400,7 +18407,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,
@@ -18414,7 +18421,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {
@@ -18617,7 +18624,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45: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 Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 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 Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:47 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 08:21:58 GMT
+ * Generated on Thu, 08 Aug 2024 14:45:48 GMT
  */
 
 :root,