@primer/react-brand 0.45.1-rc.1cde35f6 → 0.45.1-rc.6c5f8a02

package/lib/Pillar/Pillar.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { HeadingProps, LinkProps } from '..';
+import { HeadingProps, type ImageProps, LinkProps } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
@@ -17,7 +17,13 @@ export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.H
      * Aligns the pillar content
      */
     align?: 'start' | 'center';
+    /**
+     * Enables optional border around the pillar content
+     */
+    hasBorder?: boolean;
 } & (C extends 'article' ? PropsWithChildren<BaseProps<HTMLElement>> : PropsWithChildren<BaseProps<HTMLDivElement>>);
+type PillarImageProps = ImageProps;
+declare function PillarImage({ className, ...rest }: PillarImageProps): JSX.Element;
 type PillarIconProps = BaseProps<HTMLSpanElement> & {
     icon: React.ReactNode | IconProps;
     color?: (typeof PillarIconColors)[number];
@@ -34,6 +40,7 @@ type PillarDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>>
  */
 export declare const Pillar: React.ForwardRefExoticComponent<Omit<PillarProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Icon: typeof PillarIcon;
+    Image: typeof PillarImage;
     Heading: React.ForwardRefExoticComponent<Omit<PillarHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<PillarDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     Link: React.ForwardRefExoticComponent<Omit<{

package/lib/SectionIntro/SectionIntro.d.ts

@@ -6,6 +6,13 @@ import type { BaseProps } from '../component-helpers';
 export type SectionIntroProps = {
     align?: 'start' | 'center';
     fullWidth?: boolean;
+    /**
+     * Escape-hatch for inserting custom React components.
+     * Warning:
+     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
+     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
+     */
+    leadingComponent?: React.FunctionComponent;
 } & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
 type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
 type SectionIntroLabelProps = LabelProps & BaseProps<HTMLDivElement>;

package/lib/css/main.css

@@ -82,7 +82,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -360,7 +360,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -387,7 +387,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -403,7 +403,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -535,7 +535,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -549,7 +549,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -568,7 +568,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -955,7 +955,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -1506,7 +1506,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -1772,7 +1772,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -2051,7 +2051,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -2078,7 +2078,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -2834,7 +2834,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -3679,7 +3679,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -3700,7 +3700,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -3711,7 +3711,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -4413,7 +4413,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -5166,7 +5166,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -5194,7 +5194,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -5210,7 +5210,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -5329,7 +5329,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -5345,7 +5345,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -5572,7 +5572,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -5581,7 +5581,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -5599,7 +5599,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -5730,7 +5730,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -6826,7 +6826,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -6840,7 +6840,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -7134,7 +7134,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -7150,7 +7150,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -7468,7 +7468,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -7914,7 +7914,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -8134,7 +8134,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -8270,7 +8270,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -8315,6 +8315,12 @@ html {
   flex-direction: column;
 }
 
+.Primer_Brand__Pillar-module__Pillar--has-border___PSR1K {
+  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+  border-radius: var(--brand-borderRadius-xlarge);
+  padding: var(--base-size-32);
+}
+
 .Primer_Brand__Pillar-module__Pillar___dHhm7.Primer_Brand__Pillar-module__Pillar--align-center___mWN5F {
   align-items: center;
   text-align: center;
@@ -8325,6 +8331,17 @@ html {
   text-align: left;
 }
 
+.Primer_Brand__Pillar-module__Pillar__image___I_5uJ {
+  margin-bottom: var(--base-size-28);
+  border-radius: var(--brand-borderRadius-medium);
+  overflow: hidden;
+}
+
+.Primer_Brand__Pillar-module__Pillar__image___I_5uJ img,
+.Primer_Brand__Pillar-module__Pillar__image___I_5uJ span {
+  display: block;
+}
+
 .Primer_Brand__Pillar-module__Pillar__icon___MyYVk {
   display: flex;
   margin-bottom: var(--base-size-24);
@@ -8334,7 +8351,7 @@ html {
   margin-bottom: var(--base-size-16);
 }
 
-.Primer_Brand__Pillar-module__Pillar__description___BPMTa {
+.Primer_Brand__Pillar-module__Pillar__description___BPMTa:not(.Primer_Brand__Pillar-module__Pillar--has-border___PSR1K .Primer_Brand__Pillar-module__Pillar__description___BPMTa:last-child) {
   margin-bottom: var(--base-size-24);
 }
 
@@ -8522,7 +8539,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -8558,7 +8575,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -8626,7 +8643,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -8637,7 +8654,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -8653,7 +8670,7 @@ html {
   -webkit-text-decoration: none;
   text-decoration: none;
   color: var(--brand-color-text-default);
-  border-radius: var(--brand-borderRadius-large);
+  border-radius: var(--brand-borderRadius-xlarge);
   transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
   padding: var(--base-size-32);
   display: grid;
@@ -8721,7 +8738,7 @@ html {
 
 .Primer_Brand__Card-module__Card__outer___QBN0D {
   height: 100%;
-  border-radius: var(--brand-borderRadius-large);
+  border-radius: var(--brand-borderRadius-xlarge);
 }
 
 .Primer_Brand__Card-module__Card__outer___QBN0D:focus-within {
@@ -8800,7 +8817,7 @@ html {
 
 .Primer_Brand__Card-module__Card--skew___pEeoW {
   height: 100%;
-  border-radius: var(--brand-borderRadius-large);
+  border-radius: var(--brand-borderRadius-xlarge);
   overflow: hidden;
 }
 
@@ -8813,7 +8830,7 @@ html {
 }
 
 .Primer_Brand__Card-module__Card__skew-bounding___Fz3yy {
-  border-radius: var(--brand-borderRadius-large);
+  border-radius: var(--brand-borderRadius-xlarge);
   position: relative;
   overflow: hidden;
   z-index: 1;
@@ -8889,7 +8906,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -9427,7 +9444,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -9438,7 +9455,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -12617,7 +12634,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -12637,7 +12654,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -12673,7 +12690,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -12693,7 +12710,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -12959,7 +12976,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -12973,7 +12990,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -12987,7 +13004,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -15163,7 +15180,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -15187,7 +15204,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -15610,7 +15627,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -15623,7 +15640,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -16000,7 +16017,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -16009,7 +16026,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -16711,7 +16728,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -16720,7 +16737,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -17144,7 +17161,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -17243,7 +17260,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -17590,7 +17607,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,
@@ -17604,7 +17621,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root {
@@ -17791,7 +17808,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -18038,7 +18055,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:19 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {
@@ -18049,7 +18066,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 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, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:28 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 15:39:20 GMT
+ * Generated on Thu, 09 Jan 2025 15:52:27 GMT
  */
 
 :root {