@primer/react-brand 0.42.0 → 0.42.1-rc.68440fe5

package/lib/BreakoutBanner/BreakoutBanner.d.ts

@@ -75,10 +75,10 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
     } & {
         as?: typeof import("../").HeadingTags[number];
         size?: typeof import("../").HeadingSizes[number];
-        weight?: ("medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight") | {
-            narrow?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            regular?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            wide?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+        weight?: ("medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight") | {
+            narrow?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            regular?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            wide?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
         };
         stretch?: ("normal" | "condensed" | "expanded") | {
             narrow?: "normal" | "condensed" | "expanded";

package/lib/CTABanner/CTABanner.d.ts

@@ -103,10 +103,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
     } & {
         as?: typeof import("../Heading").HeadingTags[number];
         size?: typeof import("../Heading").HeadingSizes[number];
-        weight?: ("medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight") | {
-            narrow?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            regular?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            wide?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+        weight?: ("medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight") | {
+            narrow?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            regular?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            wide?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
         };
         stretch?: ("normal" | "condensed" | "expanded") | {
             narrow?: "normal" | "condensed" | "expanded";

package/lib/css/main.css

@@ -88,7 +88,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -366,7 +366,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -393,7 +393,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -409,7 +409,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -541,7 +541,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:47 GMT
  */
 
 :root {
@@ -555,7 +555,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:47 GMT
  */
 
 :root {
@@ -574,7 +574,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -969,7 +969,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -1556,7 +1556,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:47 GMT
  */
 
 :root {
@@ -1822,7 +1822,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -2106,7 +2106,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -2133,7 +2133,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -2891,7 +2891,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:47 GMT
  */
 
 :root {
@@ -3736,7 +3736,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -3757,7 +3757,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -3768,7 +3768,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -4512,7 +4512,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -5265,7 +5265,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -5293,7 +5293,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -5309,7 +5309,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -5434,7 +5434,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -5450,7 +5450,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -5696,7 +5696,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -5705,7 +5705,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -5723,7 +5723,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -5854,7 +5854,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -6968,7 +6968,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -6982,7 +6982,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -7222,7 +7222,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -7238,7 +7238,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -7556,7 +7556,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -8009,7 +8009,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -8249,7 +8249,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -8388,7 +8388,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -8640,7 +8640,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -8676,7 +8676,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -8744,7 +8744,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -8755,7 +8755,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root,
@@ -8941,6 +8941,7 @@ html {
 .Primer_Brand__Card-module__Card--skew___pEeoW {
   height: 100%;
   border-radius: var(--brand-borderRadius-large);
+  overflow: hidden;
 }
 
 .Primer_Brand__Card-module__Card--skew___pEeoW[focus-within] {
@@ -9038,7 +9039,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -9606,7 +9607,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -9617,7 +9618,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -13815,7 +13816,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -13835,7 +13836,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -13871,7 +13872,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -13891,7 +13892,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -14167,7 +14168,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -14181,7 +14182,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -14195,7 +14196,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -16376,7 +16377,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -16400,7 +16401,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -16854,7 +16855,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -16867,7 +16868,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -16887,15 +16888,40 @@ html {
   --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
   --brand-pricing-options-container-padding-inline: 0;
 
+  /* prettier-ignore */
+  --brand-pricing-options-template-areas: 
+    'leadingComponent'
+    'label'
+    'heading'
+    'description'
+    'price'
+    'actions'
+    'feature-list'
+    'footnote'
+    ;
+
+  /* prettier-ignore */
+  --brand-pricing-options-template-areas-single-item: 
+    'leadingComponent actions'
+      'label actions'
+      'heading actions'
+      'description actions'
+      'price actions'
+      'feature-list actions';
+
   display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto;
   grid-row-gap: var(--brand-pricing-options-item-gap);
   row-gap: var(--brand-pricing-options-item-gap);
   padding-left: var(--brand-pricing-options-container-padding-inline);
   padding-right: var(--brand-pricing-options-container-padding-inline);
 }
 
+@media (min-width: 63.25rem) {
+  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
+    grid-template-areas: var(--brand-pricing-options-template-areas);
+  }
+}
+
 /* ---------------------------------------------------------- */
 /* Layout: default                                         */
 /* ---------------------------------------------------------- */
@@ -16937,7 +16963,6 @@ html {
   left: 0;
   right: 0;
   height: 1px;
-  margin-top: calc(var(--brand-pricing-options-item-gap) * -1);
   background-color: var(--brand-color-border-default);
 }
 
@@ -16992,13 +17017,7 @@ html {
          grid-column-gap: calc(var(--base-size-96) * 2);
          column-gap: calc(var(--base-size-96) * 2);
     grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
-    grid-template-areas:
-      'leadingComponent actions'
-      'label actions'
-      'heading actions'
-      'description actions'
-      'price actions'
-      'feature-list actions';
+    grid-template-areas: var(--brand-pricing-options-template-areas-single-item);
   }
 
   .Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G .Primer_Brand__PricingOptions-module__PricingOptions__actions___e2W5P {
@@ -17013,23 +17032,10 @@ html {
 @media (min-width: 63.25rem) {
   .Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5,
   .Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
-    display: grid;
     grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
     -moz-column-gap: var(--brand-pricing-options-item-gap);
-         grid-column-gap: var(--brand-pricing-options-item-gap);
          column-gap: var(--brand-pricing-options-item-gap);
-    grid-row-gap: 0;
     row-gap: 0;
-
-    grid-template-areas:
-      'leadingComponent'
-      'label'
-      'heading'
-      'description'
-      'price'
-      'actions'
-      'feature-list'
-      'footnote';
   }
 
   .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
@@ -17047,9 +17053,13 @@ html {
 /* Item inner layout                                       */
 /* ---------------------------------------------------------- */
 
+.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+  display: grid;
+  grid-template-areas: var(--brand-pricing-options-template-areas);
+}
+
 @media (min-width: 63.28rem) {
   .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
-    display: grid;
     grid-row: label / footnote;
     grid-template-rows: subgrid;
   }
@@ -17067,17 +17077,9 @@ html {
 @supports not (grid-template-rows: subgrid) {
   @media (min-width: 63.28rem) {
     .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+      grid-template-areas: var(--brand-pricing-options-template-areas);
       grid-template-columns: 1fr;
       grid-template-rows: auto;
-      grid-template-areas:
-        'leadingComponent'
-        'label'
-        'heading'
-        'description'
-        'price'
-        'actions'
-        'feature-list'
-        'footnote';
     }
   }
 }
@@ -17269,7 +17271,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -17278,7 +17280,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -17723,7 +17725,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -17732,7 +17734,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -18187,7 +18189,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -18288,7 +18290,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -18624,7 +18626,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:23 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:49 GMT
  */
 
 :root,
@@ -18638,7 +18640,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:22 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {
@@ -18841,7 +18843,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 19:19:21 GMT
+ * Generated on Thu, 14 Nov 2024 13:17:48 GMT
  */
 
 :root {