npm - @primer/react-brand - Versions diffs - 0.67.0-rc.197d7044 → 0.67.0-rc.1ce6fbe1 - Mend

@primer/react-brand 0.67.0-rc.197d7044 → 0.67.0-rc.1ce6fbe1

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 (367) hide show

package/lib/css/main.css CHANGED Viewed

@@ -78,7 +78,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -356,7 +356,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -383,7 +383,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -400,7 +400,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -558,7 +558,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -572,7 +572,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -591,7 +591,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -693,7 +693,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -720,7 +720,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -1493,7 +1493,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -1801,7 +1801,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -6800,7 +6800,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -7137,7 +7137,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -7158,7 +7158,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -7557,7 +7557,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -7573,7 +7573,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -7840,7 +7840,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -8710,7 +8710,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -8746,7 +8746,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -9568,7 +9568,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -10336,7 +10336,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -10364,7 +10364,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -10380,7 +10380,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -10433,44 +10433,38 @@ html {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
 [data-color-mode="light"] {
   --brand-Token-bgColor-default: var(--base-color-scale-gray-0);
-  --brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-8);
-  --brand-Token-bgColor-accent: var(--base-color-scale-green-8);
+  --brand-Token-bgColor-accent: var(--base-color-scale-green-6);
   --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
-  --brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-7);
   --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
-  --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
-  --brand-Token-bgColor-hover-invisible: transparent;
-  --brand-Token-bgColor-invisible: transparent;
-  --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
+  --brand-Token-bgColor-hover-outline: rgba(0, 0, 0, 0.06);
+  --brand-Token-bgColor-hover-invisible: rgba(0, 0, 0, 0.06);
+  --brand-Token-bgColor-invisible: var(--base-color-scale-gray-1);
+  --brand-Token-bgColor-outline: transparent;
   --brand-Token-border-outline: var(--brand-color-border-muted);
   --brand-Token-fgColor-default: var(--brand-color-text-default);
-  --brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
   --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
   --brand-Token-fgColor-outline: var(--brand-color-text-default);
   --brand-Token-fgColor-invisible: var(--brand-color-text-default);
 }
 [data-color-mode="dark"] {
-  --brand-Token-bgColor-default: var(--base-color-scale-gray-5);
-  --brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-7);
-  --brand-Token-bgColor-accent: var(--base-color-scale-green-8);
-  --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-4);
-  --brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-6);
-  --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
-  --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
-  --brand-Token-bgColor-hover-invisible: transparent;
+  --brand-Token-bgColor-default: var(--base-color-scale-gray-7);
+  --brand-Token-bgColor-accent: var(--base-color-scale-green-2);
+  --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-6);
+  --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-1);
+  --brand-Token-bgColor-hover-outline: var(--brand-color-canvas-subtle);
+  --brand-Token-bgColor-hover-invisible: var(--brand-color-canvas-subtle);
   --brand-Token-bgColor-invisible: transparent;
-  --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
-  --brand-Token-border-outline: var(--brand-color-border-muted);
-  --brand-Token-fgColor-default: var(--brand-color-text-muted);
-  --brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
-  --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
+  --brand-Token-bgColor-outline: transparent;
+  --brand-Token-border-outline: var(--brand-color-border-default);
+  --brand-Token-fgColor-default: var(--brand-color-text-default);
+  --brand-Token-fgColor-accent: var(--brand-color-text-onEmphasis);
   --brand-Token-fgColor-outline: var(--brand-color-text-default);
   --brand-Token-fgColor-invisible: var(--brand-color-text-default);
 }
@@ -10485,7 +10479,7 @@ html {
   max-width: 100%;
   padding-inline: var(--base-size-8);
   padding-block: var(--base-size-6);
-  padding-block-end: calc(var(--base-size-6) - 1px); /* Compensate for 1px border to maintain height */
+  padding-block-end: var(--base-size-6);
   vertical-align: middle;
 }
@@ -10500,6 +10494,11 @@ html {
   text-decoration: none;
 }
+.Primer_Brand__Token-module__Token--interactive___aQ1rk:focus-visible {
+  outline: var(--base-size-4) solid var(--brand-color-focus);
+  outline-offset: var(--base-size-2);
+}
 [data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: auto;
@@ -10514,15 +10513,6 @@ html {
   background-color: var(--brand-Token-bgColor-hover-default);
 }
-.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG {
-  background-color: var(--brand-Token-bgColor-dark-gray);
-  color: var(--brand-Token-fgColor-dark-gray);
-}
-.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG:hover {
-  background-color: var(--brand-Token-bgColor-hover-dark-gray);
-}
 .Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
   background-color: var(--brand-Token-bgColor-accent);
   color: var(--brand-Token-fgColor-accent);
@@ -10561,6 +10551,7 @@ html {
   font-weight: var(--base-text-weight-normal);
   line-height: 0.85;
   white-space: nowrap;
+  letter-spacing: var(--brand-text-letterSpacing-100);
 }
 .Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
@@ -10599,11 +10590,15 @@ html {
   .Primer_Brand__Token-module__Token___r7qQC {
     outline: var(--brand-borderWidth-thin) solid transparent;
   }
+  .Primer_Brand__Token-module__Token--interactive___aQ1rk:focus-visible {
+    outline-color: Highlight;
+  }
 }
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -11031,7 +11026,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -11040,7 +11035,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -11062,7 +11057,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -11344,7 +11339,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -12547,7 +12542,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -12561,7 +12556,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -12819,10 +12814,7 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__Testimonial-module__Testimonial-from___Kfj__ {
   font-weight: var(--base-text-weight-normal);
-}
-.Primer_Brand__Testimonial-module__Testimonial-position___j2h0f {
-  font-family: var(--brand-fontStack-monospace);
+  text-transform: uppercase;
 }
 /* Expressive variant */
@@ -12836,7 +12828,7 @@ Fixes safari bug where outline doesn't respect border-radius
   .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM {
     flex-direction: row;
     align-items: flex-end;
-    gap: var(--base-size-64);
+    gap: var(--base-size-96);
   }
 }
@@ -12861,6 +12853,7 @@ Fixes safari bug where outline doesn't respect border-radius
   border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
   padding-block-start: var(--base-size-24);
   width: 100%;
+  gap: var(--base-size-8);
 }
 @media screen and (min-width: 48rem) {
@@ -12904,6 +12897,8 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
   font-family: var(--brand-fontStack-monospace);
+  line-height: var(--brand-text-lineHeight-400);
+  font-weight: var(--base-text-weight-normal);
 }
 .Primer_Brand__Testimonial-module__Testimonial-link___gHJ58 {
@@ -13012,7 +13007,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -13028,7 +13023,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -13773,7 +13768,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -13789,7 +13784,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -14175,7 +14170,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -14339,7 +14334,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -14486,7 +14481,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -14497,7 +14492,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -14507,7 +14502,7 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 [data-color-mode="dark"] {
-  --brand-Card-background-default: var(--brand-color-canvas-default);
+  --brand-Card-background-default: var(--brand-color-canvas-subtle);
   --brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
 }
@@ -14538,6 +14533,7 @@ Fixes safari bug where outline doesn't respect border-radius
   grid-template-rows: var(--Card-grid-template-rows);
   position: relative;
   height: 100%;
+  border-radius: var(--brand-borderRadius-medium);
 }
 .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
@@ -14565,6 +14561,18 @@ Fixes safari bug where outline doesn't respect border-radius
   justify-items: center;
 }
+.Primer_Brand__Card-module__Card--backgroundColor-default___azlLW {
+  background-color: var(--brand-Card-background-default);
+}
+.Primer_Brand__Card-module__Card--backgroundColor-subtle___GNf9B {
+  background-color: var(--brand-color-canvas-subtle);
+}
+.Primer_Brand__Card-module__Card--backgroundColor-none___ZURf_ {
+  background-color: transparent;
+}
 .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
   /* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
   --Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
@@ -14673,14 +14681,6 @@ Fixes safari bug where outline doesn't respect border-radius
   padding: 0;
 }
-.Primer_Brand__Card-module__Card--variant-default___nSKnF {
-  background-color: var(--brand-Card-background-default);
-}
-.Primer_Brand__Card-module__Card--variant-default___nSKnF.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
-  background-color: transparent;
-}
 .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
   --Card-arrowAction-endInset: var(--base-size-40);
 }
@@ -14750,6 +14750,7 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__Card-module__Card__outer___QBN0D:focus-within {
   outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  border-radius: var(--brand-borderRadius-medium);
 }
 .Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H):focus-within {
@@ -14818,6 +14819,9 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__Card-module__Card__label___EAot7 {
   margin-block-end: var(--base-size-20);
   grid-area: label;
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+  max-inline-size: 100%;
 }
 .Primer_Brand__Card-module__Card__heading___INFhp {
@@ -14854,6 +14858,26 @@ Fixes safari bug where outline doesn't respect border-radius
   white-space: nowrap;
 }
+.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY {
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY > span:first-child {
+  min-inline-size: 0;
+}
+.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
+  overflow: visible;
+  text-overflow: clip;
+  white-space: normal;
+  word-wrap: anywhere;
+}
+.Primer_Brand__Card-module__Card--align-center___geXUu:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
+  text-align: center;
+}
 .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
   --actionLabelClip-duration: 400ms;
   display: inline-flex;
@@ -14940,7 +14964,7 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 .Primer_Brand__Card-module__Card__skew-bounding___Fz3yy {
-  border-radius: var(--brand-borderRadius-xlarge);
+  border-radius: var(--brand-borderRadius-medium);
   position: relative;
   overflow: hidden;
   z-index: 1;
@@ -15113,7 +15137,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -15954,7 +15978,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -15965,7 +15989,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -16464,7 +16488,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -16484,7 +16508,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -16520,7 +16544,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -16544,7 +16568,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -16686,7 +16710,7 @@ Fixes safari bug where outline doesn't respect border-radius
   align-items: center;
   gap: var(--base-size-24);
   margin: auto;
-  max-width: 100dvw;
+  max-width: 100vw;
 }
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
@@ -17020,7 +17044,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -17034,7 +17058,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -17048,7 +17072,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -19224,7 +19248,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -19248,7 +19272,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -19683,7 +19707,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -19699,7 +19723,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -19709,6 +19733,9 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
   --brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
   --brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
+  --brand-PricingOptions-actionsMessage-bgColor: color-mix(in srgb, var(--base-color-scale-blue-4) 10%, transparent);
+  --brand-PricingOptions-actionsMessage-borderColor: color-mix(in srgb, var(--base-color-scale-blue-6) 20%, transparent);
+  --brand-PricingOptions-actionsMessage-accentColor: var(--base-color-scale-blue-5);
 }
 [data-color-mode="dark"] {
@@ -19717,6 +19744,9 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
   --brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
   --brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
+  --brand-PricingOptions-actionsMessage-bgColor: #0c1c26;
+  --brand-PricingOptions-actionsMessage-borderColor: #0e4678;
+  --brand-PricingOptions-actionsMessage-accentColor: #1095ff;
 }
 /* ---------------------------------------------------------- */
@@ -19825,6 +19855,7 @@ Fixes safari bug where outline doesn't respect border-radius
     inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
     height: var(--brand-borderWidth-thin);
     background-color: var(--brand-color-text-emphasized);
+    z-index: 1;
   }
   /* First cell: don't overflow past container start (cards override below) */
@@ -19837,15 +19868,9 @@ Fixes safari bug where outline doesn't respect border-radius
     inset-inline-end: 0;
   }
-  /* Default layout: extend accent border into container padding to reach the container edge */
-  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
-    inset-inline-start: calc(0px * -1);
-    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
-  }
-  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
-    inset-inline-end: calc(0px * -1);
-    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
+    inset-inline-start: 0;
+    inset-inline-end: 0;
   }
   /* ---- Default layout labels ---- */
@@ -19868,7 +19893,18 @@ Fixes safari bug where outline doesn't respect border-radius
   }
   .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
-    padding-inline: 0;
+    margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
+    padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);
+  }
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:first-child {
+    margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);
+    padding-inline-start: var(--brand-pricing-options-container-padding-inline);
+  }
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:last-child {
+    margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);
+    padding-inline-end: var(--brand-pricing-options-container-padding-inline);
   }
   /* Empty cells: transparent bg/borders but structurally visible so dividers show */
@@ -19883,7 +19919,7 @@ Fixes safari bug where outline doesn't respect border-radius
     position: absolute;
     inset-block: 0;
     width: var(--brand-borderWidth-thin);
-    inset-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
+    inset-inline-start: 0;
     background-color: var(--brand-color-border-subtle);
   }
@@ -20215,6 +20251,41 @@ Fixes safari bug where outline doesn't respect border-radius
   padding-block-start: var(--base-size-20);
 }
+.Primer_Brand__PricingOptions-module__PricingOptions__actions-message___n7IvJ {
+  display: flex;
+  gap: var(--base-size-12);
+  align-items: flex-start;
+  inline-size: 100%;
+  max-inline-size: 100%;
+  padding: var(--base-size-12);
+  border-block: var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);
+  border-inline: 0;
+  border-radius: 0;
+  background-color: var(--brand-PricingOptions-actionsMessage-bgColor);
+}
+.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___Wk0uH {
+  flex: 0 0 auto;
+  display: flex;
+  margin-block-start: var(--base-size-4);
+  color: var(--brand-PricingOptions-actionsMessage-accentColor);
+}
+.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___Wk0uH :where(svg) {
+  display: block;
+  inline-size: var(--base-size-16);
+  block-size: var(--base-size-16);
+}
+.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___CKvOG {
+  flex: 1 1 auto;
+  min-inline-size: 0;
+}
+.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___CKvOG :where(p) {
+  margin: 0;
+}
 /* MenuAction: full-width ActionMenu wrapper */
 .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
   width: 100%;
@@ -20445,7 +20516,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -20454,7 +20525,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -21265,7 +21336,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -21274,7 +21345,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -21770,7 +21841,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -21869,7 +21940,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -22247,7 +22318,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -22261,7 +22332,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root {
@@ -22448,7 +22519,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -22732,7 +22803,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -22743,7 +22814,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -23011,7 +23082,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:36 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:32 GMT
  */
 :root {
@@ -23020,7 +23091,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,
@@ -23266,7 +23337,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Wed, 15 Apr 2026 12:23:37 GMT
+ * Generated on Fri, 24 Apr 2026 11:24:33 GMT
  */
 :root,