Merge branch 'main' into text_truncate_2

2024-11-23 03:10:10 +03:00 · 2021-05-20 14:02:24 -07:00 · 2021-05-20 14:02:24 -07:00 · e4ee5f2780
commit e4ee5f2780
parent 9f10bdf621 7d545ec44e
31 changed files with 741 additions and 227 deletions
--- a/.changeset/breezy-chairs-cross.md
+++ b/.changeset/breezy-chairs-cross.md
@ -1,5 +0,0 @@
---
-"@primer/css": patch
---
-
-Use `--color-icon-secondary` for `.blankslate-icon`
--- a/.changeset/chatty-cherries-tease.md
+++ b/.changeset/chatty-cherries-tease.md
@ -1,5 +0,0 @@
---
-"@primer/css": patch
---
-
-Bump @primer/primitives
--- a/.changeset/empty-kangaroos-learn.md
+++ b/.changeset/empty-kangaroos-learn.md
@ -0,0 +1,5 @@
+---
+"@primer/css": minor
+---
+
+Adding new Layout component
--- a/.changeset/khaki-lizards-report.md
+++ b/.changeset/khaki-lizards-report.md
@ -1,5 +0,0 @@
---
-"@primer/css": major
---
-
-Replace border-overlay with border-primary
--- a/.changeset/modern-zebras-press.md
+++ b/.changeset/modern-zebras-press.md
@ -1,5 +0,0 @@
---
-"@primer/css": major
---
-
-Marketing: Deprecate bg-shade-gradient
--- a/.changeset/nasty-lobsters-lick.md
+++ b/.changeset/nasty-lobsters-lick.md
@ -1,5 +0,0 @@
---
-"@primer/css": major
---
-
-Add new marketing type scale
--- a/.changeset/ninety-lamps-mix.md
+++ b/.changeset/ninety-lamps-mix.md
@ -1,5 +0,0 @@
---
-"@primer/css": major
---
-
-Marketing: Removing Inter font files and folder
--- a/.changeset/odd-foxes-invite.md
+++ b/.changeset/odd-foxes-invite.md
@ -1,5 +0,0 @@
---
-"@primer/css": minor
---
-
-typography-base: process 'type' attribute of HTML <ol> tag
--- a/.changeset/silly-goats-breathe.md
+++ b/.changeset/silly-goats-breathe.md
@ -1,5 +0,0 @@
---
-'@primer/css': major
---
-
-Changeset change supported browsers.
--- a/.changeset/smooth-eagles-tie.md
+++ b/.changeset/smooth-eagles-tie.md
@ -1,5 +0,0 @@
---
-"@primer/css": major
---
-
-Remove redundant marketing layout selectors
--- a/.changeset/tiny-eagles-repair.md
+++ b/.changeset/tiny-eagles-repair.md
@ -1,5 +0,0 @@
---
-"@primer/css": major
---
-
-Update marketing button styles
--- a/.changeset/tiny-mangos-breathe.md
+++ b/.changeset/tiny-mangos-breathe.md
@ -1,5 +0,0 @@
---
-'@primer/css': major
---
-
-Remove dependency on primer/octicons and force overflow visible
--- a/.changeset/wild-bottles-tap.md
+++ b/.changeset/wild-bottles-tap.md
@ -1,5 +0,0 @@
---
-"@primer/css": major
---
-
-Merge overlapping marketing spacing utilities into primer core
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,5 +1,69 @@
 # @primer/css

+## 17.0.3
+
+### Patch Changes
+
+- [#1410](https://github.com/primer/css/pull/1410) [`d5e425e4`](https://github.com/primer/css/commit/d5e425e40900102b5b728a516de71e4094b7e138) Thanks [@simurai](https://github.com/simurai)! - Bump @primer/primitives@4.3.4
+
+## 17.0.2
+
+### Patch Changes
+
+- [#1408](https://github.com/primer/css/pull/1408) [`1eea5575`](https://github.com/primer/css/commit/1eea557506241412de068c0f2570a0e9606fd6c2) Thanks [@colebemis](https://github.com/colebemis)! - Bump @primer/primitives version
+
+* [#1403](https://github.com/primer/css/pull/1403) [`5ef399cf`](https://github.com/primer/css/commit/5ef399cff004fc30d0b98750af889ffdc4bf8f3b) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Remove !important for base styles for body utilities
+
+## 17.0.1
+
+### Patch Changes
+
+- [#1391](https://github.com/primer/css/pull/1391) [`534c8f66`](https://github.com/primer/css/commit/534c8f66f5a433aaf6daa308e0354d8eeca25f3a) Thanks [@simurai](https://github.com/simurai)! - Improve focus state for .SideNav and .menu
+
+* [#1398](https://github.com/primer/css/pull/1398) [`5ef7bd6e`](https://github.com/primer/css/commit/5ef7bd6ef0eb43f2bb5765c0f3cfd30db3924ec4) Thanks [@colebemis](https://github.com/colebemis)! - Add experimental color variables. **Warning: Do not use these color variables**
+
+- [#1394](https://github.com/primer/css/pull/1394) [`42223f0b`](https://github.com/primer/css/commit/42223f0b219b6213e2d11f99988acdfd47ab9591) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing: Fix letter spacing for headers not being correctly overridden at break points
+
+## 17.0.0
+
+### Major Changes
+
+- [#1370](https://github.com/primer/css/pull/1370) [`cc0049c2`](https://github.com/primer/css/commit/cc0049c2ad1ad609dc672e12f751245fbecc5d65) Thanks [@simurai](https://github.com/simurai)! - Replace border-overlay with border-primary
+
+* [#1371](https://github.com/primer/css/pull/1371) [`0c6bfc22`](https://github.com/primer/css/commit/0c6bfc22b523545120bea39dc201760d8a9e8b01) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing: Deprecate bg-shade-gradient
+
+- [#1379](https://github.com/primer/css/pull/1379) [`22a98b5c`](https://github.com/primer/css/commit/22a98b5c87031584c5349f49835e013e8a7e460b) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Add new marketing type scale
+
+* [#1369](https://github.com/primer/css/pull/1369) [`2ae2ae57`](https://github.com/primer/css/commit/2ae2ae5795f68a6004fb4a14eb56bba41828173d) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing: Removing Inter font files and folder
+
+- [#1339](https://github.com/primer/css/pull/1339) [`0ca2648e`](https://github.com/primer/css/commit/0ca2648e5982f0d21137a556e083d77af33eee36) Thanks [@jonrohan](https://github.com/jonrohan)! - Changeset change supported browsers.
+
+* [#1373](https://github.com/primer/css/pull/1373) [`aeae963d`](https://github.com/primer/css/commit/aeae963d93e273f08fbf47d582316811bbd8eac5) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Remove redundant marketing layout selectors
+
+- [#1380](https://github.com/primer/css/pull/1380) [`4ac39740`](https://github.com/primer/css/commit/4ac39740f27842c625da084f1d03b8e2ec6084f8) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing: use size modifiers that don't look like breakpoints modifiers
+
+* [#1352](https://github.com/primer/css/pull/1352) [`b4950e39`](https://github.com/primer/css/commit/b4950e395867b558e63b5bb4d46d93f75f35e38e) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Update marketing button styles
+
+- [#1356](https://github.com/primer/css/pull/1356) [`3b7e5d8c`](https://github.com/primer/css/commit/3b7e5d8c0def7975cc6714abe4b60d8efc746f8f) Thanks [@jonrohan](https://github.com/jonrohan)! - Remove dependency on primer/octicons and force overflow visible
+
+* [#1372](https://github.com/primer/css/pull/1372) [`e24b7cb0`](https://github.com/primer/css/commit/e24b7cb024ca2c6bb06cda92ccefa1aff3208131) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Merge overlapping marketing spacing utilities into primer core
+
+### Minor Changes
+
+- [#1357](https://github.com/primer/css/pull/1357) [`3dfb910f`](https://github.com/primer/css/commit/3dfb910fc39ae889fb4c2c3c783aead6ac768d0d) Thanks [@hpalacio](https://github.com/hpalacio)! - typography-base: process 'type' attribute of HTML <ol> tag
+
+### Patch Changes
+
+- [#1368](https://github.com/primer/css/pull/1368) [`95b9f0f0`](https://github.com/primer/css/commit/95b9f0f051bf34be5bcc60e2f2d29a262059c420) Thanks [@simurai](https://github.com/simurai)! - Use `--color-icon-secondary` for `.blankslate-icon`
+
+* [#1350](https://github.com/primer/css/pull/1350) [`2dbc6143`](https://github.com/primer/css/commit/2dbc6143a66b56b29e12d5ae3e7afeaed95373ab) Thanks [@simurai](https://github.com/simurai)! - Bump @primer/primitives
+
+- [#1385](https://github.com/primer/css/pull/1385) [`1cfff7a4`](https://github.com/primer/css/commit/1cfff7a4a39e5612c3f98357bfa2edc1460f2e04) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing typography: 64px → 68px for third size step
+
+* [#1382](https://github.com/primer/css/pull/1382) [`18bb377b`](https://github.com/primer/css/commit/18bb377bef8f65cc75cd1faea9b2264a4061cfd0) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing: optimize body typography inheritance
+
+- [#1392](https://github.com/primer/css/pull/1392) [`0fea11a7`](https://github.com/primer/css/commit/0fea11a74b05196c17e2e300b66c93c24d6c9844) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing: Enable body content utilities to have their font-weight overwritten
+
 ## 16.3.0

 ### Minor Changes
--- a/tests/utils/css.js
+++ b/tests/utils/css.js
@ -29,12 +29,14 @@ function getCurrentVersion() {
 }

 function getDeprecatedSelectors(version) {
+  if (getCurrentVersion().raw === version) return []
  let deprecations = require(join(currentPath, './dist/deprecations.json'))
  deprecations = deprecations.versions[version] || []
  return deprecations.reduce((list, deprecation) => list.concat(deprecation.selectors), []).filter(v => v)
 }

 function getDeprecatedVariables(version) {
+  if (getCurrentVersion().raw === version) return []
  let deprecations = require(join(currentPath, './dist/deprecations.json'))
  deprecations = deprecations.versions[version] || []
  return deprecations.reduce((list, deprecation) => list.concat(deprecation.variables), []).filter(v => v)
--- a/deprecations.js
+++ b/deprecations.js
@ -85,10 +85,6 @@ const versionDeprecations = {
      selectors: ['.bg-shade-gradient'],
      message: `This selector is deprecated, please use "color-bg-secondary" instead of "bg-shade-gradient".`
    },
-    {
-      selectors: ['.btn-large-mktg'],
-      message: `Please use the ".btn-lg-mktg" class instead of "btn-large-mktg".`
-    },
    {
      selectors: ['.color-border-overlay'],
      message: `Please use the ".color-border-primary" class instead of ".color-border-overlay".`
--- a/docs/content/components/layout.md
+++ b/docs/content/components/layout.md
@ -0,0 +1,230 @@
+---
+title: Layout
+path: components/layout
+status: Experimental
+source: 'https://github.com/primer/css/tree/main/src/layout/layout.scss'
+bundle: layout
+---
+
+
+Build responsive-friendly page layouts with 2 columns.
+
+Use with .container-xx classes to limit the overall layout structure size.
+
+## Elements
+
+- `Layout-main`
+- `Layout-sidebar`
+- `Layout-divider`
+- `Layout-main-centered-md`
+- `Layout-main-centered-lg`
+- `Layout-main-centered-xl`
+
+Use `Layout-main-centered-xx` to wrap `container-xx` elements inside
+`Layout-main` so the content remains centered on the screen regardless
+of the sidebar position.
+
+## Default
+
+```html live
+<div class="Layout">
+  <div class="Layout-main border">
+    .Layout-main
+  </div>
+
+  <div class="Layout-sidebar border">
+    .Layout-sidebar
+  </div>
+</div>
+```
+
+### Dividers
+
+Add `Layout--divided` to the `Layout` to show the dividers.
+
+```html live
+<div class="Layout Layout--divided">
+  <div class="Layout-main border">main content</div>
+  <div class="Layout-divider"></div>
+  <div class="Layout-sidebar border">divider shown</div>
+</div>
+<div class="Layout">
+  <div class="Layout-main border">main content</div>
+  <div class="Layout-divider"></div>
+  <div class="Layout-sidebar border">divider hidden</div>
+</div>
+```
+
+### Centered content
+
+```html live
+<div class="Layout">
+  <div class="Layout-main border">
+    <div class="Layout-main-centered-md">
+      <div class="container-md border color-border-info">
+        centered md
+      </div>
+    </div>
+  </div>
+  <div class="Layout-sidebar border">sidebar</div>
+</div>
+<div class="Layout">
+  <div class="Layout-main border">
+    <div class="Layout-main-centered-lg">
+      <div class="container-lg border color-border-info">
+        centered lg
+      </div>
+    </div>
+  </div>
+  <div class="Layout-sidebar border">sidebar</div>
+</div>
+<div class="Layout">
+  <div class="Layout-main border">
+    <div class="Layout-main-centered-xl">
+      <div class="container-xl border color-border-info">
+        centered xl
+      </div>
+    </div>
+  </div>
+  <div class="Layout-sidebar border">sidebar</div>
+</div>
+```
+
+## Modifiers
+
+### Sidebar sizing
+
+- Default: [md: 256px, lg: 296px, xl: 320px]
+- `Layout--sidebar-narrow` [md: 240px, lg: 256px, xl: 296px]
+- `Layout--sidebar-wide` [md: 296px, lg: 320px, xl: 344px]
+
+```html live
+<div class="Layout Layout--sidebar-narrow">
+  <div class="Layout-main border">
+    Layout--sidebar-narrow
+  </div>
+
+  <div class="Layout-sidebar border">
+    sidebar
+  </div>
+</div>
+<div class="Layout Layout--sidebar-wide">
+  <div class="Layout-main border">
+    Layout--sidebar-wide
+  </div>
+
+  <div class="Layout-sidebar border">
+    sidebar
+  </div>
+</div>
+```
+
+### Column gutter
+
+- Default: [md: 16px, lg: 24px]
+- `Layout--gutter-none`: 0px
+- `Layout--gutter-condensed` 16px
+- `Layout--gutter-spacious` [md: 16px, lg: 32px, xl: 40px]
+
+```html live
+<div class="Layout Layout--gutter-none">
+  <div class="Layout-main border">
+    Layout--gutter-none
+  </div>
+
+  <div class="Layout-sidebar border">
+    sidebar
+  </div>
+</div>
+<div class="Layout Layout--gutter-condensed">
+  <div class="Layout-main border">
+    Layout--gutter-condensed
+  </div>
+
+  <div class="Layout-sidebar border">
+    sidebar
+  </div>
+</div>
+<div class="Layout">
+  <div class="Layout-main border">
+    Default
+  </div>
+
+  <div class="Layout-sidebar border">
+    sidebar
+  </div>
+</div>
+<div class="Layout Layout--gutter-spacious">
+  <div class="Layout-main border">
+    Layout--gutter-spacious
+  </div>
+
+  <div class="Layout-sidebar border">
+    sidebar
+  </div>
+</div>
+```
+
+### Sidebar positioning
+
+- `Layout--sidebarPosition-start` (default): sidebar to the left
+- `Layout--sidebarPosition-end`: sidebar to the right
+
+```html live
+<div class="Layout Layout--sidebarPosition-start">
+  <div class="Layout-main border">main</div>
+  <div class="Layout-sidebar border">sidebar</div>
+</div>
+<div class="Layout Layout--sidebarPosition-end">
+  <div class="Layout-main border">main</div>
+  <div class="Layout-sidebar border">sidebar</div>
+</div>
+```
+
+### Layout stacking
+
+- Default: stacks when container is `sm`.
+- `Layout--flowRow-until-md`: stacks when container is `md`.
+- `Layout--flowRow-until-lg`: stacks when container is `lg`.
+
+```html live
+<div class="Layout Layout--flowRow-until-md">
+  <div class="Layout-main border">main</div>
+  <div class="Layout-sidebar border">sidebar</div>
+</div>
+<div class="Layout Layout--flowRow-until-lg">
+  <div class="Layout-main border">main</div>
+  <div class="Layout-sidebar border">sidebar</div>
+</div>
+```
+
+### Nesting Layouts
+
+It is possible to nest `Layout` components to generate 3-column layouts.
+
+```html live
+<div class="Layout">
+  <div class="Layout-main ">
+    <div class="Layout Layout--sidebarPosition-end Layout--sidebar-narrow">
+      <div class="Layout-main border">main content</div>
+      <div class="Layout-sidebar border">metadata sidebar</div>
+    </div>
+  </div>
+  <div class="Layout-sidebar border">default sidebar</div>
+</div>
+<div class="Layout">
+  <div class="Layout-main ">
+    <div class="Layout Layout--sidebarPosition-end Layout--flowRow-until-lg Layout--sidebar-narrow">
+      <div class="Layout-main border">main content</div>
+      <div class="Layout-sidebar border">metadata sidebar</div>
+    </div>
+  </div>
+  <div class="Layout-sidebar border">default sidebar</div>
+</div>
+```
+
+## Accessibility and keyboard navigation
+
+Keyboard navigation follows the markup order. Decide carefully how the
+focus order should be be by deciding whether `Layout-main` or `Layout-sidebar`
+comes first in code. The code order won’t affect the visual position.
--- a/docs/content/utilities/marketing-type.md
+++ b/docs/content/utilities/marketing-type.md
@ -8,7 +8,7 @@ bundle: marketing-type

 The typography for our marketing pages differs from Primer CSS's core—it is responsive, on a slightly different scale, and headlines are set in the [defined marketing font](https://github.com/primer/css/blob/main/src/marketing/support/variables.scss).

-## Heading Utilities
+## Heading utilities

 Use `.h0-mktg` – `.h6-mktg` to change an element's font, size, and weight on marketing pages.

@ -43,7 +43,7 @@ Use `.f0-mktg` – `.f6-mktg` to change an element's body font, size, and weight
 ```


-## Typographic Utilities
+## Typographic utilities

 These utilities are meant to be used in addition to Primer CSS's core utilities.

--- a/docs/src/@primer/gatsby-theme-doctocat/nav.yml
+++ b/docs/src/@primer/gatsby-theme-doctocat/nav.yml
@ -83,6 +83,8 @@
      url: /components/header
    - title: Labels
      url: /components/labels
+    - title: Layout
+      url: /components/layout
    - title: Links
      url: /components/links
    - title: Loaders
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@ -1545,7 +1545,7 @@

 "@pieh/friendly-errors-webpack-plugin@1.7.0-chalk-2":
  version "1.7.0-chalk-2"
-  resolved "https://registry.yarnpkg.com/@pieh/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.0-chalk-2.tgz#2e9da9d3ade9d18d013333eb408c457d04eabac0"
+  resolved "https://registry.npmjs.org/@pieh/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.0-chalk-2.tgz"
  integrity sha512-65+vYGuDkHBCWWjqzzR/Ck318+d6yTI00EqII9qe3aPD1J3Olhvw0X38uM5moQb1PK/ksDXwSoPGt/5QhCiotw==
  dependencies:
    chalk "^2.4.2"
@ -1555,7 +1555,7 @@

 "@pmmmwh/react-refresh-webpack-plugin@^0.4.1":
  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz#1eec460596d200c0236bf195b078a5d1df89b766"
+  resolved "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz"
  integrity sha512-br5Qwvh8D2OQqSXpd1g/xqXKnK0r+Jz6qVKBbWmpUcrbGOxUrf39V5oZ1876084CGn18uMdR5uvPqBv9UqtBjQ==
  dependencies:
    ansi-html "^0.0.7"
@ -1751,7 +1751,7 @@

 "@reach/router@^1.3.4":
  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/@reach/router/-/router-1.3.4.tgz#d2574b19370a70c80480ed91f3da840136d10f8c"
+  resolved "https://registry.npmjs.org/@reach/router/-/router-1.3.4.tgz"
  integrity sha512-+mtn9wjlB9NN2CNnnC/BRYtwdKBfSyyasPYraNAyvaV1occr/5NnB4CVzjEZipNHwYebQwcndGUmpFzxAUoqSA==
  dependencies:
    create-react-context "0.3.0"
@ -2190,7 +2190,7 @@

 "@types/eslint-visitor-keys@^1.0.0":
  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
+  resolved "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz"
  integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==

 "@types/events@*":
@ -2506,7 +2506,7 @@

 "@typescript-eslint/eslint-plugin@^2.24.0":
  version "2.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.34.0.tgz#6f8ce8a46c7dea4a6f1d171d2bb8fbae6dac2be9"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.34.0.tgz"
  integrity sha512-4zY3Z88rEE99+CNvTbXSyovv2z9PNOVffTWD2W8QF5s2prBQtwN2zadqERcrHpcR7O/+KMI3fcTAmUUhK/iQcQ==
  dependencies:
    "@typescript-eslint/experimental-utils" "2.34.0"
@ -2516,7 +2516,7 @@

 "@typescript-eslint/experimental-utils@2.34.0":
  version "2.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
+  resolved "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz"
  integrity sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==
  dependencies:
    "@types/json-schema" "^7.0.3"
@ -2526,7 +2526,7 @@

 "@typescript-eslint/parser@^2.24.0":
  version "2.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.34.0.tgz#50252630ca319685420e9a39ca05fe185a256bc8"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.34.0.tgz"
  integrity sha512-03ilO0ucSD0EPTw2X4PntSIRFtDPWjrVq7C3/Z3VQHRC7+13YB55rcJI3Jt+YgeHbjUdJPcPa7b23rXCBokuyA==
  dependencies:
    "@types/eslint-visitor-keys" "^1.0.0"
@ -2536,7 +2536,7 @@

 "@typescript-eslint/typescript-estree@2.34.0":
  version "2.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz#14aeb6353b39ef0732cc7f1b8285294937cf37d5"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz"
  integrity sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==
  dependencies:
    debug "^4.1.1"
@ -2549,7 +2549,7 @@

 "@webassemblyjs/ast@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
+  resolved "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz"
  integrity sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==
  dependencies:
    "@webassemblyjs/helper-module-context" "1.9.0"
@ -2558,46 +2558,46 @@

 "@webassemblyjs/floating-point-hex-parser@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz#3c3d3b271bddfc84deb00f71344438311d52ffb4"
+  resolved "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz"
  integrity sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==

 "@webassemblyjs/helper-api-error@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz#203f676e333b96c9da2eeab3ccef33c45928b6a2"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz"
  integrity sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==

 "@webassemblyjs/helper-buffer@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz#a1442d269c5feb23fcbc9ef759dac3547f29de00"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz"
  integrity sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==

 "@webassemblyjs/helper-code-frame@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz#647f8892cd2043a82ac0c8c5e75c36f1d9159f27"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz"
  integrity sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==
  dependencies:
    "@webassemblyjs/wast-printer" "1.9.0"

 "@webassemblyjs/helper-fsm@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz#c05256b71244214671f4b08ec108ad63b70eddb8"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz"
  integrity sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==

 "@webassemblyjs/helper-module-context@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz#25d8884b76839871a08a6c6f806c3979ef712f07"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz"
  integrity sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"

 "@webassemblyjs/helper-wasm-bytecode@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz#4fed8beac9b8c14f8c58b70d124d549dd1fe5790"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz"
  integrity sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==

 "@webassemblyjs/helper-wasm-section@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz#5a4138d5a6292ba18b04c5ae49717e4167965346"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz"
  integrity sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"
@ -2607,26 +2607,26 @@

 "@webassemblyjs/ieee754@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz#15c7a0fbaae83fb26143bbacf6d6df1702ad39e4"
+  resolved "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz"
  integrity sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==
  dependencies:
    "@xtuc/ieee754" "^1.2.0"

 "@webassemblyjs/leb128@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.9.0.tgz#f19ca0b76a6dc55623a09cffa769e838fa1e1c95"
+  resolved "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.9.0.tgz"
  integrity sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==
  dependencies:
    "@xtuc/long" "4.2.2"

 "@webassemblyjs/utf8@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.9.0.tgz#04d33b636f78e6a6813227e82402f7637b6229ab"
+  resolved "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.9.0.tgz"
  integrity sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==

 "@webassemblyjs/wasm-edit@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz#3fe6d79d3f0f922183aa86002c42dd256cfee9cf"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz"
  integrity sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"
@ -2640,7 +2640,7 @@

 "@webassemblyjs/wasm-gen@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz#50bc70ec68ded8e2763b01a1418bf43491a7a49c"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz"
  integrity sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"
@ -2651,7 +2651,7 @@

 "@webassemblyjs/wasm-opt@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz#2211181e5b31326443cc8112eb9f0b9028721a61"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz"
  integrity sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"
@ -2661,7 +2661,7 @@

 "@webassemblyjs/wasm-parser@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz#9d48e44826df4a6598294aa6c87469d642fff65e"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz"
  integrity sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"
@ -2673,7 +2673,7 @@

 "@webassemblyjs/wast-parser@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz#3031115d79ac5bd261556cecc3fa90a3ef451914"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz"
  integrity sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"
@ -2685,7 +2685,7 @@

 "@webassemblyjs/wast-printer@1.9.0":
  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz#4935d54c85fef637b00ce9f52377451d00d47899"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz"
  integrity sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==
  dependencies:
    "@webassemblyjs/ast" "1.9.0"
@ -2754,9 +2754,9 @@ acorn@^7.1.1:
  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==

 acorn@^8.0.0:
-  version "8.1.0"
-  resolved "https://registry.npmjs.org/acorn/-/acorn-8.1.0.tgz"
-  integrity sha512-LWCF/Wn0nfHOmJ9rzQApGnxnvgfROzGilS8936rqN/lfcYkY9MYZzdMqN+2NJ4SlTc+m5HiSa+kNfDtI64dwUA==
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.2.4.tgz#caba24b08185c3b56e3168e97d15ed17f4d31fd0"
+  integrity sha512-Ibt84YwBDDA890eDiDCEqcbwvHlBvzzDkU2cGBBDDI1QWT12jTiXIOn2CIw5KK4i6N5Z2HUxwYjzriDyqaqqZg==

 address@1.0.3:
  version "1.0.3"
@ -3376,7 +3376,7 @@ babel-plugin-preval@^3.0.0:

 babel-plugin-remove-graphql-queries@^2.16.1:
  version "2.16.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-2.16.1.tgz#bacfcd87eabdfffe025072c11602a9586cd0285a"
+  resolved "https://registry.npmjs.org/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-2.16.1.tgz"
  integrity sha512-PkHJuRodMp4p617a/ZVhV8elBhRoFpOTpdu2DaApXJFIsDJWhjZ8d4BGbbFCT/yKJrhRDTdqg1r5AhWEaEUKkw==

 "babel-plugin-styled-components@>= 1":
@ -5586,12 +5586,12 @@ dom-serializer@~0.1.0:

 dom-walk@^0.1.0:
  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
+  resolved "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz"
  integrity sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==

 domain-browser@^1.1.1:
  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
+  resolved "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz"
  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==

 domelementtype@1, domelementtype@^1.3.0, domelementtype@^1.3.1:
@ -5953,7 +5953,7 @@ escodegen@^1.9.1:

 eslint-config-react-app@^5.2.1:
  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-5.2.1.tgz#698bf7aeee27f0cea0139eaef261c7bf7dd623df"
+  resolved "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-5.2.1.tgz"
  integrity sha512-pGIZ8t0mFLcV+6ZirRgYK6RVqUIKRIi9MmgzUEmrIknsn3AdO0I32asO86dJgloHq+9ZPl8UIg8mYrvgP5u2wQ==
  dependencies:
    confusing-browser-globals "^1.0.9"
@ -5968,7 +5968,7 @@ eslint-import-resolver-node@^0.3.4:

 eslint-loader@^2.2.1:
  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-loader/-/eslint-loader-2.2.1.tgz#28b9c12da54057af0845e2a6112701a2f6bf8337"
+  resolved "https://registry.npmjs.org/eslint-loader/-/eslint-loader-2.2.1.tgz"
  integrity sha512-RLgV9hoCVsMLvOxCuNjdqOrUqIj9oJg8hF44vzJaYqsAHuY9G2YAeN3joQ9nxP0p5Th9iFSIpKo+SD8KISxXRg==
  dependencies:
    loader-fs-cache "^1.0.0"
@ -5987,7 +5987,7 @@ eslint-module-utils@^2.6.0:

 eslint-plugin-flowtype@^3.13.0:
  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-3.13.0.tgz#e241ebd39c0ce519345a3f074ec1ebde4cf80f2c"
+  resolved "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-3.13.0.tgz"
  integrity sha512-bhewp36P+t7cEV0b6OdmoRWJCBYRiHFlqPZAG1oS3SF+Y0LQkeDvFSM4oxoxvczD1OdONCXMlJfQFiWLcV9urw==
  dependencies:
    lodash "^4.17.15"
@ -6004,7 +6004,7 @@ eslint-plugin-graphql@^4.0.0:

 eslint-plugin-import@^2.22.0:
  version "2.22.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz#0896c7e6a0cf44109a2d97b95903c2bb689d7702"
+  resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz"
  integrity sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw==
  dependencies:
    array-includes "^3.1.1"
@ -6023,7 +6023,7 @@ eslint-plugin-import@^2.22.0:

 eslint-plugin-jsx-a11y@^6.3.1:
  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz#a2d84caa49756942f42f1ffab9002436391718fd"
+  resolved "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz"
  integrity sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==
  dependencies:
    "@babel/runtime" "^7.11.2"
@ -6179,7 +6179,7 @@ estraverse@^5.1.0, estraverse@^5.2.0:

 estree-util-is-identifier-name@^1.0.0:
  version "1.1.0"
-  resolved "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-1.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-1.1.0.tgz#2e3488ea06d9ea2face116058864f6370b37456d"
  integrity sha512-OVJZ3fGGt9By77Ix9NhaRbzfbDV/2rx9EP7YIDJTmsZSEc5kYn2vWcNccYyahJL2uAQZK2a5Or2i0wtIKTPoRQ==

 esutils@^2.0.2:
@ -6447,12 +6447,12 @@ extract-files@9.0.0:

 extsprintf@1.3.0:
  version "1.3.0"
-  resolved "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=

 extsprintf@^1.2.0:
  version "1.4.0"
-  resolved "https://registry.npmjs.org/extsprintf/-/extsprintf-1.4.0.tgz"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=

 fast-copy@^2.1.0:
@ -6985,7 +6985,7 @@ gatsby-legacy-polyfills@^1.2.0:

 gatsby-link@^2.11.0:
  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/gatsby-link/-/gatsby-link-2.11.0.tgz#15e99c89bdde1c99686ce53bda72beb3c9c39455"
+  resolved "https://registry.npmjs.org/gatsby-link/-/gatsby-link-2.11.0.tgz"
  integrity sha512-AYXxndlSx5mnYv+/PBPdPBRvdv1LeSGE3WO8uYj2ReYDSbhiAlF3KKz30D62ErartXP0deySPtRKx4Dd3nCFYw==
  dependencies:
    "@babel/runtime" "^7.12.5"
@ -7124,7 +7124,7 @@ gatsby-plugin-svgr@2.1.0:

 gatsby-plugin-typescript@^2.12.1:
  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-typescript/-/gatsby-plugin-typescript-2.12.1.tgz#cb2f009d5c015a7703578b86608e90d71b55e9ae"
+  resolved "https://registry.npmjs.org/gatsby-plugin-typescript/-/gatsby-plugin-typescript-2.12.1.tgz"
  integrity sha512-p32qJVDi5Xw1Oo5vLMUXdRBxSDlMrfxTGb7etMAsVfyLRlRhMLb2YsuXJIvN1IfybQ6Z3EbhlH293cpxn5jozg==
  dependencies:
    "@babel/core" "^7.12.3"
@ -7144,14 +7144,14 @@ gatsby-plugin-utils@^0.9.0:

 gatsby-react-router-scroll@^3.7.0:
  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/gatsby-react-router-scroll/-/gatsby-react-router-scroll-3.7.0.tgz#4b519c517f09f263275d3ac9001efe3d1f2b5957"
+  resolved "https://registry.npmjs.org/gatsby-react-router-scroll/-/gatsby-react-router-scroll-3.7.0.tgz"
  integrity sha512-8sm04EQac7fccJZlllFEo349wAlNEuPVu35juuL0hgMDTyWlk4nPwPH/ACdpn2MgpEmrTSfp2yPxyzaRKVyzeQ==
  dependencies:
    "@babel/runtime" "^7.12.5"

 gatsby-recipes@^0.9.2:
  version "0.9.2"
-  resolved "https://registry.yarnpkg.com/gatsby-recipes/-/gatsby-recipes-0.9.2.tgz#04ece7eaec2c6f08ac0b71fa2ef1829344b07153"
+  resolved "https://registry.npmjs.org/gatsby-recipes/-/gatsby-recipes-0.9.2.tgz"
  integrity sha512-+jcVzYh7RUxvU1yxdUdUfp06nrwl8y/G9FUWC7izho/t65R3IYTJo2danTwxiva6jPRWLfjfolNwD7m1rQ1KRA==
  dependencies:
    "@babel/core" "^7.12.3"
@ -9536,7 +9536,7 @@ jest-worker@^24.6.0, jest-worker@^24.9.0:

 jest-worker@^25.4.0:
  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-25.5.0.tgz#2611d071b79cea0f43ee57a3d118593ac1547db1"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-25.5.0.tgz"
  integrity sha512-/dsSmUkIy5EBGfv/IjjqmFxrNAUpBERfGs1oHROyD7yxjG/w+t0GOJDX8O1k32ySmd7+a5IhnJU2qQFcJ4n1vw==
  dependencies:
    merge-stream "^2.0.0"
@ -9628,7 +9628,7 @@ jsesc@^2.5.1:

 jsesc@~0.5.0:
  version "0.5.0"
-  resolved "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
  integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=

 json-buffer@3.0.0:
@ -9658,7 +9658,7 @@ json-schema-traverse@^0.4.1:

 json-schema@0.2.3:
  version "0.2.3"
-  resolved "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=

 json-stable-stringify-without-jsonify@^1.0.1:
@ -9699,7 +9699,7 @@ jsonfile@^4.0.0:

 jsonify@~0.0.0:
  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
+  resolved "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz"
  integrity sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=

 jsprim@^1.2.2:
@ -10261,14 +10261,14 @@ mdast-util-definitions@^4.0.0:

 mdast-util-mdx-expression@~0.1.0:
  version "0.1.1"
-  resolved "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-0.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-0.1.1.tgz#fa1a04a5ea6777b0e8db6c120adf03088595df95"
  integrity sha512-SoO8y1B9NjMOYlNdwXMchuTVvqSTlUmXm1P5QvZNPv7OH7aa8qJV+3aA+vl1DHK9Vk1uZAlgwokjvDQhS6bINA==
  dependencies:
    strip-indent "^3.0.0"

 mdast-util-mdx-jsx@~0.1.0:
  version "0.1.4"
-  resolved "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-0.1.4.tgz"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-0.1.4.tgz#868371b90b17337b4f072a07021f7ce19612cf34"
  integrity sha512-67KOAvCmypBSpr+AJEAVQg1Obig5Wnguo4ETTxASe5WVP4TLt57bZjDX/9EW5sWYQsO4gPqLxkUOlypVn5rkhg==
  dependencies:
    mdast-util-to-markdown "^0.6.0"
@ -10280,7 +10280,7 @@ mdast-util-mdx-jsx@~0.1.0:

 mdast-util-mdx@^0.1.1:
  version "0.1.1"
-  resolved "https://registry.npmjs.org/mdast-util-mdx/-/mdast-util-mdx-0.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx/-/mdast-util-mdx-0.1.1.tgz#16acbc6cabe33f4cebeb63fa9cf8be5da1d56fbf"
  integrity sha512-9nncdnHNYSb4HNxY3AwE6gU632jhbXsDGXe9PkkJoEawYWJ8tTwmEOHGlGa2TCRidtkd6FF5I8ogDU9pTDlQyA==
  dependencies:
    mdast-util-mdx-expression "~0.1.0"
@ -10290,7 +10290,7 @@ mdast-util-mdx@^0.1.1:

 mdast-util-mdxjs-esm@~0.1.0:
  version "0.1.1"
-  resolved "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-0.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-0.1.1.tgz#69134a0dad71a59a9e0e9cfdc0633dde31dff69a"
  integrity sha512-kBiYeashz+nuhfv+712nc4THQhzXIH2gBFUDbuLxuDCqU/fZeg+9FAcdRBx9E13dkpk1p2Xwufzs3wsGJ+mISQ==

 mdast-util-to-hast@10.0.1:
@ -10309,7 +10309,7 @@ mdast-util-to-hast@10.0.1:

 mdast-util-to-markdown@^0.6.0, mdast-util-to-markdown@^0.6.1:
  version "0.6.5"
-  resolved "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.5.tgz"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.5.tgz#b33f67ca820d69e6cc527a93d4039249b504bebe"
  integrity sha512-XeV9sDE7ZlOQvs45C9UKMtfTcctcaj/pGwH8YLbMHoMOXNNCn2LsqVQOqrF1+/NU8lKDAqozme9SCXWyo9oAcQ==
  dependencies:
    "@types/unist" "^2.0.0"
@ -10336,7 +10336,7 @@ mdast-util-to-string@^1.0.5, mdast-util-to-string@^1.1.0:

 mdast-util-to-string@^2.0.0:
  version "2.0.0"
-  resolved "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz#b8cfe6a713e1091cb5b728fc48885a4767f8b97b"
  integrity sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==

 mdast-util-toc@^3.1.0:
@ -10478,7 +10478,7 @@ methods@~1.1.2:

 micromark-extension-mdx-expression@^0.3.0, micromark-extension-mdx-expression@^0.3.2, micromark-extension-mdx-expression@~0.3.0:
  version "0.3.2"
-  resolved "https://registry.npmjs.org/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-0.3.2.tgz"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-0.3.2.tgz#827592af50116110dc9ee27201a73c037e61aa27"
  integrity sha512-Sh8YHLSAlbm/7TZkVKEC4wDcJE8XhVpZ9hUXBue1TcAicrrzs/oXu7PHH3NcyMemjGyMkiVS34Y0AHC5KG3y4A==
  dependencies:
    micromark "~2.11.0"
@ -10486,7 +10486,7 @@ micromark-extension-mdx-expression@^0.3.0, micromark-extension-mdx-expression@^0

 micromark-extension-mdx-jsx@~0.3.0:
  version "0.3.3"
-  resolved "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-0.3.3.tgz"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-0.3.3.tgz#68e8e700f2860e32e96ff48e44afb7465d462e21"
  integrity sha512-kG3VwaJlzAPdtIVDznfDfBfNGMTIzsHqKpTmMlew/iPnUCDRNkX+48ElpaOzXAtK5axtpFKE3Hu3VBriZDnRTQ==
  dependencies:
    estree-util-is-identifier-name "^1.0.0"
@ -10496,12 +10496,12 @@ micromark-extension-mdx-jsx@~0.3.0:

 micromark-extension-mdx-md@~0.1.0:
  version "0.1.1"
-  resolved "https://registry.npmjs.org/micromark-extension-mdx-md/-/micromark-extension-mdx-md-0.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdx-md/-/micromark-extension-mdx-md-0.1.1.tgz#277b4e82ada37bfdf222f6c3530e20563d73e064"
  integrity sha512-emlFQEyfx/2aPhwyEqeNDfKE6jPH1cvLTb5ANRo4qZBjaUObnzjLRdzK8RJ4Xc8+/dOmKN8TTRxFnOYF5/EAwQ==

 micromark-extension-mdx@^0.2.0:
  version "0.2.1"
-  resolved "https://registry.npmjs.org/micromark-extension-mdx/-/micromark-extension-mdx-0.2.1.tgz"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdx/-/micromark-extension-mdx-0.2.1.tgz#074b85013909481d23f382f17dced7b4cd173c0a"
  integrity sha512-J+nZegf1ExPz1Ft6shxu8M9WfRom1gwRIx6gpJK1SEEqKzY5LjOR1d/WHRtjwV4KoMXrL53+PoN7T1Rw1euJew==
  dependencies:
    micromark "~2.11.0"
@ -10510,9 +10510,9 @@ micromark-extension-mdx@^0.2.0:
    micromark-extension-mdx-md "~0.1.0"

 micromark-extension-mdxjs-esm@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.npmjs.org/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-0.3.0.tgz"
-  integrity sha512-ZkI/cneSGQFdmB3iOT34n9Zq0Gc6vknAd1o2G7SaiCUY5D9a5ZCvGP/vCjHmlB7f2Y4b4+O1YMLywxYmQeUFwQ==
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-0.3.1.tgz#40a710fe145b381e39a2930db2813f3efaa014ac"
+  integrity sha512-tuLgcELrgY1a5tPxjk+MrI3BdYtwW67UaHZdzKiDYD8loNbxwIscfdagI6A2BKuAkrfeyHF6FW3B8KuDK3ZMXw==
  dependencies:
    micromark "~2.11.0"
    micromark-extension-mdx-expression "^0.3.0"
@ -10520,7 +10520,7 @@ micromark-extension-mdxjs-esm@~0.3.0:

 micromark-extension-mdxjs@^0.3.0:
  version "0.3.0"
-  resolved "https://registry.npmjs.org/micromark-extension-mdxjs/-/micromark-extension-mdxjs-0.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdxjs/-/micromark-extension-mdxjs-0.3.0.tgz#35ecebaf14b8377b6046b659780fd3111196eccd"
  integrity sha512-NQuiYA0lw+eFDtSG4+c7ao3RG9dM4P0Kx/sn8OLyPhxtIc6k+9n14k5VfLxRKfAxYRTo8c5PLZPaRNmslGWxJw==
  dependencies:
    acorn "^8.0.0"
@ -10533,7 +10533,7 @@ micromark-extension-mdxjs@^0.3.0:

 micromark@~2.11.0:
  version "2.11.4"
-  resolved "https://registry.npmjs.org/micromark/-/micromark-2.11.4.tgz"
+  resolved "https://registry.yarnpkg.com/micromark/-/micromark-2.11.4.tgz#d13436138eea826383e822449c9a5c50ee44665a"
  integrity sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==
  dependencies:
    debug "^4.0.0"
@ -12843,7 +12843,7 @@ react-element-to-jsx-string@^14.0.3:

 react-error-overlay@^3.0.0:
  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-3.0.0.tgz#c2bc8f4d91f1375b3dad6d75265d51cd5eeaf655"
+  resolved "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-3.0.0.tgz"
  integrity sha512-XzgvowFrwDo6TWcpJ/WTiarb9UI6lhA4PMzS7n1joK3sHfBBBOQHUc0U4u57D6DWO9vHv6lVSWx2Q/Ymfyv4hw==

 react-fast-compare@^2.0.2:
@ -13164,7 +13164,7 @@ realpath-native@^1.1.0:

 recursive-readdir@2.2.1:
  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.1.tgz#90ef231d0778c5ce093c9a48d74e5c5422d13a99"
+  resolved "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.1.tgz"
  integrity sha1-kO8jHQd4xc4JPJpI105cVCLROpk=
  dependencies:
    minimatch "3.0.3"
@ -13250,12 +13250,12 @@ regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.3.1:

 regexpp@^2.0.1:
  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
+  resolved "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz"
  integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==

 regexpp@^3.0.0:
  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
+  resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz"
  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==

 regexpu-core@^4.2.0, regexpu-core@^4.7.1:
@ -13698,7 +13698,7 @@ rimraf@^3.0.0:

 ripemd160@^2.0.0, ripemd160@^2.0.1:
  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
+  resolved "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz"
  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
  dependencies:
    hash-base "^3.0.0"
@ -13723,21 +13723,21 @@ run-parallel@^1.1.9:

 run-queue@^1.0.0, run-queue@^1.0.3:
  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
+  resolved "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz"
  integrity sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=
  dependencies:
    aproba "^1.1.1"

 rx-lite-aggregates@^4.0.8:
  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
+  resolved "https://registry.npmjs.org/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz"
  integrity sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=
  dependencies:
    rx-lite "*"

 rx-lite@*, rx-lite@^4.0.8:
  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
+  resolved "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz"
  integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=

 rxjs@^6.6.0:
@ -14783,7 +14783,7 @@ strip-indent@^3.0.0:

 strip-json-comments@^3.0.1:
  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==

 strip-json-comments@~2.0.1:
@ -14802,7 +14802,7 @@ strtok3@^6.0.3:

 style-loader@^0.23.1:
  version "0.23.1"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.23.1.tgz#cb9154606f3e771ab6c4ab637026a1049174d925"
+  resolved "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz"
  integrity sha512-XK+uv9kWwhZMZ1y7mysB+zoihsEj4wneFWAS5qoiLwzW0WzSqMrrsIy+a3zkQJq0ipFtBpX5W3MqyRIBF/WFGg==
  dependencies:
    loader-utils "^1.1.0"
@ -15636,7 +15636,7 @@ unist-util-remove-position@^2.0.0:

 unist-util-remove-position@^3.0.0:
  version "3.0.0"
-  resolved "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-3.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-3.0.0.tgz#4cd19e82c8e665f462b6acfcfd0a8353235a88e9"
  integrity sha512-17kIOuolVuK16LMb9KyMJlqdfCtlfQY5FjY3Sdo9iC7F5wqdXhNjMq0PBvMpkVNNnAmHxXssUW+rZ9T2zbP0Rg==
  dependencies:
    unist-util-visit "^2.0.0"
@ -15943,7 +15943,7 @@ vendors@^1.0.0:

 verror@1.10.0:
  version "1.10.0"
-  resolved "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
  dependencies:
    assert-plus "^1.0.0"
@ -16002,7 +16002,7 @@ vlq@^1.0.0:

 vm-browserify@^1.0.1:
  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
+  resolved "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz"
  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==

 w3c-hr-time@^1.0.1:
@ -16026,21 +16026,21 @@ walker@^1.0.7, walker@~1.0.5:

 warning@^4.0.3:
  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  resolved "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz"
  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
  dependencies:
    loose-envify "^1.0.0"

 watchpack-chokidar2@^2.0.1:
  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz#38500072ee6ece66f3769936950ea1771be1c957"
+  resolved "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz"
  integrity sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==
  dependencies:
    chokidar "^2.1.8"

 watchpack@^1.7.4:
  version "1.7.5"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
+  resolved "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz"
  integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
  dependencies:
    graceful-fs "^4.1.2"
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "@primer/css",
-  "version": "16.3.0",
+  "version": "17.0.3",
  "description": "The CSS implementation of GitHub's Primer Design System",
  "homepage": "https://primer.style/css",
  "author": "GitHub, Inc.",
@ -30,7 +30,7 @@
    "release": "changeset publish"
  },
  "dependencies": {
-    "@primer/primitives": "4.3.0"
+    "@primer/primitives": "4.3.4"
  },
  "devDependencies": {
    "@changesets/changelog-github": "0.4.0",
@ -38,28 +38,28 @@
    "@github/prettier-config": "0.0.4",
    "autoprefixer": "10.2.5",
    "cssstats": "4.0.2",
-    "eslint": "7.25.0",
+    "eslint": "7.26.0",
    "eslint-plugin-github": "4.1.3",
    "eslint-plugin-jest": "24.3.6",
    "eslint-plugin-prettier": "3.4.0",
    "filesize": "6.3.0",
    "front-matter": "4.0.2",
-    "fs-extra": "9.1.0",
+    "fs-extra": "10.0.0",
    "globby": "11.0.3",
    "jest": "26.6.3",
    "js-yaml": "4.1.0",
-    "postcss": "8.2.13",
-    "postcss-import": "14.0.1",
+    "postcss": "8.2.15",
+    "postcss-import": "14.0.2",
    "postcss-load-config": "3.0.1",
    "postcss-node-sass": "3.1.0",
    "postcss-scss": "3.0.5",
    "postcss-simple-vars": "6.0.3",
-    "prettier": "2.2.1",
+    "prettier": "2.3.0",
    "semver": "7.3.5",
    "stylelint": "13.13.1",
    "stylelint-config-primer": "11.0.1",
    "stylelint-scss": "3.19.0",
-    "table": "6.6.0"
+    "table": "6.7.1"
  },
  "jest": {
    "testEnvironment": "node",
--- a/src/base/modes-v2.scss
+++ b/src/base/modes-v2.scss
@ -0,0 +1,27 @@
+// EXPERIMENTAL. DO NOT USE.
+
+@import '../support/mixins/color-modes.scss';
+
+@import '@primer/primitives/dist/scss/colors_v2/_light.scss';
+@import '@primer/primitives/dist/scss/colors_v2/_dark.scss';
+@import '@primer/primitives/dist/scss/colors_v2/_dark_dimmed.scss';
+@import '@primer/primitives/dist/scss/colors_v2/_dark_high_contrast.scss';
+
+// Outputs the CSS variables
+// Use :root (html element) to define a default
+
+@include color-mode-theme(light, true) {
+  @include primer-colors_v2-light;
+}
+
+@include color-mode-theme(dark) {
+  @include primer-colors_v2-dark;
+}
+
+@include color-mode-theme(dark_dimmed) {
+  @include primer-colors_v2-dark_dimmed;
+}
+
+@include color-mode-theme(dark_high_contrast) {
+  @include primer-colors_v2-dark_high_contrast;
+}
--- a/src/layout/index.scss
+++ b/src/layout/index.scss
@ -2,3 +2,4 @@
@import "./container.scss";
@import "./grid.scss";
@import "./grid-offset.scss";
+@import "./layout.scss";
--- a/src/layout/layout.scss
+++ b/src/layout/layout.scss
@ -0,0 +1,199 @@
+// Layout component
+
+.Layout {
+  display: grid;
+  --Layout-sidebar-width: #{map-get($sidebar-width, "sm")};
+  --Layout-gutter: 16px;
+
+  @media (max-width: calc(#{$width-sm} - 1px)) {
+    grid-auto-flow: row;
+    grid-template-columns: 1fr !important;
+
+    .Layout-sidebar,
+    .Layout-divider,
+    .Layout-main {
+        width: 100% !important;
+        grid-column: 1 !important;
+      }
+  }
+
+  &.Layout--flowRow-until-md {
+    @media (max-width: calc(#{$width-md} - 1px)) {
+      grid-auto-flow: row;
+      grid-template-columns: 1fr !important;
+
+      .Layout-sidebar,
+      .Layout-divider,
+      .Layout-main {
+        width: 100% !important;
+        grid-column: 1 !important;
+      }
+    }
+  }
+
+  &.Layout--flowRow-until-lg {
+    @media (max-width: calc(#{$width-lg} - 1px)) {
+      grid-auto-flow: row;
+      grid-template-columns: 1fr !important;
+
+      .Layout-sidebar,
+      .Layout-divider,
+      .Layout-main {
+        width: 100% !important;
+        grid-column: 1 !important;
+      }
+    }
+  }
+
+  // Flow as column
+
+  grid-auto-flow: column;
+  grid-template-columns: auto 0 1fr; // sidebar column, separator, main column
+  // stylelint-disable-next-line primer/no-undefined-vars
+  grid-gap: var(--Layout-gutter);
+
+  .Layout-sidebar {
+    grid-column: 1;
+  }
+
+  .Layout-divider {
+    display: none;
+  }
+
+  .Layout-main {
+    grid-column: 2 / span 2;
+  }
+
+  // Gutter spacing
+
+  @include breakpoint(lg) {
+    --Layout-gutter: 24px;
+  }
+
+  &.Layout--gutter-none {
+    --Layout-gutter: 0;
+  }
+
+  &.Layout--gutter-condensed {
+    --Layout-gutter: 16px;
+  }
+
+  &.Layout--gutter-spacious {
+    @include breakpoint(lg) {
+      --Layout-gutter: 32px;
+    }
+
+    @include breakpoint(xl) {
+      --Layout-gutter: 40px;
+    }
+  }
+
+  // Sidebar width
+
+  @each $breakpoint in map-keys($sidebar-width) {
+    @include breakpoint($breakpoint) {
+      --Layout-sidebar-width: #{map-get($sidebar-width, $breakpoint)};
+    }
+  }
+
+  &.Layout--sidebar-narrow {
+    @each $breakpoint in map-keys($sidebar-narrow-width) {
+      @include breakpoint($breakpoint) {
+        --Layout-sidebar-width: #{map-get($sidebar-narrow-width, $breakpoint)};
+      }
+    }
+  }
+
+  &.Layout--sidebar-wide {
+    @each $breakpoint in map-keys($sidebar-wide-width) {
+      @include breakpoint($breakpoint) {
+        --Layout-sidebar-width: #{map-get($sidebar-wide-width, $breakpoint)};
+      }
+    }
+  }
+
+  // Sidebar position
+
+  &.Layout--sidebarPosition-start {
+    .Layout-sidebar {
+      grid-column: 1;
+    }
+
+    .Layout-main {
+      grid-column: 2 / span 2;
+    }
+  }
+
+  &.Layout--sidebarPosition-end {
+    grid-template-columns: 1fr 0 auto;
+
+    .Layout-main {
+      grid-column: 1;
+    }
+
+    .Layout-sidebar {
+      grid-column: 2 / span 2;
+    }
+  }
+
+  // Sidebar divider
+
+  &.Layout--divided {
+    .Layout-divider {
+      display: block;
+      grid-column: 2;
+      width: 1px;
+      // stylelint-disable-next-line primer/spacing
+      margin-right: -1px;
+      // stylelint-disable-next-line primer/colors
+      background: var(--color-border-primary);
+    }
+
+    .Layout-main {
+      grid-column: 3 / span 1;
+    }
+  }
+}
+
+.Layout-divider {
+  display: none;
+  width: 1px;
+}
+
+.Layout-sidebar {
+  // stylelint-disable-next-line primer/no-undefined-vars
+  width: var(--Layout-sidebar-width);
+}
+
+.Layout-main {
+
+  // Centered main column
+  // FIXME: right-aligned sidebar
+  .Layout-main-centered-md,
+  .Layout-main-centered-lg,
+  .Layout-main-centered-xl {
+    margin-right: auto;
+    margin-left: auto;
+
+    > .container-md,
+    > .container-lg,
+    > .container-xl {
+      margin-left: 0;
+    }
+  }
+
+  .Layout-main-centered-md {
+    // stylelint-disable-next-line primer/no-undefined-vars
+    max-width: calc(#{$container-md} + var(--Layout-sidebar-width) + var(--Layout-gutter));
+  }
+
+  .Layout-main-centered-lg {
+    // stylelint-disable-next-line primer/no-undefined-vars
+    max-width: calc(#{$container-lg} + var(--Layout-sidebar-width) + var(--Layout-gutter));
+  }
+
+  .Layout-main-centered-xl {
+    // stylelint-disable-next-line primer/no-undefined-vars
+    max-width: calc(#{$container-xl} + var(--Layout-sidebar-width) + var(--Layout-gutter));
+  }
+}
--- a/src/marketing/buttons/button.scss
+++ b/src/marketing/buttons/button.scss
@ -95,12 +95,12 @@

 // Size modifiers

-.btn-sm-mktg {
+.btn-small-mktg {
  // stylelint-disable-next-line primer/spacing
  padding: rem(10px) rem($spacer-3) rem(13px);
 }

-.btn-lg-mktg {
+.btn-large-mktg {
  // stylelint-disable-next-line primer/spacing
  padding: 20px 30px 23px !important;
 }
--- a/src/marketing/support/variables.scss
+++ b/src/marketing/support/variables.scss
@ -27,7 +27,7 @@ $mktg-h-size-10: 16px !default;
 // Header Line-height steps
 $mktg-h-lh-0:  100px !default;
 $mktg-h-lh-1:  76px !default;
-$mktg-h-lh-2:  64px !default;
+$mktg-h-lh-2:  68px !default;
 $mktg-h-lh-3:  60px !default;
 $mktg-h-lh-4:  52px !default;
 $mktg-h-lh-5:  44px !default;
@ -62,6 +62,11 @@ $mktg-headers: (
  6: [10, 9, 9]
 ) !default;

+// Body content
+$mktg-body-spacing-threshold: 28px !default;
+$mktg-body-weight-threshold: 24px !default;
+$mktg-body-spacing-large: -0.01em !default;
+
 // Body size steps
 $mktg-body-size-0:  48px !default;
 $mktg-body-size-1:  40px !default;
--- a/src/marketing/type/typography.scss
+++ b/src/marketing/type/typography.scss
@ -28,7 +28,7 @@
        font-size: map-get($pairing-md, "size") !important;
        line-height: map-get($pairing-md, "lh") !important;
        @if (map-get($pairing-md, "size") >= $mktg-header-spacing-threshold and map-get($pairing, "size") < $mktg-header-spacing-threshold) {
-          letter-spacing: $mktg-header-spacing-large;
+          letter-spacing: $mktg-header-spacing-large !important;
        }
        @if (map-get($pairing-md, "size") >= $mktg-header-weight-threshold and map-get($pairing, "size") < $mktg-header-weight-threshold) {
          font-weight: $mktg-header-weight-large !important;
@ -41,7 +41,7 @@
        font-size: map-get($pairing-lg, "size") !important;
        line-height: map-get($pairing-lg, "lh") !important;
        @if (map-get($pairing-lg, "size") >= $mktg-header-spacing-threshold and map-get($pairing-md, "size") < $mktg-header-spacing-threshold) {
-          letter-spacing: $mktg-header-spacing-large;
+          letter-spacing: $mktg-header-spacing-large !important;
        }
        @if (map-get($pairing-lg, "size") >= $mktg-header-weight-threshold and map-get($pairing-md, "size") < $mktg-header-weight-threshold) {
          font-weight: $mktg-header-weight-large !important;
@ -60,34 +60,43 @@
 .f6-mktg {
  font-family: $font-mktg;
  font-feature-settings: $mktg-font-feature-settings;
-  font-weight: $font-weight-normal !important;
+  font-weight: $font-weight-normal;
 }

@each $body, $sizes in $mktg-bodies {
  .f#{$body}-mktg {
    $pairing: map-get($mktg-body-pairings, nth($sizes, 1));
+    $pairing-md: map-get($mktg-body-pairings, nth($sizes, 2));
+    $pairing-lg: map-get($mktg-body-pairings, nth($sizes, 3));
+
    font-size: map-get($pairing, "size") !important;
    line-height: map-get($pairing, "lh") !important;
-    @if (map-get($pairing, "size") >= 28px) { letter-spacing: $mktg-header-spacing-default !important; }
-    @if (map-get($pairing, "size") >= 24px) { font-weight: $font-weight-semibold !important; }
+    @if (map-get($pairing, "size") >= $mktg-body-spacing-threshold) { letter-spacing: $mktg-body-spacing-large !important; }
+    @if (map-get($pairing, "size") >= $mktg-body-weight-threshold) { font-weight: $font-weight-semibold; }

    @if (nth($sizes, 1) != nth($sizes, 2)) {
      @include breakpoint(md) {
-        $pairing: map-get($mktg-body-pairings, nth($sizes, 2));
-        font-size: map-get($pairing, "size") !important;
-        line-height: map-get($pairing, "lh") !important;
-        @if (map-get($pairing, "size") >= 28px) { letter-spacing: $mktg-header-spacing-default !important; }
-        @if (map-get($pairing, "size") >= 24px) { font-weight: $font-weight-semibold !important; }
+        font-size: map-get($pairing-md, "size") !important;
+        line-height: map-get($pairing-md, "lh") !important;
+        @if (map-get($pairing-md, "size") >= $mktg-body-spacing-threshold and map-get($pairing, "size") < $mktg-body-spacing-threshold) {
+          letter-spacing: $mktg-body-spacing-large !important;
+        }
+        @if (map-get($pairing-md, "size") >= $mktg-body-weight-threshold and map-get($pairing, "size") < $mktg-body-weight-threshold) {
+          font-weight: $font-weight-semibold;
+        }
      }
    }

    @if (nth($sizes, 2) != nth($sizes, 3)) {
      @include breakpoint(lg) {
-        $pairing: map-get($mktg-body-pairings, nth($sizes, 3));
-        font-size: map-get($pairing, "size") !important;
-        line-height: map-get($pairing, "lh") !important;
-        @if (map-get($pairing, "size") >= 28px) { letter-spacing: $mktg-header-spacing-default !important; }
-        @if (map-get($pairing, "size") >= 24px) { font-weight: $font-weight-semibold !important; }
+        font-size: map-get($pairing-lg, "size") !important;
+        line-height: map-get($pairing-lg, "lh") !important;
+        @if (map-get($pairing-lg, "size") >= $mktg-body-spacing-threshold and map-get($pairing-md, "size") < $mktg-body-spacing-threshold) {
+          letter-spacing: $mktg-body-spacing-large !important;
+        }
+        @if (map-get($pairing-lg, "size") >= $mktg-body-weight-threshold and map-get($pairing-md, "size") < $mktg-body-weight-threshold) {
+          font-weight: $font-weight-semibold;
+        }
      }
    }
  }
--- a/src/navigation/menu.scss
+++ b/src/navigation/menu.scss
@ -33,11 +33,15 @@
    &::before { border-bottom-left-radius: $border-radius; }
  }

-  &:focus,
+  &:focus {
+    z-index: 1;
+    outline: none;
+    box-shadow: var(--color-state-focus-shadow);
+  }
+
  &:hover {
    text-decoration: none;
    background-color: var(--color-state-hover-secondary-bg);
-    outline: none;
  }

  &:active {
--- a/src/navigation/sidenav.scss
+++ b/src/navigation/sidenav.scss
@ -43,8 +43,13 @@

 // States

-.SideNav-item:hover,
 .SideNav-item:focus {
+  z-index: 1;
+  outline: none;
+  box-shadow: var(--color-state-focus-shadow);
+}
+
+.SideNav-item:hover {
  text-decoration: none;
  background-color: var(--color-state-hover-secondary-bg);
  outline: none;
--- a/src/support/variables/layout.scss
+++ b/src/support/variables/layout.scss
@ -173,3 +173,40 @@ $responsive-positions: (
  fixed,
  sticky
 ) !default;
+
+$sidebar-width: (
+  sm: 220px,
+  md: 256px,
+  lg: 296px,
+  xl: 320px
+) !default;
+
+$sidebar-narrow-width: (
+  md: 240px,
+  lg: 256px,
+  xl: 296px
+) !default;
+
+$sidebar-wide-width: (
+  md: 296px,
+  lg: 320px,
+  xl: 344px
+) !default;
+
+$gutter: (
+  md: $spacer-3,
+  lg: $spacer-4,
+  xl: $spacer-5
+) !default;
+
+$gutter-condensed: (
+  md: $spacer-3,
+  lg: $spacer-3,
+  xl: $spacer-4
+) !default;
+
+$gutter-spacious: (
+  md: $spacer-4,
+  lg: $spacer-5,
+  xl: $spacer-6
+) !default;
--- a/yarn.lock
+++ b/yarn.lock
@ -511,10 +511,10 @@
    exec-sh "^0.3.2"
    minimist "^1.2.0"

-"@eslint/eslintrc@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.0.tgz#99cc0a0584d72f1df38b900fb062ba995f395547"
-  integrity sha512-2ZPCc+uNbjV5ERJr+aKSPRwZgKd2z11x0EgLvb1PURmUrn9QNRXFqje0Ldq454PfAVyaJYyrDvvIKSFP4NnBog==
+"@eslint/eslintrc@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.1.tgz#442763b88cecbe3ee0ec7ca6d6dd6168550cbf14"
+  integrity sha512-5v7TDE9plVhvxQeWLXDTvFvJBdH6pEsdnl2g/dAptmuFEPedQ4Erq5rsDsX+mvAM610IhNaO2W5V1dOOnDKxkQ==
  dependencies:
    ajv "^6.12.4"
    debug "^4.1.1"
@ -760,10 +760,10 @@
    "@nodelib/fs.scandir" "2.1.4"
    fastq "^1.6.0"

-"@primer/primitives@4.3.0":
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/@primer/primitives/-/primitives-4.3.0.tgz#446e868cd1c48437cbc3340c52b159ec2e015b78"
-  integrity sha512-djXxll2yVTufmhnHA1H9bMT8I3S0ID6GlSewAJvKHlv80I+5AoZASVBF+WedtH/SyloLM5wyk+Tqj1ZNmy2+RQ==
+"@primer/primitives@4.3.4":
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/@primer/primitives/-/primitives-4.3.4.tgz#5b3d8b8edb9b3c11218e9d4da906705d52b9892c"
+  integrity sha512-2pA7P7rqX6Iz9yp/Z2LiPsRz35OmUR3SNryHiLXazGaJRbS+qlaU9/PPcw74d46/VG/dKcZQJOzsbPKcRq183g==

 "@sinonjs/commons@^1.7.0":
  version "1.8.2"
@ -1261,11 +1261,6 @@ asynckit@^0.4.0:
  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=

-at-least-node@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
-  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
-
 atob@^2.1.2:
  version "2.1.2"
  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
@ -2434,13 +2429,13 @@ eslint-visitor-keys@^2.0.0:
  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8"
  integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==

-eslint@7.25.0:
-  version "7.25.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.25.0.tgz#1309e4404d94e676e3e831b3a3ad2b050031eb67"
-  integrity sha512-TVpSovpvCNpLURIScDRB6g5CYu/ZFq9GfX2hLNIV4dSBKxIWojeDODvYl3t0k0VtMxYeR8OXPCFE5+oHMlGfhw==
+eslint@7.26.0:
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.26.0.tgz#d416fdcdcb3236cd8f282065312813f8c13982f6"
+  integrity sha512-4R1ieRf52/izcZE7AlLy56uIHHDLT74Yzz2Iv2l6kDaYvEu9x+wMB5dZArVL8SYGXSYV2YAg70FcW5Y5nGGNIg==
  dependencies:
    "@babel/code-frame" "7.12.11"
-    "@eslint/eslintrc" "^0.4.0"
+    "@eslint/eslintrc" "^0.4.1"
    ajv "^6.10.0"
    chalk "^4.0.0"
    cross-spawn "^7.0.2"
@ -2843,12 +2838,11 @@ front-matter@4.0.2:
  dependencies:
    js-yaml "^3.13.1"

-fs-extra@9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
-  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+fs-extra@10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.0.0.tgz#9ff61b655dde53fb34a82df84bb214ce802e17c1"
+  integrity sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==
  dependencies:
-    at-least-node "^1.0.0"
    graceful-fs "^4.2.0"
    jsonfile "^6.0.1"
    universalify "^2.0.0"
@ -4454,11 +4448,6 @@ lodash.clonedeep@^4.5.0:
  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
  integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=

-lodash.flatten@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
-  integrity sha1-8xwiIlqWMtK7+OSt2+8kCqdlph8=
-
 lodash.startcase@^4.4.0:
  version "4.4.0"
  resolved "https://registry.yarnpkg.com/lodash.startcase/-/lodash.startcase-4.4.0.tgz#9436e34ed26093ed7ffae1936144350915d9add8"
@ -4734,9 +4723,9 @@ mixin-deep@^1.2.0:
    is-extendable "^1.0.1"

 mixme@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/mixme/-/mixme-0.5.0.tgz#7a7ebbb51251724b18054c63c91f5487c0b030ab"
-  integrity sha512-YyyBIzqe6EEi5xcnN66LXVVvwijMF51liPT9ZqsrHim9s2MgEg4jxI8gsSF6R7pzAotjvBiERC90bbnwAqiDHg==
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/mixme/-/mixme-0.5.1.tgz#b3da79a563b2da46efba9519830059e4c2a9e40f"
+  integrity sha512-NaeZIckeBFT7i0XBEpGyFcAE0/bLcQ9MHErTpnU3bLWVE5WZbxG5Y3fDsMxYGifTo5khDA42OquXCC2ngKJB+g==

 "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1:
  version "0.5.5"
@ -4771,10 +4760,10 @@ nan@^2.13.2:
  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19"
  integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==

-nanoid@^3.1.22:
-  version "3.1.22"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.22.tgz#b35f8fb7d151990a8aebd5aa5015c03cf726f844"
-  integrity sha512-/2ZUaJX2ANuLtTvqTlgqBQNJoQO398KyJgZloL0PZkC0dpysjncRUPsFe3DUPzz/y3h+u7C46np8RMuvF3jsSQ==
+nanoid@^3.1.23:
+  version "3.1.23"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
+  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==

 nanomatch@^1.2.9:
  version "1.2.13"
@ -5351,10 +5340,10 @@ postcss-html@^0.36.0:
  dependencies:
    htmlparser2 "^3.10.0"

-postcss-import@14.0.1:
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.0.1.tgz#6a3f8f2ce74a95fc7c72ecfe3eddfa0e9124e677"
-  integrity sha512-Xn2+z++vWObbEPhiiKO1a78JiyhqipyrXHBb3AHpv0ks7Cdg+GxQQJ24ODNMTanldf7197gSP3axppO9yaG0lA==
+postcss-import@14.0.2:
+  version "14.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.0.2.tgz#60eff77e6be92e7b67fe469ec797d9424cae1aa1"
+  integrity sha512-BJ2pVK4KhUyMcqjuKs9RijV5tatNzNa73e/32aBVE/ejYPe37iH+6vAu9WvqUkB5OAYgLHzbSvzHnorybJCm9g==
  dependencies:
    postcss-value-parser "^4.0.0"
    read-cache "^1.0.0"
@ -5469,13 +5458,13 @@ postcss-values-parser@^4.0.0:
    is-url-superb "^4.0.0"
    postcss "^7.0.5"

-postcss@8.2.13, postcss@^8.1.0, postcss@^8.1.4, postcss@^8.2.4, postcss@^8.2.7:
-  version "8.2.13"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.13.tgz#dbe043e26e3c068e45113b1ed6375d2d37e2129f"
-  integrity sha512-FCE5xLH+hjbzRdpbRb1IMCvPv9yZx2QnDarBEYSN0N0HYk+TcXsEhwdFcFb+SRWOKzKGErhIEbBK2ogyLdTtfQ==
+postcss@8.2.15, postcss@^8.1.0, postcss@^8.1.4, postcss@^8.2.4, postcss@^8.2.7:
+  version "8.2.15"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.15.tgz#9e66ccf07292817d226fc315cbbf9bc148fbca65"
+  integrity sha512-2zO3b26eJD/8rb106Qu2o7Qgg52ND5HPjcyQiK2B98O388h43A448LCslC0dI2P97wCAQRJsFvwTRcXxTKds+Q==
  dependencies:
    colorette "^1.2.2"
-    nanoid "^3.1.22"
+    nanoid "^3.1.23"
    source-map "^0.6.1"

 postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.31, postcss@^7.0.32, postcss@^7.0.35, postcss@^7.0.5, postcss@^7.0.6:
@ -5514,10 +5503,10 @@ prettier-linter-helpers@^1.0.0:
  dependencies:
    fast-diff "^1.1.2"

-prettier@2.2.1, prettier@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
-  integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==
+prettier@2.3.0, prettier@^2.2.1:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18"
+  integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w==

 prettier@^1.19.1:
  version "1.19.1"
@ -6615,14 +6604,13 @@ symbol-tree@^3.2.4:
  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==

-table@6.6.0, table@^6.0.4, table@^6.6.0:
-  version "6.6.0"
-  resolved "https://registry.yarnpkg.com/table/-/table-6.6.0.tgz#905654b79df98d9e9a973de1dd58682532c40e8e"
-  integrity sha512-iZMtp5tUvcnAdtHpZTWLPF0M7AgiQsURR2DwmxnJwSy8I3+cY+ozzVvYha3BOLG2TB+L0CqjIz+91htuj6yCXg==
+table@6.7.1, table@^6.0.4, table@^6.6.0:
+  version "6.7.1"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.7.1.tgz#ee05592b7143831a8c94f3cee6aae4c1ccef33e2"
+  integrity sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==
  dependencies:
    ajv "^8.0.1"
    lodash.clonedeep "^4.5.0"
-    lodash.flatten "^4.4.0"
    lodash.truncate "^4.4.2"
    slice-ansi "^4.0.0"
    string-width "^4.2.0"