npm - @primer/react-brand - Versions diffs - 0.49.0 → 0.50.0-rc.5c33ce89 - Mend

@primer/react-brand 0.49.0 → 0.50.0-rc.5c33ce89

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

package/lib/css/main.css CHANGED Viewed

@@ -74,7 +74,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -352,7 +352,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -379,7 +379,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -395,7 +395,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -527,7 +527,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -541,7 +541,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -560,7 +560,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -952,7 +952,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -968,6 +968,12 @@ select {
   --brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
   --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
   --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
+  --brand-button-accent-bgColor-rest: var(--base-color-scale-green-5);
+  --brand-button-accent-bgColor-hover: var(--base-color-scale-green-4);
+  --brand-button-accent-bgColor-active: var(--base-color-scale-green-5);
+  --brand-button-accent-bgColor-disabled: var(--base-color-scale-gray-4);
+  --brand-button-accent-fgColor-rest: var(--base-color-scale-white-0);
+  --brand-button-accent-fgColor-disabled: var(--base-color-scale-gray-2);
   --brand-button-secondary-bgColor-rest: transparent;
   --brand-button-secondary-bgColor-hover: rgba(183,191,200,0.2);
   --brand-button-secondary-bgColor-active: rgba(183,191,200,0.4);
@@ -976,9 +982,9 @@ select {
   --brand-button-secondary-borderColor-active: var(--base-color-scale-gray-9);
   --brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
   --brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-3);
-  --brand-button-subtle-borderColor-rest: transparent;
-  --brand-button-subtle-borderColor-hover: var(--base-color-scale-gray-9);
-  --brand-button-subtle-borderColor-active: var(--base-color-scale-gray-9);
+  --brand-button-subtle-bgColor-rest: transparent;
+  --brand-button-subtle-bgColor-hover: rgba(183,191,200,0.2);
+  --brand-button-subtle-bgColor-active: rgba(183,191,200,0.4);
   --brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
   --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-3);
 }
@@ -995,6 +1001,12 @@ select {
   --brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
   --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
   --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
+  --brand-button-accent-bgColor-rest: var(--base-color-scale-green-1);
+  --brand-button-accent-bgColor-hover: var(--base-color-scale-green-3);
+  --brand-button-accent-bgColor-active: var(--base-color-scale-green-1);
+  --brand-button-accent-bgColor-disabled: var(--base-color-scale-gray-4);
+  --brand-button-accent-fgColor-rest: var(--base-color-scale-black-0);
+  --brand-button-accent-fgColor-disabled: var(--base-color-scale-gray-2);
   --brand-button-secondary-bgColor-rest: transparent;
   --brand-button-secondary-bgColor-hover: rgba(138,147,158,0.2);
   --brand-button-secondary-bgColor-active: rgba(138,147,158,0.4);
@@ -1003,9 +1015,9 @@ select {
   --brand-button-secondary-borderColor-active: var(--base-color-scale-white-0);
   --brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
   --brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-4);
-  --brand-button-subtle-borderColor-rest: transparent;
-  --brand-button-subtle-borderColor-hover: var(--base-color-scale-white-0);
-  --brand-button-subtle-borderColor-active: var(--base-color-scale-white-0);
+  --brand-button-subtle-bgColor-rest: transparent;
+  --brand-button-subtle-bgColor-hover: rgba(138,147,158,0.2);
+  --brand-button-subtle-bgColor-active: rgba(138,147,158,0.4);
   --brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
   --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-4);
 }
@@ -1113,6 +1125,43 @@ select {
   color: var(--brand-button-primary-fgColor-disabled);
 }
+/* accent */
+.Primer_Brand__Button-module__Button--accent___YZgXX {
+  color: var(--brand-button-accent-fgColor-rest);
+  background-color: var(--brand-button-accent-bgColor-rest);
+}
+.Primer_Brand__Button-module__Button--accent___YZgXX:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
+  background: var(--brand-button-accent-bgColor-hover);
+}
+.Primer_Brand__Button-module__Button--accent___YZgXX:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
+.Primer_Brand__Button-module__Button--accent___YZgXX[aria-expanded='true'] {
+  background-color: var(--brand-button-accent-bgColor-active);
+  border-color: var(--brand-button-accent-borderColor-active);
+}
+.Primer_Brand__Button-module__Button--label-accent___gFRhQ {
+  color: var(--brand-button-accent-fgColor-rest);
+}
+.Primer_Brand__Button-module__Button--accent___YZgXX:disabled,
+.Primer_Brand__Button-module__Button--accent___YZgXX[aria-disabled='true'],
+.Primer_Brand__Button-module__Button--accent___YZgXX.Primer_Brand__Button-module__Button--disabled___Ba17E {
+  background-color: var(--brand-button-accent-bgColor-disabled);
+}
+.Primer_Brand__Button-module__Button--accent___YZgXX:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--accent___YZgXX[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--accent___YZgXX.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--accent___YZgXX:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--accent___YZgXX[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--accent___YZgXX.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--label-accent___gFRhQ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
+  color: var(--brand-button-accent-fgColor-disabled);
+}
 /* secondary */
 .Primer_Brand__Button-module__Button--secondary___akMC2 {
@@ -1150,12 +1199,17 @@ select {
 .Primer_Brand__Button-module__Button--subtle___UMmi9 {
   color: var(--brand-color-text-default);
-  border-color: var(--brand-button-subtle-borderColor-rest);
   transition: background-color, border-color var(--brand-animation-duration-faster);
 }
-.Primer_Brand__Button-module__Button--subtle___UMmi9:hover:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
-  border-color: var(--brand-button-subtle-borderColor-hover);
+.Primer_Brand__Button-module__Button--subtle___UMmi9:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
+  background-color: var(--brand-button-subtle-bgColor-hover);
+}
+.Primer_Brand__Button-module__Button--subtle___UMmi9:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
+.Primer_Brand__Button-module__Button--subtle___UMmi9[aria-expanded='true'] {
+  background-color: var(--brand-button-subtle-bgColor-active);
+  border-color: var(--brand-button-subtle-borderColor-active);
 }
 .Primer_Brand__Button-module__Button--label-subtle___RRaqm {
@@ -1519,7 +1573,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -1812,7 +1866,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -2134,7 +2188,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -2161,7 +2215,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -2917,7 +2971,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -3762,7 +3816,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -3783,7 +3837,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -3794,7 +3848,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -4516,7 +4570,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -5281,7 +5335,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -5309,7 +5363,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -5325,7 +5379,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -5477,7 +5531,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -5493,7 +5547,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -5880,7 +5934,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -5889,7 +5943,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -5907,7 +5961,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -6038,7 +6092,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -7194,7 +7248,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -7208,7 +7262,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -7502,7 +7556,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -7518,7 +7572,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -7836,7 +7890,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -8294,7 +8348,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -8385,6 +8439,9 @@ html {
 /* Large breakpoint and up */
 @media screen and (min-width: 63.25rem) {
+  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
+    gap: var(--base-size-32);
+  }
   .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
     padding: var(--base-size-128) var(--base-size-64);
   }
@@ -8514,7 +8571,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -8662,7 +8719,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -8966,7 +9023,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -9002,7 +9059,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -9070,7 +9127,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -9081,7 +9138,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -9115,6 +9172,29 @@ html {
   height: 100%;
 }
+.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
+  text-align: center;
+  padding: var(--base-size-64) var(--base-size-40);
+}
+@media screen and (min-width: 64rem) {
+  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
+    padding: var(--base-size-64) var(--base-size-80);
+  }
+}
+.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
+  grid-template-columns: 1fr;
+  grid-template-areas:
+    'image'
+    'icon'
+    'label'
+    'heading'
+    'description'
+    'action';
+  justify-items: center;
+}
 .Primer_Brand__Card-module__Card--maxWidth___sqVhD {
   max-width: var(--brand-Card-maxWidth);
 }
@@ -9189,6 +9269,10 @@ html {
   justify-self: flex-end;
 }
+.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
+  justify-self: center;
+}
 .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7,
 .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__icon___H4tc9 {
   align-self: center;
@@ -9225,7 +9309,7 @@ html {
   grid-area: heading;
 }
-.Primer_Brand__Card-module__Card--fullWidth___j46z5 .Primer_Brand__Card-module__Card__heading___INFhp {
+.Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__heading___INFhp {
   max-width: 320px;
 }
@@ -9234,7 +9318,7 @@ html {
   grid-area: description;
 }
-.Primer_Brand__Card-module__Card--fullWidth___j46z5 .Primer_Brand__Card-module__Card__description___KN9CH {
+.Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__description___KN9CH {
   max-width: 400px;
 }
@@ -9245,6 +9329,10 @@ html {
   align-items: center;
 }
+.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
+  justify-content: center;
+}
 .Primer_Brand__Card-module__Card__action___C6sRY,
 .Primer_Brand__Card-module__Card__action___C6sRY span {
   color: var(--brand-Link-color-accent);
@@ -9361,7 +9449,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -9909,7 +9997,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -9920,7 +10008,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -13153,7 +13241,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -13173,7 +13261,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -13209,7 +13297,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -13229,7 +13317,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -13507,7 +13595,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -13521,7 +13609,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -13535,7 +13623,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -15711,7 +15799,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -15735,7 +15823,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -16170,10 +16258,12 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
+  --brand-PricingOptions-items4-container-padding-inline: var(--base-size-24);
+  --brand-PricingOptions-items4-gap: var(--base-size-48);
   --brand-PricingOptions-items3-container-padding-inline: var(--base-size-24);
   --brand-PricingOptions-items3-gap: var(--base-size-64);
   --brand-PricingOptions-items2-container-padding-inline: var(--base-size-48);
@@ -16183,7 +16273,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -16231,6 +16321,13 @@ html {
   padding-inline: var(--brand-pricing-options-container-padding-inline);
 }
+@media screen and (max-width: 63.24rem) {
+  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
+    margin-inline: auto;
+    max-width: 488px;
+  }
+}
 @media (min-width: 63.25rem) {
   .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
     grid-template-areas: var(--brand-pricing-options-template-areas);
@@ -16329,9 +16426,21 @@ html {
 /* Multiple items                                          */
 /* ---------------------------------------------------------- */
+@media (min-width: 48rem) {
+  :where(.Primer_Brand__PricingOptions-module__PricingOptions--variant-cards___qUWf4).Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
+    display: grid;
+    grid-column-gap: var(--brand-pricing-options-item-gap);
+    -moz-column-gap: var(--brand-pricing-options-item-gap);
+         column-gap: var(--brand-pricing-options-item-gap);
+    grid-row-gap: var(--brand-pricing-options-item-gap);
+    row-gap: var(--brand-pricing-options-item-gap);
+  }
+}
 @media (min-width: 63.25rem) {
   .Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5,
-  .Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
+  .Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8,
+  .Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
     grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
     -moz-column-gap: var(--brand-pricing-options-item-gap);
          column-gap: var(--brand-pricing-options-item-gap);
@@ -16347,6 +16456,10 @@ html {
     --brand-pricing-options-item-gap: var(--brand-PricingOptions-items3-gap);
     --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items3-container-padding-inline);
   }
+  .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
+    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items4-gap);
+    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items4-container-padding-inline);
+  }
 }
 /* ---------------------------------------------------------- */
@@ -16358,7 +16471,7 @@ html {
   grid-template-areas: var(--brand-pricing-options-template-areas);
 }
-@media (min-width: 63.28rem) {
+@media (min-width: 63.25rem) {
   .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
     grid-row: label / footnote;
     grid-template-rows: subgrid;
@@ -16369,6 +16482,20 @@ html {
   }
 }
+.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b {
+  justify-items: center;
+}
+.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV,
+.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__description___hb2GR {
+  text-align: center;
+  justify-content: center;
+}
+.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
+  justify-self: center;
+}
 /*
  * Backwards compatibility for browsers that don't support subgrid.
  * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
@@ -16417,6 +16544,7 @@ html {
 .Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
   display: flex;
   flex-wrap: wrap;
+  align-content: flex-start;
   -moz-column-gap: var(--base-size-12);
        column-gap: var(--base-size-12);
   grid-row: price;
@@ -16464,10 +16592,7 @@ html {
 .Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
   grid-row: footnote;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  gap: var(--base-size-24);
+  display: block;
   margin-block-start: var(--base-size-40);
 }
@@ -16481,6 +16606,7 @@ html {
   gap: var(--base-size-8);
   grid-row: feature-list;
   margin-block-start: var(--base-size-24);
+  width: 100%;
 }
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
@@ -16532,7 +16658,7 @@ html {
 }
 /* Accordion heading styling */
-.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4 {
+.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h1, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h2, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h3, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h5, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h6 {
   color: var(--brand-color-text-muted);
   font-size: var(--brand-text-size-300);
   line-height: var(--brand-text-lineHeight-300);
@@ -16560,7 +16686,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -16569,7 +16695,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -17288,7 +17414,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -17297,7 +17423,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -17754,7 +17880,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -17853,7 +17979,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -18223,7 +18349,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,
@@ -18237,7 +18363,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root {
@@ -18424,7 +18550,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -18675,7 +18801,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:29 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:15 GMT
  */
 :root {
@@ -18686,7 +18812,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 27 Mar 2025 12:06:30 GMT
+ * Generated on Thu, 03 Apr 2025 13:16:16 GMT
  */
 :root,