@primer/react-brand 0.11.0 → 0.12.0-rc.dad1d88

package/lib/MinimalFooter/MinimalFooter.d.ts

@@ -0,0 +1,39 @@
+import React, { PropsWithChildren } from 'react';
+import { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css';
+export declare const MinimalFooterSocialLinks: readonly ["twitter", "github", "linkedin", "youtube", "facebook"];
+declare type SocialLinks = typeof MinimalFooterSocialLinks[number];
+export declare type MinimalFooterProps = {
+    /**
+     * An array of social links to be displayed in the footer.
+     */
+    socialLinks?: SocialLinks[] | false;
+    /**
+     * The href for the GitHub logo.
+     */
+    logoHref?: string;
+    /**
+     * The copyright statement to be displayed in the footer.
+     * If not provided, the copyright statement will be the default GitHub copyright statement.
+     */
+    copyrightStatement?: string | React.ReactElement;
+} & BaseProps<HTMLElement>;
+declare function Root({ className, children, copyrightStatement, logoHref, socialLinks, ...rest }: PropsWithChildren<MinimalFooterProps>): JSX.Element;
+declare type FootnoteProps = BaseProps<HTMLElement>;
+declare function Footnotes({ children, className }: PropsWithChildren<FootnoteProps>): JSX.Element;
+declare type LinkProps = {
+    href: string;
+} & BaseProps<HTMLAnchorElement>;
+declare function Link({ href, children }: PropsWithChildren<LinkProps>): JSX.Element;
+/**
+ * Use MinimalFooter to render a global footer on all GitHub pages.
+ * @see https://primer.style/brand/components/MinimalFooter
+ */
+export declare const MinimalFooter: typeof Root & {
+    Footnotes: typeof Footnotes;
+    Link: typeof Link;
+};
+export {};

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

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

package/lib/MinimalFooter/index.d.ts

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

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -848,7 +848,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -862,7 +862,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -880,7 +880,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -1183,7 +1183,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -1482,7 +1482,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -1503,7 +1503,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -2289,7 +2289,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -2317,7 +2317,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -2422,7 +2422,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -2573,7 +2573,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -2583,7 +2583,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -2653,7 +2653,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -2672,7 +2672,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -3615,7 +3615,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {
@@ -4048,7 +4048,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -4358,7 +4358,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -4757,7 +4757,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,
@@ -4886,6 +4886,126 @@ html {
   counter-reset: li;
 }
 
+/**
+ * Do not edit directly
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-footer-bg-color: var(--base-color-scale-white-0);
+}
+
+[data-color-mode="dark"] {
+  --brand-footer-bg-color: var(--base-color-scale-gray-9);
+}
+
+.Primer_Brand__MinimalFooter-module__Footer___oqJdA {
+  background-color: var(--brand-footer-bg-color);
+}
+
+/**
+ * Footer shared styles
+ */
+.Primer_Brand__MinimalFooter-module__Footer__container___UqVWS {
+  max-width: 1280px;
+  max-width: var(--brand-footer-max-width, 1280px);
+  padding: 0 28px; /* should match SubdomainNavBar */
+  margin-right: auto;
+  margin-left: auto;
+}
+
+/**
+ * Footer terms section
+ */
+.Primer_Brand__MinimalFooter-module__Footer__terms___ACl36 {
+  padding: var(--base-size-48) 0;
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__terms-item___Z1f1_ {
+  margin-bottom: var(--base-size-24);
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__terms-item___Z1f1_ sup {
+  font-size: var(--base-size-12);
+  vertical-align: super;
+  display: inline-block;
+  margin-right: var(--base-size-4);
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__terms-item___Z1f1_:last-child {
+  margin-bottom: 0;
+}
+
+/**
+ * Footer social and logomarks section
+ */
+.Primer_Brand__MinimalFooter-module__Footer__social-links___hRWfd {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--base-size-16);
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__logomarks___Weh9I {
+  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__logomarks___Weh9I,
+.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___gaF8g {
+  padding-top: var(--base-size-48);
+  padding-bottom: var(--base-size-48);
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__social-icon___SxNsP {
+  width: 24px;
+  height: auto;
+}
+
+/**
+ * Footer legal section
+ */
+
+.Primer_Brand__MinimalFooter-module__Footer__copyright___c9JB5 {
+  display: flex;
+  order: 2;
+  padding-bottom: var(--base-size-4);
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__MinimalFooter-module__Footer__copyright___c9JB5 {
+    order: 1;
+  }
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__links___sXNki {
+  order: 1;
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__MinimalFooter-module__Footer__links___sXNki {
+    order: 2;
+  }
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__link___K13BH {
+  align-self: flex-start;
+  color: var(--brand-color-text-muted);
+  text-decoration: none;
+  border-bottom: var(--brand-borderWidth-thin) solid transparent;
+  padding-bottom: var(--base-size-4);
+  transition: border 300ms cubic-bezier(0.33, 1, 0.68, 1);
+}
+
+.Primer_Brand__MinimalFooter-module__Footer__link___K13BH:hover {
+  color: var(--brand-color-text-default);
+  border-bottom-color: var(--brand-color-text-muted);
+}
+
 .Primer_Brand__SectionIntro-module__SectionIntro___RduRB {
   display: flex;
   flex-direction: column;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -0,0 +1,13 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-footer-bg-color: var(--base-color-scale-white-0);
+}
+
+[data-color-mode="dark"] {
+  --brand-footer-bg-color: var(--base-color-scale-gray-9);
+}

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

@@ -0,0 +1,8 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
+ */
+
+:root {
+  --brand-footer-bg-color: var(--base-color-scale-white-0);
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 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, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:10 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:12 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 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, 25 Jan 2023 00:08:11 GMT
+ * Generated on Tue, 31 Jan 2023 10:54:09 GMT
  */
 
 module.exports = {