@primer/react-brand 0.30.3 → 0.31.0-rc.178324d

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -367,7 +367,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -392,7 +392,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -408,7 +408,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -540,7 +540,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -554,7 +554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -573,7 +573,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -955,7 +955,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -1532,7 +1532,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -1759,7 +1759,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -2018,7 +2018,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -2044,7 +2044,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -2802,7 +2802,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -3645,7 +3645,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -3666,7 +3666,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -3677,7 +3677,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -4557,6 +4557,14 @@ select {
   color: var(--base-color-scale-black-0);
 }
 
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-skip-to-content___WMHSh {
+  position: fixed;
+  top: 75px;
+  border-radius: 0px;
+  width: 100vw;
+  z-index: 100;
+}
+
 /*
  * Reusable animations
  */
@@ -4604,7 +4612,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -4632,7 +4640,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -4648,7 +4656,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -4772,7 +4780,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -4788,7 +4796,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -5034,7 +5042,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -5043,7 +5051,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -5061,7 +5069,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -5192,7 +5200,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -6293,7 +6301,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -6307,7 +6315,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -6545,7 +6553,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -6561,7 +6569,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -6879,7 +6887,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -7320,7 +7328,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -7509,7 +7517,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -7648,7 +7656,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -7778,7 +7786,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -7789,7 +7797,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -8213,7 +8221,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -8699,7 +8707,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -8710,7 +8718,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -12944,7 +12952,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -12962,7 +12970,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -12998,7 +13006,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -13014,7 +13022,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -13262,7 +13270,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -13276,7 +13284,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -13290,7 +13298,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:28 GMT
  */
 
 :root {
@@ -15469,7 +15477,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root {
@@ -15493,7 +15501,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,
@@ -15945,3 +15953,284 @@ html {
   background-color: var(--brand-Eyebrowbanner-icon-background-yellow);
 }
 
+/**
+ * Do not edit directly
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
+  --brand-SubNav-color-link-active: var(--base-color-scale-blue-5);
+  --brand-SubNav-shadow: 0 1px 0 0px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);
+}
+
+[data-color-mode="dark"] {
+  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
+  --brand-SubNav-color-link-active: var(--base-color-scale-blue-3);
+  --brand-SubNav-shadow: 0 1px 0 0px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(255, 255, 255, 0.04), 0 7px 7px rgba(255, 255, 255, 0.03);
+}
+
+.Primer_Brand__SubNav-module__SubNav___dVoQu {
+  position: absolute;
+  width: 100%;
+  display: flex;
+  padding: var(--base-size-16);
+}
+
+.Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
+  font-weight: var(--base-text-weight-bold);
+  color: var(--brand-color-text-default);
+  font-family: var(--brand-heading-fontFamily);
+  text-decoration: none;
+}
+
+.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover {
+  text-decoration: none !important;
+}
+
+.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover {
+  color: var(--brand-SubNav-color-link-active); /* dotcom override */
+}
+
+[dir="ltr"] .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+  margin-right: var(--base-size-16);
+}
+
+[dir="rtl"] .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+  margin-left: var(--base-size-16);
+}
+
+.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+  position: relative;
+  z-index: 9998;
+  display: inline-block;
+}
+
+.Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
+  box-shadow: var(--brand-SubNav-shadow);
+  background-color: var(--brand-color-canvas-default);
+}
+
+/*
+ * Narrow breakpoint
+ */
+
+@media screen and (max-width: 63.24rem) {
+  .Primer_Brand__SubNav-module__SubNav___dVoQu::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    opacity: 0;
+    z-index: 9997;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav--open___xWq0D::after {
+    content: '';
+    background-color: var(--base-color-scale-black-0);
+    opacity: 0.3;
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
+    font-size: var(--base-size-20);
+    line-height: var(--base-size-20);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav--open___xWq0D {
+    display: block;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav--open___xWq0D::before {
+    background-color: var(--brand-color-canvas-default);
+    animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
+    position: relative;
+    display: flex;
+    flex: auto;
+    flex-direction: column;
+    justify-content: center;
+    z-index: 9998;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
+    display: flex;
+    flex-direction: column;
+    gap: var(--base-size-8);
+    padding-top: var(--base-size-16);
+    padding-bottom: var(--base-size-16);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    position: absolute;
+    top: var(--base-size-16);
+    right: var(--base-size-16);
+    order: 1;
+    z-index: 9999;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
+    display: none;
+    text-decoration: none;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current] * {
+    color: var(--brand-SubNav-color-link-active);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
+    display: block;
+    padding: var(--base-size-8) 0;
+    animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
+  }
+}
+
+.Primer_Brand__SubNav-module__SubNav__overlay-toggle-icon___AjCc8 {
+  fill: var(--brand-color-text-default);
+}
+
+.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
+  display: flex;
+  align-items: center;
+  gap: var(--base-size-8);
+
+  /* optical alignment */
+  position: relative;
+  top: calc(var(--base-size-4) / 4 * -1);
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__SubNav-module__SubNav___dVoQu {
+    padding: var(--base-size-16) var(--base-size-24);
+  }
+}
+
+/*
+ * Wide breakpoint
+ */
+
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__SubNav-module__SubNav___dVoQu {
+    padding: var(--base-size-16) var(--base-size-32);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
+    display: none;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
+    font-size: var(--base-size-20);
+    line-height: var(--base-size-20);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav___dVoQu {
+    display: flex;
+  }
+
+  [dir="ltr"] .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+    margin-right: var(--base-size-24);
+  }
+
+  [dir="rtl"] .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+    margin-left: var(--base-size-24);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
+    align-items: center;
+    display: flex;
+    gap: var(--base-size-24);
+    z-index: 1;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
+    text-decoration: none;
+    transition: color 0.2s var(--brand-animation-easing-glide);
+    position: relative;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover *,
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current] * {
+    text-decoration: none !important;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover *,
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current] * {
+    color: var(--brand-SubNav-color-link-active); /* dotcom override */
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
+    content: '';
+    position: absolute;
+    bottom: -6px;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: var(--brand-SubNav-color-link-active);
+    transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
+      background-color var(--brand-animation-duration-fast);
+    opacity: 1;
+    transform: scale(0);
+    transform-origin: center;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
+    opacity: 1;
+    transform: translate3d(0, 0.2em, 0);
+    transform: scale(0.8, 1);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:active .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
+    background-color: var(--brand-color-text-default);
+    transform: scale(0.9, 1);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[data-active='true'] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
+    background-color: var(--brand-color-text-default);
+    opacity: 1;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ.Primer_Brand__SubNav-module__focus-visible___mbLRX .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
+    opacity: 0;
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
+    opacity: 0;
+  }
+}
+
+@keyframes Primer_Brand__SubNav-module__fade-in___t8Rrr {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes Primer_Brand__SubNav-module__fade-in-down___LOqE1 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Mar 2024 10:53:45 GMT
+ * Generated on Tue, 12 Mar 2024 18:45:29 GMT
  */
 
 :root,