@primer/react-brand 0.18.0-rc.d7f5d57 → 0.18.0-rc.fbacfd9

package/lib/River/River.d.ts

@@ -1,7 +1,11 @@
 import React, { PropsWithChildren } from 'react';
 import { LinkProps, HeadingProps, TextProps } from '../';
 import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css';
 export declare type RiverProps = BaseProps<HTMLElement> & {
     /**
      * Only specific children are valid.

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root {
@@ -841,7 +841,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
@@ -855,7 +855,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
@@ -873,7 +873,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -1175,7 +1175,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -1226,6 +1226,10 @@ select {
   display: inline-flex;
 }
 
+.Primer_Brand__Button-module__Button___lDruK:hover {
+  text-decoration: none;
+}
+
 .Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
   outline: none;
   box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 0 5px var(--brand-color-focus);
@@ -1625,7 +1629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
@@ -1646,23 +1650,45 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
-  --brand-River-gap-heading-bottom: var(--base-size-8);
-  --brand-River-gap-column-large: var(--base-size-48);
-  --brand-River-gap-column-medium: var(--base-size-32);
   --brand-River-visual-shadow: 0px 100px 80px rgba(0, 0, 0, 0.0174624), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0235573), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.07);
-  --brand-River-layout-margin-vertical: var(--base-size-48) 0;
+  --brand-River-heading-margin: var(--base-size-8);
+}
+
+/**
+ * Do not edit directly
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
+ */
+
+:root {
+  --brand-River-spacing-outer: var(--base-size-28);
+  --brand-River-spacing-inner: var(--base-size-24);
+}
+
+@media (min-width: 768px) {
+  :root {
+    --brand-River-spacing-outer: var(--base-size-36);
+    --brand-River-spacing-inner: var(--base-size-36);
+  }
+}
+
+@media (min-width: 1280px) {
+  :root {
+    --brand-River-spacing-outer: var(--base-size-48);
+    --brand-River-spacing-inner: var(--base-size-48);
+  }
 }
 
 .Primer_Brand__River-module__River___VHPl5 {
   display: grid;
-  grid-gap: var(--brand-River-gap-column-medium);
-  gap: var(--brand-River-gap-column-medium);
+  grid-gap: var(--brand-River-spacing-inner);
+  gap: var(--brand-River-spacing-inner);
   grid-auto-rows: min-content;
-  padding: var(--brand-River-layout-margin-vertical);
+  padding-top: var(--brand-River-spacing-outer);
+  padding-bottom: var(--brand-River-spacing-outer);
 }
 
 .Primer_Brand__River-module__River--align-center___TH7xI {
@@ -1687,7 +1713,7 @@ select {
 }
 
 .Primer_Brand__River-module__River__heading___pwKXi {
-  margin-bottom: var(--brand-River-gap-heading-bottom);
+  margin-bottom: var(--brand-River-heading-margin);
 }
 
 .Primer_Brand__River-module__River__call-to-action___GIOCe {
@@ -1698,8 +1724,8 @@ select {
   color: var(--brand-color-text-default);
 }
 
-/* Small breakpoint and up */
-@media screen and (min-width: 34rem) {
+/* Medium breakpoint and up */
+@media screen and (min-width: 48rem) {
   .Primer_Brand__River-module__River___VHPl5 {
     grid-template-rows: initial;
   }
@@ -1758,13 +1784,6 @@ select {
   }
 }
 
-/* Large breakpoint and up */
-@media screen and (min-width: 63.25rem) {
-  .Primer_Brand__River-module__River___VHPl5 {
-    gap: var(--brand-River-gap-column-large);
-  }
-}
-
 /*
  * Main styles for the subdomain navigation bar.
  */
@@ -1874,6 +1893,10 @@ select {
   white-space: nowrap;
 }
 
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2:hover {
+  text-decoration: none;
+}
+
 /*
  * Primary navigation link area
  */
@@ -1998,6 +2021,10 @@ select {
   text-decoration: none;
 }
 
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
+  text-decoration: none;
+}
+
 @media screen and (max-width: 767px) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-of-type {
     padding-top: var(--base-size-24);
@@ -2399,6 +2426,10 @@ select {
   line-height: var(--brand-text-lineHeight-400);
 }
 
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd a:hover {
+  text-decoration: none;
+}
+
 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm {
   color: var(--base-color-scale-black-0);
 }
@@ -2450,7 +2481,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -2478,7 +2509,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -2497,6 +2528,10 @@ select {
   position: relative;
 }
 
+.Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
+  text-decoration: none;
+}
+
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
   color: var(--brand-InlineLink-color-rest);
@@ -2539,6 +2574,10 @@ select {
   color: var(--brand-color-text-default);
 }
 
+.Primer_Brand__Link-module__Link___lvKjM:hover {
+  text-decoration: none;
+}
+
 .Primer_Brand__Link-module__Link___lvKjM::after {
   position: absolute;
   bottom: -0.15em;
@@ -2595,7 +2634,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -2606,7 +2645,7 @@ select {
   --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
   --brand-Label-color-coral: var(--base-color-scale-coral-5);
   --brand-Label-color-green: var(--base-color-scale-green-5);
-  --brand-Label-color-green-blue-start: var(--base-color-scale-green-4);
+  --brand-Label-color-green-blue-start: var(--base-color-scale-green-5);
   --brand-Label-color-green-blue-end: var(--base-color-scale-blue-5);
   --brand-Label-color-gray: var(--base-color-scale-gray-6);
   --brand-Label-color-indigo: var(--base-color-scale-indigo-5);
@@ -2620,7 +2659,7 @@ select {
   --brand-Label-color-purple-red-start: var(--base-color-scale-purple-5);
   --brand-Label-color-purple-red-end: var(--base-color-scale-red-5);
   --brand-Label-color-red: var(--base-color-scale-red-5);
-  --brand-Label-color-red-orange-start: var(--base-color-scale-red-4);
+  --brand-Label-color-red-orange-start: var(--base-color-scale-red-5);
   --brand-Label-color-red-orange-end: var(--base-color-scale-orange-5);
   --brand-Label-color-teal: var(--base-color-scale-teal-5);
   --brand-Label-color-yellow: var(--base-color-scale-yellow-5);
@@ -2826,9 +2865,15 @@ select {
   font-weight: var(--base-text-weight-semibold);
 }
 
+@media (forced-colors: active) {
+  .Primer_Brand__Label-module__Label___TW0HL {
+    outline: var(--brand-borderWidth-thin) solid transparent;
+  }
+}
+
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -2985,7 +3030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
@@ -2995,7 +3040,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -3065,7 +3110,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
@@ -3084,7 +3129,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -4027,7 +4072,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
@@ -4581,7 +4626,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -4891,7 +4936,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -5033,6 +5078,10 @@ html {
   justify-items: flex-start;
 }
 
+.Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2:hover {
+  text-decoration: none;
+}
+
 .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
   margin: 0 0 2px; /* allow space for focus border */
   animation: Primer_Brand__AnchorNav-module__fade-in___KfA_2 1s;
@@ -5290,7 +5339,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -5309,6 +5358,7 @@ html {
   margin: 0 auto;
   display: flex;
   max-width: var(--brand-breakpoint-xlarge);
+  width: 100%;
 }
 
 .Primer_Brand__CTABanner-module__CTABanner--shadow___BA030::before {
@@ -5471,7 +5521,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -5587,11 +5637,12 @@ html {
 .Primer_Brand__MinimalFooter-module__Footer__link___K13BH:hover {
   color: var(--brand-color-text-default);
   border-bottom-color: var(--brand-color-text-muted);
+  text-decoration: none;
 }
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -5747,7 +5798,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {
@@ -5759,7 +5810,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -5850,6 +5901,10 @@ html {
   grid-template-rows: auto auto auto auto 1fr;
 }
 
+.Primer_Brand__Card-module__Card___ByGEk:hover {
+  text-decoration: none;
+}
+
 .Primer_Brand__Card-module__Card--has-icon___vBmET {
   grid-template-areas:
     'image image'
@@ -6075,7 +6130,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,
@@ -6251,7 +6306,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root {
@@ -6277,7 +6332,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 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 Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:26 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 16:31:59 GMT
+ * Generated on Mon, 15 May 2023 14:21:27 GMT
  */
 
 :root,