npm - @primer/react-brand - Versions diffs - 0.30.0 → 0.30.1-rc.180c912 - Mend

@primer/react-brand 0.30.0 → 0.30.1-rc.180c912

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (273) hide show

package/lib/Accordion/Accordion.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export type AccordionRootProps = BaseProps<HTMLDetailsElement> & {
     open?: boolean;
     children: React.ReactElement<AccordionHeadingProps | AccordionContentProps>[];
     variant?: 'default' | 'emphasis';
+    ref?: React.RefObject<HTMLDetailsElement>;
 } & React.HTMLAttributes<HTMLDetailsElement>;
 export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
 type AccordionHeadingProps = BaseProps<HTMLHeadingElement> & {
@@ -16,12 +17,18 @@ type AccordionHeadingProps = BaseProps<HTMLHeadingElement> & {
     as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     reversedToggles?: boolean;
     variant?: 'default' | 'emphasis';
+    open?: boolean;
+    handleOpen?: (boolean: any) => void;
+    parentRef?: React.RefObject<HTMLDetailsElement>;
 };
 export declare const AccordionHeading: React.ForwardRefExoticComponent<Omit<AccordionHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 type AccordionContentProps = BaseProps<HTMLElement> & {
     children: React.ReactElement | React.ReactElement[];
+    open?: boolean;
+    handleOpen?: (boolean: any) => void;
+    parentRef?: React.RefObject<HTMLDetailsElement>;
 };
-export declare function AccordionContent({ children, className, ...rest }: AccordionContentProps): JSX.Element;
+export declare function AccordionContent({ children, className, open, handleOpen, parentRef, ...rest }: AccordionContentProps): JSX.Element;
 /**
  * Branded Accordion component
  */

package/lib/FAQ/FAQ.d.ts CHANGED Viewed

@@ -33,6 +33,9 @@ export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "re
         as?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
         reversedToggles?: boolean | undefined;
         variant?: "default" | "emphasis" | undefined;
+        open?: boolean | undefined;
+        handleOpen?: ((boolean: any) => void) | undefined;
+        parentRef?: React.RefObject<HTMLDetailsElement> | undefined;
     }, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Answer: typeof AccordionContent;
 };

package/lib/css/main.css CHANGED Viewed

@@ -89,7 +89,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -367,7 +367,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -392,7 +392,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -408,7 +408,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -540,7 +540,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -554,7 +554,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -573,7 +573,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -955,7 +955,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -1522,7 +1522,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -1749,7 +1749,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -2008,7 +2008,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -2034,7 +2034,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -2792,7 +2792,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -3628,7 +3628,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -3649,17 +3649,18 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
   --brand-River-visual-shadow: 0px 100px 80px rgba(0, 0, 0, 0.0174624), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0235573), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.07);
+  --brand-River-label-margin: var(--base-size-16);
   --brand-River-heading-margin: var(--base-size-16);
 }
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -3740,6 +3741,10 @@ select {
   border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
 }
+.Primer_Brand__river-shared-module__River__label___ztaaN {
+  margin-bottom: var(--brand-River-label-margin);
+}
 /* Medium breakpoint and up */
 @media screen and (min-width: 48rem) {
   .Primer_Brand__river-shared-module__River___eSXvR {
@@ -4125,6 +4130,10 @@ select {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-of-type {
     padding-top: var(--base-size-24);
   }
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link--title___ApFQt {
+    font-weight: var(--base-text-weight-bold);
+  }
 }
 @media screen and (min-width: 48rem) {
@@ -4578,7 +4587,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -4606,7 +4615,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -4622,7 +4631,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -4746,7 +4755,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -4762,7 +4771,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -5008,7 +5017,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -5017,7 +5026,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -5035,7 +5044,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -5166,7 +5175,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -6267,7 +6276,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -6281,7 +6290,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -6491,7 +6500,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -6507,7 +6516,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -6825,7 +6834,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -7266,7 +7275,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -7444,7 +7453,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -7571,7 +7580,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -7701,7 +7710,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -7712,7 +7721,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -8136,7 +8145,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -8573,7 +8582,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -8584,7 +8593,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -12818,7 +12827,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -12836,7 +12845,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -12872,7 +12881,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -12888,7 +12897,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -13113,7 +13122,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,
@@ -13127,7 +13136,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -13141,7 +13150,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -13340,6 +13349,10 @@ html {
   margin-bottom: var(--base-size-24);
 }
+.Primer_Brand__Bento-module__Bento__Content-label___SbyAo {
+  margin-bottom: var(--base-size-16);
+}
 /* Column Span */
 .Primer_Brand__Bento-module__Bento__Item--column-span-1___wJS_f {
   grid-column: auto/span 1;
@@ -15316,7 +15329,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {
@@ -15340,7 +15353,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/bento/base.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/card/base.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/card/colors.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:17 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {

package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 09:54:18 GMT
+ * Generated on Thu, 25 Jan 2024 16:25:39 GMT
  */
 :root {