@primer/react-brand 0.12.1 → 0.13.0-rc.0fabd90

package/lib/CTAForm/CTAForm.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const CTAForm: React.ForwardRefExoticComponent<React.FormHTMLAttributes<HTMLFormElement> & React.RefAttributes<HTMLFormElement>> & {
+    Input: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Confirm: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Action: React.ForwardRefExoticComponent<Pick<Omit<Pick<import("../component-helpers").BaseProps<React.ElementType<any>> & {
+        as?: React.ElementType<any> | undefined;
+    } & import("../").ButtonBaseProps & Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<HTMLButtonElement>, "variant" | "type">, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
+};

package/lib/CTAForm/CTAForm.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/CTAForm/index.d.ts

@@ -0,0 +1 @@
+export * from './CTAForm';

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -848,7 +848,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -862,7 +862,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -880,7 +880,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -1174,7 +1174,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -1226,6 +1226,7 @@ select {
 .Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button--disabled___Ba17E[disabled]) {
   outline: none;
   box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 0 5px var(--brand-color-focus);
+  transition: none;
 }
 
 .Primer_Brand__Button-module__Button--label___lUBc0 {
@@ -1581,7 +1582,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -1602,7 +1603,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -1763,7 +1764,7 @@ select {
   margin: 0 auto;
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
     padding: 4px 32px;
   }
@@ -1866,7 +1867,7 @@ select {
   }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
     display: flex;
     align-items: center;
@@ -1910,7 +1911,7 @@ select {
   }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
     order: 0;
     visibility: visible;
@@ -1948,7 +1949,7 @@ select {
   }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
     font-family: var(--brand-heading-fontFamily);
     font-weight: var(--base-text-weight-semibold);
@@ -2020,7 +2021,7 @@ select {
   display: none;
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
     cursor: pointer;
     -webkit-appearance: none;
@@ -2137,7 +2138,7 @@ select {
   transform: rotate(45deg) translateY(3px);
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:hover,
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:hover {
     border: var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);
@@ -2174,7 +2175,7 @@ select {
   gap: 16px;
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
     display: none;
   }
@@ -2211,7 +2212,7 @@ select {
   white-space: nowrap;
 }
 
-@media screen and (min-width: 768px) and (max-width: 1023px) {
+@media screen and (min-width: 48rem) and (max-width: 1023px) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
     display: none;
   }
@@ -2251,7 +2252,7 @@ select {
   }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
     position: absolute;
     top: 0;
@@ -2279,7 +2280,7 @@ select {
   gap: var(--base-size-4);
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
     max-width: 570px;
     margin: 0 auto;
@@ -2388,7 +2389,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -2416,7 +2417,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -2521,7 +2522,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -2672,7 +2673,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -2682,7 +2683,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -2752,7 +2753,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -2771,7 +2772,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -3714,7 +3715,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {
@@ -4147,7 +4148,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -4457,7 +4458,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -4856,7 +4857,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,
@@ -4985,9 +4986,59 @@ html {
   counter-reset: li;
 }
 
+.Primer_Brand__CTAForm-module__CTAForm___oOV3J {
+  display: grid;
+  grid-gap: var(--base-size-16);
+  gap: var(--base-size-16);
+  grid-template-columns: 2fr auto;
+  align-items: flex-end;
+}
+
+.Primer_Brand__CTAForm-module__CTAForm___oOV3J > * {
+  grid-column: span 2;
+  width: 100%;
+}
+
+.Primer_Brand__CTAForm-module__CTAForm-input___sR5r3 {
+  order: 1;
+}
+
+.Primer_Brand__CTAForm-module__CTAForm-confirm___yTThl {
+  order: 2;
+  grid-column: span 2;
+}
+
+.Primer_Brand__CTAForm-module__CTAForm-button___dWqAC {
+  order: 4;
+}
+
+.Primer_Brand__CTAForm-module__CTAForm___oOV3J > *:not(.Primer_Brand__CTAForm-module__CTAForm-input___sR5r3):not(.Primer_Brand__CTAForm-module__CTAForm-button___dWqAC):not(.Primer_Brand__CTAForm-module__CTAForm-confirm___yTThl) {
+  order: 3;
+  grid-column: span 2;
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__CTAForm-module__CTAForm___oOV3J > * {
+    grid-column: span 1;
+  }
+
+  .Primer_Brand__CTAForm-module__CTAForm-confirm___yTThl {
+    order: 3;
+    grid-column: span 2;
+  }
+
+  .Primer_Brand__CTAForm-module__CTAForm-button___dWqAC {
+    order: 2;
+  }
+
+  .Primer_Brand__CTAForm-module__CTAForm___oOV3J > *:not(.Primer_Brand__CTAForm-module__CTAForm-input___sR5r3):not(.Primer_Brand__CTAForm-module__CTAForm-button___dWqAC):not(.Primer_Brand__CTAForm-module__CTAForm-confirm___yTThl) {
+    order: 4;
+  }
+}
+
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 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 Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/color-scales.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/control/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/faq/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/faq/colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/footer/colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/hero/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/river/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 @media (pointer: coarse) { :root {

package/lib/design-tokens/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 @media (pointer: fine) { :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 :root {

package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:40 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/colors/global.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 15 Feb 2023 16:23:39 GMT
+ * Generated on Tue, 21 Feb 2023 15:52:35 GMT
  */
 
 module.exports = {